.base-wrapper{position:relative;padding-top:0.6rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";color:#000000;background:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.base-wrapper *{box-sizing:border-box}.base-wrapper picture{display:block}.base-wrapper img{display:block;width:100%}.base-container{position:relative}.section{position:relative;overflow:hidden;box-sizing:border-box}.inner-content{position:relative;width:13.12rem;margin:0 auto;box-sizing:border-box;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.move-video,.canvas-video{display:none}@media only screen and (max-width: 767px){.pw-wrapper{padding-top:0.5rem}.inner-content{width:3.2rem}.canvas-video{display:block}.section1{min-height:7.2rem}.section1 .inner-content{position:absolute;right:0;bottom:0;left:0;height:100%}.section1 .kv-intro{position:absolute;top:0.64rem;left:0}.section1 .kv-title{width:1.8rem;line-height:0.64rem;font-size:0.52rem}.section1 .kv-subtitle{width:2.4rem;line-height:0.32rem;margin-top:0.08rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section2{padding:0.96rem 0;background:#F4F4F4}.section2 .icon-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.section2 .icon-list li{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:50%;margin-top:0.32rem}.section2 .icon-list li:nth-of-type(-n+2){margin-top:0}.section2 .icon-list .icon-image{width:0.5rem}.section2 .icon-list .icon-text{width:100%;line-height:0.24rem;margin-top:0.1rem;font-size:0.12rem;text-align:center}.section3{padding-bottom:0.8rem;background:#F4F4F4}.section3 .inner-content{padding-top:4.82rem}.section3 .intro-title{position:absolute;top:0;left:0;line-height:0.56rem;font-size:0.36rem}.section3 .intro-subtitle{line-height:0.44rem;margin-top:0.32rem;font-size:0.28rem}.section3 .intro-description{line-height:0.28rem;margin-top:0.2rem;font-size:0.16rem;letter-spacing:-0.004rem}.section3 .move-image-item{position:absolute;top:1.76rem;left:0;width:100%;height:2.7rem}.section3 .move-image-item::before{content:'';position:absolute;top:0;right:-0.2rem;bottom:0;left:-0.2rem;background:linear-gradient(to bottom, #C0E5F1, #E1EBEF)}.section3 .move-image-item .move-video-item{position:absolute;bottom:0;left:50%;width:2.9rem;height:2.7rem;border:0.1rem solid transparent;border-top:none;border-bottom:none;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);overflow:hidden}.section3 .move-image-item .move-video-item video,.section3 .move-image-item .move-video-item canvas{display:block;width:100%;-webkit-transform:translate3d(0, -1.8rem, 0);transform:translate3d(0, -1.8rem, 0)}.section3 .move-image-item .move-image{position:absolute;bottom:0;left:50%;width:2.9rem;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.section3 .image-rate{position:absolute;top:4.58rem;left:0;width:100%;font-size:0;text-align:center}.section3 .image-rate .rate-item{display:inline-block;width:1.4rem;line-height:0.24rem;font-size:0.12rem}.section4 .inner-content{height:9.92rem;padding-top:0.8rem}.section4 .intro-title{line-height:0.44rem;font-size:0.28rem}.section4 .intro-subtitle{line-height:0.32rem;margin-top:0.2rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section4 .intro-description{line-height:0.28rem;margin-top:0.12rem;font-size:0.16rem;letter-spacing:-0.005rem}.section4 .color-select{width:3.04rem;margin-top:0.5rem}.section4 .color-select li{line-height:0.7rem;font-size:0.16rem;color:rgba(0,0,0,0.6);cursor:pointer}.section4 .color-select li+li{border-top:0.01rem solid rgba(0,0,0,0.15)}.section4 .color-select li.active{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.section4 .color-select-image{position:absolute;bottom:0;left:50%;width:2.07rem;height:3.92rem;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.section4 .color-select-image .image{position:absolute;top:0;left:0;width:100%;opacity:0;transition:all .6s ease-in-out}.section4 .color-select-image .image.on{opacity:1}.section5{background:linear-gradient(180deg, #BAE2F0 0%, #DAF1F9 26%, #E2ECEF 100%)}.section5 .inner-content{height:7.66rem;padding-top:0.8rem}.section5 .intro-item .intro-title{line-height:0.44rem;font-size:0.28rem}.section5 .intro-item .intro-subtitle{line-height:0.44rem;font-size:0.28rem;color:rgba(0,0,0,0.7);letter-spacing:-0.012rem}.section5 .intro-item .intro-description{line-height:0.28rem;margin-top:0.2rem;font-size:0.16rem;letter-spacing:-0.007rem}.section5 .params-list{display:-ms-flexbox;display:flex;margin-top:0.32rem}.section5 .params-list li+li{margin-left:0.8rem}.section5 .params-list .params-data{line-height:0.44rem;font-size:0.28rem}.section5 .params-list .params-data span{line-height:0.24rem;margin-left:0.04rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.14rem}.section5 .params-list .params-desc{line-height:0.24rem;font-size:0.12rem;letter-spacing:-0.004rem}.section5 .intro-image{position:absolute;bottom:0;right:0;width:3.04rem}.section5 .fingerprint{position:absolute;top:1.05rem;right:1.33rem;width:0.22rem;opacity:0;transition:all .6s}.section5 .fingerprint.active{opacity:1}.section6{padding-top:0.96rem;padding-bottom:0.8rem}.section6 .section-title{line-height:0.56rem;margin-bottom:0.96rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.36rem}.section6 .intro-item{position:relative}.section6 .intro-item:nth-of-type(2) .intro-description{letter-spacing:-0.008rem}.section6 .intro-item+.intro-item{margin-top:0.8rem}.section6 .intro-item .intro-image{height:2.4rem;margin-top:0.64rem}.section6 .intro-item .intro-title{width:2.6rem;line-height:0.44rem;font-size:0.28rem;letter-spacing:-0.01rem}.section6 .intro-item .intro-description{line-height:0.28rem;margin-top:0.2rem;font-size:0.16rem;letter-spacing:-0.007rem}.section6 .params-list{display:-ms-flexbox;display:flex;margin-top:0.32rem}.section6 .params-list li+li{margin-left:0.6rem}.section6 .params-list .params-data{line-height:0.44rem;font-size:0.28rem}.section6 .params-list .params-data span{line-height:0.24rem;margin-left:0.04rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.14rem}.section6 .params-list .params-desc{line-height:0.24rem;font-size:0.14rem}.section7 .inner-content{position:absolute;right:0;bottom:0;left:0;height:100%}.section7 .image-bg{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.section7 .intro-item{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:0.2rem;opacity:0;visibility:hidden;transition:all .6s ease}.section7 .intro-item:nth-of-type(2) .intro-description{letter-spacing:-0.008rem}.section7 .intro-item.active{opacity:1;visibility:visible}.section7 .intro-item .intro-title{line-height:0.44rem;font-size:0.28rem}.section7 .intro-item .intro-subtitle{line-height:0.32rem;margin-top:0.32rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section7 .intro-item .intro-description{width:3.3rem;line-height:0.28rem;margin-top:0.2rem;font-size:0.16rem;letter-spacing:-0.01rem}.section7 .params-list{margin-top:0.32rem}.section7 .params-list li+li{margin-left:0.7rem}.section7 .params-list .params-data{line-height:0.44rem;font-size:0.28rem}.section7 .params-list .params-data span{line-height:0.24rem;margin-left:0.04rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.14rem}.section7 .params-list .params-desc{line-height:0.24rem;font-size:0.12rem}.section8{padding:0.8rem 0}.section8 .intro-title{line-height:0.44rem;font-size:0.28rem;letter-spacing:-0.004rem}.section8 .intro-subtitle{line-height:0.44rem;font-size:0.28rem;color:rgba(0,0,0,0.7);letter-spacing:-0.004rem}.section8 .intro-description{line-height:0.32rem;margin-top:0.2rem;font-size:0.16rem}.section8 .intro-icon{width:0.5rem;margin-top:0.32rem}.section8 .intro-image{margin-top:0.64rem}.section9{height:9.3rem;background:#F4F4F4}.section9 .inner-content{padding-top:0.96rem}.section9 .section-title{line-height:0.56rem;margin-bottom:0.96rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.36rem}.section9 .intro-item .intro-title{line-height:0.44rem;font-size:0.28rem}.section9 .intro-item .intro-description{line-height:0.28rem;margin-top:0.2rem;font-size:0.16rem;letter-spacing:-0.003rem}.section9 .lock-item{position:absolute;bottom:0;left:50%;width:2.33rem;height:3.98rem;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.section10{padding:0.8rem 0}.section10 .intro-item{min-height:3.2rem;margin-top:0.32rem}.section10 .intro-item.normal{margin-top:0}.section10 .intro-item .intro-title{line-height:0.24rem;margin-top:0.12rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem}.section10 .intro-item .intro-subtitle{line-height:0.24rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem;color:rgba(0,0,0,0.7)}.section10 .intro-item .intro-description{line-height:0.24rem;font-size:0.12rem;letter-spacing:-0.007rem}.section11{padding:0.96rem 0;background:#EBF0F7}.section11 .section-title{line-height:0.56rem;margin-bottom:0.96rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.36rem}.section11 .title{line-height:0.44rem;font-size:0.28rem}.section11 .description{line-height:0.28rem;margin-top:0.2rem;font-size:0.16rem;letter-spacing:-0.009rem}.section11 .side-row{margin-top:0.8rem}.section11 .side-row .side-right{margin-top:0.32rem}.section11 .intro-item{position:relative}.section11 .intro-item .intro-image{width:100%;height:3.2rem}.section11 .intro-item .intro-title{line-height:0.2rem;margin-top:0.12rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem}.section11 .intro-item .intro-description{line-height:0.2rem;font-size:0.12rem}.section11 .link-item{margin-top:0.96rem;text-align:center}.section11 .about-text{line-height:0.32rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem}.section11 .btn-learn-more{display:inline-block;line-height:0.24rem;border-bottom:0.01rem solid #000000;font-size:0.12rem}.section12{padding:0.96rem 0}.section12 .disclaimer-title{line-height:0.2rem;font-size:0.12rem;color:rgba(0,0,0,0.7)}.section12 .disclaimer-list li{line-height:0.2rem;font-size:0.12rem;color:rgba(0,0,0,0.7);letter-spacing:-0.003rem}}@media only screen and (min-width: 768px) and (max-width: 1023px){.inner-content{width:7.2rem}.canvas-video{display:block}.section1{min-height:8.96rem}.section1 .inner-content{position:absolute;right:0;bottom:0;left:0;height:100%}.section1 .kv-intro{position:absolute;top:0.96rem;left:0}.section1 .kv-title{width:1.8rem;line-height:0.72rem;font-size:0.6rem}.section1 .kv-subtitle{width:2.4rem;line-height:0.32rem;margin-top:0.1rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section2{padding:0.96rem 0;background:#F4F4F4}.section2 .icon-list{display:-ms-flexbox;display:flex}.section2 .icon-list li{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:25%}.section2 .icon-list .icon-image{width:0.65rem}.section2 .icon-list .icon-text{width:100%;line-height:0.24rem;margin-top:0.2rem;font-size:0.14rem;text-align:center}.section3{padding-bottom:0.8rem;text-align:center;background:#F4F4F4}.section3 .intro-title{line-height:0.64rem;font-size:0.36rem}.section3 .intro-subtitle{line-height:0.64rem;margin-top:-0.15rem;font-size:0.36rem;color:rgba(0,0,0,0.6)}.section3 .intro-description{width:6.2rem;line-height:0.32rem;margin:0.2rem auto 0;font-size:0.16rem;letter-spacing:-0.006rem}.section3 .move-image-item{position:relative;height:3.73rem;margin-top:0.64rem;overflow:hidden}.section3 .move-image-item::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom, #C0E5F1, #E1EBEF)}.section3 .move-image-item .move-video-item{position:absolute;bottom:0;left:50%;width:6.14rem;height:3.73rem;border:0.2rem solid transparent;border-top:none;border-bottom:none;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);overflow:hidden}.section3 .move-image-item .move-video-item video,.section3 .move-image-item .move-video-item canvas{display:block;width:100%;-webkit-transform:translate3d(0, -1.8rem, 0);transform:translate3d(0, -1.8rem, 0)}.section3 .move-image-item .move-image{position:absolute;bottom:0;left:50%;width:6.14rem;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.section3 .image-rate{margin-top:0.15rem;font-size:0;text-align:center}.section3 .image-rate .rate-item{display:inline-block;width:2.8rem;line-height:0.28rem;font-size:0.16rem}.section4 .inner-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:calc(100vh - 0.6rem)}.section4 .intro-item{width:3.8rem}.section4 .intro-title{line-height:0.64rem;font-size:0.36rem}.section4 .intro-subtitle{line-height:0.44rem;margin-top:0.2rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.24rem}.section4 .intro-description{width:3.7rem;line-height:0.32rem;margin-top:0.32rem;font-size:0.16rem}.section4 .color-select{width:3rem;margin-top:0.7rem}.section4 .color-select li{line-height:0.7rem;font-size:0.2rem;color:rgba(0,0,0,0.6);cursor:pointer}.section4 .color-select li+li{border-top:0.01rem solid rgba(0,0,0,0.15)}.section4 .color-select li.active{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.section4 .color-select-image{position:absolute;top:50%;right:0.77rem;width:2.01rem;height:6.2rem;-webkit-transform:translate3d(0, -3.1rem, 0);transform:translate3d(0, -3.1rem, 0)}.section4 .color-select-image .image{position:absolute;top:0;left:0;width:100%;opacity:0;transition:all .6s ease-in-out}.section4 .color-select-image .image.on{opacity:1}.section5{background:linear-gradient(180deg, #BAE2F0 0%, #DAF1F9 26%, #E2ECEF 100%)}.section5 .inner-content{height:10.24rem;padding-top:0.8rem}.section5 .intro-item{width:6rem}.section5 .intro-item .intro-title{line-height:0.64rem;font-size:0.42rem}.section5 .intro-item .intro-subtitle{line-height:0.56rem;margin-top:-0.1rem;font-size:0.36rem;color:rgba(0,0,0,0.6)}.section5 .intro-item .intro-description{line-height:0.32rem;margin-top:0.2rem;font-size:0.16rem}.section5 .params-list{display:-ms-flexbox;display:flex;margin-top:0.32rem}.section5 .params-list li+li{margin-left:1.2rem}.section5 .params-list .params-data{line-height:0.56rem;font-size:0.36rem}.section5 .params-list .params-data span{line-height:0.32rem;margin-left:0.04rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section5 .params-list .params-desc{line-height:0.24rem;font-size:0.12rem}.section5 .intro-image{position:absolute;bottom:0;right:0;width:7.28rem}.section5 .fingerprint{position:absolute;top:2rem;right:4.16rem;width:0.42rem;opacity:0;transition:all .6s}.section5 .fingerprint.active{opacity:1}.section6{padding-top:0.96rem;padding-bottom:0.8rem}.section6 .section-title{line-height:0.96rem;margin-bottom:0.96rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.52rem;text-align:center}.section6 .intro-item{position:relative}.section6 .intro-item+.intro-item{margin-top:0.8rem}.section6 .intro-item .intro-image{height:4.06rem;margin-top:0.64rem}.section6 .intro-item .intro-title{line-height:0.64rem;font-size:0.36rem}.section6 .intro-item .intro-description{width:5.7rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.16rem}.section6 .params-list{display:-ms-flexbox;display:flex;margin-top:0.32rem}.section6 .params-list li+li{margin-left:0.7rem}.section6 .params-list .params-data{line-height:0.56rem;font-size:0.36rem}.section6 .params-list .params-data span{line-height:0.32rem;margin-left:0.04rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section6 .params-list .params-desc{line-height:0.24rem;font-size:0.14rem}.section7 .inner-content{position:absolute;right:0;bottom:0;left:0;height:100%}.section7 .image-bg{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.section7 .intro-item{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:0.96rem;opacity:0;visibility:hidden;-webkit-transform:translate3d(0, -0.5rem, 0);transform:translate3d(0, -0.5rem, 0);transition:all .6s ease}.section7 .intro-item:nth-of-type(2){-webkit-transform:translate3d(0, 0.5rem, 0);transform:translate3d(0, 0.5rem, 0)}.section7 .intro-item.active{opacity:1;visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.section7 .intro-item .intro-title{line-height:0.64rem;font-size:0.36rem}.section7 .intro-item .intro-subtitle{line-height:0.44rem;margin-top:0.32rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.22rem}.section7 .intro-item .intro-description{width:5.3rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.16rem}.section7 .params-list{display:-ms-flexbox;display:flex;margin-top:0.32rem}.section7 .params-list li+li{margin-left:0.7rem}.section7 .params-list .params-data{line-height:0.56rem;font-size:0.36rem}.section7 .params-list .params-data span{line-height:0.32rem;margin-left:0.04rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section7 .params-list .params-desc{line-height:0.24rem;font-size:0.14rem}.section8{padding:0.8rem 0}.section8 .intro-title{line-height:0.64rem;font-size:0.36rem}.section8 .intro-subtitle{line-height:0.64rem;margin-top:-0.15rem;font-size:0.36rem;color:rgba(0,0,0,0.7)}.section8 .intro-description{width:5.6rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.16rem}.section8 .intro-icon{width:0.5rem;margin-top:0.32rem}.section8 .intro-image{height:4.9rem;margin-top:0.64rem}.section9{height:135vh;background:#F4F4F4}.section9.fixed .lock-item{position:fixed}.section9.bottom .lock-item{position:absolute;top:auto;bottom:0}.section9 .lock-item{position:absolute;top:0;left:0;width:100%;height:100vh}.section9 .inner-content{height:100%;padding-top:0.96rem}.section9 .section-title{line-height:0.96rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.54rem;text-align:center}.section9 .intro-item{position:absolute;bottom:1.28rem;left:0}.section9 .intro-item .intro-title{width:4rem;line-height:0.64rem;font-size:0.36rem}.section9 .intro-item .intro-description{width:3.8rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.16rem}.section9 .intro-image-x{position:absolute;top:2.88rem;right:0;width:100%;-webkit-transform-origin:110% 3.5rem;transform-origin:110% 3.5rem}.section9 .intro-image-y{position:absolute;top:0;left:1.18rem;width:5.32rem}.section10{padding:0.8rem 0}.section10 .side-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:justify;justify-content:space-between}.section10 .side-row+.side-row{margin-top:0.32rem}.section10 .side-row .side-left{width:2.86rem}.section10 .side-row .side-right{width:3.67rem}.section10 .intro-item{min-height:3.05rem}.section10 .intro-item.large .intro-image{height:4.05rem}.section10 .intro-item.large .intro-description{width:5.6rem;letter-spacing:normal}.section10 .intro-item.high .intro-image{height:4.9rem}.section10 .intro-item .intro-image{height:1.88rem}.section10 .intro-item .intro-title{line-height:0.32rem;margin-top:0.12rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem}.section10 .intro-item .intro-description{line-height:0.24rem;font-size:0.12rem;letter-spacing:-0.004rem}.section11{padding:0.96rem 0;background:#EBF0F7}.section11 .section-title{line-height:0.96rem;margin-bottom:0.96rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.52rem;text-align:center}.section11 .title{line-height:0.64rem;font-size:0.36rem}.section11 .description{width:5.2rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.16rem}.section11 .side-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-top:0.64rem}.section11 .side-row .side-left{width:2.23rem}.section11 .side-row .side-right{width:4.46rem}.section11 .intro-item{position:relative}.section11 .intro-item .intro-image{height:2.99rem}.section11 .intro-item .intro-title{line-height:0.32rem;margin-top:0.1rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem}.section11 .intro-item .intro-description{line-height:0.24rem;margin-top:-0.05rem;font-size:0.12rem;letter-spacing:-0.001rem}.section11 .link-item{margin-top:0.96rem;text-align:center}.section11 .about-text{line-height:0.32rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem}.section11 .btn-learn-more{display:inline-block;line-height:0.24rem;margin-top:0.1rem;border-bottom:0.01rem solid #000000;font-size:0.12rem}.section12{padding:0.96rem 0}.section12 .disclaimer-title{line-height:0.2rem;font-size:0.12rem;color:rgba(0,0,0,0.5)}.section12 .disclaimer-list li{line-height:0.2rem;font-size:0.12rem;color:rgba(0,0,0,0.5);letter-spacing:-0.004rem}}@media only screen and (min-width: 1024px) and (max-width: 1439px){.inner-content{width:8.96rem}.canvas-video{display:block}.section1{min-height:6.17rem}.section1 .inner-content{position:absolute;right:0;bottom:0;left:0;height:100%}.section1 .kv-intro{position:absolute;top:1.56rem;left:5.8rem}.section1 .kv-title{width:1.8rem;line-height:0.72rem;font-size:0.6rem}.section1 .kv-subtitle{width:2.4rem;line-height:0.32rem;margin-top:0.1rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section2{padding:1.82rem 0;background:#F4F4F4}.section2 .icon-list{display:-ms-flexbox;display:flex}.section2 .icon-list li{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:25%}.section2 .icon-list .icon-image{width:0.65rem}.section2 .icon-list .icon-text{width:100%;line-height:0.24rem;margin-top:0.2rem;font-size:0.14rem;text-align:center}.section3{padding-bottom:1.28rem;text-align:center;background:#F4F4F4}.section3 .intro-title{line-height:0.64rem;font-size:0.42rem}.section3 .intro-subtitle{line-height:0.64rem;margin-top:-0.1rem;font-size:0.42rem;color:rgba(0,0,0,0.6)}.section3 .intro-description{width:8.3rem;line-height:0.32rem;margin:0.2rem auto 0;font-size:0.2rem;letter-spacing:-0.005rem}.section3 .move-image-item{position:relative;height:4.64rem;margin-top:0.8rem;overflow:hidden}.section3 .move-image-item::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom, #C0E5F1, #E1EBEF)}.section3 .move-image-item .move-video-item{position:absolute;bottom:0;left:50%;width:7.64rem;height:4.64rem;border:0.2rem solid transparent;border-top:none;border-bottom:none;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);overflow:hidden}.section3 .move-image-item .move-video-item video,.section3 .move-image-item .move-video-item canvas{display:block;width:100%;-webkit-transform:translate3d(0, -1.8rem, 0);transform:translate3d(0, -1.8rem, 0)}.section3 .move-image-item .move-image{position:absolute;bottom:0;left:50%;width:7.64rem;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.section3 .image-rate{margin-top:0.15rem;font-size:0;text-align:center}.section3 .image-rate .rate-item{display:inline-block;width:3.4rem;line-height:0.28rem;font-size:0.16rem}.section4 .inner-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:calc(100vh - 0.6rem)}.section4 .intro-item{width:4.8rem}.section4 .intro-title{line-height:0.64rem;font-size:0.42rem}.section4 .intro-subtitle{line-height:0.44rem;margin-top:0.2rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.28rem}.section4 .intro-description{width:4.8rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section4 .color-select{width:3rem;margin-top:0.7rem}.section4 .color-select li{line-height:0.7rem;font-size:0.2rem;color:rgba(0,0,0,0.6);cursor:pointer}.section4 .color-select li+li{border-top:0.01rem solid rgba(0,0,0,0.15)}.section4 .color-select li.active{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.section4 .color-select-image{position:absolute;top:50%;right:1.18rem;width:1.92rem;height:5.94rem;-webkit-transform:translate3d(0, -3rem, 0);transform:translate3d(0, -3rem, 0)}.section4 .color-select-image .image{position:absolute;top:0;left:0;width:100%;opacity:0;transition:all .6s ease-in-out}.section4 .color-select-image .image.on{opacity:1}.section5{background:linear-gradient(180deg, #BAE2F0 0%, #DAF1F9 26%, #E2ECEF 100%)}.section5 .inner-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:7.68rem}.section5 .intro-item{width:5.8rem}.section5 .intro-item .intro-title{line-height:0.64rem;font-size:0.42rem}.section5 .intro-item .intro-subtitle{line-height:0.64rem;margin-top:-0.1rem;font-size:0.42rem;color:rgba(0,0,0,0.6);letter-spacing:-0.004rem}.section5 .intro-item .intro-description{width:4.2rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem;letter-spacing:-0.004rem}.section5 .params-list{display:-ms-flexbox;display:flex;margin-top:0.8rem}.section5 .params-list li+li{margin-left:1.28rem}.section5 .params-list .params-data{line-height:0.56rem;font-size:0.36rem}.section5 .params-list .params-data span{line-height:0.32rem;margin-left:0.04rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section5 .params-list .params-desc{line-height:0.24rem;font-size:0.12rem}.section5 .intro-image{position:absolute;bottom:0;right:0;width:4.94rem}.section5 .fingerprint{position:absolute;top:1.86rem;right:1.9rem;width:0.39rem;opacity:0;transition:all .6s}.section5 .fingerprint.active{opacity:1}.section6{padding-top:1.82rem;padding-bottom:1.28rem}.section6 .section-title{line-height:0.96rem;margin-bottom:1.82rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.68rem;text-align:center}.section6 .intro-item{position:relative}.section6 .intro-item+.intro-item{margin-top:1.28rem}.section6 .intro-item .intro-image{height:5.07rem;margin-top:0.8rem}.section6 .intro-item .intro-title{line-height:0.64rem;font-size:0.42rem}.section6 .intro-item .intro-description{width:7.1rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section6 .params-list{display:-ms-flexbox;display:flex;margin-top:0.32rem}.section6 .params-list li+li{margin-left:0.7rem}.section6 .params-list .params-data{line-height:0.56rem;font-size:0.36rem}.section6 .params-list .params-data span{line-height:0.32rem;margin-left:0.04rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section6 .params-list .params-desc{line-height:0.24rem;font-size:0.14rem}.section7 .inner-content{position:absolute;right:0;bottom:0;left:0;height:100%}.section7 .image-bg{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.section7 .intro-item{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:0.8rem;opacity:0;visibility:hidden;-webkit-transform:translate3d(0, -0.5rem, 0);transform:translate3d(0, -0.5rem, 0);transition:all .6s ease}.section7 .intro-item:nth-of-type(2){-webkit-transform:translate3d(0, 0.5rem, 0);transform:translate3d(0, 0.5rem, 0)}.section7 .intro-item.active{opacity:1;visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.section7 .intro-item .intro-title{line-height:0.64rem;font-size:0.42rem}.section7 .intro-item .intro-subtitle{line-height:0.44rem;margin-top:0.32rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.28rem}.section7 .intro-item .intro-description{width:7rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section7 .params-list{display:-ms-flexbox;display:flex;margin-top:0.32rem}.section7 .params-list li+li{margin-left:0.7rem}.section7 .params-list .params-data{line-height:0.56rem;font-size:0.36rem}.section7 .params-list .params-data span{line-height:0.32rem;margin-left:0.04rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section7 .params-list .params-desc{line-height:0.24rem;font-size:0.14rem}.section8{padding:1.28rem 0}.section8 .intro-title{line-height:0.64rem;font-size:0.42rem}.section8 .intro-subtitle{line-height:0.64rem;margin-top:-0.1rem;font-size:0.42rem;color:rgba(0,0,0,0.7)}.section8 .intro-description{width:6.6rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section8 .intro-icon{width:0.5rem;margin-top:0.32rem}.section8 .intro-image{height:6.1rem;margin-top:0.8rem}.section9{height:150vh;background:#F4F4F4}.section9.fixed .lock-item{position:fixed}.section9.bottom .lock-item{position:absolute;top:auto;bottom:0}.section9 .lock-item{position:absolute;top:0;left:0;width:100%;height:100vh}.section9 .inner-content{height:100%;padding-top:1.82rem}.section9 .section-title{line-height:0.96rem;margin-bottom:0.7rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.68rem;text-align:center}.section9 .intro-item{position:absolute;bottom:1.28rem;left:0}.section9 .intro-item .intro-title{width:4rem;line-height:0.64rem;font-size:0.42rem}.section9 .intro-item .intro-description{width:5.2rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section9 .intro-image-x{position:absolute;top:4rem;right:0;width:100%;height:14rem;-webkit-transform-origin:115% -4.5rem;transform-origin:115% -4.5rem}.section9 .intro-image-y{position:absolute;top:0;left:2.17rem;width:5.9rem}.section10{padding:1.28rem 0}.section10 .side-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:justify;justify-content:space-between}.section10 .side-row+.side-row{margin-top:0.8rem}.section10 .side-row .side-left{width:3.54rem}.section10 .side-row .side-right{width:4.47rem}.section10 .intro-item{min-height:3.6rem}.section10 .intro-item.large .intro-image{height:5.05rem}.section10 .intro-item.large .intro-description{width:7.1rem;letter-spacing:normal}.section10 .intro-item.high .intro-image{height:5.96rem}.section10 .intro-item .intro-image{height:2.35rem}.section10 .intro-item .intro-title{line-height:0.32rem;margin-top:0.1rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem}.section10 .intro-item .intro-description{line-height:0.24rem;margin-top:-0.05rem;font-size:0.12rem;letter-spacing:-0.001rem}.section11{padding:1.82rem 0 1.28rem;background:#EBF0F7}.section11 .section-title{line-height:0.96rem;margin-bottom:0.8rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.68rem;text-align:center}.section11 .title{line-height:0.64rem;font-size:0.42rem}.section11 .description{width:8rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section11 .side-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-top:0.8rem}.section11 .side-row .side-left{width:2.78rem}.section11 .side-row .side-right{width:5.55rem}.section11 .intro-item{position:relative}.section11 .intro-item .intro-image{height:3.72rem}.section11 .intro-item .intro-title{line-height:0.32rem;margin-top:0.16rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem}.section11 .intro-item .intro-description{line-height:0.24rem;margin-top:-0.05rem;font-size:0.12rem;letter-spacing:-0.001rem}.section11 .link-item{margin-top:1.28rem;text-align:center}.section11 .about-text{line-height:0.32rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem}.section11 .btn-learn-more{display:inline-block;line-height:0.24rem;margin-top:0.1rem;border-bottom:0.01rem solid #000000;font-size:0.12rem}.section12{padding:1.28rem 0}.section12 .disclaimer-title{line-height:0.2rem;font-size:0.12rem;color:rgba(0,0,0,0.5)}.section12 .disclaimer-list li{line-height:0.2rem;font-size:0.12rem;color:rgba(0,0,0,0.5);letter-spacing:-0.005rem}}@media only screen and (min-width: 1440px) and (max-width: 1919px){.move-video{display:block}.section1{min-height:6.59rem}.section1 .inner-content{position:absolute;right:0;bottom:0;left:0;height:100%}.section1 .kv-intro{position:absolute;top:2.19rem;left:8.96rem}.section1 .kv-title{width:1.8rem;line-height:0.72rem;font-size:0.6rem}.section1 .kv-subtitle{width:2.4rem;line-height:0.32rem;margin-top:0.1rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section2{padding:1.82rem 0;background:#F4F4F4}.section2 .icon-list{display:-ms-flexbox;display:flex}.section2 .icon-list li{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:25%}.section2 .icon-list .icon-image{width:0.65rem}.section2 .icon-list .icon-text{width:100%;line-height:0.24rem;margin-top:0.2rem;font-size:0.14rem;text-align:center}.section3{padding-bottom:1.28rem;text-align:center;background:#F4F4F4}.section3 .intro-title{line-height:0.64rem;font-size:0.42rem}.section3 .intro-subtitle{line-height:0.64rem;margin-top:-0.1rem;font-size:0.42rem;color:rgba(0,0,0,0.6)}.section3 .intro-description{width:10.3rem;line-height:0.32rem;margin:0.2rem auto 0;font-size:0.2rem}.section3 .move-image-item{position:relative;height:6.8rem;margin-top:0.8rem;overflow:hidden}.section3 .move-image-item::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom, #C0E5F1, #E1EBEF)}.section3 .move-image-item .move-video-item{position:absolute;bottom:0;left:50%;width:7.84rem;height:5.84rem;border:0.2rem solid transparent;border-bottom:none;border-radius:1.2rem 1.2rem 0 0;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);overflow:hidden}.section3 .move-image-item .move-video-item video,.section3 .move-image-item .move-video-item canvas{display:block;width:100%;-webkit-transform:translate3d(0, -1.8rem, 0);transform:translate3d(0, -1.8rem, 0)}.section3 .move-image-item .move-image{position:absolute;bottom:0;left:50%;width:7.84rem;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.section3 .image-rate{margin-top:0.15rem;font-size:0;text-align:center}.section3 .image-rate .rate-item{display:inline-block;width:3.4rem;line-height:0.28rem;font-size:0.16rem}.section4 .inner-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:calc(100vh - 0.6rem)}.section4 .intro-item{width:6.8rem}.section4 .intro-title{line-height:0.64rem;font-size:0.42rem}.section4 .intro-subtitle{line-height:0.44rem;margin-top:0.32rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.28rem}.section4 .intro-description{width:6rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section4 .color-select{width:3rem;margin-top:0.7rem}.section4 .color-select li{line-height:0.7rem;font-size:0.2rem;color:rgba(0,0,0,0.6);cursor:pointer}.section4 .color-select li+li{border-top:0.01rem solid rgba(0,0,0,0.15)}.section4 .color-select li.active{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.section4 .color-select-image{position:absolute;top:50%;right:1.12rem;width:4.07rem;height:6.32rem;-webkit-transform:translate3d(0, -3.2rem, 0);transform:translate3d(0, -3.2rem, 0)}.section4 .color-select-image .image{position:absolute;top:0;left:0;width:100%;opacity:0;transition:all .6s ease-in-out}.section4 .color-select-image .image.on{opacity:1}.section5{background:linear-gradient(180deg, #BAE2F0 0%, #DAF1F9 26%, #E2ECEF 100%)}.section5 .inner-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:7.6rem}.section5 .intro-item{width:5.8rem}.section5 .intro-item .intro-title{line-height:0.64rem;font-size:0.42rem}.section5 .intro-item .intro-subtitle{line-height:0.64rem;margin-top:-0.1rem;font-size:0.42rem;color:rgba(0,0,0,0.6);letter-spacing:-0.004rem}.section5 .intro-item .intro-description{line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem;letter-spacing:-0.004rem}.section5 .params-list{display:-ms-flexbox;display:flex;margin-top:0.8rem}.section5 .params-list li+li{margin-left:1.28rem}.section5 .params-list .params-data{line-height:0.56rem;font-size:0.36rem}.section5 .params-list .params-data span{line-height:0.32rem;margin-left:0.04rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section5 .params-list .params-desc{line-height:0.24rem;font-size:0.12rem}.section5 .intro-image{position:absolute;bottom:0;right:0;width:7.13rem}.section5 .fingerprint{position:absolute;top:2.43rem;right:3.19rem;width:0.49rem;opacity:0;transition:all .6s}.section5 .fingerprint.active{opacity:1}.section6{padding-top:1.82rem;padding-bottom:1.28rem}.section6 .section-title{line-height:0.96rem;margin-bottom:1.82rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.68rem;text-align:center}.section6 .intro-item{position:relative}.section6 .intro-item+.intro-item{margin-top:1.28rem}.section6 .intro-item .intro-image{height:7.4rem;margin-top:0.8rem}.section6 .intro-item .intro-title{line-height:0.64rem;font-size:0.42rem}.section6 .intro-item .intro-description{width:8.8rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section6 .params-list{display:-ms-flexbox;display:flex;margin-top:0.32rem}.section6 .params-list li+li{margin-left:0.7rem}.section6 .params-list .params-data{line-height:0.56rem;font-size:0.36rem}.section6 .params-list .params-data span{line-height:0.32rem;margin-left:0.04rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section6 .params-list .params-desc{line-height:0.24rem;font-size:0.14rem}.section7 .inner-content{position:absolute;right:0;bottom:0;left:0;height:100%}.section7 .image-bg{-webkit-transform:translateZ(0);transform:translateZ(0)}.section7 .intro-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem);transition:all .6s ease}.section7 .intro-item:nth-of-type(2){-webkit-transform:translateY(0.5rem);transform:translateY(0.5rem)}.section7 .intro-item.active{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.section7 .intro-item .intro-title{line-height:0.64rem;font-size:0.42rem}.section7 .intro-item .intro-subtitle{line-height:0.44rem;margin-top:0.32rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.28rem}.section7 .intro-item .intro-description{width:5.7rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section7 .params-list{display:-ms-flexbox;display:flex;margin-top:0.32rem}.section7 .params-list li+li{margin-left:0.7rem}.section7 .params-list .params-data{line-height:0.56rem;font-size:0.36rem}.section7 .params-list .params-data span{line-height:0.32rem;margin-left:0.04rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section7 .params-list .params-desc{line-height:0.24rem;font-size:0.14rem}.section8{padding:1.28rem 0}.section8 .intro-title{line-height:0.64rem;font-size:0.42rem}.section8 .intro-subtitle{line-height:0.64rem;margin-top:-0.1rem;font-size:0.42rem;color:rgba(0,0,0,0.7)}.section8 .intro-description{width:8.9rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section8 .intro-icon{width:0.5rem;margin-top:0.32rem}.section8 .intro-image{height:7.4rem;margin-top:0.8rem}.section9{height:150vh;background:#F4F4F4}.section9.fixed .lock-item{position:fixed}.section9.bottom .lock-item{position:absolute;top:auto;bottom:0}.section9 .lock-item{position:absolute;top:0;left:0;width:100%;height:100vh}.section9 .inner-content{height:100%;padding-top:1.8rem}.section9 .section-title{line-height:0.96rem;margin-bottom:0.7rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.68rem;text-align:center}.section9 .intro-item{position:absolute;bottom:1.82rem;left:0}.section9 .intro-item .intro-title{line-height:0.64rem;font-size:0.42rem}.section9 .intro-item .intro-description{width:6.1rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section9 .intro-image-x{position:absolute;top:4rem;right:0;width:100%;height:15rem;-webkit-transform-origin:125% -5rem;transform-origin:125% -5rem}.section9 .intro-image-y{position:absolute;left:50%;width:6.75rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section10{padding:1.28rem 0}.section10 .side-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:justify;justify-content:space-between}.section10 .side-row+.side-row{margin-top:0.8rem}.section10 .side-row .side-left{width:5.3rem}.section10 .side-row .side-right{width:6.7rem}.section10 .intro-item{min-height:5.4rem}.section10 .intro-item.large .intro-image{height:7.4rem}.section10 .intro-item.large .intro-description{width:11.5rem;letter-spacing:normal}.section10 .intro-item.high .intro-image{height:8.94rem}.section10 .intro-item .intro-image{height:3.54rem}.section10 .intro-item .intro-title{line-height:0.32rem;margin-top:0.2rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section10 .intro-item .intro-subtitle{line-height:0.32rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem;color:rgba(0,0,0,0.7)}.section10 .intro-item .intro-description{line-height:0.32rem;font-size:0.2rem}.section11{padding:1.82rem 0;background:#EBF0F7}.section11 .section-title{line-height:0.96rem;margin-bottom:0.8rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.68rem;text-align:center}.section11 .title{line-height:0.64rem;font-size:0.42rem}.section11 .description{width:12.4rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section11 .side-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-top:0.8rem}.section11 .side-row .side-left{width:4rem}.section11 .side-row .side-right{width:8rem}.section11 .intro-item{position:relative}.section11 .intro-item .intro-image{height:5.33rem}.section11 .intro-item .intro-title{line-height:0.32rem;margin-top:0.15rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section11 .intro-item .intro-description{line-height:0.32rem;font-size:0.2rem;letter-spacing:-0.005rem}.section11 .link-item{margin-top:1.82rem;text-align:center}.section11 .about-text{line-height:0.32rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section11 .btn-learn-more{display:inline-block;line-height:0.32rem;margin-top:0.32rem;border-bottom:0.01rem solid #000000;font-size:0.2rem}.section12{padding:1.28rem 0}.section12 .disclaimer-title{line-height:0.2rem;font-size:0.12rem;color:rgba(0,0,0,0.5)}.section12 .disclaimer-list li{line-height:0.2rem;font-size:0.12rem;color:rgba(0,0,0,0.5)}}@media only screen and (min-width: 1920px){.move-video{display:block}.section1{min-height:9.3rem}.section1 .inner-content{position:absolute;right:0;bottom:0;left:0;height:100%}.section1 .kv-intro{position:absolute;top:3.5rem;left:9rem}.section1 .kv-title{width:1.8rem;line-height:0.72rem;font-size:0.6rem}.section1 .kv-subtitle{width:2.4rem;line-height:0.32rem;margin-top:0.1rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section2{padding:1.82rem 0;background:#F4F4F4}.section2 .icon-list{display:-ms-flexbox;display:flex}.section2 .icon-list li{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:25%}.section2 .icon-list .icon-image{width:0.65rem}.section2 .icon-list .icon-text{width:100%;line-height:0.24rem;margin-top:0.2rem;font-size:0.14rem;text-align:center}.section3{padding-bottom:1.28rem;text-align:center;background:#F4F4F4}.section3 .intro-title{line-height:0.64rem;font-size:0.42rem}.section3 .intro-subtitle{line-height:0.64rem;margin-top:-0.1rem;font-size:0.42rem;color:rgba(0,0,0,0.6)}.section3 .intro-description{width:10.3rem;line-height:0.32rem;margin:0.2rem auto 0;font-size:0.2rem}.section3 .move-image-item{position:relative;height:6.8rem;margin-top:0.8rem;overflow:hidden}.section3 .move-image-item::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom, #C0E5F1, #E1EBEF)}.section3 .move-image-item .move-video-item{position:absolute;bottom:0;left:50%;width:7.84rem;height:5.84rem;border:0.2rem solid transparent;border-bottom:none;border-radius:1.2rem 1.2rem 0 0;-webkit-transform:translateX(-50%);transform:translateX(-50%);overflow:hidden}.section3 .move-image-item .move-video-item video,.section3 .move-image-item .move-video-item canvas{display:block;width:100%;-webkit-transform:translateY(-1.8rem);transform:translateY(-1.8rem)}.section3 .move-image-item .move-image{position:absolute;bottom:0;left:50%;width:7.84rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section3 .image-rate{margin-top:0.15rem;font-size:0;text-align:center}.section3 .image-rate .rate-item{display:inline-block;width:3.4rem;line-height:0.28rem;font-size:0.16rem}.section4 .inner-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:calc(100vh - 0.6rem)}.section4 .intro-item{width:6.8rem}.section4 .intro-title{line-height:0.64rem;font-size:0.42rem}.section4 .intro-subtitle{line-height:0.44rem;margin-top:0.32rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.28rem}.section4 .intro-description{width:6rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section4 .color-select{width:3rem;margin-top:0.7rem}.section4 .color-select li{line-height:0.7rem;font-size:0.2rem;color:rgba(0,0,0,0.6);cursor:pointer}.section4 .color-select li+li{border-top:0.01rem solid rgba(0,0,0,0.15)}.section4 .color-select li.active{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.section4 .color-select-image{position:absolute;top:50%;right:0.35rem;width:4.47rem;-webkit-transform:translate3d(0, -3.2rem, 0);transform:translate3d(0, -3.2rem, 0)}.section4 .color-select-image .image{position:absolute;top:0;left:0;width:100%;opacity:0;transition:all .6s ease-in-out}.section4 .color-select-image .image.on{opacity:1}.section5{background:linear-gradient(180deg, #BAE2F0 0%, #DAF1F9 26%, #E2ECEF 100%)}.section5 .inner-content{height:9.6rem;padding-top:2.6rem}.section5 .intro-item{width:5.8rem}.section5 .intro-item .intro-title{line-height:0.64rem;font-size:0.42rem}.section5 .intro-item .intro-subtitle{line-height:0.64rem;margin-top:-0.1rem;font-size:0.42rem;color:rgba(0,0,0,0.6)}.section5 .intro-item .intro-description{line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section5 .params-list{display:-ms-flexbox;display:flex;margin-top:0.8rem}.section5 .params-list li+li{margin-left:1.28rem}.section5 .params-list .params-data{line-height:0.56rem;font-size:0.36rem}.section5 .params-list .params-data span{line-height:0.32rem;margin-left:0.04rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section5 .params-list .params-desc{line-height:0.24rem;font-size:0.12rem}.section5 .intro-image{position:absolute;bottom:0;right:0;width:9.46rem}.section5 .fingerprint{position:absolute;top:3.17rem;right:4.31rem;width:0.66rem;opacity:0;transition:all .6s}.section5 .fingerprint.active{opacity:1}.section6{padding-top:1.82rem;padding-bottom:1.28rem}.section6 .section-title{line-height:0.96rem;margin-bottom:1.82rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.68rem;text-align:center}.section6 .intro-item{position:relative}.section6 .intro-item+.intro-item{margin-top:1.28rem}.section6 .intro-item .intro-image{height:7.4rem;margin-top:0.8rem}.section6 .intro-item .intro-title{line-height:0.64rem;font-size:0.42rem}.section6 .intro-item .intro-description{width:8.8rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section6 .params-list{display:-ms-flexbox;display:flex;margin-top:0.32rem}.section6 .params-list li+li{margin-left:0.7rem}.section6 .params-list .params-data{line-height:0.56rem;font-size:0.36rem}.section6 .params-list .params-data span{line-height:0.32rem;margin-left:0.04rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section6 .params-list .params-desc{line-height:0.24rem;font-size:0.14rem}.section7 .inner-content{position:absolute;right:0;bottom:0;left:0;height:100%}.section7 .image-bg{-webkit-transform:translateZ(0);transform:translateZ(0)}.section7 .intro-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem);transition:all .6s ease}.section7 .intro-item:nth-of-type(2){-webkit-transform:translateY(0.5rem);transform:translateY(0.5rem)}.section7 .intro-item.active{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.section7 .intro-item .intro-title{line-height:0.64rem;font-size:0.42rem}.section7 .intro-item .intro-subtitle{line-height:0.44rem;margin-top:0.32rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.28rem}.section7 .intro-item .intro-description{width:5.8rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section7 .params-list{display:-ms-flexbox;display:flex;margin-top:0.32rem}.section7 .params-list li+li{margin-left:0.7rem}.section7 .params-list .params-data{line-height:0.56rem;font-size:0.36rem}.section7 .params-list .params-data span{line-height:0.32rem;margin-left:0.04rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section7 .params-list .params-desc{line-height:0.24rem;font-size:0.14rem}.section8{padding:1.3rem 0}.section8 .intro-title{line-height:0.64rem;font-size:0.42rem}.section8 .intro-subtitle{line-height:0.64rem;margin-top:-0.1rem;font-size:0.42rem;color:rgba(0,0,0,0.7)}.section8 .intro-description{width:8.9rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section8 .intro-icon{width:0.5rem;margin-top:0.32rem}.section8 .intro-image{height:7.4rem;margin-top:0.8rem}.section9{height:130vh;background:#F4F4F4}.section9.fixed .lock-item{position:fixed}.section9.bottom .lock-item{position:absolute;top:auto;bottom:0}.section9 .lock-item{position:absolute;top:0;left:0;width:100%;height:100vh}.section9 .inner-content{height:100%;padding-top:1.8rem}.section9 .section-title{line-height:0.96rem;margin-bottom:0.7rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.68rem;text-align:center}.section9 .intro-item{position:absolute;bottom:1.82rem;left:0}.section9 .intro-item .intro-title{line-height:0.64rem;font-size:0.42rem}.section9 .intro-item .intro-description{width:6.1rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section9 .intro-image-x{position:absolute;top:4rem;right:0;width:100%;height:15rem;-webkit-transform-origin:115% -2rem;transform-origin:115% -2rem}.section9 .intro-image-y{position:absolute;left:50%;width:6.75rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section10{padding:1.3rem 0}.section10 .side-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:justify;justify-content:space-between}.section10 .side-row+.side-row{margin-top:0.8rem}.section10 .side-row .side-left{width:5.3rem}.section10 .side-row .side-right{width:6.7rem}.section10 .intro-item{min-height:5.4rem}.section10 .intro-item.large .intro-image{height:7.4rem}.section10 .intro-item.large .intro-description{width:11.5rem;letter-spacing:normal}.section10 .intro-item.high .intro-image{height:8.94rem}.section10 .intro-item .intro-image{height:3.54rem}.section10 .intro-item .intro-title{line-height:0.32rem;margin-top:0.2rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section10 .intro-item .intro-subtitle{line-height:0.32rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem;color:rgba(0,0,0,0.7)}.section10 .intro-item .intro-description{line-height:0.32rem;font-size:0.2rem}.section11{padding:1.82rem 0;background:#EBF0F7}.section11 .section-title{line-height:0.96rem;margin-bottom:0.8rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.68rem;text-align:center}.section11 .title{line-height:0.64rem;font-size:0.42rem}.section11 .description{width:12.4rem;line-height:0.32rem;margin-top:0.2rem;font-size:0.2rem}.section11 .side-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-top:0.8rem}.section11 .side-row .side-left{width:4rem}.section11 .side-row .side-right{width:8rem}.section11 .intro-item{position:relative}.section11 .intro-item .intro-image{height:5.33rem}.section11 .intro-item .intro-title{line-height:0.32rem;margin-top:0.15rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section11 .intro-item .intro-description{line-height:0.32rem;font-size:0.2rem;letter-spacing:-0.005rem}.section11 .link-item{margin-top:1.82rem;text-align:center}.section11 .about-text{line-height:0.32rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section11 .btn-learn-more{display:inline-block;line-height:0.32rem;margin-top:0.32rem;border-bottom:0.01rem solid #000000;font-size:0.2rem}.section12{padding:1.28rem 0}.section12 .disclaimer-title{line-height:0.2rem;font-size:0.12rem;color:rgba(0,0,0,0.5)}.section12 .disclaimer-list li{line-height:0.2rem;font-size:0.12rem;color:rgba(0,0,0,0.5)}}@media only screen and (min-width: 2560px){.section1{min-height:11.4rem}.section4 .color-select-image{position:absolute;top:50%;right:0.35rem;width:3.2rem;height:9.87rem;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.section5 .inner-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:calc(100vh - 0.6rem);padding-top:0}.section5 .intro-image{bottom:-1.3rem;right:-4rem;width:15.95rem}.section5 .fingerprint{top:3.15rem;right:auto;left:4.48rem;width:0.7rem}.section9{height:140vh}.section9 .intro-item{bottom:5rem}.section9 .intro-image-x{-webkit-transform-origin:100% 1rem;transform-origin:100% 1rem}}@supports (-webkit-background-clip: text){.background-clip{color:transparent;background-image:linear-gradient(360deg, #FF692E 0%, #DC9433 100%);-webkit-background-clip:text;background-clip:text}}.js-loaded .init-fade{opacity:0}.js-loaded .init-scale{will-change:opacity, transform}.fadeInUp{-webkit-animation:fadeInUp 1s ease forwards;animation:fadeInUp 1s ease forwards;will-change:opacity, transform}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#oc-header.fixed{position:absolute !important}.no-scroll{overflow:hidden}.fixed-nva-box{width:100%;height:0.6rem;font-size:0;position:absolute;top:0;left:0;z-index:20;font-family:'OPPOSans-Medium'}.fixed-nva-box .products-info{width:100%;height:0.6rem;background:#fff;text-align:left;box-sizing:border-box;border-bottom:0.01rem solid rgba(0,0,0,0.1);border-top:0.01rem solid rgba(0,0,0,0.1);transition:all .3s}.fixed-nva-box .products-wrapper{width:13.12rem;margin:0 auto;position:relative}.fixed-nva-box .pi-nav-model{display:inline-block;font-size:0.13rem;vertical-align:middle;position:relative;z-index:10;margin-right:0.37rem}.fixed-nva-box .pi-nav-model::after{display:block;clear:both;content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-0.18rem;width:0.01rem;height:0.12rem;background-color:#000}.fixed-nva-box .pi-nav-model:last-of-type::after{display:none}.fixed-nva-box .pi-nav-list{width:100%;height:100%;text-align:center;position:absolute;top:0;left:0}.fixed-nva-box .pi-nav-list li{display:inline-block;vertical-align:middle;margin:0 0.09rem}.fixed-nva-box .pi-nav-list a{display:inline-block;vertical-align:middle;font-size:0.13rem}.fixed-nva-box .pi-nav-model,.fixed-nva-box .pi-nav-list li,.fixed-nva-box .pi-nav-list a,.fixed-nva-box .pi-nav-btn a{height:100%;line-height:0.6rem;color:rgba(0,0,0,0.6)}.fixed-nva-box .pi-nav-model.on,.fixed-nva-box .pi-nav-list li.on a{color:#000}.fixed-nva-box .pi-nav-btn{display:-ms-inline-flexbox;display:inline-flex;height:100%;font-size:0.13rem;vertical-align:middle;position:relative;z-index:10;position:absolute;top:0;right:0;-ms-flex-align:center;align-items:center}.fixed-nva-box .pi-nav-btn a{font-size:0.13rem;padding:0 0.15rem;background:#2DC84D;height:0.32rem;line-height:0.32rem;display:inline-block;color:#fff;font-family:'OPPOSans-Medium'}.fixed-nva-box.fixed .products-info{position:fixed;top:0;left:0}@media screen and (min-width: 1024px) and (max-width: 1330px){.fixed-nva-box .products-wrapper{width:calc(100% - 1rem);margin:0 auto;position:relative}}@media screen and (min-width: 1331px) and (max-width: 1440px){.fixed-nva-box .products-wrapper{width:calc(100% - 1rem);margin:0 auto;position:relative}}@media screen and (max-width: 1023px){.fixed-nva-box .pi-nav-model-text{display:inline-block;font-size:0.13rem;vertical-align:middle;position:relative;z-index:10;margin-right:0.37rem;height:100%;line-height:0.5rem;color:#000}.fixed-nva-box .pi-nav-model-box,.fixed-nva-box .pi-nav-list{position:absolute;width:120%;top:0.49rem;height:auto;overflow:hidden;z-index:3;-webkit-transform:translateY(-200%);transform:translateY(-200%);margin-left:-10%}.fixed-nva-box .pi-nav-model-box.on,.fixed-nva-box .pi-nav-list.on{-webkit-transform:translateY(0);transform:translateY(0);background:#fff}.fixed-nva-box .pi-nav-model-box.on li,.fixed-nva-box .pi-nav-list.on li{-webkit-transform:translateY(0);transform:translateY(0);display:block;transition:all 0.3s ease}.fixed-nva-box .pi-nav-model-box a,.fixed-nva-box .pi-nav-list li{width:80%;margin:0 auto;display:block;border-bottom:0.01rem solid #e5e5e5;text-align:center;-webkit-transform:translateY(-300%);transform:translateY(-300%)}.fixed-nva-box .pi-nav-model-box a:last-of-type,.fixed-nva-box .pi-nav-list li:last-of-type{border:none}.fixed-nva-box .pi-nav-model-box a::after{display:none}.fixed-nva-box .pi-nav-list li a{display:block;height:auto;line-height:initial;padding:0.15rem 0}.fixed-nva-box .nav-arrow{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg);width:0.06rem;height:0.06rem;border-bottom:0.02rem solid #000;border-left:0.02rem solid #000;transition:all 0.3s ease}.fixed-nva-box .nav-arrow.on{-webkit-transform:translate(-50%, -50%) rotate(-135deg);transform:translate(-50%, -50%) rotate(-135deg)}.fixed-nva-box .nav-mask{width:120vw;background-color:rgba(253,253,253,0.9);display:block;opacity:0;z-index:1;position:absolute;left:-10vw}.fixed-nva-box .nav-mask.on{height:100vh;opacity:1}.fixed-nva-box .nav-arrow-box{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0.5rem;height:100%}}@media screen and (min-width: 768px) and (max-width: 1023px){.fixed-nva-box .pi-nav-btn{right:0.4rem}.fixed-nva-box .products-wrapper{width:100%;margin:0 auto;position:relative;padding:0 0.4rem;box-sizing:border-box}.fixed-nva-box .pi-nav-model-text{display:inline-block;font-size:0.13rem;vertical-align:middle;position:relative;z-index:10;margin-right:0.37rem;height:100%;line-height:0.6rem;color:#000}}@media screen and (max-width: 767px){.fixed-nva-box{height:0.5rem}.fixed-nva-box .products-info{width:100%;height:0.5rem;background:#fff;text-align:left;box-sizing:border-box;border-bottom:0.01rem solid #D2D2D2;border-top:0.01rem solid #D2D2D2}.fixed-nva-box .products-wrapper{width:calc(100% - 0.3rem);margin:0 auto;position:relative;height:100%}.fixed-nva-box .pi-nav-model,.fixed-nva-box .pi-nav-list li,.fixed-nva-box .pi-nav-list a{line-height:0.5rem}}.buy-pop-shade{display:none;position:relative;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0);z-index:101;transition:all 0.3s ease-in-out}.buy-pop-shade.show{display:block;position:fixed;background:rgba(0,0,0,0.64)}.buy-pop-main{width:13.12rem;height:7.2rem;position:absolute;visibility:hidden;overflow:hidden;text-align:center;top:50%;left:50%;margin-top:-3.6rem;margin-left:-6.56rem;background:#fff;-webkit-transform:translateY(80%);transform:translateY(80%);transition:all 0.3s;opacity:0;z-index:101}.buy-pop-main.show{visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);opacity:1;position:fixed}.buy-pop-box{width:100%;height:100%;z-index:10;overflow-y:auto;padding-bottom:0.32rem;box-sizing:border-box;-webkit-transform:translateY(80%);transform:translateY(80%);transition:all 0.32s;opacity:0}.buy-pop-main.show .buy-pop-box{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.buy-pop-box::-webkit-scrollbar{width:0.04rem;height:0.01rem}.buy-pop-box::-webkit-scrollbar-thumb{background:#2DC84D}.buy-pop-box::-webkit-scrollbar-track{background:rgba(0,0,0,0.11)}.buy-pop-main a.close{color:#000;position:absolute;top:0.32rem;right:0.32rem;width:0.14rem;height:0.14rem;display:block;z-index:15}.buy-pop-main a.close img{width:100%;height:100%}.buy-pop-main h2{font-size:0.28rem;line-height:0.44rem;margin:0.7rem 0 0.32rem;font-family:'OPPOSans-Bold'}.buy-pop-main h3{font-size:0.2rem;line-height:0.32rem;margin-bottom:0.2rem}.buy-pop-main .buy-channel{width:100%;font-size:0;margin-bottom:0.06rem}.buy-pop-main .buy-channel-box{width:1.92rem;height:1.44rem;display:inline-block;vertical-align:middle;background-color:rgba(0,0,0,0.04);position:relative;margin:0 0.16rem 0.32rem;transition:all 0.2s ease-in-out}.buy-pop-main .buy-channel-box img{width:1.18rem;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);transition:all 0.5s ease-in-out}.buy-pop-main .buy-channel-box:hover img{-webkit-transform:translate(-50%, -50%) scale(0.92);transform:translate(-50%, -50%) scale(0.92)}.buy-pop-main .buy-channel-box:hover{background-color:rgba(0,0,0,0.02)}.buy-pop-main .buy-channel-box img{height:auto}@media screen and (min-width: 1331px) and (max-width: 1440px){.buy-pop-main{height:6.25rem;margin-top:-3.125rem}}@media screen and (min-width: 1024px) and (max-width: 1330px){.buy-pop-main{width:8.96rem;height:5.8rem;margin-top:-2.9rem;margin-left:-4.48rem}.buy-pop-main .buy-channel{margin-bottom:0}.buy-pop-main .buy-channel-box{width:2rem;height:1.5rem}.buy-pop-main .buy-channel-box img{width:1.22rem}}@media screen and (min-width: 768px) and (max-width: 1023px){.buy-pop-main{width:7.2rem;height:8.5rem;margin-top:-4.25rem;margin-left:-3.6rem}.buy-pop-main .buy-channel{margin-bottom:0}.buy-pop-main .buy-channel-box{width:1.56rem;height:1.16rem}.buy-pop-main .buy-channel-box img{width:0.95rem}}@media screen and (max-width: 767px){.buy-pop-main a.close{top:0.2rem;right:0.2rem}.buy-pop-main{width:3.2rem;height:6.2rem;margin-top:-3.1rem;margin-left:-1.6rem}.buy-pop-main h2{margin-top:0.48rem}.buy-pop-main .buy-channel{margin-bottom:0}.buy-pop-main .buy-channel-box{width:1.32rem;height:0.96rem;margin:0 0.08rem 0.32rem}.buy-pop-main .buy-channel-box img{width:0.98rem}}