body{background-color:#f3f3f3}.main .container{margin:74px auto 120px;background-color:#fff}@media only all and (max-width:1000px){.main .container{margin:24px auto 80px}}.main .sub-container .title{font-family:OPPOSans;font-weight:700;font-size:28px;color:#222;padding-top:80px;padding-bottom:37px;line-height:1.6}@media only all and (max-width:1000px){.main .sub-container .title{font-size:24px;color:#222;padding-top:40px;padding-bottom:14px}}.main .sub-container .time{font-family:OPPOSans;font-weight:400;font-size:16px;color:#bbb}.main .sub-container .html-box{margin:18px 0 116px;padding:40px 0;border-top:2px solid #cdcdcd;border-bottom:2px solid #cdcdcd}@media only all and (max-width:1000px){.main .sub-container .html-box{margin:18px 0 66px}}.main .sub-container .html-box p{font-size:16px!important;color:#222;line-height:1.6;margin: 12px 0;}.main .sub-container .html-box img{display:block;width:100%;height:auto;margin:0 auto;}.main .sub-container .pagesbtn{display:block;font-family:OPPOSans;font-size:16px;padding-bottom:50px;width:368px;color:#bbb;width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis}@media only all and (max-width:1000px){.main .sub-container .pagesbtn{padding-bottom:20px}}.main .sub-container .pagesbtn:hover,.main .sub-container .pagesbtn:hover span{color:#eb6100!important}.main .sub-container .pagesbtn span{color:#222;margin-left:30px}

.footer{background-color:#333;margin-top:1rem}.footer .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.footer .container-top{padding-top:1.23rem;padding-bottom:1rem}.footer .container-top .line{height:1px;background:#fff;margin-top:.26rem}.footer .container-bottom{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%}.footer .container-bottom,.footer .container-bottom-left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.footer .container-bottom-left{font-size:.16rem;color:#fff;line-height:.33rem;gap:.75rem}.footer .container-bottom-left>ul>li:first-of-type{font-size:.2rem;line-height:.28rem;margin-bottom:.35rem}
.footer .container-bottom-left ul li{color:#fff;}.footer .container-bottom-left>ul>li:first-of-type.active{color:#eb6100}.footer .container-bottom-right li{font-size:.2rem;color:#fff;line-height:.33rem}

.footer .container-bottom-left ul li{color:#fff;line-height: .33rem;font-size:.16rem;cursor: pointer;}.footer .container-bottom-left ul li:hover{color:#eb6100}.footer .container-top .logo{width:1.2rem;} .footer .container-top .arrow-top{width:10px;height:10px;transform: rotate(45deg);border-top: 1px solid #eb6100;border-left: 1px solid #eb6100;float: right;display:flex;cursor: pointer;}.footer .container-top .arrow-top:before{content: '';width: 15px;height: 2px;background-color: #eb6100;transform: rotate(-45deg);    margin-top: -5px;margin-left: -11px;cursor: pointer;}
.main .sub-container .html-box *{
  font-weight: inherit;
}

.main .sub-container .html-box b,.main .sub-container .html-box strong{
  font-weight: bold;
}
@media (max-width: 980px) {

  .main .container{
    padding-bottom: 40px;
    margin-bottom: 0;
  }
  .main .sub-container .pagesbtn{
    margin-bottom: 20px;
  }
}
@media(max-width: 500px){.footer .container-bottom-left{gap:.45rem}}
@media (max-width: 768px) {
  .showMobile .sub-container{
    width: 96%;
  }
  .main .container{
    margin: 12px auto 30px; 
  }
  .main{
    padding-bottom: 0;
  }

  .main .sub-container .title {
    font-size: 18px;
    color: #222;
    padding-top: 10px;
    padding-bottom: 9px;
}

.main .sub-container .html-box p {
  font-size: 14px!important;
  color: #222;
  line-height: 1.6;
  margin: 10px 0!important;
}
.main .sub-container .html-box {
  margin: 17px 0 40px;
  padding: 9px 0 20px 0;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
}
  .main .sub-container .html-box img{
    width: 100%!important;
    height: auto!important;
  }
    .main .product-platform .product-components>div ul li {
        margin:0 10px;
    }

    header .logo {
        width: 1.2rem;
        height: auto;
    }

    .main .product-platform {
        padding: .91rem 0;
    }

    .main .common-banner-wrap .common-banner-title {
        font-size: .25rem;
        margin-bottom: 15px;
    }

    .main .application-area {
        padding-top: .82rem;
        padding-bottom: .915rem;
    }

    .main .application-area h1 {
        margin-bottom: .8rem
    }
}