#oc-container img{display:block;width:100%;height:100%}picture{display:block}.compatibleStyle{backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-perspective:0;perspective:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);visibility:visible}.main-content{position:relative;color:#000000;background:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.section{position:relative;overflow:hidden;box-sizing:border-box}.inner-content{position:relative;margin:0 auto;box-sizing:border-box}.move-video{display:none}.canvas-video{display:none}@media only screen and (min-width: 1441px){.main-content{padding-top:0.6rem}.inner-content{width:13.12rem}.move-video{display:block}.intro-title{font-size:0.42rem;line-height:0.58rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.intro-description{font-size:0.2rem;line-height:0.32rem;padding-top:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.section1{height:9.3rem}.section1 .inner-content{position:absolute;top:0;right:0;left:0;height:100%}.section1 .kv-image{width:19.2rem;position:absolute;bottom:0;left:50%;margin-left:-9.6rem}.section1 .kv-intro{height:9.3rem;position:absolute;top:0;left:9rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section1 .kv-intro .title{width:1.8rem;line-height:0.8rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.68rem}.section1 .kv-intro .subtitle{width:4.2rem;line-height:0.64rem;margin-top:0.08rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.42rem}.section2{background:#F4F4F4}.section2 .inner-content{padding:1.8rem 0}.section2 .icon-list{font-size:0;text-align:center}.section2 .icon-list li{display:inline-block;width:25%}.section2 .icon-list li .image{display:inline-block;width:0.95rem;height:0.75rem;margin-bottom:0.1rem}.section2 .icon-list li .image img{display:block;width:100%}.section2 .icon-list li .text{line-height:0.24rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.14rem}.section5{padding:1.28rem 0}.section5 .inner-content{position:relative;padding-bottom:4.62rem}.section5 .intro-title{width:4.4rem}.section5 .intro-description{padding-top:0;margin-bottom:0.34rem}.section5 .left-tbox{width:6.6rem;position:absolute;top:0;right:0}.section5 .intro-image{width:25.6rem;height:3.82rem;position:absolute;bottom:1.28rem;left:50%;margin-left:-12.8rem}.section7 .inner-content{width:13.12rem;height:100%;position:absolute;bottom:0;left:50%;margin-left:-6.56rem}.section7 .intro-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;visibility:visible}.section7 .intro-title{width:5rem}.section7 .intro-description{width:5rem;margin-bottom:0.32rem}.section7 .data-item{width:5rem;display:inline-block;margin-bottom:0.32rem}.section7 .data-tit{display:inline-block;font-size:0.16rem;line-height:0.28rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";vertical-align:middle}.section7 .data-icon{display:inline-block;width:0.2rem;height:0.24rem;vertical-align:middle;margin-right:0.14rem}.section7 .intro-text{width:5rem;display:inline-block;font-size:0.16rem;line-height:0.28rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";vertical-align:middle}.section3{overflow:visible}.section3 .inner-content{padding-top:1.28rem}.section3 .sec3-box{position:relative}.section3 .intro-title{width:5.4rem;position:absolute;top:0;left:0}.section3 .intro-description{padding-top:0;padding-left:5.32rem;margin-bottom:0.32rem}.section3 .intro-data-box{margin-bottom:0.8rem;padding-left:5.32rem}.section3 .data-item{display:inline-block;margin-right:0.32rem}.section3 .data-tit{display:inline-block;font-size:0.16rem;line-height:0.28rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";vertical-align:middle}.section3 .data-icon{display:inline-block;width:0.14rem;height:0.24rem;vertical-align:middle;margin-right:0.16rem}.section3 .move-image-item{position:absolute;right:0;bottom:0;left:0;height:6.8rem;overflow:hidden;-webkit-transform-origin:top center;transform-origin:top center}.section3 .move-image-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(top, #C0E5F1, #E1EBEF);background:linear-gradient(180deg, #C0E5F1, #E1EBEF)}.section3 .move-image-item .move-video-item{position:absolute;top:0.96rem;left:50%;width:7.84rem;margin-left:-3.92rem;padding:0.16rem 0.25rem;box-sizing:border-box}.section3 .move-image-item .move-video-item video{display:block;width:100%;border-radius:1rem}.section3 .move-image-item .move-video-item .move-image{position:absolute;top:0;left:0;z-index:2;width:100%}.section3 .image{position:relative;width:100%;height:6.8rem;margin-top:0.8rem;background:-webkit-linear-gradient(top, #C0E5F1, #E1EBEF);background:linear-gradient(180deg, #C0E5F1, #E1EBEF);visibility:hidden}.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-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.16rem}.section8 .inner-content{padding:1.28rem 0}.section8 .intro-item{position:relative}.section8 .intro-title{width:5rem}.section8 .intro-description{width:7.9rem;padding-top:0;position:absolute;top:0;right:0}.section8 .intro-image{height:7.4rem;margin-top:0.8rem}.section4{height:9.6rem}.section4 .inner-content{height:9.6rem;padding-top:2.3rem}.section4 .intro-item{width:5.2rem}.section4 .color-select{width:3rem;margin-top:0.7rem}.section4 .color-select li{line-height:0.7rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";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;bottom:0;right:0.35rem;width:4.47rem;height:8.32rem}.section4 .color-select-image .image{position:absolute;top:0;left:0;width:100%;opacity:0;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.section4 .color-select-image .image.on{opacity:1}.section10 .inner-content{padding-bottom:1.28rem}.section10 .side-row{padding-top:1.28rem}.section10 .intro-item{position:relative}.section10 .intro-item.high{min-height:8.93rem}.section10 .intro-item.high .intro-image{width:6.7rem;height:8.93rem}.section10 .intro-tbox{width:5.3rem;height:8.93rem;position:absolute;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section10 .intro-item.large .intro-image{height:7.4rem}.section10 .intro-item.large .intro-description{width:6.2rem;margin-bottom:0.8rem}.section10 .side-row:nth-child(3) .intro-description{width:6.6rem}.section11{background:#EBF0F7}.section11 .inner-content{padding:1.82rem 0 1.26rem}.section11 .section-title{line-height:0.88rem;margin-bottom:0.8rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.6rem;text-align:center}.section11 .sec11-swiper{width:100%;position:relative}.section11 .side-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section11 .sec11-swiper .swiper-slide{width:4rem}.section11 .intro-item{position:relative;padding-top:5.33rem}.section11 .intro-item .intro-image{width:100%;height:5.33rem;position:absolute;top:0;left:0}.section11 .intro-title{line-height:0.3rem;padding-top:0.16rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section11 .intro-title p{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";opacity:0.7}.section11 .intro-description{line-height:0.28rem;font-size:0.16rem;padding-top:0.08rem}.section11 .btn-learn-more{display:block;width:1.2rem;line-height:0.24rem;margin:1.22rem auto 0;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.13rem;text-align:center}.section11 .btn-learn-more span{border-bottom:0.01rem solid #000000;padding-bottom:0.02rem}.section11 .des-mwidth{width:98%}.section12 .inner-content{padding:1.82rem 0}.section12 .disclaimer-title{line-height:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem;color:rgba(0,0,0,0.5)}.section12 .disclaimer-list li{line-height:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem;color:rgba(0,0,0,0.5)}}@media only screen and (min-width: 1921px){.section1 .kv-image{width:19.2rem;position:absolute;bottom:0;left:0;margin-left:0}}@media only screen and (min-width: 2560px){.section1{height:11.4rem}.section1 .kv-image{width:25.6rem;position:absolute;bottom:0;left:50%;margin-left:-12.8rem}.section4 .inner-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:calc(100vh - 0.6rem);padding-top:0}.section4 .color-select-image{position:absolute;top:50%;right:0.35rem;width:3.2rem;height:9.87rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media only screen and (min-width: 1440px) and (max-width: 1441px){.main-content{padding-top:0.6rem}.inner-content{width:13.12rem}.move-video{display:block}.intro-title{font-size:0.42rem;line-height:0.5rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.intro-description{font-size:0.2rem;line-height:0.32rem;padding-top:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.section1{height:6.59rem}.section1 .inner-content{position:absolute;top:0;right:0;left:0;height:100%}.section1 .kv-image{position:absolute;bottom:0;left:0;width:7.83rem}.section1 .kv-intro{height:6.59rem;position:absolute;top:0;left:9rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section1 .kv-intro .title{width:1.8rem;line-height:0.8rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.68rem}.section1 .kv-intro .subtitle{width:4.2rem;line-height:0.64rem;margin-top:0.08rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.42rem}.section2{background:#F4F4F4}.section2 .inner-content{padding:1.82rem 0}.section2 .icon-list{font-size:0;text-align:center}.section2 .icon-list li{display:inline-block;width:25%}.section2 .icon-list li .image{display:inline-block;width:0.65rem;margin-bottom:0.1rem}.section2 .icon-list li .image img{display:block;width:100%}.section2 .icon-list li .text{line-height:0.24rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.14rem}.section5{background:#ffffff;padding:1.28rem 0}.section5 .inner-content{position:relative;margin-bottom:0.98rem}.section5 .intro-title{width:4.4rem}.section5 .intro-description{padding-top:0;margin-bottom:0.34rem}.section5 .left-tbox{width:6.6rem;position:absolute;top:0;right:0}.section5 .intro-image{position:relative;width:14.41rem;height:3.24rem}.section5 .icon-list{font-size:0}.section5 .icon-list li{display:inline-block;margin-right:0.3rem}.section5 .icon-list li .image{display:inline-block;height:0.2rem;vertical-align:top;margin-right:0.12rem}.section5 .icon-list li .image img{display:block;width:100%}.section5 .icon-list li span{line-height:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.16rem;vertical-align:top}.section7 .inner-content{width:13.12rem;height:100%;position:absolute;bottom:0;left:50%;margin-left:-6.56rem}.section7 .intro-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;visibility:visible}.section7 .intro-item .intro-title{width:4.5rem}.section7 .intro-item .intro-description{width:4.5rem;margin-bottom:0.32rem}.section7 .data-item{width:4.5rem;display:inline-block;margin-bottom:0.32rem}.section7 .data-tit{display:inline-block;font-size:0.16rem;line-height:0.28rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";vertical-align:middle}.section7 .data-icon{display:inline-block;width:0.2rem;height:0.24rem;vertical-align:middle;margin-right:0.14rem}.section7 .intro-text{width:4.5rem;display:inline-block;font-size:0.16rem;line-height:0.28rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";vertical-align:middle}.section3{overflow:visible;background:#ffffff}.section3 .inner-content{padding-top:1.28rem}.section3 .sec3-box{position:relative}.section3 .intro-title{width:5.4rem;margin-bottom:0.32rem;position:absolute;top:0;left:0}.section3 .intro-description{padding-top:0;padding-left:5.32rem;margin-bottom:0.32rem}.section3 .intro-data-box{margin-bottom:0.8rem;padding-left:5.32rem}.section3 .data-item{display:inline-block;margin-right:0.32rem}.section3 .data-tit{display:inline-block;font-size:0.16rem;line-height:0.28rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";vertical-align:middle}.section3 .data-icon{display:inline-block;width:0.14rem;height:0.24rem;vertical-align:middle;margin-right:0.16rem}.section3 .move-image-item{position:absolute;right:0;bottom:0;left:0;height:6.8rem;overflow:hidden;-webkit-transform-origin:top center;transform-origin:top center}.section3 .move-image-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(top, #C0E5F1, #E1EBEF);background:linear-gradient(180deg, #C0E5F1, #E1EBEF)}.section3 .move-image-item .move-video-item{position:absolute;top:0.96rem;left:50%;width:7.84rem;margin-left:-3.92rem;padding:0.18rem 0.25rem;box-sizing:border-box}.section3 .move-image-item .move-video-item video{display:block;width:100%;border-radius:1rem}.section3 .move-image-item .move-video-item .move-image{position:absolute;top:0;left:0;z-index:2;width:100%}.section3 .image{position:relative;width:100%;height:6.8rem;margin-top:0.8rem;background:-webkit-linear-gradient(top, #C0E5F1, #E1EBEF);background:linear-gradient(180deg, #C0E5F1, #E1EBEF);visibility:hidden}.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-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.16rem}.section8 .inner-content{padding:1.28rem 0}.section8 .intro-item{position:relative}.section8 .intro-title{width:5rem}.section8 .intro-description{width:7.9rem;padding-top:0;position:absolute;top:0;right:0}.section8 .intro-icon{width:0.5rem;margin-top:0.32rem}.section8 .intro-image{height:7.4rem;margin-top:0.8rem}.section4{height:7.6rem}.section4 .inner-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:7.6rem;height:calc(100vh - 0.6rem)}.section4 .intro-item{width:6.8rem}.section4 .intro-description{width:6rem}.section4 .color-select{width:3rem;margin-top:0.7rem}.section4 .color-select li{line-height:0.7rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";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;bottom:-5.4rem;right:1.12rem;width:4.07rem;height:12.59rem}.section4 .color-select-image .image{position:absolute;top:0;left:0;width:100%;opacity:0;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.section4 .color-select-image .image.on{opacity:1}.section10 .inner-content{padding-bottom:1.28rem}.section10 .side-row{padding-top:1.28rem}.section10 .intro-item{position:relative}.section10 .intro-item.high{min-height:8.93rem}.section10 .intro-item.high .intro-image{width:6.7rem;height:8.93rem}.section10 .intro-tbox{width:5.3rem;height:8.93rem;position:absolute;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section10 .intro-item.large .intro-image{height:7.4rem}.section10 .intro-item.large .intro-description{width:6.2rem;letter-spacing:normal;margin-bottom:0.8rem}.section10 .side-row:nth-child(3) .intro-description{width:6.6rem}.section11{background:#EBF0F7}.section11 .inner-content{padding:1.82rem 0 1.28rem}.section11 .section-title{line-height:0.88rem;margin-bottom:0.8rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.6rem;text-align:center}.section11 .sec11-swiper{width:100%;position:relative}.section11 .side-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section11 .sec11-swiper .swiper-slide{width:4rem}.section11 .intro-item{position:relative;padding-top:5.33rem}.section11 .intro-item .intro-image{width:100%;height:5.33rem;position:absolute;top:0;left:0}.section11 .intro-title{line-height:0.3rem;padding-top:0.16rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section11 .intro-title p{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";opacity:0.7}.section11 .intro-description{line-height:0.28rem;font-size:0.16rem;padding-top:0.08rem}.section11 .btn-learn-more{display:block;width:1.2rem;line-height:0.24rem;margin:1.24rem auto 0;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.13rem;text-align:center}.section11 .btn-learn-more span{border-bottom:0.01rem solid #000000;padding-bottom:0.02rem}.section11 .des-mwidth{width:98%}.section12 .inner-content{padding:1.28rem 0}.section12 .disclaimer-title{line-height:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem;color:rgba(0,0,0,0.5)}.section12 .disclaimer-list li{line-height:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem;color:rgba(0,0,0,0.5)}}@media only screen and (min-width: 1024px) and (max-width: 1439px){.main-content{padding-top:0.6rem}.inner-content{width:8.96rem}.canvas-video{display:block}.intro-title{font-size:0.42rem;line-height:0.5rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.intro-description{font-size:0.2rem;line-height:0.32rem;padding-top:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.section1{height:6.17rem}.section1 .inner-content{position:absolute;top:0;right:0;left:0;height:100%}.section1 .kv-image{position:absolute;bottom:0;left:0;width:5.74rem}.section1 .kv-intro{height:6.17rem;position:absolute;top:0;left:5.11rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section1 .kv-intro .title{width:1.8rem;line-height:0.72rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.6rem}.section1 .kv-intro .subtitle{width:4rem;line-height:0.64rem;margin-top:0.08rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.42rem}.section2{background:#F4F4F4}.section2 .inner-content{padding:1.82rem 0}.section2 .icon-list{font-size:0;text-align:center}.section2 .icon-list li{display:inline-block;width:25%}.section2 .icon-list li .image{display:inline-block;width:0.65rem;margin-bottom:0.1rem}.section2 .icon-list li .image img{display:block;width:100%}.section2 .icon-list li .text{line-height:0.24rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.14rem}.section5{padding:1.28rem 0}.section5 .inner-content{position:relative;margin-bottom:0.98rem}.section5 .intro-description{width:8.2rem;margin-bottom:0.34rem}.section5 .intro-image{position:relative;width:10.25rem;height:2.51rem}.section5 .icon-list{font-size:0}.section5 .icon-list li{display:inline-block;margin-right:0.3rem}.section5 .icon-list li .image{display:inline-block;height:0.2rem;vertical-align:top;margin-right:0.12rem}.section5 .icon-list li .image img{display:block;width:100%}.section5 .icon-list li span{line-height:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.16rem;vertical-align:top}.section7 .inner-content{width:8.96rem;height:100%;position:absolute;bottom:0;left:50%;margin-left:-4.48rem}.section7 .intro-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;visibility:visible}.section7 .intro-title{width:3.2rem}.section7 .intro-description{width:3.2rem;margin-bottom:0.32rem}.section7 .data-item{width:5rem;display:inline-block;margin-bottom:0.32rem}.section7 .data-tit{display:inline-block;font-size:0.16rem;line-height:0.28rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";vertical-align:middle}.section7 .data-icon{display:inline-block;width:0.2rem;height:0.24rem;vertical-align:middle;margin-right:0.14rem}.section7 .intro-text{width:3.1rem;display:inline-block;font-size:0.16rem;line-height:0.28rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";vertical-align:middle}.section3{overflow:visible;background:#ffffff}.section3 .inner-content{padding-top:1.28rem}.section3 .sec3-box{position:relative}.section3 .intro-title{width:3.8rem;position:absolute;top:0;left:0}.section3 .intro-description{padding-top:0;padding-left:4.26rem;margin-bottom:0.32rem}.section3 .intro-data-box{margin-bottom:0.8rem;padding-left:4.26rem}.section3 .data-item{display:inline-block;margin-right:0.32rem}.section3 .data-tit{display:inline-block;font-size:0.16rem;line-height:0.28rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";vertical-align:middle}.section3 .data-icon{display:inline-block;width:0.14rem;height:0.24rem;vertical-align:middle;margin-right:0.16rem}.section3 .move-image-item{position:absolute;right:0;bottom:0;left:0;height:4.64rem;overflow:hidden;-webkit-transform-origin:top center;transform-origin:top center}.section3 .move-image-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(top, #C0E5F1, #E1EBEF);background:linear-gradient(180deg, #C0E5F1, #E1EBEF)}.section3 .move-image-item .move-video-item{position:absolute;top:-3.2rem;left:50%;width:7.64rem;margin-left:-3.82rem;height:16.47rem;padding:0.2rem 0.25rem;box-sizing:border-box}.section3 .move-image-item .move-video-item canvas{display:block;width:100%;border-radius:0.3rem}.section3 .move-image-item .move-video-item .move-image{position:absolute;top:0;left:0;z-index:2;width:100%}.section3 .image{position:relative;width:100%;height:4.64rem;margin-top:0.8rem;background:-webkit-linear-gradient(top, #C0E5F1, #E1EBEF);background:linear-gradient(180deg, #C0E5F1, #E1EBEF);visibility:hidden}.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-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.16rem}.section8 .inner-content{padding:1.28rem 0}.section8 .intro-item{position:relative}.section8 .intro-title{width:5.2rem}.section8 .intro-description{width:6.6rem}.section8 .intro-icon{width:0.5rem;margin-top:0.32rem}.section8 .intro-image{height:6.1rem;margin-top:0.8rem}.section4 .inner-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:calc(100vh - 0.6rem)}.section4 .intro-item{width:4.2rem}.section4 .intro-description{width:4.2rem}.section4 .color-select{width:3rem;margin-top:0.7rem}.section4 .color-select li{line-height:0.7rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";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.16rem;width:1.92rem;height:5.94rem;margin-top:-2.97rem}.section4 .color-select-image .image{position:absolute;top:0;left:0;width:100%;opacity:0;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.section4 .color-select-image .image.on{opacity:1}.section10 .inner-content{padding-bottom:1.28rem}.section10 .side-row{padding-top:1.28rem}.section10 .intro-item{position:relative}.section10 .intro-item.high{min-height:6.1rem}.section10 .intro-item.high .intro-image{width:4.58rem;height:6.1rem}.section10 .intro-tbox{width:3.5rem;height:6.1rem;position:absolute;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section10 .intro-item.large .intro-image{height:5.05rem}.section10 .intro-item.large .intro-description{width:7.3rem;letter-spacing:normal;margin-bottom:0.8rem}.section10 .side-row:nth-child(3) .intro-description{width:6.6rem}.section11{background:#EBF0F7}.section11 .inner-content{padding:1.82rem 0 1.28rem}.section11 .section-title{line-height:0.88rem;margin-bottom:0.8rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.6rem;text-align:center}.section11 .sec11-swiper{width:100%;position:relative}.section11 .side-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section11 .sec11-swiper .swiper-slide{width:2.8rem}.section11 .intro-item{position:relative;padding-top:3.72rem}.section11 .intro-item .intro-image{width:100%;height:3.72rem;position:absolute;top:0;left:0}.section11 .intro-title{line-height:0.3rem;padding-top:0.16rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section11 .intro-title p{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";opacity:0.7}.section11 .intro-description{line-height:0.24rem;font-size:0.14rem;padding-top:0.08rem}.section11 .btn-learn-more{display:block;width:1.2rem;line-height:0.24rem;margin:1.24rem auto 0;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.13rem;text-align:center}.section11 .btn-learn-more span{border-bottom:0.01rem solid #000000;padding-bottom:0.02rem}.section12 .inner-content{padding:1.28rem 0}.section12 .disclaimer-title{line-height:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem;color:rgba(0,0,0,0.5)}.section12 .disclaimer-list li{line-height:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem;color:rgba(0,0,0,0.5);letter-spacing:-0.005rem}}@media only screen and (min-width: 1365px) and (max-width: 1367px){.section4 .inner-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:calc(6.6rem - 0.6rem)}.section4 .intro-item{width:4.2rem}.section4 .intro-description{width:4.2rem}.section4 .color-select{width:3rem;margin-top:0.3rem}.section4 .color-select li{font-size:0.2rem;line-height:0.7rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";color:rgba(0,0,0,0.6);cursor:pointer}.section4 .color-select-image{position:absolute;top:50%;right:1.16rem;width:1.92rem;height:5.94rem;margin-top:-1.6rem}}@media only screen and (min-width: 768px) and (max-width: 1023px){.main-content{padding-top:0.6rem}.inner-content{width:7.2rem}.canvas-video{display:block}.intro-title{font-size:0.36rem;line-height:0.5rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.intro-description{font-size:0.16rem;line-height:0.26rem;padding-top:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.section1{height:8.96rem}.section1 .inner-content{position:absolute;top:0;right:0;left:0;height:100%}.section1 .kv-image{position:absolute;bottom:0;left:0;width:7.6rem}.section1 .kv-intro{position:absolute;top:0.96rem;left:0}.section1 .kv-intro .title{width:1.8rem;line-height:0.72rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.6rem}.section1 .kv-intro .subtitle{width:4rem;line-height:0.64rem;margin-top:0.12rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.42rem}.section2{background:#F4F4F4}.section2 .inner-content{padding:0.96rem 0}.section2 .icon-list{font-size:0;text-align:center}.section2 .icon-list li{display:inline-block;width:25%}.section2 .icon-list li .image{display:inline-block;width:0.65rem;margin-bottom:0.2rem}.section2 .icon-list li .image img{display:block;width:100%}.section2 .icon-list li .text{line-height:0.24rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem}.section5{padding:0.8rem 0}.section5 .inner-content{position:relative;margin-bottom:0.6rem}.section5 .intro-description{width:6.6rem}.section5 .intro-image{position:relative;width:7.69rem;height:2.03rem}.section7 .inner-content{width:7.2rem;position:absolute;top:0;left:50%;margin-left:-3.6rem}.section7 .intro-item{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:0.96rem;opacity:0;visibility:hidden;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem);-webkit-transition:all .6s ease;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-description{width:5.3rem;margin-bottom:0.32rem}.section7 .data-item{width:5.3rem;display:inline-block;margin-bottom:4.18rem}.section7 .data-tit{display:inline-block;font-size:0.16rem;line-height:0.28rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";vertical-align:middle}.section7 .data-icon{display:inline-block;width:0.2rem;height:0.24rem;vertical-align:middle;margin-right:0.14rem}.section7 .intro-text{width:5.3rem;display:inline-block;font-size:0.16rem;line-height:0.28rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";vertical-align:middle}.section3{padding:0.8rem 0 0}.section3 .intro-description{width:6.2rem;margin-bottom:0.32rem}.section3 .intro-data-box{margin-bottom:0.66rem}.section3 .data-item{display:inline-block;margin-right:0.32rem}.section3 .data-tit{display:inline-block;font-size:0.16rem;line-height:0.28rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";vertical-align:middle}.section3 .data-icon{display:inline-block;width:0.14rem;height:0.24rem;vertical-align:middle;margin-right:0.16rem}.section3 .move-image-item{position:absolute;right:0;bottom:0;left:0;height:3.73rem;overflow:hidden;-webkit-transform-origin:top center;transform-origin:top center}.section3 .move-image-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(top, #C0E5F1, #E1EBEF);background:linear-gradient(180deg, #C0E5F1, #E1EBEF)}.section3 .move-image-item .move-video-item{position:absolute;top:-3.2rem;left:50%;width:6.14rem;margin-left:-3.07rem;height:13.27rem;padding:0.1rem 0.05rem;box-sizing:border-box}.section3 .move-image-item .move-video-item canvas{display:block;width:100%;border-radius:0.3rem}.section3 .move-image-item .move-video-item .move-image{position:absolute;top:0;left:0;z-index:2;width:100%}.section3 .image{position:relative;width:100%;height:3.73rem;margin-top:0.64rem;background:-webkit-linear-gradient(top, #C0E5F1, #E1EBEF);background:linear-gradient(180deg, #C0E5F1, #E1EBEF);visibility:hidden}.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-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.16rem}.section8 .inner-content{padding:0.8rem 0}.section8 .intro-description{width:5.6rem}.section8 .intro-icon{width:0.5rem;margin-top:0.32rem}.section8 .intro-image{height:4.9rem;margin-top:0.64rem}.section4 .inner-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:calc(100vh - 0.6rem)}.section4 .intro-item{width:3.8rem}.section4 .intro-description{width:3.3rem}.section4 .color-select{width:3rem;margin-top:0.7rem}.section4 .color-select li{line-height:0.7rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";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;margin-top:-3.1rem}.section4 .color-select-image .image{position:absolute;top:0;left:0;width:100%;opacity:0;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.section4 .color-select-image .image.on{opacity:1}.section10 .inner-content{padding-bottom:0.82rem}.section10 .side-row{padding-top:0.8rem}.section10 .intro-item{position:relative}.section10 .intro-item .intro-title{font-size:0.28rem;line-height:0.34rem}.section10 .intro-item .intro-description{font-size:0.16rem;line-height:0.28rem}.section10 .intro-item.high{min-height:4.89rem}.section10 .intro-item.high .intro-image{width:3.68rem;height:4.89rem}.section10 .intro-tbox{width:2.82rem;height:4.89rem;position:absolute;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section10 .intro-item.large .intro-image{height:4.05rem}.section10 .intro-item.large .intro-description{width:5rem;letter-spacing:normal;margin-bottom:0.64rem}.section10 .side-row:nth-child(3) .intro-description{width:5.3rem}.section11{background:#EBF0F7}.section11 .inner-content{padding:0.96rem 0 0.8rem}.section11 .section-title{line-height:0.76rem;margin-bottom:0.64rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.54rem;text-align:center}.section11 .sec11-swiper{width:100%;position:relative}.section11 .side-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section11 .sec11-swiper .swiper-slide{width:2.23rem}.section11 .intro-item{position:relative;padding-top:2.99rem}.section11 .intro-item .intro-image{width:100%;height:2.99rem;position:absolute;top:0;left:0}.section11 .intro-title{line-height:0.3rem;padding-top:0.16rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section11 .intro-title p{font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";opacity:0.7}.section11 .intro-description{width:2.1rem;line-height:0.24rem;font-size:0.12rem;padding-top:0.04rem}.section11 .intro-description span{display:inline-block}.section11 .btn-learn-more{display:block;width:1.2rem;line-height:0.24rem;margin:0.76rem auto 0;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.13rem;text-align:center}.section11 .btn-learn-more span{border-bottom:0.01rem solid #000000;padding-bottom:0.02rem}.section12 .inner-content{padding:0.96rem 0}.section12 .disclaimer-title{line-height:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem;color:rgba(0,0,0,0.5)}.section12 .disclaimer-list li{line-height:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem;color:rgba(0,0,0,0.5);letter-spacing:-0.004rem}}@media only screen and (max-width: 767px){.main-content{padding-top:0.5rem}.inner-content{width:3.2rem}.canvas-video{display:block}.intro-title{font-size:0.28rem;line-height:0.44rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.intro-description{font-size:0.16rem;line-height:0.28rem;padding-top:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.section1{height:6.8rem}.section1 .kv-image{position:absolute;bottom:0.1rem;left:0;width:3.6rem}.section1 .kv-intro{position:absolute;top:0.64rem;left:0}.section1 .kv-intro .title{width:1.8rem;line-height:0.64rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.52rem}.section1 .kv-intro .subtitle{width:2.4rem;line-height:0.44rem;margin-top:0.08rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.2rem}.section2{background:#F4F4F4}.section2 .inner-content{padding:0.95rem 0}.section2 .icon-list{font-size:0;text-align:center}.section2 .icon-list li{display:inline-block;width:50%;margin-top:0.32rem}.section2 .icon-list li:nth-of-type(-n+2){margin-top:0}.section2 .icon-list li .image{display:inline-block;width:0.5rem;height:0.5rem;margin-bottom:0.1rem}.section2 .icon-list li .image img{display:block;width:100%}.section2 .icon-list li .text{line-height:0.24rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem}.section5{background:#ffffff;padding:0.8rem 0}.section5 .inner-content{position:relative;margin-bottom:0.64rem}.section5 .intro-description{margin-bottom:0.32rem}.section5 .intro-image{position:relative;width:3.6rem;height:1.06rem}.section5 .icon-list{font-size:0}.section5 .icon-list li{margin-bottom:0.25rem}.section5 .icon-list li .image{display:inline-block;width:0.24rem;height:0.2rem;vertical-align:top;margin-right:0.12rem}.section5 .icon-list li .image img{display:block;width:100%}.section5 .icon-list li span{line-height:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.16rem;vertical-align:top}.section7{background:#fdfdfd}.section7 .image-bg{width:3.6rem;height:7.68rem;position:absolute;bottom:0;left:0}.section7 .inner-content{padding:0.8rem 0 4.1rem}.section7 .intro-item{width:100%;opacity:1;visibility:visible;-webkit-transition:all .6s ease;transition:all .6s ease}.section7 .data-item{width:100%;display:inline-block;padding-top:0.32rem}.section7 .data-tit{display:inline-block;font-size:0.16rem;line-height:0.28rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";vertical-align:middle}.section7 .data-icon{display:inline-block;width:0.2rem;height:0.24rem;vertical-align:middle;margin-right:0.14rem}.section7 .intro-text{width:100%;display:inline-block;font-size:0.16rem;line-height:0.28rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";vertical-align:middle;position:absolute;bottom:0.8rem;left:0}.section3{background:#ffffff}.section3 .sec3-box{position:relative;z-index:5;margin-bottom:0.42rem;padding-top:0.8rem}.section3 .move-image-item{width:3.6rem;height:2.7rem;margin-left:-0.2rem;overflow:hidden;position:relative;-webkit-transform-origin:top center;transform-origin:top center}.section3 .move-image-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(top, #C0E5F1, #E1EBEF);background:linear-gradient(180deg, #C0E5F1, #E1EBEF)}.section3 .move-image-item .move-video-item{position:absolute;top:-1.2rem;left:50%;width:3rem;margin-left:-1.5rem;height:6.47rem;padding:0.1rem 0.05rem;box-sizing:border-box}.section3 .move-image-item .move-video-item canvas{display:block;width:100%;border-radius:0.3rem}.section3 .move-image-item .move-video-item .move-image{position:absolute;top:0;left:0;z-index:2;width:100%}.section3 .image{display:none}.section3 .image-rate{width:100%;font-size:0;text-align:center;padding-top:0.12rem}.section3 .image-rate .rate-item{display:inline-block;width:1.4rem;line-height:0.24rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem}.section3 .intro-data-box{padding-top:0.32rem}.section3 .data-item{display:inline-block;margin-right:0.32rem;margin-bottom:0.22rem}.section3 .data-tit{display:inline-block;font-size:0.16rem;line-height:0.28rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";vertical-align:middle}.section3 .data-icon{display:inline-block;width:0.14rem;height:0.24rem;vertical-align:middle;margin-right:0.16rem}.section8 .inner-content{padding:0.8rem 0}.section8 .intro-icon{width:0.5rem;margin-top:0.32rem}.section8 .intro-image{margin-top:0.64rem}.section4 .inner-content{height:8.92rem;padding-top:0.8rem}.section4 .color-select{width:3.04rem;margin-top:0.5rem}.section4 .color-select li{line-height:0.7rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";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:nth-of-type(1).active{color:#2C5E7A}.section4 .color-select li:nth-of-type(2).active{color:#404040}.section4 .color-select li:nth-of-type(3).active{color:#23262B}.section4 .color-select li.active{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.section4 .color-select-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.section4 .color-select-bg.on{opacity:1}.section4 .color-select-bg.bg1{background:#DCF2FA}.section4 .color-select-bg.bg2{background:#FFFFFF}.section4 .color-select-bg.bg3{background:#CBCFD4}.section4 .color-select-image{position:absolute;bottom:-1rem;left:50%;width:2.07rem;height:4.33rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section4 .color-select-image .image{position:absolute;top:0;left:0;width:100%;opacity:0;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.section4 .color-select-image .image.on{opacity:1}.section10 .inner-content{padding:0.8rem 0 0.48rem}.section10 .intro-item{position:relative;padding-top:2.5rem;margin-bottom:0.32rem}.section10 .intro-item.normal{margin-top:0}.section10 .intro-tbox{position:relative}.section10 .intro-title{font-size:0.12rem;line-height:0.24rem;color:#000000;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.section10 .high .intro-title br{display:none}.section10 .intro-description{font-size:0.12rem;line-height:0.24rem;padding-top:0;color:#4d4d4d}.section10 .intro-image{width:3.2rem;height:2.4rem;position:absolute;top:0;left:0}.section11{background:#EBF0F7}.section11 .inner-content{width:100%;padding:0.96rem 0 0.94rem;overflow:hidden}.section11 .section-title{line-height:0.56rem;margin-bottom:0.64rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.36rem;text-align:center}.section11 .sec11-swiper{width:5.46rem;position:relative;margin-left:-0.93rem}.section11 .side-row{width:100%}.section11 .sec11-swiper .swiper-slide{width:1.52rem;height:4.9rem;position:relative}.section11 .intro-item{width:3.2rem;height:4.9rem;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section11 .intro-item .intro-image{width:1.52rem;height:3.29rem;margin:0 auto;position:absolute;top:1.88rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section11 .intro-title{line-height:0.4rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.28rem;display:none}.section11 .intro-title p{opacity:0.7}.section11 .intro-description{width:3rem;line-height:0.24rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem;display:none;padding-bottom:0.64rem}.section11 .intro-description span{display:inline-block}.section11 .des-mwidth{width:92%}.section11 .swiper-slide-active .intro-title{display:block}.section11 .swiper-slide-active .intro-description{display:block}.section11 .btn-learn-more{display:block;width:0.8rem;line-height:0.24rem;margin:0.9rem auto 0;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.13rem;text-align:center}.section11 .btn-learn-more span{border-bottom:0.01rem solid #000000;padding-bottom:0.02rem}.section12 .inner-content{padding:0.96rem 0}.section12 .disclaimer-title{line-height:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem;color:rgba(0,0,0,0.7)}.section12 .disclaimer-list li{line-height:0.2rem;font-family:"OPPOSans-Regular","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:0.12rem;color:rgba(0,0,0,0.7);letter-spacing:-0.004rem}}@supports (-webkit-background-clip: text){.section4 .color-select li:nth-of-type(1).active span{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:-webkit-linear-gradient(top, #2C5E7A, #97BCD1);background-image:linear-gradient(180deg, #2C5E7A, #97BCD1)}.section4 .color-select li:nth-of-type(2).active span{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:-webkit-linear-gradient(top, #328F86, #A1DECB);background-image:linear-gradient(180deg, #328F86, #A1DECB)}.section4 .color-select li:nth-of-type(3).active span{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:-webkit-linear-gradient(top, #0a0a0c, #6c798b);background-image:linear-gradient(180deg, #0a0a0c, #6c798b)}}.js-loaded .init-fade{opacity:0}.js-loaded .init-scale{opacity:0;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:scale(1.2);transform:scale(1.2)}.fadeInUp{-webkit-animation:fadeInUp 1s ease forwards;animation:fadeInUp 1s ease forwards;will-change:opacity, transform}.scaleIn{-webkit-animation:scaleIn 1s ease forwards;animation:scaleIn 1s ease forwards;will-change:opacity, transform}@-webkit-keyframes scaleIn{from{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{from{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@-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}.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);-webkit-transition:all .3s;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:-webkit-inline-box;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fixed-nva-box .pi-nav-btn a{font-size:0.13rem;padding:0 0.15rem;background:#2ec84d;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;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in}.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;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out}.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}}@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;-webkit-transition:all 0.3s ease-in-out;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%);-webkit-transition:all 0.3s;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%);-webkit-transition:all 0.32s;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:#2EC84D}.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;-webkit-transition:all 0.2s ease-in-out;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);-webkit-transition:all 0.5s ease-in-out;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)}@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}}

.sec11-swiper .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.sec11-swiper .swiper-container-no-flexbox .swiper-slide{float:left}.sec11-swiper .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sec11-swiper .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;box-sizing:content-box}.sec11-swiper .swiper-container-android .swiper-slide,.sec11-swiper .swiper-wrapper{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.sec11-swiper .swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.sec11-swiper .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.sec11-swiper .swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.sec11-swiper .swiper-invisible-blank-slide{visibility:hidden}.sec11-swiper .swiper-container-autoheight,.sec11-swiper .swiper-container-autoheight .swiper-slide{height:auto}.sec11-swiper .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.sec11-swiper .swiper-container-3d{-webkit-perspective:12rem;perspective:12rem}.sec11-swiper .swiper-container-3d .swiper-cube-shadow,.sec11-swiper .swiper-container-3d .swiper-slide,.sec11-swiper .swiper-container-3d .swiper-slide-shadow-bottom,.sec11-swiper .swiper-container-3d .swiper-slide-shadow-left,.sec11-swiper .swiper-container-3d .swiper-slide-shadow-right,.sec11-swiper .swiper-container-3d .swiper-slide-shadow-top,.sec11-swiper .swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.sec11-swiper .swiper-container-3d .swiper-slide-shadow-bottom,.sec11-swiper .swiper-container-3d .swiper-slide-shadow-left,.sec11-swiper .swiper-container-3d .swiper-slide-shadow-right,.sec11-swiper .swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.sec11-swiper .swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0));background-image:linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0))}.sec11-swiper .swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0));background-image:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0))}.sec11-swiper .swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));background-image:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0))}.sec11-swiper .swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0))}.sec11-swiper .swiper-container-wp8-horizontal,.sec11-swiper .swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.sec11-swiper .swiper-container-wp8-vertical,.sec11-swiper .swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.sec11-swiper .swiper-button-next,.sec11-swiper .swiper-button-prev{position:absolute;top:50%;width:0.27rem;height:0.44rem;margin-top:-0.22rem;z-index:10;cursor:pointer;background-size:0.27rem 0.44rem;background-position:center;background-repeat:no-repeat}.sec11-swiper .swiper-button-next.swiper-button-disabled,.sec11-swiper .swiper-button-prev.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.sec11-swiper .swiper-button-prev,.sec11-swiper .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:0.1rem;right:auto}.sec11-swiper .swiper-button-next,.sec11-swiper .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:0.1rem;left:auto}.sec11-swiper .swiper-button-prev.swiper-button-white,.sec11-swiper .swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.sec11-swiper .swiper-button-next.swiper-button-white,.sec11-swiper .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.sec11-swiper .swiper-button-prev.swiper-button-black,.sec11-swiper .swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.sec11-swiper .swiper-button-next.swiper-button-black,.sec11-swiper .swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.sec11-swiper .swiper-button-lock{display:none}.sec11-swiper .swiper-pagination{position:absolute;text-align:center;-webkit-transition:0.3s opacity;transition:0.3s opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.sec11-swiper .swiper-pagination.swiper-pagination-hidden{opacity:0}.sec11-swiper .swiper-container-horizontal>.swiper-pagination-bullets,.sec11-swiper .swiper-pagination-custom,.sec11-swiper .swiper-pagination-fraction{bottom:0.1rem;left:0;width:100%}.sec11-swiper .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.sec11-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.sec11-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.sec11-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.sec11-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.sec11-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.sec11-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.sec11-swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.sec11-swiper .swiper-pagination-bullet{width:0.08rem;height:0.08rem;display:inline-block;border-radius:100%;background:#000;opacity:0.2}.sec11-swiper button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.sec11-swiper .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.sec11-swiper .swiper-pagination-bullet-active{opacity:1;background:#007aff}.sec11-swiper .swiper-container-vertical>.swiper-pagination-bullets{right:0.1rem;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.sec11-swiper .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0.06rem 0;display:block}.sec11-swiper .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0.08rem}.sec11-swiper .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:0.2s top, 0.2s -webkit-transform;transition:0.2s top, 0.2s -webkit-transform;transition:0.2s transform, 0.2s top;transition:0.2s transform, 0.2s top, 0.2s -webkit-transform}.sec11-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.04rem}.sec11-swiper .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.sec11-swiper .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:0.2s left, 0.2s -webkit-transform;transition:0.2s left, 0.2s -webkit-transform;transition:0.2s transform, 0.2s left;transition:0.2s transform, 0.2s left, 0.2s -webkit-transform}.sec11-swiper .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:0.2s right, 0.2s -webkit-transform;transition:0.2s right, 0.2s -webkit-transform;transition:0.2s transform, 0.2s right;transition:0.2s transform, 0.2s right, 0.2s -webkit-transform}.sec11-swiper .swiper-pagination-progressbar{background:rgba(0,0,0,0.25);position:absolute}.sec11-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.sec11-swiper .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.sec11-swiper .swiper-container-horizontal>.swiper-pagination-progressbar,.sec11-swiper .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:0.04rem;left:0;top:0}.sec11-swiper .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.sec11-swiper .swiper-container-vertical>.swiper-pagination-progressbar{width:0.04rem;height:100%;left:0;top:0}.sec11-swiper .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.sec11-swiper .swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,0.25)}.sec11-swiper .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.sec11-swiper .swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.sec11-swiper .swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,0.25)}.sec11-swiper .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.sec11-swiper .swiper-pagination-lock{display:none}.sec11-swiper .swiper-scrollbar{border-radius:0.1rem;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}.sec11-swiper .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:0.03rem;z-index:50;height:0.05rem;width:98%}.sec11-swiper .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:0.03rem;top:1%;z-index:50;width:0.05rem;height:98%}.sec11-swiper .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:0.1rem;left:0;top:0}.sec11-swiper .swiper-scrollbar-cursor-drag{cursor:move}.sec11-swiper .swiper-scrollbar-lock{display:none}.sec11-swiper .swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.sec11-swiper .swiper-zoom-container>canvas,.sec11-swiper .swiper-zoom-container>img,.sec11-swiper .swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.sec11-swiper .swiper-slide-zoomed{cursor:move}.sec11-swiper .swiper-lazy-preloader{width:0.42rem;height:0.42rem;position:absolute;left:50%;top:50%;margin-left:-0.21rem;margin-top:-0.21rem;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite}.sec11-swiper .swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.sec11-swiper .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.sec11-swiper .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.sec11-swiper .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.sec11-swiper .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.sec11-swiper .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.sec11-swiper .swiper-container-fade .swiper-slide-active,.sec11-swiper .swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.sec11-swiper .swiper-container-cube{overflow:visible}.sec11-swiper .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.sec11-swiper .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.sec11-swiper .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.sec11-swiper .swiper-container-cube .swiper-slide-active,.sec11-swiper .swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.sec11-swiper .swiper-container-cube .swiper-slide-active,.sec11-swiper .swiper-container-cube .swiper-slide-next,.sec11-swiper .swiper-container-cube .swiper-slide-next+.swiper-slide,.sec11-swiper .swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.sec11-swiper .swiper-container-cube .swiper-slide-shadow-bottom,.sec11-swiper .swiper-container-cube .swiper-slide-shadow-left,.sec11-swiper .swiper-container-cube .swiper-slide-shadow-right,.sec11-swiper .swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.sec11-swiper .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:0.6;-webkit-filter:blur(0.5rem);filter:blur(0.5rem);z-index:0}.sec11-swiper .swiper-container-flip{overflow:visible}.sec11-swiper .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.sec11-swiper .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.sec11-swiper .swiper-container-flip .swiper-slide-active,.sec11-swiper .swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.sec11-swiper .swiper-container-flip .swiper-slide-shadow-bottom,.sec11-swiper .swiper-container-flip .swiper-slide-shadow-left,.sec11-swiper .swiper-container-flip .swiper-slide-shadow-right,.sec11-swiper .swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.sec11-swiper .swiper-container-coverflow .swiper-wrapper{-ms-perspective:12rem}

.fixed-nva-box{width:100%;height:0.6rem;font-size:0;position:absolute;top:0;left:0;z-index:9;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)}.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:-webkit-inline-box;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fixed-nva-box .pi-nav-btn a{font-size:0.13rem;padding:0 0.15rem;background:#2ec84d;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;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in}.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;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out}.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}}@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{position:relative;top:0;left:0;display:none;width:100vw;height:100vh;background:rgba(0,0,0,0);z-index:990;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.buy-pop-shade.show{position:fixed;background:rgba(0,0,0,0.64)}.buy-pop-main{width:13.12rem;height:7.2rem;position:relative;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%);-webkit-transition:all 0.3s;transition:all 0.3s;opacity:0;z-index:999;display:none}.buy-pop-main.show{-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%);-webkit-transition:all 0.32s;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:#2EC84D}.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;-webkit-transition:all 0.2s ease-in-out;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);-webkit-transition:all 0.5s ease-in-out;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)}@media screen and (min-width: 1331px) and (max-width: 1440px){.buy-pop-main{width:8.96rem;height:4.6rem;margin-top:-2.3rem;margin-left:-4.48rem}}@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}}