.find-noscroll,.find-noscroll body{height:100vh;overflow:hidden}html.win.find-series{background-color:#f0f2f7}html.win.find-series::-webkit-scrollbar{width:16px;background-color:#f0f2f7}html.win.find-series::-webkit-scrollbar-thumb{background-color:#ccc}html.win.find-noscroll{box-sizing:border-box;padding-right:16px}body{background-color:#000}html.banner-fixed #oc-header,html.banner-fixed .cp-breadcrumb,html.banner-fixed .find__banner{position:fixed}html.banner-fixed .find__banner{top:0}html.banner-fixed .parallax{margin-top:200vh;margin-bottom:1.2rem}html.banner-fixed .parallax ~ *{opacity:0}html.parallax-fixed .find__banner{height:12.97rem}html.parallax-fixed .find__banner video,html.parallax-fixed .find__banner .tip{display:none}html.parallax-fixed .parallax ~ *{opacity:1}.parallax.fixed{position:absolute;top:2.18rem;left:0;right:0}.parallax ~ *{transition:opacity 1.5s}#oc-container{background-color:#000}.dark-theme #oc-header{background-color:transparent}.dark-theme #oc-container{padding-top:0}.cp-breadcrumb{position:absolute;z-index:10;top:0.92rem;left:0;right:0}.cp-breadcrumb ol li+li::before{color:rgba(255,255,255,0.7)}.cp-breadcrumb ol li a{color:#fff}.cp-slide-photo-gallery{margin-top:1.56rem;margin-bottom:1.74rem}.cp-phone-compare{background-color:#fff}@media (min-width: 1024px) and (max-width: 1439.98px){html.banner-fixed .parallax{margin-top:15.36rem;margin-bottom:0.9rem}html.parallax-fixed .find__banner{height:12.61rem}.parallax.fixed{top:4.75rem}.cp-slide-photo-gallery{margin-top:0.96rem;margin-bottom:1.2rem}}@media (min-width: 768px) and (max-width: 1023.98px){html.banner-fixed .parallax{margin-top:20.48rem;margin-bottom:0.9rem}html.parallax-fixed .find__banner{height:10.81rem}.parallax.fixed{top:4.23rem}.cp-slide-photo-gallery{margin-top:1.27rem;margin-bottom:1.2rem}}@media (max-width: 767.98px){html.banner-fixed .parallax{margin-top:12.8rem;margin-bottom:0.6rem}html.parallax-fixed .find__banner{height:15.33rem}.parallax.fixed{top:1.31rem}.cp-slide-photo-gallery{margin-top:0.3rem;margin-bottom:0.54rem}}

.find__banner{position:relative;width:100%;height:100vh;background-color:#000;transition:all 0.3s}.find__banner video{width:100%;height:100%;object-fit:cover}.find__banner video.mb{display:none}.find__banner .tip{position:absolute;bottom:0.59rem;left:0;right:0;text-align:center;color:#fff;font-size:0.16rem;line-height:0.24rem}.find__banner .tip img{width:0.47rem;margin-top:0.2rem;cursor:pointer}.find__banner .mb-series-nav{display:none}@media (min-width: 768px) and (max-width: 1439.98px){.cp-breadcrumb{display:none}}@media (min-width: 1024px) and (max-width: 1439.98px){.find__banner{height:7.68rem}.find__banner .tip{bottom:0.9rem}}@media (min-width: 768px) and (max-width: 1023.98px){#oc-wrapper{padding-top:0}.find__banner{height:10.24rem}.find__banner .tip{bottom:1.2rem}}@media (max-width: 767.98px){#oc-wrapper{padding-top:0}.find__banner{height:6.4rem}.find__banner video.gt-mb{display:none}.find__banner video.mb{display:block}.find__banner .find__banner-content{display:none}.find__banner .tip{bottom:0.61rem}.find__banner .mb-series-nav{display:block;position:absolute;top:0.77rem;left:0.15rem;right:0.15rem;overflow-x:auto}.find__banner .mb-series-nav::-webkit-scrollbar{display:none}.find__banner .mb-series-nav ul{display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:fit-content}.find__banner .mb-series-nav ul li{margin-right:0.2rem}.find__banner .mb-series-nav ul li:last-of-type{margin-right:0}.find__banner .mb-series-nav ul li.active{border-bottom:0.01rem solid #fff}.find__banner .mb-series-nav ul li.active a{color:#fff}.find__banner .mb-series-nav ul a{color:rgba(255,255,255,0.7);white-space:nowrap;font-size:0.13rem;font-family:'OPPOSans-Medium';line-height:0.24rem}}

.find__banner-content{position:absolute;top:2.08rem;left:0;right:0;margin:auto;color:#fff}.find__banner-content .title{font-size:0.28rem;font-family:"OPPOSans-Bold";line-height:0.42rem}.find__banner-content .desc{margin-top:0.15rem}.find__banner-content .desc h3{width:3.92rem;font-size:0.2rem;line-height:0.3rem}.find__banner-content .features{display:-ms-flexbox;display:flex;margin-top:0.33rem;font-size:0.13rem;line-height:0.24rem}.find__banner-content .features ul:first-of-type{margin-right:0.37rem}.find__banner-content .features li{margin-bottom:0.2rem}.find__banner-content .features img{width:0.24rem;height:0.24rem;-webkit-filter:invert(1);filter:invert(1);margin-right:0.1rem}.find__banner-content .features span{line-height:0.24rem;padding-bottom:0.02rem;border-bottom:0.01rem solid}@media (min-width: 768px) and (max-width: 1439.98px){.find__banner-content{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.find__banner-content .desc{margin-top:0}.find__banner-content .features{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 1024px) and (max-width: 1439.98px){.find__banner-content{top:1.59rem}.find__banner-content .title{font-size:0.2rem;line-height:0.3rem}.find__banner-content .desc{width:5.23rem}.find__banner-content .desc h3{width:100%}}@media (min-width: 768px) and (max-width: 1023.98px){.find__banner-content{top:1.4rem}.find__banner-content .title{font-size:0.16rem;line-height:0.24rem}.find__banner-content .desc{width:3.87rem}.find__banner-content .desc h3{width:3.87rem;font-size:0.16rem;line-height:0.24rem}.find__banner-content .features{margin-top:0.26rem}}@media (max-width: 767.98px){.find__banner-content{height:4.82rem;position:static;text-align:center;margin-top:0.6rem}.find__banner-content .title{font-size:0.24rem;line-height:0.42rem}.find__banner-content .desc{margin-top:0.1rem}.find__banner-content .desc h3{width:100%;font-size:0.18rem;line-height:0.27rem}.find__banner-content .features{margin-top:0.4rem;-ms-flex-pack:center;justify-content:center}.find__banner-content .features li{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-bottom:0.3rem}.find__banner-content .features li img{margin-right:0}.find__banner-content .features span{margin-top:0.07rem}}

.find__card-banner{height:9.65rem;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;color:#fff;position:relative;-ms-flex-align:end;align-items:flex-end}.find__card-banner .left{width:4rem}.find__card-banner .left .img-box{background-color:#ffd3c8;height:3rem;position:relative;overflow:hidden}.find__card-banner .left .img-box img{position:absolute;left:0;right:0;bottom:0;margin:auto;width:2.3rem}.find__card-banner .left .title{margin-top:0.1rem}.find__card-banner .left .title a{color:#fff;font-size:0.2rem;font-family:'OPPOSans-Bold';line-height:0.3rem}.find__card-banner .left .title span{margin-left:0.08rem;font-size:0.09rem;font-family:'OPPOSans-Bold';line-height:0.14rem;opacity:0.5}.find__card-banner .left .subtitle{margin-top:0.03rem;width:4rem;font-size:0.2rem;line-height:0.3rem}.find__card-banner .left .actions{margin-top:0.12rem}.find__card-banner .left .actions a{color:#fff;margin-right:0.2rem;font-size:0.13rem;font-family:'OPPOSans-Medium';line-height:0.24rem;border-bottom:0.01rem solid;padding-bottom:0.02rem}.find__card-banner .left .actions a:hover{opacity:0.7}.find__card-banner .left .actions a:last-child{margin-right:0}.find__card-banner .right{position:relative;width:7.45rem;height:9.65rem;-ms-flex-negative:0;flex-shrink:0;background:url("https://uat-cms.oppo.com/content/dam/oppo/common/mkt/find/cover.png") center no-repeat;background-size:cover;text-align:center}.find__card-banner .right .tip{margin-top:0.65rem;font-size:0.16rem;line-height:0.24rem}.find__card-banner .right .title{position:absolute;left:0;right:0;bottom:1.68rem;font-size:0.92rem;line-height:1.1rem;height:1.1rem}.find__card-banner .right .action{display:inline-block;margin-top:7.38rem;background-color:#fff;padding:0.15rem 0.265rem;font-family:'OPPOSans-Bold';font-size:0.13rem}.find__card-banner .middle{display:none}@media (min-width: 1024px) and (max-width: 1439.98px){.find__card-banner{height:6.77rem;-ms-flex-align:start;align-items:flex-start}.find__card-banner .left{width:2.81rem}.find__card-banner .left .img-box{height:2.11rem}.find__card-banner .left .img-box img{width:1.6rem}.find__card-banner .left .title a{font-size:0.16rem;line-height:0.24rem}.find__card-banner .left .title span{font-size:0.09rem;line-height:0.14rem}.find__card-banner .left .subtitle{width:2.81rem;margin-top:0.05rem;font-size:0.16rem;line-height:0.24rem}.find__card-banner .left .actions{margin-top:0.1rem}.find__card-banner .right{width:5.23rem;height:6.77rem}.find__card-banner .right .tip{margin-top:0.4rem}.find__card-banner .right .title{bottom:1.18rem;font-size:0.64rem;line-height:0.92rem}.find__card-banner .right .action{margin-top:5.05rem}}@media (min-width: 768px) and (max-width: 1023.98px){.find__card-banner{height:5.68rem;-ms-flex-align:start;align-items:flex-start}.find__card-banner .left{width:2.08rem}.find__card-banner .left .img-box{height:1.56rem}.find__card-banner .left .img-box img{width:1.18rem}.find__card-banner .left .title a{font-size:0.13rem;line-height:0.19rem}.find__card-banner .left .title span{font-size:0.09rem;line-height:0.14rem}.find__card-banner .left .subtitle{width:2.08rem;margin-top:0.06rem;font-size:0.13rem;line-height:0.19rem}.find__card-banner .left .actions{margin-top:0.07rem}.find__card-banner .right{width:3.89rem;height:5.68rem}.find__card-banner .right .tip{margin-top:0.3rem;font-size:0.13rem;line-height:0.19rem}.find__card-banner .right .title{bottom:0.99rem;font-size:0.36rem;line-height:0.76rem}.find__card-banner .right .action{margin-top:4.31rem}}@media (max-width: 767.98px){.find__card-banner{height:14.02rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;background-color:#000;width:100vw;padding-left:0.15rem;padding-right:0.15rem;box-sizing:border-box;-ms-flex-pack:start;justify-content:flex-start}.find__card-banner .right{-ms-flex-order:1;order:1;width:100vw;height:5.21rem}.find__card-banner .right .tip{margin-top:0.3rem;font-size:0.13rem;line-height:0.24rem}.find__card-banner .right .title{font-size:0.36rem;line-height:0.76rem;bottom:0.94rem;height:auto}.find__card-banner .right .action{margin-top:3.78rem}.find__card-banner .middle{-ms-flex-order:2;order:2;display:block;height:4.82rem}.find__card-banner .left{-ms-flex-order:3;order:3;width:3.3rem}.find__card-banner .left .img-box{height:2.5rem}.find__card-banner .left .img-box img{bottom:-2.9rem}.find__card-banner .left .title{margin-top:0.12rem}.find__card-banner .left .title a{font-size:0.13rem;line-height:0.2rem}.find__card-banner .left .subtitle{margin-top:0.04rem;font-size:0.13rem;line-height:0.2rem}.find__card-banner .left .actions{margin-top:0.09rem}}

.index__two-products-1 .title a{color:#fff}.index__two-products-1 .title .tag{font-size:0.09rem;color:rgba(255,255,255,0.5)}.index__two-products-1 .desc{color:#fff}.index__two-products-1 .actions a{color:#fff}.find__mid-banner{margin-bottom:1.2rem;padding:0 0.6rem;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.find__mid-banner .wide{width:51.74vw}.find__mid-banner .narrow{width:27.78vw}.find__mid-banner .img-box{width:100%;position:relative;overflow:hidden}@media (min-width: 1440px){.find__mid-banner .img-box .pc{display:block}.find__mid-banner .img-box .tablet,.find__mid-banner .img-box .mobile{display:none}.find__mid-banner .img-box .gt-mb{display:block}}@media (min-width: 768px) and (max-width: 1439.98px){.find__mid-banner .img-box .tablet{display:block}.find__mid-banner .img-box .pc,.find__mid-banner .img-box .mobile{display:none}.find__mid-banner .img-box .gt-mb{display:block}}@media (max-width: 767.98px){.find__mid-banner .img-box .mobile{display:block}.find__mid-banner .img-box .tablet,.find__mid-banner .img-box .pc{display:none}.find__mid-banner .img-box .gt-mb{display:none}}.find__mid-banner .img-box:hover img{transform:scale(1)}.find__mid-banner .img-box img{max-width:100%;transform:scale(1.1);transition:transform 0.3s}.find__mid-banner .img-box .bg{width:100%;height:100%}.find__mid-banner .img-box .phone{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}.find__mid-banner .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:0.2rem;margin-top:0.08rem;line-height:0.3rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.find__mid-banner .tag{display:inline-block;text-transform:uppercase;margin-left:0.14rem;color:#2ec84d;font-size:0.08rem;line-height:0.14rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.find__mid-banner .desc{margin-top:0.03rem;font-size:0.2rem;line-height:0.35rem}.find__mid-banner .actions{margin-top:0.1rem;padding-bottom:0.04rem}.find__mid-banner .actions .learn-more,.find__mid-banner .actions .buy{font-size:0.13rem;padding-bottom:0.02rem;border-bottom:0.01rem solid;margin-right:0.2rem;font-weight:500;line-height:0.24rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.find__mid-banner .actions .learn-more:hover,.find__mid-banner .actions .buy:hover{opacity:0.7}.find__mid-banner .actions .learn-more:active,.find__mid-banner .actions .buy:active{opacity:1}@media (min-width: 1024px) and (max-width: 1439.98px){.find__mid-banner .title{margin-top:0.1rem;font-size:0.13rem;line-height:0.19rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}.find__mid-banner .desc{margin-top:0.05rem;font-size:0.13rem;line-height:0.19rem}}@media (min-width: 768px) and (max-width: 1023.98px){.find__mid-banner .title{margin-top:0.1rem;font-size:0.13rem;line-height:0.19rem}.find__mid-banner .desc{margin-top:0.05rem;font-size:0.13rem;line-height:0.19rem}.find__mid-banner .actions{margin-top:0.07rem}}@media (max-width: 767.98px){.find__mid-banner .title{margin-top:0.12rem;font-size:0.13rem;line-height:0.2rem}.find__mid-banner .desc{margin-top:0.04rem;font-size:0.13rem;line-height:0.2rem}.find__mid-banner .actions{margin-top:0.09rem}.find__mid-banner .actions .learn-more,.find__mid-banner .actions .buy{margin-right:0.15rem;font-size:0.13rem;line-height:0.24rem}}@media (min-width: 1440px){.find__mid-banner .text-button1{transition:all 0.3s}.find__mid-banner .text-button1:hover{opacity:0.7}.find__mid-banner .text-button1:active{opacity:1}}.find__mid-banner .title a{color:#fff}.find__mid-banner .title .tag{font-size:0.09rem;color:rgba(255,255,255,0.5)}.find__mid-banner .desc{color:#fff}.find__mid-banner .actions a{color:#fff}@media (max-width: 767.98px){.find__mid-banner{padding:0 0.15rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:0}.find__mid-banner .wide{width:100%;margin-bottom:0.6rem;-ms-flex-order:1;order:1}.find__mid-banner .narrow{width:100%;margin-bottom:0.6rem;-ms-flex-order:2;order:2}}@media (min-width: 768px) and (max-width: 1023.98px){.find__mid-banner{padding:0 0.4rem}.find__mid-banner .wide{width:50.52vw}.find__mid-banner .wide img{max-width:100%}.find__mid-banner .narrow{width:27.24vw}.find__mid-banner .narrow img{max-width:100%}.find__mid-banner .narrow .item{margin-top:0.5rem}.find__mid-banner .narrow .item-first{margin-top:0}}@media (min-width: 1024px) and (max-width: 1439.98px){.find__mid-banner{padding:0 0.5rem}}@media (min-width: 1440px){.find__mid-banner{box-sizing:border-box;max-width:14.4rem;margin-left:auto;margin-right:auto;padding-left:0.6rem;padding-right:0.6rem}.find__mid-banner .wide{width:7.45rem}.find__mid-banner .narrow{width:4rem}}

.find__spirit{width:11.4rem;height:10.79rem;margin:0 auto 1.8rem;background-color:#fff;text-align:center;overflow:hidden}.find__spirit .title{margin-top:0.6rem;color:rgba(0,0,0,0.7);font-size:0.16rem;line-height:0.24rem}.find__spirit .video-box{margin:0.6rem auto 0;width:5.04rem;height:6.3rem}.find__spirit .video-box video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover}.find__spirit .quote{margin-top:0.4rem;font-size:0.24rem;line-height:0.42rem}.find__spirit .quote .italic{font-style:italic}.find__spirit .action{margin-top:0.4rem}.find__spirit .action a{display:inline-block;font-size:0.14rem;line-height:0.21rem;font-family:'OPPOSans-Bold';border-bottom:0.01rem solid}.find__spirit .action a:hover{opacity:0.7}@media (min-width: 1024px) and (max-width: 1439.98px){.find__spirit{width:7.63rem;height:7.61rem;margin-bottom:1.4rem}.find__spirit .title{margin-top:0.4rem;font-size:0.13rem;line-height:0.2rem}.find__spirit .video-box{margin-top:0.3rem;width:3.53rem;height:4.41rem}.find__spirit .quote{margin-top:0.3rem;font-size:0.2rem;line-height:0.3rem}.find__spirit .action{margin-top:0.27rem}}@media (min-width: 768px) and (max-width: 1023.98px){.find__spirit{width:6.89rem;height:7.47rem;margin-bottom:1.2rem}.find__spirit .title{margin-top:0.3rem;font-size:0.13rem;line-height:0.2rem}.find__spirit .video-box{margin-top:0.3rem;width:3.6rem;height:4.48rem}.find__spirit .quote{margin-top:0.3rem;font-size:0.16rem;line-height:0.24rem}.find__spirit .action{margin-top:0.27rem}}@media (max-width: 767.98px){.find__spirit{width:3.3rem;height:6.33rem;margin-bottom:1.2rem}.find__spirit .title{margin-top:0.4rem;font-size:0.13rem;line-height:0.2rem}.find__spirit .video-box{margin-top:0.4rem;width:2.16rem;height:2.7rem}.find__spirit .quote{margin-top:0.4rem;font-size:0.16rem;line-height:0.24rem}.find__spirit .action{margin-top:0.37rem}}