.index__brand-waterfall{padding:.9rem .6rem;background-color:#c0a69a;text-align:center}
.index__brand-waterfall .title{margin-bottom:.95rem;font-size:.28rem}
.index__brand-waterfall .mobile{display:none}
@media(max-width:767.98px){.index__brand-waterfall{padding:.6rem 0}
.index__brand-waterfall .title{font-size:.2rem;margin-bottom:.2rem;color:#000}
.index__brand-waterfall .pc{display:none}
.index__brand-waterfall .mobile{display:block}
}
@media(min-width:768px) and (max-width:1023.98px){.index__brand-waterfall{padding:.6rem .4rem}
.index__brand-waterfall .title{margin-bottom:.63rem;font-size:.2rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__brand-waterfall{padding:.6rem .5rem}
}
@media(min-width:1440px){.index__brand-waterfall{padding-left:0;padding-right:0}
.index__brand-waterfall .pc{box-sizing:border-box;max-width:14.4rem;margin-left:auto;margin-right:auto;padding-left:.6rem;padding-right:.6rem}
}
@media(min-width:1440px){.cp-video-item:hover .video-cover{opacity:0}
.cp-video-item:hover .video-box{opacity:1}
}
.cp-video-item .img-box{position:relative;overflow:hidden}
.cp-video-item .video-box{opacity:0;transition:all .5s;position:absolute;top:0;left:0;right:0}
.cp-video-item .video-box .video{max-height:100%;max-width:100%;cursor:pointer}
.cp-video-item .video-box .video:focus{border:0;outline:0}
.cp-video-item .video-box .video::-webkit-media-controls-timeline{display:none}
.cp-video-item .video-box .close-video-btn{display:none;position:fixed;top:.2rem;right:.2rem}
.cp-video-item .video-box .close-video-btn i{color:#fff;font-size:.2rem}
.cp-video-item .video-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:#000;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.cp-video-item .video-mask.video-box{opacity:1}
.cp-video-item .video-mask .close-video-btn{display:block}
.cp-video-item .play-btn{position:absolute;bottom:.3rem;left:.3rem;padding:.05rem .1rem;background-color:#fff;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:.13rem}
.cp-video-item .play-btn:hover{opacity:.85}
.cp-video-item .play-btn .fa-play{margin-right:.1rem}
@media(min-width:768px) and (max-width:1023.98px){.cp-video-item .play-btn{bottom:.15rem;left:.15rem;padding:.05rem .08rem}
.cp-video-item .play-btn .fa-play{margin-right:.04rem}
}
@media(min-width:1440px){.cp-waterfall .item:hover .video-cover{opacity:0}
.cp-waterfall .item:hover .video-box{opacity:1}
}
.cp-waterfall .cols{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
.cp-waterfall .col{width:27.78vw}
.cp-waterfall .item{margin-bottom:.6rem;overflow:hidden;transition:all 1s}
.cp-waterfall .new-item{opacity:0;margin-top:2rem}
.cp-waterfall .tobe-added{display:none}
.cp-waterfall .to-remove{transform:translateY(-1rem);opacity:0}
.cp-waterfall .img-box{position:relative;overflow:hidden}
.cp-waterfall .img-box:hover+.desc{transform:translateY(-0.08rem)}
.cp-waterfall .cover{width:100%;transition:all .5s;transform:scale(1.1);cursor:pointer}
.cp-waterfall .cover:hover{opacity:.9;transform:scale(1)}
.cp-waterfall .desc{margin-top:.15rem;line-height:.27rem;font-size:.16rem;text-align:left;transition:all .5s;cursor:pointer;color:#161513}
.cp-waterfall .show-more,.cp-waterfall .show-less{display:block;width:1.8rem;padding-top:.1rem;overflow:hidden;margin:0 auto}
.cp-waterfall .show-more span,.cp-waterfall .show-less span{display:inline-block;width:.55rem;height:.46rem;line-height:.46rem;text-align:center;font-size:.32rem;border:.02rem solid #000;border-radius:50%;transition:all .2s cubic-bezier(0.77,0,0.175,1)}
.cp-waterfall .show-more p,.cp-waterfall .show-less p{margin-top:.1rem;font-size:.14rem;color:#000;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.cp-waterfall .show-more:hover span,.cp-waterfall .show-less:hover span{transform:scaleY(1.19565);transform-origin:center;opacity:.5}
.cp-waterfall .show-more:hover p,.cp-waterfall .show-less:hover p{opacity:.7}
.cp-waterfall .show-less{display:none}
.cp-waterfall .video-box{opacity:0;transition:all .5s;position:absolute;top:0;left:0;right:0}
.cp-waterfall .video-box .video{max-height:100%;max-width:100%;cursor:pointer}
.cp-waterfall .video-box .video:focus{border:0;outline:0}
.cp-waterfall .video-box .video::-webkit-media-controls-timeline{display:none}
.cp-waterfall .video-box .close-video-btn{display:none;position:fixed;top:.2rem;right:.2rem}
.cp-waterfall .video-box .close-video-btn i{color:#fff;font-size:.2rem}
.cp-waterfall .video-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:#000;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.cp-waterfall .video-mask.video-box{opacity:1}
.cp-waterfall .video-mask .close-video-btn{display:block}
.cp-waterfall .play-btn{position:absolute;bottom:.3rem;left:.3rem;padding:.05rem .1rem;background-color:#fff;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:.13rem}
.cp-waterfall .play-btn .fa-play{margin-right:.05rem}
@media(min-width:768px) and (max-width:1023.98px){.cp-waterfall .play-btn{bottom:.15rem;left:.15rem;padding:.05rem .08rem}
.cp-waterfall .play-btn .fa-play{margin-right:.04rem}
}
@media(min-width:1440px){.cp-waterfall .item:hover .video-cover{opacity:0}
.cp-waterfall .item:hover .video-box{opacity:1}
}
@media(max-width:767.98px){.cp-waterfall .show-more{display:none}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-waterfall .col{width:27.08vw}
.cp-waterfall .desc{font-size:.13rem;margin-top:.1rem}
.cp-waterfall .show-more span:hover,.cp-waterfall .show-less span:hover{transform:none;opacity:1}
.cp-waterfall .show-more span:active,.cp-waterfall .show-less span:active{transform:scaleY(1.19565);opacity:.5}
}
@media(min-width:1440px){.cp-waterfall .col{width:4rem}
.cp-waterfall .item:hover .video-cover{opacity:0}
.cp-waterfall .item:hover .video-box{opacity:1}
}
.cp-slicks .item-list{margin-top:.31rem}
.cp-slicks .item{margin-right:.1rem}
.cp-slicks .item:focus{outline:0;border:0}
.cp-slicks .img-box{width:2.7rem;height:2.7rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;overflow:hidden;-ms-flex-align:center;align-items:center;position:relative}
.cp-slicks .img-box img{min-height:2.7rem;max-height:100%}
.cp-slicks .desc{width:2.7rem;margin-top:.14rem;font-size:.13rem;line-height:.2rem;color:#000}
.cp-slicks video{display:none}
.cp-slicks .play-btn{position:absolute;bottom:.3rem;left:.3rem;padding:.05rem .1rem;background-color:#fff;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:.13rem}
.cp-slicks .play-btn .fa-play{margin-right:.1rem}
@media(max-width:767.98px){.slick-arrows{height:.4rem;display:none}
.cp-left-right-btns{display:none}
}
.cp-left-right-btns .arrow-btn{margin:0 .08rem}
.cp-left-right-btns .arrow-btn.disabled,.cp-left-right-btns .arrow-btn.slick-disabled{opacity:.3}
.cp-left-right-btns .arrow-btn i{font-size:.2rem}
.cp-left-right-btns .slick-disabled{opacity:.2}
.cp-left-right-btns .next-arrow{display:inline-block;box-sizing:border-box;width:.55rem;height:.46rem;line-height:.46rem;border:.02rem solid #000;border-radius:50%;transition:all .3s;text-align:center}
.cp-left-right-btns .next-arrow:hover,.cp-left-right-btns .next-arrow:active{transform:scaleY(1.19565);opacity:.5}
@media(max-width:767.98px){.cp-left-right-btns .arrow-btn:hover{transform:none;opacity:1}
.cp-left-right-btns .arrow-btn:active{transform:scaleY(1.19565);opacity:.5}
.cp-left-right-btns .arrow-btn.slick-disabled,.cp-left-right-btns .arrow-btn.disabled{opacity:.3}
}
@media(min-width:768px) and (max-width:1439.98px){.cp-left-right-btns .arrow-btn:hover{transform:none;opacity:1}
.cp-left-right-btns .arrow-btn:active{transform:scaleY(1.19565);opacity:.5}
.cp-left-right-btns .arrow-btn.slick-disabled,.cp-left-right-btns .arrow-btn.disabled{opacity:.3}
}
.cp-bgchange-gallery{background-color:#c0a69a;padding:.9rem 0 0;position:relative}
@media(min-width:1440px){.cp-bgchange-gallery{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-bgchange-gallery{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-bgchange-gallery{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.cp-bgchange-gallery{margin-top:0;margin-bottom:.4rem}
}
.cp-bgchange-gallery .title{text-align:center}
.cp-bgchange-gallery .slick-arrows{position:absolute;right:.4rem;top:.96rem}
.cp-bgchange-gallery .slick-arrows a{font-size:.2rem;margin:0 .16rem}
.cp-bgchange-gallery .slick-arrows a:active{opacity:.5}
.cp-bgchange-gallery .item-list{margin-top:.8rem;padding-bottom:.9rem;display:-ms-flexbox;display:flex;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.cp-bgchange-gallery .item-list:hover{cursor:pointer}
.cp-bgchange-gallery .item{padding:0 .2rem;transition:all 1s}
.cp-bgchange-gallery .img-box{width:27.78vw;position:relative;overflow:hidden}
.cp-bgchange-gallery .cover{width:100%;transition:all .5s;transform:scale(1.1)}
.cp-bgchange-gallery .cover:hover{opacity:.9;transform:scale(1)}
.cp-bgchange-gallery .desc{margin-top:.12rem}
.cp-bgchange-gallery .video-box{opacity:0;transition:all .5s;position:absolute;top:0;left:0;right:0}
.cp-bgchange-gallery .video-box .video{max-height:100%;max-width:100%;cursor:pointer}
.cp-bgchange-gallery .video-box .video:focus{border:0;outline:0}
.cp-bgchange-gallery .video-box .video::-webkit-media-controls-timeline{display:none}
.cp-bgchange-gallery .video-box .close-video-btn{display:none;position:fixed;top:.2rem;right:.2rem}
.cp-bgchange-gallery .video-box .close-video-btn i{color:#fff;font-size:.2rem}
.cp-bgchange-gallery .video-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:#000;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.cp-bgchange-gallery .video-mask.video-box{opacity:1}
.cp-bgchange-gallery .video-mask .close-video-btn{display:block}
.cp-bgchange-gallery .play-btn{position:absolute;bottom:.3rem;left:.3rem;padding:.05rem .1rem;background-color:#fff;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size:.13rem}
.cp-bgchange-gallery .play-btn .fa-play{margin-right:.05rem}
@media(min-width:768px) and (max-width:1023.98px){.cp-bgchange-gallery .play-btn{bottom:.15rem;left:.15rem;padding:.05rem .08rem}
.cp-bgchange-gallery .play-btn .fa-play{margin-right:.04rem}
}
@media(min-width:1440px){.cp-bgchange-gallery .item:hover .video-cover{opacity:0}
.cp-bgchange-gallery .item:hover .video-box{opacity:1}
}
@media(min-width:768px) and (max-width:1439.98px){.cp-bgchange-gallery .desc{font-size:.13rem;margin-top:.1rem}
.cp-bgchange-gallery .play-btn{bottom:.15rem;left:.15rem;padding:.05rem .08rem}
.cp-bgchange-gallery .play-btn .fa-play{margin-right:.04rem}
}
@media(min-width:1440px){.cp-bgchange-gallery .img-box{width:4rem}
.cp-bgchange-gallery .item:hover .video-cover{opacity:0}
.cp-bgchange-gallery .item:hover .video-box{opacity:1}
}
.index__product-render-1{height:8.1rem;background-repeat:no-repeat;background-image:url(../../../global/assets/src/components/_aem/banners/product-render-1/assets/bg-pc.png);background-size:cover;background-position:center;position:relative;overflow:hidden}
@media(min-width:1440px){.index__product-render-1{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__product-render-1{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__product-render-1{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__product-render-1{margin-top:0;margin-bottom:.4rem}
}
.index__product-render-1 .content{position:absolute;bottom:2.31rem;left:.55rem;z-index:2}
.index__product-render-1 .bg{width:100%}
.index__product-render-1 .cp-banner-texts-1 .desc{width:2.6rem}
@media(max-width:767.98px){.index__product-render-1{height:5.88rem;background-image:url(../../../global/assets/src/components/_aem/banners/product-render-1/assets/bg-mobile.png);box-sizing:border-box}
.index__product-render-1 .content{top:.8rem;left:.2rem}
.index__product-render-1 .cp-banner-texts-1 .desc{width:auto}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__product-render-1{height:7.68rem;background-image:url(../../../global/assets/src/components/_aem/banners/product-render-1/assets/bg-tablet-landscape.png)}
}
@media(min-width:768px) and (max-width:1023.98px){.index__product-render-1{height:6.69rem;background-image:url(../../../global/assets/src/components/_aem/banners/product-render-1/assets/bg-tablet-portrait.png)}
.index__product-render-1 .content{left:.35rem;top:1.7rem;max-width:3.08rem}
.index__product-render-1 .cp-banner-texts-1 .desc{width:auto}
}
@media(min-width:1440px){.index__product-render-1{height:49.31vw}
.index__product-render-1 .content{left:4.17vw;bottom:16vw}
}
@media(min-width:1920px){.index__product-render-1{height:49.27vw;max-height:10.8rem}
.index__product-render-1 .content{left:.73rem;bottom:3.07rem}
}
.cp-banner-texts-1 .title{font-size:.64rem;line-height:.77rem;color:#000}
.cp-banner-texts-1 .subtitle{margin-top:.1rem;font-size:.2rem;line-height:.3rem;color:#000}
.cp-banner-texts-1 .desc{font-size:.16rem;line-height:.24rem;margin-top:.4rem;color:rgba(0,0,0,0.7)}
.cp-banner-texts-1 .actions{margin-top:.3rem}
.cp-banner-texts-1 .learn-more{display:inline-block;width:1.32rem;height:.48rem;line-height:.48rem;color:#fff;background-color:#000;text-align:center;font-size:.13rem;transition:all .3s;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.cp-banner-texts-1 .learn-more:hover{opacity:.85}
.cp-banner-texts-1 .learn-more:active{opacity:1}
.cp-banner-texts-1 .buy{width:.6rem;margin-left:.2rem;padding-bottom:.04rem;border-bottom:.01rem solid;font-size:.13rem;transition:all .3s;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.cp-banner-texts-1 .buy:hover{opacity:.7}
.cp-banner-texts-1 .buy:active{opacity:1}
@media(max-width:767.98px){.cp-banner-texts-1 .title{font-size:.46rem;line-height:.55rem}
.cp-banner-texts-1 .subtitle{margin-top:.05rem}
.cp-banner-texts-1 .desc{font-size:.13rem;line-height:.2rem;margin-top:.3rem}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-banner-texts-1 .title{font-size:.6rem;line-height:.72rem}
}
.index__product-render-2{height:8.1rem;background-repeat:no-repeat;background-image:url(../../../global/assets/src/components/_aem/banners/product-render-2/assets/bg-pc.png);background-size:cover;background-position:center;position:relative;overflow:hidden}
@media(min-width:1440px){.index__product-render-2{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__product-render-2{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__product-render-2{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__product-render-2{margin-top:0;margin-bottom:.4rem}
}
.index__product-render-2 .content{position:absolute;bottom:2.31rem;right:1.74rem;z-index:2}
.index__product-render-2 .bg{width:100%}
.index__product-render-2 .tablet{display:none}
.index__product-render-2 .cp-banner-texts-1 .desc{width:2.6rem}
@media(max-width:767.98px){.index__product-render-2{height:5.88rem;background-image:url(../../../global/assets/src/components/_aem/banners/product-render-2/assets/bg-mobile.png);box-sizing:border-box}
.index__product-render-2 .content{top:.8rem;left:.2rem;right:unset}
.index__product-render-2 .cp-banner-texts-1 .desc{width:auto}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__product-render-2{height:7.68rem;background-image:url(../../../global/assets/src/components/_aem/banners/product-render-2/assets/bg-tablet-landscape.png)}
.index__product-render-2 .content{right:.3rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__product-render-2{height:6.69rem;background-image:url(../../../global/assets/src/components/_aem/banners/product-render-2/assets/bg-tablet-portrait.png)}
.index__product-render-2 .content{top:1.7rem;right:.35rem;max-width:3.08rem}
.index__product-render-2 .cp-banner-texts-1 .desc{width:auto}
}
@media(min-width:1440px){.index__product-render-2{height:49.31vw}
.index__product-render-2 .content{right:12vw;bottom:16vw}
}
@media(min-width:1920px){.index__product-render-2{height:49.27vw;max-height:10.8rem}
.index__product-render-2 .content{right:2.3rem;bottom:3.07rem}
}
.index__lifestyle-fullbleed-1{height:9.63rem;background-repeat:no-repeat;background-image:url(../../../global/assets/src/components/_aem/banners/lifestyle-fullbleed-1/assets/bg-pc.png);background-size:cover;background-position:center;position:relative;overflow:hidden}
@media(min-width:1440px){.index__lifestyle-fullbleed-1{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-fullbleed-1{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-fullbleed-1{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__lifestyle-fullbleed-1{margin-top:0;margin-bottom:.4rem}
}
.index__lifestyle-fullbleed-1 .content{position:absolute;top:2.8rem;right:2rem;z-index:2}
.index__lifestyle-fullbleed-1 .cp-banner-texts-1 .desc{max-width:2.6rem}
@media(max-width:767.98px){.index__lifestyle-fullbleed-1{height:5.88rem;background-image:url(../../../global/assets/src/components/_aem/banners/lifestyle-fullbleed-1/assets/bg-mobile.png)}
.index__lifestyle-fullbleed-1 .content{top:.8rem;left:.13rem;right:unset}
.index__lifestyle-fullbleed-1 .desc{display:none}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-fullbleed-1{height:7.68rem;background-image:url(../../../global/assets/src/components/_aem/banners/lifestyle-fullbleed-1/assets/bg-tablet-landscape.png)}
.index__lifestyle-fullbleed-1 .content{top:2.42rem;right:.47rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-fullbleed-1{height:6.69rem;background-image:url(../../../global/assets/src/components/_aem/banners/lifestyle-fullbleed-1/assets/bg-tablet-portrait.png)}
.index__lifestyle-fullbleed-1 .content{max-width:3.08rem;width:auto;top:1.7rem;left:.38rem}
.index__lifestyle-fullbleed-1 .content .cp-banner-texts-1 .title{font-size:.6rem}
}
@media(min-width:1440px){.index__lifestyle-fullbleed-1{height:49.31vw}
.index__lifestyle-fullbleed-1 .content{top:19.44vw;right:13.89vw}
}
@media(min-width:1920px){.index__lifestyle-fullbleed-1{height:49.27vw;max-height:10.8rem}
.index__lifestyle-fullbleed-1 .content{top:3.73rem;right:2.67rem}
}
.index__lifestyle-fullbleed-2{height:9.63rem;background-repeat:no-repeat;background-image:url(../../../global/assets/src/components/_aem/banners/lifestyle-fullbleed-2/assets/bg-pc.png);background-size:cover;background-position:center;position:relative;overflow:hidden}
@media(min-width:1440px){.index__lifestyle-fullbleed-2{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-fullbleed-2{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-fullbleed-2{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__lifestyle-fullbleed-2{margin-top:0;margin-bottom:.4rem}
}
.index__lifestyle-fullbleed-2 .content{position:absolute;top:2.8rem;left:.8rem;z-index:2}
.index__lifestyle-fullbleed-2 .cp-banner-texts-1 .title{margin-top:.1rem}
.index__lifestyle-fullbleed-2 .cp-banner-texts-1 .desc{width:2.6rem}
@media(max-width:767.98px){.index__lifestyle-fullbleed-2{height:5.88rem;background-image:url(../../../global/assets/src/components/_aem/banners/lifestyle-fullbleed-2/assets/bg-mobile.png)}
.index__lifestyle-fullbleed-2 .content{top:.8rem;left:.13rem}
.index__lifestyle-fullbleed-2 .desc{display:none}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-fullbleed-2{height:7.68rem;background-image:url(../../../global/assets/src/components/_aem/banners/lifestyle-fullbleed-2/assets/bg-tablet-landscape.png)}
.index__lifestyle-fullbleed-2 .content{width:auto;top:2.42rem;left:.5rem}
.index__lifestyle-fullbleed-2 .content .cp-banner-texts-1 .desc{max-width:2.6rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-fullbleed-2{height:6.69rem;background-image:url(../../../global/assets/src/components/_aem/banners/lifestyle-fullbleed-2/assets/bg-tablet-portrait.png)}
.index__lifestyle-fullbleed-2 .content{top:1.7rem;left:.35rem}
.index__lifestyle-fullbleed-2 .content .cp-banner-texts-1 .title{font-size:.6rem}
}
@media(min-width:1440px){.index__lifestyle-fullbleed-2{height:49.31vw}
.index__lifestyle-fullbleed-2 .content{top:19.44vw;left:4.17vw}
}
@media(min-width:1920px){.index__lifestyle-fullbleed-2{height:49.27vw;max-height:10.8rem}
.index__lifestyle-fullbleed-2 .content{top:3.73rem;left:1.07rem}
}
.index__lifestyle-fullbleed-3{position:relative;overflow:hidden;height:9.625rem;background-size:cover;background-position:center}
@media(min-width:1440px){.index__lifestyle-fullbleed-3{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-fullbleed-3{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-fullbleed-3{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__lifestyle-fullbleed-3{margin-top:0;margin-bottom:.4rem}
}
.index__lifestyle-fullbleed-3 .video-box{position:absolute;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:#000}
.index__lifestyle-fullbleed-3 .video-box .video{object-fit:fill;display:inline-block;max-width:100%;max-height:100%}
.index__lifestyle-fullbleed-3 .video-box img{display:none}
.index__lifestyle-fullbleed-3 .content{position:absolute;top:4.35rem;left:.8rem;z-index:2}
.index__lifestyle-fullbleed-3 .title{font-size:.64rem;line-height:.77rem;color:#fff;margin-top:.1rem}
.index__lifestyle-fullbleed-3 .subtitle{font-size:.2rem;line-height:.3rem;margin-top:.1rem;color:#fff;padding:0 .04rem}
.index__lifestyle-fullbleed-3 .play-btn{display:block;margin:.43rem 0 .17rem 0;width:2rem;height:.48rem;background-color:#fff;padding:.1rem .2rem 0;color:#000}
.index__lifestyle-fullbleed-3 .play-btn:active{opacity:.6}
.index__lifestyle-fullbleed-3 .play-btn i{color:#000;font-size:.2rem;margin:0 .08rem 0 0;position:relative;top:.1rem}
.index__lifestyle-fullbleed-3 .play-btn span{position:relative;top:.07rem}
.index__lifestyle-fullbleed-3 .actions{margin-top:.3rem;padding-left:.04rem}
.index__lifestyle-fullbleed-3 .learn-more,.index__lifestyle-fullbleed-3 .buy{margin-right:.2rem;color:#fff;padding-bottom:.04rem;border-bottom:.01rem solid}
@media(min-width:768px){.index__lifestyle-fullbleed-3{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:auto !important;max-height:unset}
.index__lifestyle-fullbleed-3 .content{top:unset !important}
.index__lifestyle-fullbleed-3 .video-box{position:static !important;width:100%}
.index__lifestyle-fullbleed-3 .video-box video{display:block !important;width:100%;max-height:unset !important}
.index__lifestyle-fullbleed-3 .play-btn{width:auto !important;display:inline-block !important}
}
@media(max-width:767.98px){.index__lifestyle-fullbleed-3{height:5.88rem}
.index__lifestyle-fullbleed-3 .video-box .video{display:none}
.index__lifestyle-fullbleed-3 .video-box img{display:block;width:100%;height:100%;-ms-flex-item-align:end;align-self:flex-end}
.index__lifestyle-fullbleed-3 .content{top:.8rem;left:.13rem}
.index__lifestyle-fullbleed-3 .title{font-size:.46rem;line-height:.55rem}
.index__lifestyle-fullbleed-3 .subtitle{margin-top:.05rem}
.index__lifestyle-fullbleed-3 .play-btn{display:none}
.index__lifestyle-fullbleed-3 .learn-more{display:inline-block;background-color:#fff;width:1.32rem;height:.48rem;line-height:.48rem;color:#000;border-bottom:0;padding-bottom:0;text-align:center;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-fullbleed-3{height:7.68rem}
.index__lifestyle-fullbleed-3 .content{width:auto;top:2.42rem;left:.45rem}
.index__lifestyle-fullbleed-3 .content .cp-banner-texts-1 .desc{max-width:2.6rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-fullbleed-3{height:6.69rem}
.index__lifestyle-fullbleed-3 .content{top:1.7rem;left:.35rem}
.index__lifestyle-fullbleed-3 .title{font-size:.6rem;line-height:.72rem}
}
@media(min-width:1440px){.index__lifestyle-fullbleed-3{height:66.84vw}
.index__lifestyle-fullbleed-3 .content{top:30.21vw;left:4.17vw}
}
@media(min-width:1920px){.index__lifestyle-fullbleed-3{height:49.31vw;max-height:10.8rem}
.index__lifestyle-fullbleed-3 .content{top:3.73rem;left:1.07rem}
}
.index__lifestyle-centered-1{padding:1.53rem 0 1.2rem;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-1{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-1{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-1{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-1{margin-top:0;margin-bottom:.4rem}
}
.index__lifestyle-centered-1 .img-box{width:6.3rem;margin:.4rem auto 0;overflow:hidden;position:relative}
.index__lifestyle-centered-1 .img{transform:scale(1.1);width:100%;transition:all .3s ease}
.index__lifestyle-centered-1 .img:hover{opacity:.9;transform:scale(1)}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-1{padding:.6rem 0 .9rem}
.clean-theme .index__lifestyle-centered-1{padding-top:1.12rem}
.index__lifestyle-centered-1 .img-box{width:58.46vw;margin-top:.48rem}
.index__lifestyle-centered-1 .desc{margin-top:.48rem}
.index__lifestyle-centered-1 .actions{margin-top:.2rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-1{padding:.1rem 0 .6rem}
.clean-theme .index__lifestyle-centered-1{padding-top:.62rem}
.index__lifestyle-centered-1 .img-box{width:78.06vw;margin-top:.2rem}
}
.index__lifestyle-centered-1 .title{font-size:1.65rem;line-height:1.92rem;letter-spacing:.03rem}
.index__lifestyle-centered-1 .desc{margin:.6rem auto 0;font-size:.28rem;line-height:.42rem}
.index__lifestyle-centered-1 .actions{margin-top:.3rem}
.index__lifestyle-centered-1 .learn-more{display:inline-block;width:1.32rem;height:.48rem;line-height:.48rem;color:#fff;background-color:#000;font-size:.13rem;font-weight:bold;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__lifestyle-centered-1 .buy-now{width:.6rem;margin-left:.2rem;padding-bottom:.02rem;border-bottom:.01rem solid;line-height:.24rem;font-size:.13rem;font-weight:500;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-1 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-1 .desc{height:.6rem;font-size:.2rem;line-height:.3rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-1 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-1 .desc{font-size:.2rem;line-height:.3rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-1 .title{font-size:.48rem;line-height:.66rem;letter-spacing:.01rem}
.index__lifestyle-centered-1 .desc{margin-top:.4rem;font-size:.18rem;line-height:.3rem}
}
@media(min-width:1440px){.index__lifestyle-centered-1 .solid-button1{transition:all .3s}
.index__lifestyle-centered-1 .solid-button1:hover{opacity:.85}
.index__lifestyle-centered-1 .solid-button1:active{opacity:1}
}
@media(min-width:1440px){.index__lifestyle-centered-1 .text-button1{transition:all .3s}
.index__lifestyle-centered-1 .text-button1:hover{opacity:.7}
.index__lifestyle-centered-1 .text-button1:active{opacity:1}
}
.index__lifestyle-centered-2{padding:1.53rem 0 1.2rem;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-2{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-2{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-2{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-2{margin-top:0;margin-bottom:.4rem}
}
.index__lifestyle-centered-2 .img-box{width:9.8rem;margin:.4rem auto 0;overflow:hidden;position:relative}
.index__lifestyle-centered-2 .img{transform:scale(1.1);width:100%;transition:all .3s ease}
.index__lifestyle-centered-2 .img:hover{opacity:.9;transform:scale(1)}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-2{padding:.6rem 0 .9rem}
.clean-theme .index__lifestyle-centered-2{padding-top:1.12rem}
.index__lifestyle-centered-2 .img-box{width:58.46vw;margin-top:.48rem}
.index__lifestyle-centered-2 .desc{margin-top:.48rem}
.index__lifestyle-centered-2 .actions{margin-top:.2rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-2{padding:.1rem 0 .6rem}
.clean-theme .index__lifestyle-centered-2{padding-top:.62rem}
.index__lifestyle-centered-2 .img-box{width:78.06vw;margin-top:.2rem}
}
.index__lifestyle-centered-2 .title{font-size:1.65rem;line-height:1.92rem;letter-spacing:.03rem}
.index__lifestyle-centered-2 .desc{margin:.6rem auto 0;font-size:.28rem;line-height:.42rem}
.index__lifestyle-centered-2 .actions{margin-top:.3rem}
.index__lifestyle-centered-2 .learn-more{display:inline-block;width:1.32rem;height:.48rem;line-height:.48rem;color:#fff;background-color:#000;font-size:.13rem;font-weight:bold;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__lifestyle-centered-2 .buy-now{width:.6rem;margin-left:.2rem;padding-bottom:.02rem;border-bottom:.01rem solid;line-height:.24rem;font-size:.13rem;font-weight:500;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-2 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-2 .desc{height:.6rem;font-size:.2rem;line-height:.3rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-2 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-2 .desc{font-size:.2rem;line-height:.3rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-2 .title{font-size:.48rem;line-height:.66rem;letter-spacing:.01rem}
.index__lifestyle-centered-2 .desc{margin-top:.4rem;font-size:.18rem;line-height:.3rem}
}
@media(min-width:1440px){.index__lifestyle-centered-2 .solid-button1{transition:all .3s}
.index__lifestyle-centered-2 .solid-button1:hover{opacity:.85}
.index__lifestyle-centered-2 .solid-button1:active{opacity:1}
}
@media(min-width:1440px){.index__lifestyle-centered-2 .text-button1{transition:all .3s}
.index__lifestyle-centered-2 .text-button1:hover{opacity:.7}
.index__lifestyle-centered-2 .text-button1:active{opacity:1}
}
.index__lifestyle-centered-2 .actions{margin-top:.4rem}
.index__lifestyle-centered-3{padding:1.53rem 0 1.2rem;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-3{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-3{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-3{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-3{margin-top:0;margin-bottom:.4rem}
}
.index__lifestyle-centered-3 .img-box{width:6.3rem;margin:.4rem auto 0;overflow:hidden;position:relative}
.index__lifestyle-centered-3 .img{transform:scale(1.1);width:100%;transition:all .3s ease}
.index__lifestyle-centered-3 .img:hover{opacity:.9;transform:scale(1)}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-3{padding:.6rem 0 .9rem}
.clean-theme .index__lifestyle-centered-3{padding-top:1.12rem}
.index__lifestyle-centered-3 .img-box{width:58.46vw;margin-top:.48rem}
.index__lifestyle-centered-3 .desc{margin-top:.48rem}
.index__lifestyle-centered-3 .actions{margin-top:.2rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-3{padding:.1rem 0 .6rem}
.clean-theme .index__lifestyle-centered-3{padding-top:.62rem}
.index__lifestyle-centered-3 .img-box{width:78.06vw;margin-top:.2rem}
}
.index__lifestyle-centered-3 .title{font-size:1.65rem;line-height:1.92rem;letter-spacing:.03rem}
.index__lifestyle-centered-3 .desc{margin:.6rem auto 0;font-size:.28rem;line-height:.42rem}
.index__lifestyle-centered-3 .actions{margin-top:.3rem}
.index__lifestyle-centered-3 .learn-more{display:inline-block;width:1.32rem;height:.48rem;line-height:.48rem;color:#fff;background-color:#000;font-size:.13rem;font-weight:bold;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__lifestyle-centered-3 .buy-now{width:.6rem;margin-left:.2rem;padding-bottom:.02rem;border-bottom:.01rem solid;line-height:.24rem;font-size:.13rem;font-weight:500;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-3 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-3 .desc{height:.6rem;font-size:.2rem;line-height:.3rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-3 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-3 .desc{font-size:.2rem;line-height:.3rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-3 .title{font-size:.48rem;line-height:.66rem;letter-spacing:.01rem}
.index__lifestyle-centered-3 .desc{margin-top:.4rem;font-size:.18rem;line-height:.3rem}
}
@media(min-width:1440px){.index__lifestyle-centered-3 .solid-button1{transition:all .3s}
.index__lifestyle-centered-3 .solid-button1:hover{opacity:.85}
.index__lifestyle-centered-3 .solid-button1:active{opacity:1}
}
@media(min-width:1440px){.index__lifestyle-centered-3 .text-button1{transition:all .3s}
.index__lifestyle-centered-3 .text-button1:hover{opacity:.7}
.index__lifestyle-centered-3 .text-button1:active{opacity:1}
}
.index__lifestyle-centered-3 .actions{margin-top:.4rem}
.index__lifestyle-centered-4{padding:1.53rem 0 1.2rem;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-4{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-4{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-4{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-4{margin-top:0;margin-bottom:.4rem}
}
.index__lifestyle-centered-4 .img-box{width:6.3rem;margin:0 auto .6rem;overflow:hidden;position:relative}
.index__lifestyle-centered-4 .img{transform:scale(1.1);width:100%;transition:all .3s ease}
.index__lifestyle-centered-4 .img:hover{opacity:.9;transform:scale(1)}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-4{padding:.6rem 0 .9rem}
.clean-theme .index__lifestyle-centered-4{padding-top:1.12rem}
.index__lifestyle-centered-4 .img-box{width:58.46vw;margin-top:.48rem}
.index__lifestyle-centered-4 .desc{margin-top:.48rem}
.index__lifestyle-centered-4 .actions{margin-top:.2rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-4{padding:.1rem 0 .6rem}
.clean-theme .index__lifestyle-centered-4{padding-top:.62rem}
.index__lifestyle-centered-4 .img-box{width:78.06vw;margin-top:.2rem}
}
.index__lifestyle-centered-4 .title{font-size:1.65rem;line-height:1.92rem;letter-spacing:.03rem}
.index__lifestyle-centered-4 .desc{margin:.6rem auto 0;font-size:.28rem;line-height:.42rem}
.index__lifestyle-centered-4 .actions{margin-top:.3rem}
.index__lifestyle-centered-4 .learn-more{display:inline-block;width:1.32rem;height:.48rem;line-height:.48rem;color:#fff;background-color:#000;font-size:.13rem;font-weight:bold;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__lifestyle-centered-4 .buy-now{width:.6rem;margin-left:.2rem;padding-bottom:.02rem;border-bottom:.01rem solid;line-height:.24rem;font-size:.13rem;font-weight:500;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-4 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-4 .desc{height:.6rem;font-size:.2rem;line-height:.3rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-4 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-4 .desc{font-size:.2rem;line-height:.3rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-4 .title{font-size:.48rem;line-height:.66rem;letter-spacing:.01rem}
.index__lifestyle-centered-4 .desc{margin-top:.4rem;font-size:.18rem;line-height:.3rem}
}
@media(min-width:1440px){.index__lifestyle-centered-4 .solid-button1{transition:all .3s}
.index__lifestyle-centered-4 .solid-button1:hover{opacity:.85}
.index__lifestyle-centered-4 .solid-button1:active{opacity:1}
}
@media(min-width:1440px){.index__lifestyle-centered-4 .text-button1{transition:all .3s}
.index__lifestyle-centered-4 .text-button1:hover{opacity:.7}
.index__lifestyle-centered-4 .text-button1:active{opacity:1}
}
.index__lifestyle-centered-4 .desc{margin:.3rem auto 0}
.index__lifestyle-centered-4 .actions{margin-top:.4rem}
.index__lifestyle-centered-5{padding:1.53rem 0 1.2rem;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-5{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-5{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-5{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-5{margin-top:0;margin-bottom:.4rem}
}
.index__lifestyle-centered-5 .img-box{width:9.8rem;margin:0 auto .6rem;overflow:hidden;position:relative}
.index__lifestyle-centered-5 .img{transform:scale(1.1);width:100%;transition:all .3s ease}
.index__lifestyle-centered-5 .img:hover{opacity:.9;transform:scale(1)}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-5{padding:.6rem 0 .9rem}
.clean-theme .index__lifestyle-centered-5{padding-top:1.12rem}
.index__lifestyle-centered-5 .img-box{width:58.46vw;margin-top:.48rem}
.index__lifestyle-centered-5 .desc{margin-top:.48rem}
.index__lifestyle-centered-5 .actions{margin-top:.2rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-5{padding:.1rem 0 .6rem}
.clean-theme .index__lifestyle-centered-5{padding-top:.62rem}
.index__lifestyle-centered-5 .img-box{width:78.06vw;margin-top:.2rem}
}
.index__lifestyle-centered-5 .title{font-size:1.65rem;line-height:1.92rem;letter-spacing:.03rem}
.index__lifestyle-centered-5 .desc{margin:.6rem auto 0;font-size:.28rem;line-height:.42rem}
.index__lifestyle-centered-5 .actions{margin-top:.3rem}
.index__lifestyle-centered-5 .learn-more{display:inline-block;width:1.32rem;height:.48rem;line-height:.48rem;color:#fff;background-color:#000;font-size:.13rem;font-weight:bold;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__lifestyle-centered-5 .buy-now{width:.6rem;margin-left:.2rem;padding-bottom:.02rem;border-bottom:.01rem solid;line-height:.24rem;font-size:.13rem;font-weight:500;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-5 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-5 .desc{height:.6rem;font-size:.2rem;line-height:.3rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-5 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-5 .desc{font-size:.2rem;line-height:.3rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-5 .title{font-size:.48rem;line-height:.66rem;letter-spacing:.01rem}
.index__lifestyle-centered-5 .desc{margin-top:.4rem;font-size:.18rem;line-height:.3rem}
}
@media(min-width:1440px){.index__lifestyle-centered-5 .solid-button1{transition:all .3s}
.index__lifestyle-centered-5 .solid-button1:hover{opacity:.85}
.index__lifestyle-centered-5 .solid-button1:active{opacity:1}
}
@media(min-width:1440px){.index__lifestyle-centered-5 .text-button1{transition:all .3s}
.index__lifestyle-centered-5 .text-button1:hover{opacity:.7}
.index__lifestyle-centered-5 .text-button1:active{opacity:1}
}
.index__lifestyle-centered-5 .desc{margin:.3rem auto 0}
.index__lifestyle-centered-5 .actions{margin-top:.4rem}
.index__lifestyle-centered-6{padding:1.53rem 0 1.2rem;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-6{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-6{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-6{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-6{margin-top:0;margin-bottom:.4rem}
}
.index__lifestyle-centered-6 .img-box{width:6.3rem;margin:0 auto .6rem;overflow:hidden;position:relative}
.index__lifestyle-centered-6 .img{transform:scale(1.1);width:100%;transition:all .3s ease}
.index__lifestyle-centered-6 .img:hover{opacity:.9;transform:scale(1)}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-6{padding:.6rem 0 .9rem}
.clean-theme .index__lifestyle-centered-6{padding-top:1.12rem}
.index__lifestyle-centered-6 .img-box{width:58.46vw;margin-top:.48rem}
.index__lifestyle-centered-6 .desc{margin-top:.48rem}
.index__lifestyle-centered-6 .actions{margin-top:.2rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-6{padding:.1rem 0 .6rem}
.clean-theme .index__lifestyle-centered-6{padding-top:.62rem}
.index__lifestyle-centered-6 .img-box{width:78.06vw;margin-top:.2rem}
}
.index__lifestyle-centered-6 .title{font-size:1.65rem;line-height:1.92rem;letter-spacing:.03rem}
.index__lifestyle-centered-6 .desc{margin:.6rem auto 0;font-size:.28rem;line-height:.42rem}
.index__lifestyle-centered-6 .actions{margin-top:.3rem}
.index__lifestyle-centered-6 .learn-more{display:inline-block;width:1.32rem;height:.48rem;line-height:.48rem;color:#fff;background-color:#000;font-size:.13rem;font-weight:bold;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__lifestyle-centered-6 .buy-now{width:.6rem;margin-left:.2rem;padding-bottom:.02rem;border-bottom:.01rem solid;line-height:.24rem;font-size:.13rem;font-weight:500;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-6 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-6 .desc{height:.6rem;font-size:.2rem;line-height:.3rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-6 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-6 .desc{font-size:.2rem;line-height:.3rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-6 .title{font-size:.48rem;line-height:.66rem;letter-spacing:.01rem}
.index__lifestyle-centered-6 .desc{margin-top:.4rem;font-size:.18rem;line-height:.3rem}
}
@media(min-width:1440px){.index__lifestyle-centered-6 .solid-button1{transition:all .3s}
.index__lifestyle-centered-6 .solid-button1:hover{opacity:.85}
.index__lifestyle-centered-6 .solid-button1:active{opacity:1}
}
@media(min-width:1440px){.index__lifestyle-centered-6 .text-button1{transition:all .3s}
.index__lifestyle-centered-6 .text-button1:hover{opacity:.7}
.index__lifestyle-centered-6 .text-button1:active{opacity:1}
}
.index__lifestyle-centered-6 .desc{margin:.3rem auto 0}
.index__lifestyle-centered-6 .actions{margin-top:.4rem}
.index__lifestyle-centered-7{padding:1.53rem 0 1.2rem;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-7{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-7{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-7{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-7{margin-top:0;margin-bottom:.4rem}
}
.index__lifestyle-centered-7 .img-box{width:6.3rem;margin:.9rem auto 0;overflow:hidden;position:relative}
.index__lifestyle-centered-7 .img{transform:scale(1.1);width:100%;transition:all .3s ease}
.index__lifestyle-centered-7 .img:hover{opacity:.9;transform:scale(1)}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-7{padding:.6rem 0 .9rem}
.clean-theme .index__lifestyle-centered-7{padding-top:1.12rem}
.index__lifestyle-centered-7 .img-box{width:58.46vw;margin-top:.48rem}
.index__lifestyle-centered-7 .desc{margin-top:.48rem}
.index__lifestyle-centered-7 .actions{margin-top:.2rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-7{padding:.1rem 0 .6rem}
.clean-theme .index__lifestyle-centered-7{padding-top:.62rem}
.index__lifestyle-centered-7 .img-box{width:78.06vw;margin-top:.2rem}
}
.index__lifestyle-centered-7 .title{font-size:1.65rem;line-height:1.92rem;letter-spacing:.03rem}
.index__lifestyle-centered-7 .desc{margin:.6rem auto 0;font-size:.28rem;line-height:.42rem}
.index__lifestyle-centered-7 .actions{margin-top:.3rem}
.index__lifestyle-centered-7 .learn-more{display:inline-block;width:1.32rem;height:.48rem;line-height:.48rem;color:#fff;background-color:#000;font-size:.13rem;font-weight:bold;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__lifestyle-centered-7 .buy-now{width:.6rem;margin-left:.2rem;padding-bottom:.02rem;border-bottom:.01rem solid;line-height:.24rem;font-size:.13rem;font-weight:500;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-7 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-7 .desc{height:.6rem;font-size:.2rem;line-height:.3rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-7 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-7 .desc{font-size:.2rem;line-height:.3rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-7 .title{font-size:.48rem;line-height:.66rem;letter-spacing:.01rem}
.index__lifestyle-centered-7 .desc{margin-top:.4rem;font-size:.18rem;line-height:.3rem}
}
@media(min-width:1440px){.index__lifestyle-centered-7 .solid-button1{transition:all .3s}
.index__lifestyle-centered-7 .solid-button1:hover{opacity:.85}
.index__lifestyle-centered-7 .solid-button1:active{opacity:1}
}
@media(min-width:1440px){.index__lifestyle-centered-7 .text-button1{transition:all .3s}
.index__lifestyle-centered-7 .text-button1:hover{opacity:.7}
.index__lifestyle-centered-7 .text-button1:active{opacity:1}
}
.index__lifestyle-centered-7 .desc{margin:.3rem auto 0}
.index__lifestyle-centered-7 .actions{margin-top:.4rem}
.index__lifestyle-centered-8{padding:1.53rem 0 1.2rem;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-8{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-8{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-8{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-8{margin-top:0;margin-bottom:.4rem}
}
.index__lifestyle-centered-8 .img-box{width:9.8rem;margin:.9rem auto 0;overflow:hidden;position:relative}
.index__lifestyle-centered-8 .img{transform:scale(1.1);width:100%;transition:all .3s ease}
.index__lifestyle-centered-8 .img:hover{opacity:.9;transform:scale(1)}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-8{padding:.6rem 0 .9rem}
.clean-theme .index__lifestyle-centered-8{padding-top:1.12rem}
.index__lifestyle-centered-8 .img-box{width:58.46vw;margin-top:.48rem}
.index__lifestyle-centered-8 .desc{margin-top:.48rem}
.index__lifestyle-centered-8 .actions{margin-top:.2rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-8{padding:.1rem 0 .6rem}
.clean-theme .index__lifestyle-centered-8{padding-top:.62rem}
.index__lifestyle-centered-8 .img-box{width:78.06vw;margin-top:.2rem}
}
.index__lifestyle-centered-8 .title{font-size:1.65rem;line-height:1.92rem;letter-spacing:.03rem}
.index__lifestyle-centered-8 .desc{margin:.6rem auto 0;font-size:.28rem;line-height:.42rem}
.index__lifestyle-centered-8 .actions{margin-top:.3rem}
.index__lifestyle-centered-8 .learn-more{display:inline-block;width:1.32rem;height:.48rem;line-height:.48rem;color:#fff;background-color:#000;font-size:.13rem;font-weight:bold;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__lifestyle-centered-8 .buy-now{width:.6rem;margin-left:.2rem;padding-bottom:.02rem;border-bottom:.01rem solid;line-height:.24rem;font-size:.13rem;font-weight:500;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-8 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-8 .desc{height:.6rem;font-size:.2rem;line-height:.3rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-8 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-8 .desc{font-size:.2rem;line-height:.3rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-8 .title{font-size:.48rem;line-height:.66rem;letter-spacing:.01rem}
.index__lifestyle-centered-8 .desc{margin-top:.4rem;font-size:.18rem;line-height:.3rem}
}
@media(min-width:1440px){.index__lifestyle-centered-8 .solid-button1{transition:all .3s}
.index__lifestyle-centered-8 .solid-button1:hover{opacity:.85}
.index__lifestyle-centered-8 .solid-button1:active{opacity:1}
}
@media(min-width:1440px){.index__lifestyle-centered-8 .text-button1{transition:all .3s}
.index__lifestyle-centered-8 .text-button1:hover{opacity:.7}
.index__lifestyle-centered-8 .text-button1:active{opacity:1}
}
.index__lifestyle-centered-8 .desc{margin:.3rem auto 0}
.index__lifestyle-centered-8 .actions{margin-top:.4rem}
.index__lifestyle-centered-9{padding:1.53rem 0 1.2rem;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-9{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-9{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-9{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-9{margin-top:0;margin-bottom:.4rem}
}
.index__lifestyle-centered-9 .img-box{width:6.3rem;margin:.9rem auto 0;overflow:hidden;position:relative}
.index__lifestyle-centered-9 .img{transform:scale(1.1);width:100%;transition:all .3s ease}
.index__lifestyle-centered-9 .img:hover{opacity:.9;transform:scale(1)}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-9{padding:.6rem 0 .9rem}
.clean-theme .index__lifestyle-centered-9{padding-top:1.12rem}
.index__lifestyle-centered-9 .img-box{width:58.46vw;margin-top:.48rem}
.index__lifestyle-centered-9 .desc{margin-top:.48rem}
.index__lifestyle-centered-9 .actions{margin-top:.2rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-9{padding:.1rem 0 .6rem}
.clean-theme .index__lifestyle-centered-9{padding-top:.62rem}
.index__lifestyle-centered-9 .img-box{width:78.06vw;margin-top:.2rem}
}
.index__lifestyle-centered-9 .title{font-size:1.65rem;line-height:1.92rem;letter-spacing:.03rem}
.index__lifestyle-centered-9 .desc{margin:.6rem auto 0;font-size:.28rem;line-height:.42rem}
.index__lifestyle-centered-9 .actions{margin-top:.3rem}
.index__lifestyle-centered-9 .learn-more{display:inline-block;width:1.32rem;height:.48rem;line-height:.48rem;color:#fff;background-color:#000;font-size:.13rem;font-weight:bold;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__lifestyle-centered-9 .buy-now{width:.6rem;margin-left:.2rem;padding-bottom:.02rem;border-bottom:.01rem solid;line-height:.24rem;font-size:.13rem;font-weight:500;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-9 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-9 .desc{height:.6rem;font-size:.2rem;line-height:.3rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-9 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-9 .desc{font-size:.2rem;line-height:.3rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-9 .title{font-size:.48rem;line-height:.66rem;letter-spacing:.01rem}
.index__lifestyle-centered-9 .desc{margin-top:.4rem;font-size:.18rem;line-height:.3rem}
}
@media(min-width:1440px){.index__lifestyle-centered-9 .solid-button1{transition:all .3s}
.index__lifestyle-centered-9 .solid-button1:hover{opacity:.85}
.index__lifestyle-centered-9 .solid-button1:active{opacity:1}
}
@media(min-width:1440px){.index__lifestyle-centered-9 .text-button1{transition:all .3s}
.index__lifestyle-centered-9 .text-button1:hover{opacity:.7}
.index__lifestyle-centered-9 .text-button1:active{opacity:1}
}
.index__lifestyle-centered-9 .desc{margin:.3rem auto 0}
.index__lifestyle-centered-9 .actions{margin-top:.4rem}
.index__lifestyle-centered-10{padding:.96rem 0 1.2rem;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-10{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-10{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-10{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-10{margin-top:0;margin-bottom:.4rem}
}
.clean-theme .index__lifestyle-centered-10{padding-top:1.46rem}
.index__lifestyle-centered-10 .img-box{width:6.3rem;margin:.6rem auto 0;overflow:hidden;position:relative}
.index__lifestyle-centered-10 .img{transform:scale(1.05);width:100%;transition:all .3s cubic-bezier(0.42,0,0.58,1)}
.index__lifestyle-centered-10 .img:hover{opacity:.9;transform:scale(1)}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-10{padding:.6rem 0 .9rem}
.clean-theme .index__lifestyle-centered-10{padding-top:1.12rem}
.index__lifestyle-centered-10 .img-box{width:58.46vw;margin-top:.48rem}
.index__lifestyle-centered-10 .desc{margin-top:.48rem}
.index__lifestyle-centered-10 .actions{margin-top:.2rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-10{padding:.1rem 0 .6rem}
.clean-theme .index__lifestyle-centered-10{padding-top:.62rem}
.index__lifestyle-centered-10 .img-box{width:78.06vw;margin-top:.2rem}
}
.index__lifestyle-centered-10 .title{font-size:1.65rem;line-height:1.92rem;letter-spacing:.03rem}
.index__lifestyle-centered-10 .desc{margin:.6rem auto 0;font-size:.28rem;line-height:.42rem}
.index__lifestyle-centered-10 .actions{margin-top:.3rem}
.index__lifestyle-centered-10 .learn-more{display:inline-block;width:1.32rem;height:.48rem;line-height:.48rem;color:#fff;background-color:#000;font-size:.13rem;font-weight:bold;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__lifestyle-centered-10 .buy-now{width:.6rem;margin-left:.2rem;padding-bottom:.02rem;border-bottom:.01rem solid;line-height:.24rem;font-size:.13rem;font-weight:500;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-10 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-10 .desc{height:.6rem;font-size:.2rem;line-height:.3rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-10 .title{font-size:.92rem;line-height:1.1rem}
.index__lifestyle-centered-10 .desc{font-size:.2rem;line-height:.3rem}
}
@media(max-width:767.98px){.index__lifestyle-centered-10 .title{font-size:.48rem;line-height:.66rem;letter-spacing:.01rem}
.index__lifestyle-centered-10 .desc{margin-top:.4rem;font-size:.18rem;line-height:.3rem}
}
@media(min-width:1440px){.index__lifestyle-centered-10 .solid-button1{transition:all .3s}
.index__lifestyle-centered-10 .solid-button1:hover{opacity:.85}
.index__lifestyle-centered-10 .solid-button1:active{opacity:1}
}
@media(min-width:1440px){.index__lifestyle-centered-10 .text-button1{transition:all .3s}
.index__lifestyle-centered-10 .text-button1:hover{opacity:.7}
.index__lifestyle-centered-10 .text-button1:active{opacity:1}
}
.cp-media-reviewer{padding-bottom:1.8rem;overflow:hidden}
.cp-media-reviewer::before{content:"";display:block;width:13.2rem;height:.01rem;background-color:#000;opacity:.15;margin:0 auto 1.2rem}
.cp-media-reviewer .title{text-align:center;font-size:.28rem;line-height:.42rem;color:#000;font-family:"OPPOSans-Regular"}
.cp-media-reviewer .arrow-box{display:none}
.cp-media-reviewer .reviewers{margin:.53rem .6rem 0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
.cp-media-reviewer .reviewers:before,.cp-media-reviewer .reviewers:after{content:"";display:block}
.cp-media-reviewer .reviewer{width:2.85rem}
.cp-media-reviewer .img-box{height:2.14rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:#f0f0f0}
.cp-media-reviewer .img-box img{max-width:80%;transition:transform .3s ease}
@media(min-width:1440px){.cp-media-reviewer .img-box:hover img{transform:scale(1.1)}
}
.cp-media-reviewer .info-box{padding:.17rem 0 .19rem;font-family:"OPPOSans-Bold";font-size:.12rem;line-height:.14rem;color:#000;opacity:.5}
.cp-media-reviewer .info-box span:first-child{margin-left:0}
.cp-media-reviewer .info-box span{display:inline-block;margin-left:.06rem}
.cp-media-reviewer .info-box .dot{width:.03rem;height:.03rem;border-radius:50%;vertical-align:middle;background-color:#000;opacity:.5}
.cp-media-reviewer .comment{font-size:.16rem;line-height:.24rem;max-height:.72rem;display:block;overflow:hidden;color:#000;font-family:"OPPOSans-Regular"}
.cp-media-reviewer .learn-more-box{color:#000;font-size:.13rem;line-height:.24rem;margin:.57rem auto 0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
.cp-media-reviewer .learn-more-box .learn-more{position:relative;border-bottom:.01rem solid currentColor}
@media(min-width:1440px){.cp-media-reviewer .text-button1{transition:all .3s}
.cp-media-reviewer .text-button1:hover{opacity:.7}
.cp-media-reviewer .text-button1:active{opacity:1}
}
@media(min-width:1440px){.cp-media-reviewer .reviewers{box-sizing:border-box;max-width:14.4rem;margin-left:auto;margin-right:auto;padding-left:.6rem;padding-right:.6rem;padding:0}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-media-reviewer{padding-bottom:11.914vw}
.cp-media-reviewer .title{font-size:.28rem}
.cp-media-reviewer .reviewers{margin:6.7vw 4.883vw 0}
.cp-media-reviewer .reviewer{width:19.63vw}
.cp-media-reviewer .reviewer:not(:last-of-type){margin-right:3.906vw}
.cp-media-reviewer .img-box{height:14.75vw}
.cp-media-reviewer .info-box{padding:1.172vw 0 1.367vw;font-family:"OPPOSans-Bold";line-height:1.367vw;font-size:1.172vw}
.cp-media-reviewer .comment{font-size:.13rem;line-height:.19rem;max-height:.57rem}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-media-reviewer{padding-bottom:11.979vw;margin-top:17.188vw}
.cp-media-reviewer .title{font-size:2.604vw;line-height:3.906vw}
.cp-media-reviewer .info-box{padding:1.563vw 0 1.823vw;font-family:"OPPOSans-Bold";line-height:1.823vw;font-size:1.563vw}
.cp-media-reviewer .reviewers{margin:5.339vw 5.208vw 0;overflow-x:auto}
.cp-media-reviewer .reviewer{-ms-flex-negative:0;flex-shrink:0;width:27.08vw}
.cp-media-reviewer .reviewer:not(:last-of-type){margin-right:.15rem}
.cp-media-reviewer .img-box{height:20.31vw}
.cp-media-reviewer .comment{font-size:.13rem;line-height:.19rem;max-height:.57rem}
}
@media(max-width:767.98px){.cp-media-reviewer{padding-bottom:25.556vw}
.cp-media-reviewer .title{font-size:6.667vw;line-height:10vw}
.cp-media-reviewer .swiper-button-next,.cp-media-reviewer .swiper-button-prev{position:static}
.cp-media-reviewer .swiper-button-next::after,.cp-media-reviewer .swiper-button-prev::after{content:""}
.cp-media-reviewer .arrow-box{height:12.778vw;display:-ms-flexbox;display:flex;margin-top:5.833vw;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.cp-media-reviewer .arrow-box span{width:15.278vw;height:12.778vw;outline:0;background:no-repeat center}
.cp-media-reviewer .arrow-box span:first-of-type{margin-right:5.556vw}
.cp-media-reviewer .arrow-box span.rotate{transform:rotate(180deg)}
.cp-media-reviewer .arrow-box span[aria-disabled="true"]{opacity:.3}
.cp-media-reviewer .arrow-box span.arrow{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAOCAYAAADABlfOAAAABHNCSVQICAgIfAhkiAAAAI9JREFUOE/N1EsNwCAQBNBFC+gAHXDFAUZwwBkfyAAvNNOEprRJD2ybFAEvs+xH9N47vfzEr9BSChljSEpJtdap1uWkQLXWO6aUmuBlFFjOmay1N5iFQosxUghhgtkoNO89pZQO+HUUjWOj5/IBttZ4KBrlnCPszwDxB8tJx5xeQTaKOT0nHBuwnPTpXHyCbq2idLLr4d+gAAAAAElFTkSuQmCC)}
.cp-media-reviewer .arrow-box span.arrow-circle{background-size:contain;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAuCAYAAACMAoEVAAAABHNCSVQICAgIfAhkiAAAAxpJREFUaEPtmjvMDUEUx39fQoRIkFDQIIgoJGgoCCpCJCp0n3i0XoVHJSqPxiNReYQODYkQKsRX0CBRiCA+DSUS8QgJ+d/M3Iy1+83s7qy9d7jt3TlzfufMnDlnzgwQ/7cTWA7MByYDY4CxOdN8Ab4Br4Fh4B5wMqY6AxGELQX2AEuAqY68n8BHQBDPc+aZa6AnAK4e74AHwG7gTR396sDtAvY6QD+Ap8Bt4AYwVEIxGWgtsMp4fJQZK9BjwIkSsrqfVoET1EFgIiDvPAF2lITx6SrYU8AC49UPwKGykGXgNOEV4yl56SKwzadlhP/PAoOAvClPbgg1ZCicJthiFNXGXxlB6bIi7phApXHnQwwbAvcCmA1oaawLtVpZzQO/1+q5brbES2DOSONGgpsOPDMR7W5L3irSXV5cYQyufZkbVYvgXLBzIUsg0PIxP9NW2WqOmnl5gEVw743rexXMGskCKtBMy1ouD+4RsBDodbAs4GNgkQuYhTsM7Af++DDmempAlnXIEeCAle/CaZ8pz/sKjGtAgaZFfgZGm8jeCTAunI1AyukqpTtNa++Rr8zpONCN7BbOeu2V7+xoGcA3vc7kWcBMRU8LZ722rOVD2qe8738d8vet9yzcd+ATMMk3ug/+1zE2XvtPcBuBS30U+n32tWffJsFdBdYDM+oWh75ZC/6XpVWt52YZFWTapXlNcG+BKSaMVpBVe4jNhlSxxwLUNhsWnM4H3WW0td/cPDYWoAzWOedUTbed9ccG7ET/XoGToWMC/oerHS0CBcT0mqbsei7pgJL0UZD0IZ50+qUNmGzi3I0uQJIlT9LFquu95K4ZbPqT7AWRAPv9au+3VfdPXcraVFBZi1rAvX7rXPo6PVt+9Cpg5UaIBVRLWO3htovZbHFRq4XlCkuy+egCJts2tpDZhv8FYHtgMVrnszPA5iYb/q5yeU81jgKX6xBkxqpS2fc3n2pkdS96ZHMLuFmy56BVsQZYnXlko6b+6apdp5DXDD6HKOlWy2txxOdRDwEZr7XnUUXQUkoP2wStVlLIwzZB6H1L1L7gL29u68uhJzJrAAAAAElFTkSuQmCC)}
.cp-media-reviewer .swiper-container{margin-top:8.056vw}
.cp-media-reviewer .info-box{padding:0;margin:.11rem 0 .15rem;font-family:"OPPOSans-Bold";font-weight:bold;line-height:.14rem;font-size:.12rem}
.cp-media-reviewer .reviewers{margin:0;width:100%;-ms-flex-pack:start;justify-content:flex-start}
.cp-media-reviewer .reviewers .slick-track{margin-left:.45rem}
.cp-media-reviewer .reviewer{width:75vw}
.cp-media-reviewer .reviewer:not(:last-of-type){margin-right:2.5vw}
.cp-media-reviewer .info-box{display:block}
.cp-media-reviewer .img-box{width:75vw;height:56.667vw}
.cp-media-reviewer .comment{font-size:.13rem;line-height:.2rem;max-height:.6rem}
.cp-media-reviewer .learn-more-btn{margin-top:3.333vw}
.cp-media-reviewer .learn-more-box{margin:16.667vw auto 0;line-height:.24rem}
}
.cp-left-right-btns .arrow-btn{margin:0 .08rem}
.cp-left-right-btns .arrow-btn.disabled,.cp-left-right-btns .arrow-btn.slick-disabled{opacity:.3}
.cp-left-right-btns .arrow-btn i{font-size:.2rem}
.cp-left-right-btns .slick-disabled{opacity:.2}
.cp-left-right-btns .next-arrow{display:inline-block;box-sizing:border-box;width:.55rem;height:.46rem;line-height:.46rem;border:.02rem solid #000;border-radius:50%;transition:all .3s;text-align:center}
.cp-left-right-btns .next-arrow:hover,.cp-left-right-btns .next-arrow:active{transform:scaleY(1.19565);opacity:.5}
@media(max-width:767.98px){.cp-left-right-btns .arrow-btn:hover{transform:none;opacity:1}
.cp-left-right-btns .arrow-btn:active{transform:scaleY(1.19565);opacity:.5}
.cp-left-right-btns .arrow-btn.slick-disabled,.cp-left-right-btns .arrow-btn.disabled{opacity:.3}
}
@media(min-width:768px) and (max-width:1439.98px){.cp-left-right-btns .arrow-btn:hover{transform:none;opacity:1}
.cp-left-right-btns .arrow-btn:active{transform:scaleY(1.19565);opacity:.5}
.cp-left-right-btns .arrow-btn.slick-disabled,.cp-left-right-btns .arrow-btn.disabled{opacity:.3}
}
.cp-phone-compare{padding:1.2rem 0;text-align:center;border-top:.01rem solid rgba(0,0,0,0.15)}
.cp-phone-compare .title{font-size:.28rem}
.cp-phone-compare .actions{margin-top:.25rem;font-size:.13rem}
.cp-phone-compare .action{padding-bottom:.02rem;border-bottom:.01rem solid;margin:0 .06rem}
@media(min-width:1440px){.cp-phone-compare .text-button1{transition:all .3s}
.cp-phone-compare .text-button1:hover{opacity:.7}
.cp-phone-compare .text-button1:active{opacity:1}
}
@media(max-width:767.98px){.cp-phone-compare{padding:.9rem 0}
.cp-phone-compare .title{font-size:.3rem;line-height:.45rem;color:#000}
.cp-phone-compare .actions{margin-top:.17rem}
.cp-phone-compare .action{display:inline-block;margin-bottom:.1rem;color:#000}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-phone-compare{padding:1.2rem 1.23rem}
}
.index__one-products-1{padding:0 .6rem}
@media(min-width:1440px){.index__one-products-1{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__one-products-1{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__one-products-1{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__one-products-1{margin-top:0;margin-bottom:.4rem}
}
.index__one-products-1 .content{position:relative;overflow:hidden;background-color:#2a4c5a;height:58.82vw}
.index__one-products-1 .title-box{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;font-size:2.8rem;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
.index__one-products-1 .title-box:before,.index__one-products-1 .title-box:after{content:"";display:block}
.index__one-products-1 .title-box p{position:relative;opacity:0;height:2.8rem;line-height:2.8rem}
.index__one-products-1 .title-box p:nth-child(1),.index__one-products-1 .title-box p:nth-child(3){-ms-flex-item-align:start;align-self:flex-start}
.index__one-products-1 .title-box p:nth-child(2),.index__one-products-1 .title-box p:nth-child(4){-ms-flex-item-align:end;align-self:flex-end}
.index__one-products-1 .content-box{position:absolute;z-index:2;top:0;right:0;left:0;bottom:0;margin:auto;text-align:center;color:#fff}
.index__one-products-1 .content-box .phone{margin-top:.7rem;height:42.36vw}
.index__one-products-1 .content-box .title{font-size:.2rem;margin-top:.08rem}
.index__one-products-1 .content-box .desc{margin-top:.16rem;font-size:.2rem;line-height:.3rem;color:#fff}
.index__one-products-1 .content-box .desc strong{font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__one-products-1 .content-box .actions{color:#fff;margin-top:.15rem}
.index__one-products-1 .content-box .actions .learn-more,.index__one-products-1 .content-box .actions .buy{color:#fff;font-size:.13rem;padding-bottom:.02rem;border-bottom:.01rem solid;margin:0 .06rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
@media(min-width:1440px){.index__one-products-1 .text-button1{transition:all .3s}
.index__one-products-1 .text-button1:hover{opacity:.7}
.index__one-products-1 .text-button1:active{opacity:1}
}
@media(max-width:767.98px){.index__one-products-1{display:none}
}
@media(min-width:768px) and (max-width:1023.98px){.index__one-products-1{padding:0 .4rem}
.index__one-products-1 .title-box{font-size:1.4rem}
.index__one-products-1 .content-box .phone{margin-top:0}
.index__one-products-1 .content-box .title{font-size:.13rem}
.index__one-products-1 .content-box .desc{margin-top:0;font-size:.13rem;line-height:.23rem}
.index__one-products-1 .content-box .desc strong{line-height:.19rem}
.index__one-products-1 .content-box .actions{margin-top:.08rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__one-products-1{padding:0 .5rem}
.index__one-products-1 .content{height:5.4rem}
.index__one-products-1 .title-box{font-size:1.6rem;line-height:2.2rem}
.index__one-products-1 .content-box .phone{margin-top:.17rem;width:3rem;height:4.44rem}
.index__one-products-1 .content-box .desc{margin-top:-0.32rem;font-size:.13rem;line-height:.23rem}
.index__one-products-1 .content-box .desc strong{line-height:.19rem}
.index__one-products-1 .content-box .actions{margin-top:.08rem}
}
@media(min-width:1440px){.index__one-products-1{box-sizing:border-box;max-width:14.4rem;margin-left:auto;margin-right:auto;padding-left:.6rem;padding-right:.6rem}
.index__one-products-1 .content{height:8.47rem}
.index__one-products-1 .content-box .phone{height:6.1rem}
}
.index__two-products-1{padding:0 .6rem;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
@media(min-width:1440px){.index__two-products-1{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__two-products-1{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__two-products-1{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__two-products-1{margin-top:0;margin-bottom:.4rem}
}
.index__two-products-1 .wide{width:51.74vw}
.index__two-products-1 .narrow{width:27.78vw}
.index__two-products-1 .img-box{width:100%;position:relative;overflow:hidden}
@media(min-width:1440px){.index__two-products-1 .img-box .pc{display:block}
.index__two-products-1 .img-box .tablet,.index__two-products-1 .img-box .mobile{display:none}
.index__two-products-1 .img-box .gt-mb{display:block}
}
@media(min-width:768px) and (max-width:1439.98px){.index__two-products-1 .img-box .tablet{display:block}
.index__two-products-1 .img-box .pc,.index__two-products-1 .img-box .mobile{display:none}
.index__two-products-1 .img-box .gt-mb{display:block}
}
@media(max-width:767.98px){.index__two-products-1 .img-box .mobile{display:block}
.index__two-products-1 .img-box .tablet,.index__two-products-1 .img-box .pc{display:none}
.index__two-products-1 .img-box .gt-mb{display:none}
}
.index__two-products-1 .img-box:hover img{transform:scale(1)}
.index__two-products-1 .img-box img{max-width:100%;transform:scale(1.1);transition:all .3s}
.index__two-products-1 .img-box .bg{width:100%;height:100%}
.index__two-products-1 .img-box .phone{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}
.index__two-products-1 .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:.2rem;margin-top:.08rem;line-height:.3rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__two-products-1 .tag{display:inline-block;text-transform:uppercase;margin-left:.14rem;color:#2ec84d;font-size:.08rem;line-height:.14rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__two-products-1 .desc{margin-top:.03rem;font-size:.2rem;line-height:.35rem}
.index__two-products-1 .actions{margin-top:.1rem;padding-bottom:.04rem}
.index__two-products-1 .actions .learn-more,.index__two-products-1 .actions .buy{font-size:.13rem;padding-bottom:.02rem;border-bottom:.01rem solid;margin-right:.2rem;font-weight:500;line-height:.24rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__two-products-1 .actions .learn-more:hover,.index__two-products-1 .actions .buy:hover{opacity:.7}
.index__two-products-1 .actions .learn-more:active,.index__two-products-1 .actions .buy:active{opacity:1}
@media(min-width:1024px) and (max-width:1439.98px){.index__two-products-1 .title{margin-top:.1rem;font-size:.13rem;line-height:.19rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__two-products-1 .desc{margin-top:.05rem;font-size:.13rem;line-height:.19rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__two-products-1 .title{margin-top:.1rem;font-size:.13rem;line-height:.19rem}
.index__two-products-1 .desc{margin-top:.05rem;font-size:.13rem;line-height:.19rem}
.index__two-products-1 .actions{margin-top:.07rem}
}
@media(max-width:767.98px){.index__two-products-1 .title{margin-top:.12rem;font-size:.13rem;line-height:.2rem}
.index__two-products-1 .desc{margin-top:.04rem;font-size:.13rem;line-height:.2rem}
.index__two-products-1 .actions{margin-top:.09rem}
.index__two-products-1 .actions .learn-more,.index__two-products-1 .actions .buy{margin-right:.15rem;font-size:.13rem;line-height:.24rem}
}
@media(min-width:1440px){.index__two-products-1 .text-button1{transition:all .3s}
.index__two-products-1 .text-button1:hover{opacity:.7}
.index__two-products-1 .text-button1:active{opacity:1}
}
@media(max-width:767.98px){.index__two-products-1{padding:0 .15rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start}
.index__two-products-1 .wide{width:100%}
.index__two-products-1 .narrow{margin-top:.4rem;width:100%}
.index__two-products-1.reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.index__two-products-1.reverse .wide{margin-top:.4rem}
.index__two-products-1.reverse .narrow{margin-top:0}
}
@media(min-width:768px) and (max-width:1023.98px){.index__two-products-1{padding:0 .4rem}
.index__two-products-1 .wide{width:50.52vw}
.index__two-products-1 .wide img{max-width:100%}
.index__two-products-1 .narrow{width:27.24vw}
.index__two-products-1 .narrow img{max-width:100%}
.index__two-products-1 .narrow .item{margin-top:.5rem}
.index__two-products-1 .narrow .item-first{margin-top:0}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__two-products-1{padding:0 .5rem}
}
@media(min-width:1440px){.index__two-products-1{box-sizing:border-box;max-width:14.4rem;margin-left:auto;margin-right:auto;padding-left:.6rem;padding-right:.6rem}
.index__two-products-1 .wide{width:7.45rem}
.index__two-products-1 .narrow{width:4rem}
}
.index__two-products-2{padding:.6rem .6rem 0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
@media(min-width:1440px){.index__two-products-2{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__two-products-2{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__two-products-2{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__two-products-2{margin-top:0;margin-bottom:.4rem}
}
.index__two-products-2 .wide{width:51.74vw}
.index__two-products-2 .narrow{width:27.78vw}
.index__two-products-2 .img-box{height:38.47vw;width:100%;position:relative}
.index__two-products-2 .img-box .bg{width:100%;height:100%}
.index__two-products-2 .img-box .bg-mobile{display:none}
.index__two-products-2 .img-box .phone{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;margin:auto;height:100%}
.index__two-products-2 .img-box .reno{height:80%}
.index__two-products-2 .animate-box,.index__two-products-2 .overflow-box{overflow:hidden;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto}
.index__two-products-2 .animate-box img,.index__two-products-2 .overflow-box img{max-width:7vw}
.index__two-products-2 .overflow-box{overflow:visible}
.index__two-products-2 .mbAnimate{width:100%;height:80vw;background:url(../../../global/assets/src/components/_aem/product-card/two-products-2/assets/mbAnimate.png) no-repeat;background-size:cover}
.index__two-products-2 .mbAnimate .phone{transform:scale(0.8)}
.index__two-products-2 .mbAnimate .bg{display:none}
.index__two-products-2 .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:.2rem;margin-top:.08rem;line-height:.3rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__two-products-2 .tag{display:inline-block;text-transform:uppercase;margin-left:.14rem;color:#2ec84d;font-size:.08rem;line-height:.14rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__two-products-2 .desc{margin-top:.03rem;font-size:.2rem;line-height:.35rem}
.index__two-products-2 .actions{margin-top:.1rem;padding-bottom:.04rem}
.index__two-products-2 .actions .learn-more,.index__two-products-2 .actions .buy{font-size:.13rem;padding-bottom:.02rem;border-bottom:.01rem solid;margin-right:.2rem;font-weight:500;line-height:.24rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__two-products-2 .actions .learn-more:hover,.index__two-products-2 .actions .buy:hover{opacity:.7}
.index__two-products-2 .actions .learn-more:active,.index__two-products-2 .actions .buy:active{opacity:1}
@media(min-width:1024px) and (max-width:1439.98px){.index__two-products-2 .title{margin-top:.1rem;font-size:.13rem;line-height:.19rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__two-products-2 .desc{margin-top:.05rem;font-size:.13rem;line-height:.19rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__two-products-2 .title{margin-top:.1rem;font-size:.13rem;line-height:.19rem}
.index__two-products-2 .desc{margin-top:.05rem;font-size:.13rem;line-height:.19rem}
.index__two-products-2 .actions{margin-top:.07rem}
}
@media(max-width:767.98px){.index__two-products-2 .title{margin-top:.12rem;font-size:.13rem;line-height:.2rem}
.index__two-products-2 .desc{margin-top:.04rem;font-size:.13rem;line-height:.2rem}
.index__two-products-2 .actions{margin-top:.09rem}
.index__two-products-2 .actions .learn-more,.index__two-products-2 .actions .buy{margin-right:.15rem;font-size:.13rem;line-height:.24rem}
}
@media(min-width:1440px){.index__two-products-2 .text-button1{transition:all .3s}
.index__two-products-2 .text-button1:hover{opacity:.7}
.index__two-products-2 .text-button1:active{opacity:1}
}
.index__two-products-2 .mobile-bg{display:none}
@media(max-width:767.98px){.index__two-products-2{padding:0 .15rem;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-pack:start;justify-content:flex-start}
.index__two-products-2 .wide{width:100%;margin-top:.4rem}
.index__two-products-2 .wide .title{margin-top:8.3333vw}
.index__two-products-2 .narrow{width:100%}
.index__two-products-2 .img-box{height:69.44vw}
.index__two-products-2 .img-box .bg-mobile{display:block}
.index__two-products-2 .img-box .phone{top:.5rem}
.index__two-products-2 .pc-bg,.index__two-products-2 .overflow-box,.index__two-products-2 .animate-box{display:none}
.index__two-products-2 .mobile-bg{display:block;width:95.05vw}
}
@media(min-width:768px) and (max-width:1023.98px){.index__two-products-2{padding:.4rem .4rem 0}
.index__two-products-2 .mobile-bg{display:block;width:3.88rem}
.index__two-products-2 .img-box .reno2z{width:28vw}
.index__two-products-2 .img-box .phone-left{left:-22vw;top:2.8vw}
.index__two-products-2 .img-box .phone-right{right:-22vw;top:-0.8vw}
}
@media(min-width:768px) and (max-width:1439.98px){.index__two-products-2 .mobile-bg{top:-0.2rem;height:120%;display:block;position:absolute}
.index__two-products-2 .img-box .overflow-box,.index__two-products-2 .img-box .animate-box{display:none}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__two-products-2{padding:.4rem .5rem 0}
.index__two-products-2 .mobile-bg{top:-0.25rem;width:5.22rem;height:120%}
}
@media(min-width:1440px){.index__two-products-2{box-sizing:border-box;max-width:14.4rem;margin-left:auto;margin-right:auto;padding-left:.6rem;padding-right:.6rem}
.index__two-products-2 .wide{width:7.45rem}
.index__two-products-2 .narrow{width:4rem}
.index__two-products-2 .img-box{height:5.54rem}
}
@media(min-width:1440px){.index__two-products-2 .wide .img-box{background-color:#eee;transition:background-color .3s cubic-bezier(0.42,0,0.58,1)}
.index__two-products-2 .wide .img-box .boat,.index__two-products-2 .wide .img-box .lemon,.index__two-products-2 .wide .img-box .leaf,.index__two-products-2 .wide .img-box .wave,.index__two-products-2 .wide .img-box .drop1,.index__two-products-2 .wide .img-box .drop2,.index__two-products-2 .wide .img-box .drop3,.index__two-products-2 .wide .img-box .girl,.index__two-products-2 .wide .img-box .swimmers{position:absolute}
.index__two-products-2 .wide .img-box .boat{width:.91rem;height:1.12rem;top:3.69rem;left:1.29rem;opacity:0;transform:rotate(19deg);transition:all .3s cubic-bezier(0.42,0,0.58,1),opacity .3s cubic-bezier(0.25,0.1,0.25,1)}
.index__two-products-2 .wide .img-box .lemon{width:1.57rem;height:1.53rem;top:2.02rem;left:3.05rem;position:absolute;transition:top .3s cubic-bezier(0.25,0.1,0.25,1),left .3s cubic-bezier(0.25,0.1,0.25,1)}
.index__two-products-2 .wide .img-box .leaf{width:1.9rem;height:1.52rem;top:1.24rem;left:7.6rem;transition:all .3s cubic-bezier(0.42,0,0.58,1)}
.index__two-products-2 .wide .img-box .wave{top:-0.82rem;left:1.6rem;width:1.44rem;height:.15rem;overflow:hidden;transition:height .38s .16s cubic-bezier(0.42,0,0.58,1)}
.index__two-products-2 .wide .img-box .wave img{width:2.43rem;height:1.68rem;margin-left:-0.4rem;transform:rotate(-371deg)}
.index__two-products-2 .wide .img-box .drop1{top:4.62rem;left:.34rem;opacity:0;width:2.19rem;height:1.12rem;transition:all .49s .19s cubic-bezier(0.42,0,0.58,1)}
.index__two-products-2 .wide .img-box .drop2{top:0;left:7.29rem;width:.87rem;height:1.17rem;transition:all .49s .19s cubic-bezier(0.42,0,0.58,1)}
.index__two-products-2 .wide .img-box .drop3{top:2.88rem;left:-0.59rem;width:.58rem;height:1.39rem;transition:left .48s .08s cubic-bezier(0.42,0,0.58,1)}
.index__two-products-2 .wide .img-box .girl{top:-2.24rem;left:1.67rem;width:1.63rem;height:2.22rem;transition:all .37s cubic-bezier(0.42,0,0.58,1)}
.index__two-products-2 .wide .img-box .swimmers{top:100%;left:.38rem;width:2.02rem;height:1.41rem;transition:top .37s cubic-bezier(0.42,0,0.58,1)}
.index__two-products-2 .wide .img-box:hover{background-color:#ffeda6}
.index__two-products-2 .wide .img-box:hover .boat{top:2.45rem;left:1.36rem;opacity:1;transform:rotate(0);-webkit-animation:sailStage2 1.5s .3s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards;animation:sailStage2 1.5s .3s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards}
@-webkit-keyframes sailStage2{from{transform:rotate(0)}
to{transform:rotate(25deg)}
}
@keyframes sailStage2{from{transform:rotate(0)}
to{transform:rotate(25deg)}
}
.index__two-products-2 .wide .img-box:hover .lemon{top:.13rem;left:3.63rem;-webkit-animation:lemonStage2 1.5s .3s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards;animation:lemonStage2 1.5s .3s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards}
@-webkit-keyframes lemonStage2{from{transform:rotate(0)}
to{transform:rotate(-35deg)}
}
@keyframes lemonStage2{from{transform:rotate(0)}
to{transform:rotate(-35deg)}
}
.index__two-products-2 .wide .img-box:hover .leaf{top:2.245rem;left:6.1205rem;-webkit-animation:leafStage2 1.5s .3s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards;animation:leafStage2 1.5s .3s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards}
@-webkit-keyframes leafStage2{from{transform:rotate(0)}
to{transform:rotate(5deg)}
}
@keyframes leafStage2{from{transform:rotate(0)}
to{transform:rotate(5deg)}
}
.index__two-products-2 .wide .img-box:hover .wave{height:1.77rem}
.index__two-products-2 .wide .img-box:hover .drop1{top:4.12rem;left:.15rem;opacity:1;width:2.82rem;height:1.44rem;-webkit-animation:drop1Stage2 1.5s .68s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards;animation:drop1Stage2 1.5s .68s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards}
@-webkit-keyframes drop1Stage2{from{top:4.12rem;left:.15rem;opacity:1;width:2.82rem;height:1.44rem}
to{top:4rem;left:.08rem;opacity:1;width:2.97rem;height:1.51rem}
}
@keyframes drop1Stage2{from{top:4.12rem;left:.15rem;opacity:1;width:2.82rem;height:1.44rem}
to{top:4rem;left:.08rem;opacity:1;width:2.97rem;height:1.51rem}
}
.index__two-products-2 .wide .img-box:hover .drop2{top:.31rem;left:6.77rem;-webkit-animation:drop2Stage2 1.5s .68s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards;animation:drop2Stage2 1.5s .68s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards}
@-webkit-keyframes drop2Stage2{from{top:.31rem;left:6.77rem;width:.87rem;height:1.17rem}
to{top:.22rem;left:6.69rem;width:.99rem;height:1.33rem}
}
@keyframes drop2Stage2{from{top:.31rem;left:6.77rem;width:.87rem;height:1.17rem}
to{top:.22rem;left:6.69rem;width:.99rem;height:1.33rem}
}
.index__two-products-2 .wide .img-box:hover .drop3{left:-0.21rem}
.index__two-products-2 .wide .img-box:hover .girl{top:-0.01rem;left:.57rem}
.index__two-products-2 .wide .img-box:hover .swimmers{top:4.32rem;-webkit-animation:swimmersStage2 1.5s .37s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards;animation:swimmersStage2 1.5s .37s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards}
@-webkit-keyframes swimmersStage2{from{top:4.32rem}
to{top:4.16rem}
}
@keyframes swimmersStage2{from{top:4.32rem}
to{top:4.16rem}
}
.index__two-products-2 .overflow-box{overflow:hidden !important}
.index__two-products-2 .animate-box{overflow:initial !important}
.index__two-products-2 .animate-box img,.index__two-products-2 .overflow-box img{max-width:initial !important}
.index__two-products-2 .animate-box img.guy,.index__two-products-2 .overflow-box img.guy{right:.56rem;bottom:-0.79rem;width:1.14rem;height:1.86rem;position:absolute}
}
.cp-reno-2z .img-box{position:relative;overflow:hidden;background-color:#c9dade}
.cp-reno-2z .img-box .phone{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;margin:auto;height:100%}
.cp-reno-2z .img-box:hover .phone-left{transform:translate3d(0.4rem,-0.4rem,0)}
.cp-reno-2z .img-box:hover .phone-right{transform:translate3d(-0.4rem,0.4rem,0)}
.cp-reno-2z .img-box .reno2z{width:32vw;height:auto;transition:all .3s ease}
.cp-reno-2z .img-box .phone-left{left:-22vw;top:-1.8vw}
.cp-reno-2z .img-box .phone-right{right:-22vw;top:1.2vw}
@media(max-width:767.98px){.cp-reno-2z .img-box .reno2z{width:90vw}
.cp-reno-2z .img-box .phone-left{left:-74vw;top:28vw}
.cp-reno-2z .img-box .phone-right{right:-73vw;top:13.2vw}
}
@media(min-width:1440px){.cp-reno-2z .img-box .reno2z{width:4.6rem;height:auto;transition:all .3s ease}
.cp-reno-2z .img-box .phone-left{left:-3.17rem;top:-0.26rem}
.cp-reno-2z .img-box .phone-right{right:-3.17rem;top:.17rem}
}
.index__two-products-3{padding:0 .6rem;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
@media(min-width:1440px){.index__two-products-3{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__two-products-3{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__two-products-3{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__two-products-3{margin-top:0;margin-bottom:.4rem}
}
.index__two-products-3 .wide{width:51.74vw}
.index__two-products-3 .narrow{width:27.78vw}
.index__two-products-3 .img-box{width:100%;position:relative}
@media(min-width:1440px){.index__two-products-3 .img-box .pc{display:block}
.index__two-products-3 .img-box .tablet,.index__two-products-3 .img-box .mobile{display:none}
.index__two-products-3 .img-box .gt-mb{display:block}
}
@media(min-width:768px) and (max-width:1439.98px){.index__two-products-3 .img-box .tablet{display:block}
.index__two-products-3 .img-box .pc,.index__two-products-3 .img-box .mobile{display:none}
.index__two-products-3 .img-box .gt-mb{display:block}
}
@media(max-width:767.98px){.index__two-products-3 .img-box .mobile{display:block}
.index__two-products-3 .img-box .tablet,.index__two-products-3 .img-box .pc{display:none}
.index__two-products-3 .img-box .gt-mb{display:none}
}
.index__two-products-3 .img-box img{max-width:100%}
.index__two-products-3 .img-box .bg{width:100%;height:100%}
.index__two-products-3 .img-box .phone{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;margin:auto;height:100%}
@media(min-width:1440px){.index__two-products-3 .img-box{overflow:hidden}
.index__two-products-3 .img-box:hover img{transform:scale(1);opacity:.9}
.index__two-products-3 .img-box img{width:100%;transform:scale(1.1);transition:all .3s}
}
.index__two-products-3 .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:.2rem;margin-top:.08rem;line-height:.3rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__two-products-3 .tag{display:inline-block;text-transform:uppercase;margin-left:.14rem;color:#2ec84d;font-size:.08rem;line-height:.14rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__two-products-3 .desc{margin-top:.03rem;font-size:.2rem;line-height:.35rem}
.index__two-products-3 .actions{margin-top:.1rem;padding-bottom:.04rem}
.index__two-products-3 .actions .learn-more,.index__two-products-3 .actions .buy{font-size:.13rem;padding-bottom:.02rem;border-bottom:.01rem solid;margin-right:.2rem;font-weight:500;line-height:.24rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__two-products-3 .actions .learn-more:hover,.index__two-products-3 .actions .buy:hover{opacity:.7}
.index__two-products-3 .actions .learn-more:active,.index__two-products-3 .actions .buy:active{opacity:1}
@media(min-width:1024px) and (max-width:1439.98px){.index__two-products-3 .title{margin-top:.1rem;font-size:.13rem;line-height:.19rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__two-products-3 .desc{margin-top:.05rem;font-size:.13rem;line-height:.19rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__two-products-3 .title{margin-top:.1rem;font-size:.13rem;line-height:.19rem}
.index__two-products-3 .desc{margin-top:.05rem;font-size:.13rem;line-height:.19rem}
.index__two-products-3 .actions{margin-top:.07rem}
}
@media(max-width:767.98px){.index__two-products-3 .title{margin-top:.12rem;font-size:.13rem;line-height:.2rem}
.index__two-products-3 .desc{margin-top:.04rem;font-size:.13rem;line-height:.2rem}
.index__two-products-3 .actions{margin-top:.09rem}
.index__two-products-3 .actions .learn-more,.index__two-products-3 .actions .buy{margin-right:.15rem;font-size:.13rem;line-height:.24rem}
}
@media(min-width:1440px){.index__two-products-3 .text-button1{transition:all .3s}
.index__two-products-3 .text-button1:hover{opacity:.7}
.index__two-products-3 .text-button1:active{opacity:1}
}
.index__two-products-3 .mobile-bg{display:none}
@media(max-width:767.98px){.index__two-products-3{padding:0 .15rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start}
.index__two-products-3 .wide{width:100%;margin-top:.6rem}
.index__two-products-3 .narrow{width:100%}
}
@media(min-width:768px) and (max-width:1023.98px){.index__two-products-3{padding:0 .4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__two-products-3{padding:0 .5rem}
}
@media(min-width:1440px){.index__two-products-3{box-sizing:border-box;max-width:14.4rem;margin-left:auto;margin-right:auto;padding-left:.6rem;padding-right:.6rem}
.index__two-products-3 .wide{width:7.45rem}
.index__two-products-3 .narrow{width:4rem}
}
.index__three-products-1{padding:0 .6rem;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
@media(min-width:1440px){.index__three-products-1{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__three-products-1{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__three-products-1{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__three-products-1{margin-top:0;margin-bottom:.4rem}
}
.index__three-products-1 .wide{width:51.74vw}
.index__three-products-1 .wide img{width:100%}
.index__three-products-1 .narrow{width:27.78vw}
.index__three-products-1 .narrow img{width:100%}
.index__three-products-1 .narrow .item{margin-top:.53rem}
.index__three-products-1 .narrow .item-first{margin-top:0}
@media(min-width:1440px){.index__three-products-1 .img-box .pc{display:block}
.index__three-products-1 .img-box .tablet,.index__three-products-1 .img-box .mobile{display:none}
.index__three-products-1 .img-box .gt-mb{display:block}
}
@media(min-width:768px) and (max-width:1439.98px){.index__three-products-1 .img-box .tablet{display:block}
.index__three-products-1 .img-box .pc,.index__three-products-1 .img-box .mobile{display:none}
.index__three-products-1 .img-box .gt-mb{display:block}
}
@media(max-width:767.98px){.index__three-products-1 .img-box .mobile{display:block}
.index__three-products-1 .img-box .tablet,.index__three-products-1 .img-box .pc{display:none}
.index__three-products-1 .img-box .gt-mb{display:none}
}
.index__three-products-1 .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:.2rem;margin-top:.08rem;line-height:.3rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__three-products-1 .tag{display:inline-block;text-transform:uppercase;margin-left:.14rem;color:#2ec84d;font-size:.08rem;line-height:.14rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__three-products-1 .desc{margin-top:.03rem;font-size:.2rem;line-height:.35rem}
.index__three-products-1 .actions{margin-top:.1rem;padding-bottom:.04rem}
.index__three-products-1 .actions .learn-more,.index__three-products-1 .actions .buy{font-size:.13rem;padding-bottom:.02rem;border-bottom:.01rem solid;margin-right:.2rem;font-weight:500;line-height:.24rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__three-products-1 .actions .learn-more:hover,.index__three-products-1 .actions .buy:hover{opacity:.7}
.index__three-products-1 .actions .learn-more:active,.index__three-products-1 .actions .buy:active{opacity:1}
@media(min-width:1024px) and (max-width:1439.98px){.index__three-products-1 .title{margin-top:.1rem;font-size:.13rem;line-height:.19rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__three-products-1 .desc{margin-top:.05rem;font-size:.13rem;line-height:.19rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__three-products-1 .title{margin-top:.1rem;font-size:.13rem;line-height:.19rem}
.index__three-products-1 .desc{margin-top:.05rem;font-size:.13rem;line-height:.19rem}
.index__three-products-1 .actions{margin-top:.07rem}
}
@media(max-width:767.98px){.index__three-products-1 .title{margin-top:.12rem;font-size:.13rem;line-height:.2rem}
.index__three-products-1 .desc{margin-top:.04rem;font-size:.13rem;line-height:.2rem}
.index__three-products-1 .actions{margin-top:.09rem}
.index__three-products-1 .actions .learn-more,.index__three-products-1 .actions .buy{margin-right:.15rem;font-size:.13rem;line-height:.24rem}
}
@media(min-width:1440px){.index__three-products-1 .text-button1{transition:all .3s}
.index__three-products-1 .text-button1:hover{opacity:.7}
.index__three-products-1 .text-button1:active{opacity:1}
}
@media(min-width:1440px){.index__three-products-1 .img-box{overflow:hidden}
.index__three-products-1 .img-box:hover img{transform:scale(1);opacity:.9}
.index__three-products-1 .img-box img{width:100%;transform:scale(1.1);transition:all .3s}
}
@media(max-width:767.98px){.index__three-products-1{padding:0 .15rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start}
.index__three-products-1 .wide{width:100%}
.index__three-products-1 .wide img{max-width:100%}
.index__three-products-1 .narrow{margin-top:.4rem;width:100%}
.index__three-products-1 .narrow img{max-width:100%}
.index__three-products-1 .narrow .item{margin-top:.4rem}
.index__three-products-1 .narrow .item-first{margin-top:0}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__three-products-1{padding:0 .5rem}
.index__three-products-1 .wide{width:5.22rem}
.index__three-products-1 .wide img{height:5.67rem}
.index__three-products-1 .narrow{width:2.81rem}
.index__three-products-1 .narrow img{height:2.1rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__three-products-1{padding:0 .4rem}
.index__three-products-1 .wide{width:50.52vw}
.index__three-products-1 .wide img{max-width:100%;height:4.66rem}
.index__three-products-1 .narrow{width:29.69vw}
.index__three-products-1 .narrow img{max-width:100%}
.index__three-products-1 .narrow .item{margin-top:.34rem}
.index__three-products-1 .narrow .item-first{margin-top:0}
}
@media(min-width:1440px){.index__three-products-1{box-sizing:border-box;max-width:14.4rem;margin-left:auto;margin-right:auto;padding-left:.6rem;padding-right:.6rem}
.index__three-products-1 .wide{width:7.45rem}
.index__three-products-1 .narrow{width:4rem}
}
.index__three-products-2{padding:0 .6rem;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
@media(min-width:1440px){.index__three-products-2{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__three-products-2{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__three-products-2{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.index__three-products-2{margin-top:0;margin-bottom:.4rem}
}
.index__three-products-2 .wide{width:51.74vw}
.index__three-products-2 .wide img{width:100%}
.index__three-products-2 .narrow{width:27.78vw}
.index__three-products-2 .narrow img{width:100%}
.index__three-products-2 .narrow .item{margin-top:.53rem}
.index__three-products-2 .narrow .item-first{margin-top:0}
@media(min-width:1440px){.index__three-products-2 .img-box .pc{display:block}
.index__three-products-2 .img-box .tablet,.index__three-products-2 .img-box .mobile{display:none}
.index__three-products-2 .img-box .gt-mb{display:block}
}
@media(min-width:768px) and (max-width:1439.98px){.index__three-products-2 .img-box .tablet{display:block}
.index__three-products-2 .img-box .pc,.index__three-products-2 .img-box .mobile{display:none}
.index__three-products-2 .img-box .gt-mb{display:block}
}
@media(max-width:767.98px){.index__three-products-2 .img-box .mobile{display:block}
.index__three-products-2 .img-box .tablet,.index__three-products-2 .img-box .pc{display:none}
.index__three-products-2 .img-box .gt-mb{display:none}
}
.index__three-products-2 .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:.2rem;margin-top:.08rem;line-height:.3rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__three-products-2 .tag{display:inline-block;text-transform:uppercase;margin-left:.14rem;color:#2ec84d;font-size:.08rem;line-height:.14rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__three-products-2 .desc{margin-top:.03rem;font-size:.2rem;line-height:.35rem}
.index__three-products-2 .actions{margin-top:.1rem;padding-bottom:.04rem}
.index__three-products-2 .actions .learn-more,.index__three-products-2 .actions .buy{font-size:.13rem;padding-bottom:.02rem;border-bottom:.01rem solid;margin-right:.2rem;font-weight:500;line-height:.24rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__three-products-2 .actions .learn-more:hover,.index__three-products-2 .actions .buy:hover{opacity:.7}
.index__three-products-2 .actions .learn-more:active,.index__three-products-2 .actions .buy:active{opacity:1}
@media(min-width:1024px) and (max-width:1439.98px){.index__three-products-2 .title{margin-top:.1rem;font-size:.13rem;line-height:.19rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.index__three-products-2 .desc{margin-top:.05rem;font-size:.13rem;line-height:.19rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__three-products-2 .title{margin-top:.1rem;font-size:.13rem;line-height:.19rem}
.index__three-products-2 .desc{margin-top:.05rem;font-size:.13rem;line-height:.19rem}
.index__three-products-2 .actions{margin-top:.07rem}
}
@media(max-width:767.98px){.index__three-products-2 .title{margin-top:.12rem;font-size:.13rem;line-height:.2rem}
.index__three-products-2 .desc{margin-top:.04rem;font-size:.13rem;line-height:.2rem}
.index__three-products-2 .actions{margin-top:.09rem}
.index__three-products-2 .actions .learn-more,.index__three-products-2 .actions .buy{margin-right:.15rem;font-size:.13rem;line-height:.24rem}
}
@media(min-width:1440px){.index__three-products-2 .text-button1{transition:all .3s}
.index__three-products-2 .text-button1:hover{opacity:.7}
.index__three-products-2 .text-button1:active{opacity:1}
}
@media(min-width:1440px){.index__three-products-2 .img-box{overflow:hidden}
.index__three-products-2 .img-box:hover img{transform:scale(1);opacity:.9}
.index__three-products-2 .img-box img{width:100%;transform:scale(1.1);transition:all .3s}
}
@media(max-width:767.98px){.index__three-products-2{padding:0 .15rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start}
.index__three-products-2 .wide{margin-top:.4rem;width:100%}
.index__three-products-2 .wide img{max-width:100%}
.index__three-products-2 .narrow{width:100%}
.index__three-products-2 .narrow img{max-width:100%}
.index__three-products-2 .narrow .item{margin-top:.4rem}
.index__three-products-2 .narrow .item-first{margin-top:0}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__three-products-2{padding:0 .5rem}
.index__three-products-2 .wide{width:5.22rem}
.index__three-products-2 .wide img{height:5.67rem}
.index__three-products-2 .narrow{width:2.81rem}
.index__three-products-2 .narrow img{height:2.1rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__three-products-2{padding:0 .4rem}
.index__three-products-2 .wide{width:50.52vw}
.index__three-products-2 .wide img{max-width:100%;height:4.66rem}
.index__three-products-2 .narrow{width:29.69vw}
.index__three-products-2 .narrow img{max-width:100%}
.index__three-products-2 .narrow .item{margin-top:.34rem}
.index__three-products-2 .narrow .item-first{margin-top:0}
}
@media(min-width:1440px){.index__three-products-2{box-sizing:border-box;max-width:14.4rem;margin-left:auto;margin-right:auto;padding-left:.6rem;padding-right:.6rem}
.index__three-products-2 .wide{width:7.45rem}
.index__three-products-2 .narrow{width:4rem}
}
.product__three-products-2{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
@media(min-width:1440px){.product__three-products-2{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.product__three-products-2{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.product__three-products-2{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.product__three-products-2{margin-top:0;margin-bottom:.4rem}
}
.product__three-products-2::before,.product__three-products-2::after{content:"";display:block}
.product__three-products-2 .product-item{width:27.78vw}
.product__three-products-2 .img-box{overflow:hidden}
@media(min-width:1440px){.product__three-products-2 .img-box .pc{display:block}
.product__three-products-2 .img-box .tablet,.product__three-products-2 .img-box .mobile{display:none}
.product__three-products-2 .img-box .gt-mb{display:block}
}
@media(min-width:768px) and (max-width:1439.98px){.product__three-products-2 .img-box .tablet{display:block}
.product__three-products-2 .img-box .pc,.product__three-products-2 .img-box .mobile{display:none}
.product__three-products-2 .img-box .gt-mb{display:block}
}
@media(max-width:767.98px){.product__three-products-2 .img-box .mobile{display:block}
.product__three-products-2 .img-box .tablet,.product__three-products-2 .img-box .pc{display:none}
.product__three-products-2 .img-box .gt-mb{display:none}
}
.product__three-products-2 .img-box:hover img{transform:scale(1)}
.product__three-products-2 .img-box img{width:100%;transform:scale(1.1);transition:all .3s}
.product__three-products-2 .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:.2rem;margin-top:.08rem;line-height:.3rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.product__three-products-2 .tag{display:inline-block;text-transform:uppercase;margin-left:.14rem;color:#2ec84d;font-size:.08rem;line-height:.14rem;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.product__three-products-2 .desc{margin-top:.03rem;font-size:.2rem;line-height:.35rem}
.product__three-products-2 .actions{margin-top:.1rem;padding-bottom:.04rem}
.product__three-products-2 .actions .learn-more,.product__three-products-2 .actions .buy{font-size:.13rem;padding-bottom:.02rem;border-bottom:.01rem solid;margin-right:.2rem;font-weight:500;line-height:.24rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.product__three-products-2 .actions .learn-more:hover,.product__three-products-2 .actions .buy:hover{opacity:.7}
.product__three-products-2 .actions .learn-more:active,.product__three-products-2 .actions .buy:active{opacity:1}
@media(min-width:1024px) and (max-width:1439.98px){.product__three-products-2 .title{margin-top:.1rem;font-size:.13rem;line-height:.19rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.product__three-products-2 .desc{margin-top:.05rem;font-size:.13rem;line-height:.19rem}
}
@media(min-width:768px) and (max-width:1023.98px){.product__three-products-2 .title{margin-top:.1rem;font-size:.13rem;line-height:.19rem}
.product__three-products-2 .desc{margin-top:.05rem;font-size:.13rem;line-height:.19rem}
.product__three-products-2 .actions{margin-top:.07rem}
}
@media(max-width:767.98px){.product__three-products-2 .title{margin-top:.12rem;font-size:.13rem;line-height:.2rem}
.product__three-products-2 .desc{margin-top:.04rem;font-size:.13rem;line-height:.2rem}
.product__three-products-2 .actions{margin-top:.09rem}
.product__three-products-2 .actions .learn-more,.product__three-products-2 .actions .buy{margin-right:.15rem;font-size:.13rem;line-height:.24rem}
}
@media(min-width:1440px){.product__three-products-2 .text-button1{transition:all .3s}
.product__three-products-2 .text-button1:hover{opacity:.7}
.product__three-products-2 .text-button1:active{opacity:1}
}
@media(max-width:767.98px){.product__three-products-2{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:0 .15rem}
.product__three-products-2 .product-item{margin-top:.4rem;width:100%}
.product__three-products-2 .product-item:first-child{margin-top:0}
.product__three-products-2 .img-box{width:100%;height:auto}
}
@media(min-width:1024px) and (max-width:1439.98px){.product__three-products-2 .product-item{width:28.15vw}
}
@media(min-width:768px) and (max-width:1023.98px){.product__three-products-2 .product-item{width:26.39vw}
}
@media(min-width:1440px){.product__three-products-2{box-sizing:border-box;max-width:14.4rem;margin-left:auto;margin-right:auto;padding-left:.6rem;padding-right:.6rem;padding-left:0;padding-right:0}
.product__three-products-2 .product-item{width:4rem}
}
.index__store-locator{height:10.05rem;position:relative;text-align:center}
.index__store-locator .bg{background-color:#4d93be;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.index__store-locator .title{opacity:.6}
.index__store-locator .content{position:absolute;left:12.15vw;right:12.15vw;margin:auto;padding-top:.6rem}
.index__store-locator .content .img-box{position:absolute;top:1.44rem;left:0;right:0;margin:auto;width:6.3rem;height:5.03rem;overflow:hidden}
.index__store-locator .content .img-box img{width:100%;height:100%;transform:scale(1.1);transition:all .5s}
.index__store-locator .content .img-box img.normal-size{transform:scale(1)}
.index__store-locator .content .shop-name{position:absolute;top:6.58rem;left:0;right:0;margin:auto;opacity:.6}
.index__store-locator .content .tip{position:absolute;left:0;right:0;top:7.25rem;margin:auto;width:5.2rem;font-size:.36rem;line-height:.46rem;text-align:center}
.index__store-locator .content .locate-store-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;left:0;right:0;top:8.57rem;margin:auto}
.index__store-locator .content .locate-store-btn:hover{opacity:.7}
.index__store-locator .content .locate-store-btn i{font-size:.28rem;vertical-align:middle;margin-right:.1rem}
.index__store-locator .content .locate-store-btn a{font-size:.13rem;border-bottom:.01rem solid;vertical-align:middle;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
@media(min-width:1440px){.index__store-locator .text-button1{transition:all .3s}
.index__store-locator .text-button1:hover{opacity:.7}
.index__store-locator .text-button1:active{opacity:1}
}
@media(max-width:767.98px){.index__store-locator{height:5.03rem;margin:.9rem .15rem;background-color:#4d93be}
.index__store-locator .bg{position:static}
.index__store-locator .content{position:static;top:0;left:0;right:0;bottom:0;margin:auto;padding-top:.4rem}
.index__store-locator .content .title{font-size:.13rem}
.index__store-locator .content .img-box{top:1rem;width:2.7rem;height:2.11rem}
.index__store-locator .content .shop-name{display:none}
.index__store-locator .content .tip{width:2.26rem;top:3.41rem;font-size:.2rem;line-height:.3rem;padding:0 .04rem;box-sizing:border-box}
.index__store-locator .content .locate-store-btn{top:4.21rem}
.index__store-locator .content .locate-store-btn i{font-size:.22rem}
.index__store-locator .content .locate-store-btn a{font-size:.13rem;color:#000}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__store-locator{height:7.86rem;margin:1.2rem 0}
.index__store-locator .content .img-box{top:1.39rem;width:4.41rem;height:3.53rem}
.index__store-locator .content .shop-name{top:5.02rem;font-size:.13rem}
.index__store-locator .content .tip{top:5.61rem;font-size:.28rem;width:4.41rem}
.index__store-locator .content .locate-store-btn{top:6.79rem}
.index__store-locator .content .locate-store-btn i{font-size:.14rem}
}
@media(min-width:768px) and (max-width:1023.98px){.index__store-locator{height:5.94rem;margin:.9rem 0}
.index__store-locator .content{padding-top:.3rem}
.index__store-locator .content .title{font-size:.13rem}
.index__store-locator .content .img-box{top:.79rem;width:3.3rem;height:2.65rem}
.index__store-locator .content .shop-name{top:3.54rem;font-size:.11rem}
.index__store-locator .content .tip{width:2.54rem;top:3.93rem;font-size:.2rem;line-height:.3rem}
.index__store-locator .content .locate-store-btn{top:4.87rem}
.index__store-locator .content .locate-store-btn i{font-size:.14rem}
.index__store-locator .content .locate-store-btn a{font-size:.13rem;line-height:.24rem}
}
@media(min-width:1440px){.index__store-locator{margin:1.8rem 0}
.index__store-locator .content{left:0;right:0;width:10.9rem}
.index__store-locator .content .img-box{width:6.3rem}
.index__store-locator .content .shop-name a:hover{opacity:.7}
}
body{width:100vw;overflow-x:hidden}
.cp-slide-photo-gallery{display:-webkit-box;display:-ms-flexbox;display:flex}
@media(min-width:1440px){.cp-slide-photo-gallery{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-slide-photo-gallery{margin-top:0;margin-bottom:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-slide-photo-gallery{margin-top:0;margin-bottom:.4rem}
}
@media(max-width:767.98px){.cp-slide-photo-gallery{margin-top:0;margin-bottom:.4rem}
}
.cp-slide-photo-gallery .left{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.cp-slide-photo-gallery .left .left-content{box-sizing:border-box;height:5.36rem;position:relative}
.cp-slide-photo-gallery .left .content{position:absolute;top:1.88rem;left:24%;padding-bottom:0 !important}
.cp-slide-photo-gallery .left .title{font-size:.13rem;color:rgba(0,0,0,0.7)}
.cp-slide-photo-gallery .left .subtitle{width:2.65rem;font-size:.28rem;line-height:.42rem;margin-top:.13rem}
.cp-slide-photo-gallery .left .cp-left-right-btns{margin-top:.4rem}
.cp-slide-photo-gallery .slides{display:-webkit-box;display:-ms-flexbox;display:flex}
.cp-slide-photo-gallery .slides:hover{cursor:pointer}
.cp-slide-photo-gallery .slides .slide{margin-right:.1rem}
.cp-slide-photo-gallery .slides .slide.displayed .desc{opacity:1}
.cp-slide-photo-gallery .slides .img-box img{width:5.36rem;height:5.36rem}
.cp-slide-photo-gallery .slides .desc{opacity:0;margin-top:.17rem;text-align:center;font-size:.13rem;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-weight:500;-webkit-transition:all .3s;transition:all .3s;color:rgba(0,0,0,0.7)}
.cp-slide-photo-gallery .slides .link{height:.24rem;line-height:.24rem;font-size:.13rem;font-weight:500;font-family:"OPPOSans-Medium","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";border-bottom:.01rem solid;color:#000}
.android .cp-slide-photo-gallery .slides .link{padding-bottom:.04rem}
@media(max-width:767.98px){.cp-slide-photo-gallery{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:.9rem}
.cp-slide-photo-gallery .left{-ms-flex-item-align:center;align-self:center;margin-bottom:.4rem}
.cp-slide-photo-gallery .left .left-content{width:100vw;height:auto}
.cp-slide-photo-gallery .left .content{position:static;text-align:center}
.cp-slide-photo-gallery .left .subtitle{margin:.1rem auto 0;width:70vw;font-size:.24rem;line-height:.36rem}
.cp-slide-photo-gallery .left .cp-left-right-btns{margin-top:.2rem}
.cp-slide-photo-gallery .slides-box{display:-webkit-box;display:-ms-flexbox;display:flex}
.cp-slide-photo-gallery .slides .img-box img{width:2.7rem;height:2.7rem}
.cp-slide-photo-gallery .slides .desc{margin-top:.15rem}
.cp-slide-photo-gallery .mobile-left-content{width:.45rem}
}
@media(min-width:768px) and (max-width:1439.98px){.cp-slide-photo-gallery{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1.2rem}
.cp-slide-photo-gallery .left{-ms-flex-item-align:center;align-self:center;margin-bottom:.4rem}
.cp-slide-photo-gallery .left .left-content{width:100vw;height:auto}
.cp-slide-photo-gallery .left .content{position:static;text-align:center}
.cp-slide-photo-gallery .left .subtitle{width:100%;margin-top:.1rem;font-size:.2rem}
.cp-slide-photo-gallery .left .cp-left-right-btns{margin-top:.16rem}
.cp-slide-photo-gallery .slides-box{display:-webkit-box;display:-ms-flexbox;display:flex}
.cp-slide-photo-gallery .slides .img-box img{width:3.91rem;height:3.91rem}
.cp-slide-photo-gallery .slides .desc{margin-top:.16rem}
.cp-slide-photo-gallery .mobile-left-content{width:1.88rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-slide-photo-gallery{margin-top:1.2rem}
.cp-slide-photo-gallery .slides .img-box img{width:51.07vw;height:51.07vw}
.cp-slide-photo-gallery .mobile-left-content{width:2.5rem}
}
@media(min-width:1440px){.cp-slide-photo-gallery{width:14.4rem;margin-left:auto;margin-right:auto;margin-top:1.8rem}
.cp-slide-photo-gallery .left .left-content{width:7.2rem}
.cp-slide-photo-gallery .left .content{position:absolute !important}
}
.cp-left-right-btns .arrow-btn{margin:0 .08rem}
.cp-left-right-btns .arrow-btn.disabled,.cp-left-right-btns .arrow-btn.slick-disabled{opacity:.3}
.cp-left-right-btns .arrow-btn i{font-size:.2rem}
.cp-left-right-btns .slick-disabled{opacity:.2}
.cp-left-right-btns .next-arrow{display:inline-block;box-sizing:border-box;width:.55rem;height:.46rem;line-height:.46rem;border:.02rem solid #000;border-radius:50%;-webkit-transition:all .3s;transition:all .3s;text-align:center}
.cp-left-right-btns .next-arrow:hover,.cp-left-right-btns .next-arrow:active{-webkit-transform:scaleY(1.19565);transform:scaleY(1.19565);opacity:.5}
@media(max-width:767.98px){.cp-left-right-btns .arrow-btn:hover{-webkit-transform:none;transform:none;opacity:1}
.cp-left-right-btns .arrow-btn:active{-webkit-transform:scaleY(1.19565);transform:scaleY(1.19565);opacity:.5}
.cp-left-right-btns .arrow-btn.slick-disabled,.cp-left-right-btns .arrow-btn.disabled{opacity:.3}
}
@media(min-width:768px) and (max-width:1439.98px){.cp-left-right-btns .arrow-btn:hover{-webkit-transform:none;transform:none;opacity:1}
.cp-left-right-btns .arrow-btn:active{-webkit-transform:scaleY(1.19565);transform:scaleY(1.19565);opacity:.5}
.cp-left-right-btns .arrow-btn.slick-disabled,.cp-left-right-btns .arrow-btn.disabled{opacity:.3}
}
.cp-page-title{font-family:"OPPOSans-Regular";color:#000;text-align:center;margin-left:auto;margin-right:auto}
@media(min-width:1440px){.cp-page-title{font-size:.92rem;line-height:1.1rem;margin-top:.9rem;margin-bottom:.9rem;max-width:7.8rem}
.clean-theme .cp-page-title{margin-top:1.83rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-page-title{font-size:.92rem;line-height:1.1rem;margin-top:.9rem;margin-bottom:.9rem;max-width:6.6rem}
.clean-theme .cp-page-title{margin-top:1.83rem}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-page-title{font-size:.64rem;line-height:.76rem;margin-top:.9rem;margin-bottom:.85rem;max-width:4.8rem}
.clean-theme .cp-page-title{margin-top:1.4rem}
}
@media(max-width:767.98px){.cp-page-title{font-size:.36rem;line-height:.46rem;margin-top:.6rem;margin-bottom:.6rem;padding-left:.15rem;padding-right:.15rem}
.clean-theme .cp-page-title{margin-top:1.1rem}
}
.cp-page-banner{text-align:center;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}
.cp-page-banner .gt-mb{width:100%;transform:scale(1.05);transition:all .3s}
.cp-page-banner .mb{display:none}
.cp-page-banner .txt{position:absolute;left:0;right:0}
.cp-page-banner .txt .title,.cp-page-banner .txt .subtitle{margin-left:auto;margin-right:auto}
.cp-page-banner .txt .title{font-family:"OPPOSans-Bold"}
.cp-page-banner .txt .subtitle{margin-top:.05rem}
.cp-page-banner .txt,.cp-page-banner .txt .action{color:#fff}
.cp-page-banner .txt .action{display:inline-block;font-size:.13rem;line-height:.24rem;border-bottom:.01rem solid}
.cp-page-banner .txt .action:hover{opacity:.9}
@media(min-width:1440px){.cp-page-banner{width:13.2rem;overflow:hidden;margin-bottom:1.09rem}
.cp-page-banner:hover .gt-mb{transform:scale(1);opacity:.9}
.cp-page-banner .txt{bottom:.4rem}
.cp-page-banner .txt .title,.cp-page-banner .txt .subtitle{font-size:.16rem;line-height:.24rem}
.cp-page-banner .txt .title{width:4.6rem}
.cp-page-banner .txt .subtitle{width:7rem}
.cp-page-banner .txt .action{margin-top:.1rem}
}
@media(min-width:768px) and (max-width:1439.98px){.cp-page-banner .txt .title,.cp-page-banner .txt .subtitle{font-size:.13rem;line-height:.19rem}
.cp-page-banner .txt .action{margin-top:.1rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-page-banner{width:9.24rem;margin-bottom:1rem}
.cp-page-banner .txt{bottom:.3rem}
.cp-page-banner .txt .title{width:2.8rem}
.cp-page-banner .txt .subtitle{width:4.6rem}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-page-banner{width:6.88rem;margin-bottom:.9rem}
.cp-page-banner .txt{bottom:.3rem}
.cp-page-banner .txt .title{width:2rem}
.cp-page-banner .txt .subtitle{width:3.2rem}
}
@media(max-width:767.98px){.cp-page-banner{width:3.3rem;margin-bottom:.8rem}
.cp-page-banner .gt-mb{display:none}
.cp-page-banner .mb{display:block;width:100%}
.cp-page-banner .txt{bottom:.3rem}
.cp-page-banner .txt .title,.cp-page-banner .txt .subtitle{font-size:.13rem;line-height:.19rem}
.cp-page-banner .txt .title{width:1.92rem}
.cp-page-banner .txt .subtitle{width:2.7rem}
.cp-page-banner .txt .action{margin-top:.07rem;font-size:.13rem}
}
.cp-card-list{margin-left:auto;margin-right:auto}
.cp-card-list ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.cp-card-list .cp-more-less-btns{display:none}
@media(min-width:1440px){.cp-card-list{width:13.8rem;margin-bottom:1.2rem}
}
@media(min-width:768px) and (max-width:1439.98px){.cp-card-list{margin-bottom:.6rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-card-list{width:9.64rem}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-card-list{width:7.2rem}
}
@media(max-width:767.98px){.cp-card-list{width:3.3rem}
.cp-card-list .cp-more-less-btns{display:block;margin-bottom:.6rem}
.cp-card-list.show-all .show-more{display:none}
.cp-card-list.show-all .show-less{display:block}
.cp-card-list .mb-lazy{display:none}
}
.cp-list-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
.cp-list-item .img-box{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:#f6f6f6}
.cp-list-item .txt .title,.cp-list-item .txt .subtitle{font-size:.16rem;color:#000;line-height:.24rem}
.cp-list-item .txt .title{margin-top:.08rem;font-family:"OPPOSans-Bold"}
.cp-list-item .txt .subtitle{margin-top:.04rem}
.cp-list-item .txt .action{display:inline-block;margin-top:.04rem;font-size:.13rem;line-height:.24rem;border-bottom:.01rem solid}
@media(min-width:1440px){.cp-list-item{-ms-flex-preferred-size:4.6rem;flex-basis:4.6rem;margin-bottom:.6rem}
.cp-list-item .img-box{width:4rem;height:3rem}
.cp-list-item .img-box img{transform:scale(1);transition:all .3s;max-width:2rem;max-height:.9rem}
.cp-list-item .img-box:hover img{transform:scale(0.95);opacity:.9}
.cp-list-item .txt{width:4rem}
.cp-list-item .txt .title,.cp-list-item .txt .subtitle{font-size:.16rem;color:#000;line-height:.24rem}
.cp-list-item .txt .title{margin-top:.08rem}
.cp-list-item .txt .subtitle{margin-top:.04rem}
.cp-list-item .txt .action:hover{opacity:.8}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-list-item{-ms-flex-preferred-size:3.21rem;flex-basis:3.21rem;margin-bottom:.6rem}
.cp-list-item .img-box{width:2.81rem;height:2.11rem}
.cp-list-item .img-box img{max-width:1.4rem;max-height:.63rem}
.cp-list-item .txt{width:2.81rem}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-list-item{-ms-flex-preferred-size:2.4rem;flex-basis:2.4rem;margin-bottom:.4rem}
.cp-list-item .img-box{width:2.08rem;height:1.56rem}
.cp-list-item .img-box img{max-width:1.04rem;max-height:.47rem}
.cp-list-item .txt{width:2.08rem}
}
@media(max-width:767.98px){.cp-list-item{-ms-flex-preferred-size:3.3rem;flex-basis:3.3rem;margin-bottom:.6rem}
.cp-list-item .img-box{width:3.3rem;height:2.48rem}
.cp-list-item .img-box img{max-width:2rem;max-height:.8rem}
}
.cp-more-less-btns{text-align:center;margin-left:auto;margin-right:auto}
.cp-more-less-btns .show-more,.cp-more-less-btns .show-less{display:block;width:1.8rem;padding-top:.1rem;overflow:hidden;margin:0 auto}
.cp-more-less-btns .show-more span,.cp-more-less-btns .show-less span{display:inline-block;width:.55rem;height:.46rem;line-height:.46rem;text-align:center;font-size:.32rem;border:.02rem solid #000;border-radius:50%;transition:all .1s cubic-bezier(0.77,0,0.175,1)}
.cp-more-less-btns .show-more p,.cp-more-less-btns .show-less p{margin-top:.1rem;font-size:.14rem;color:#000;font-family:"OPPOSans-Bold","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial"}
.cp-more-less-btns .show-more:active span,.cp-more-less-btns .show-less:active span{transform:scaleY(1.19565);transform-origin:center;opacity:.5}
.cp-more-less-btns .show-more:active p,.cp-more-less-btns .show-less:active p{opacity:.7}
.cp-more-less-btns .show-less{display:none}
@media(max-width:767.98px){.cp-more-less-btns .arrow-btn:hover{transform:none;opacity:1}
.cp-more-less-btns .arrow-btn:active{transform:scaleY(1.19565);opacity:.5}
.cp-more-less-btns .arrow-btn.slick-disabled,.cp-more-less-btns .arrow-btn.disabled{opacity:.3}
}
@media(min-width:768px) and (max-width:1439.98px){.cp-more-less-btns .show-more span:hover,.cp-more-less-btns .show-less span:hover{transform:none;opacity:1}
.cp-more-less-btns .show-more span:active,.cp-more-less-btns .show-less span:active{transform:scaleY(1.19565);opacity:.5}
}
.about-history-container .about_history_list{position:relative;margin-top:.3rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;background-color:#fff;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}
.about-history-container .about_history_list .about_history_list_title{text-align:center;margin-bottom:.28rem;font-size:.16rem;font-family:"OPPOSans-Bold";color:#1d1d1d;line-height:.2rem}
.about-history-container .about_history_list .history_section_m{display:none}
.about-history-container .about_history_list .history_section{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:justify;justify-content:space-between;width:8.6rem}
.about-history-container .about_history_list .history_section:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);height:100%;border-left:.01rem solid #979797}
.about-history-container .about_history_list .about_history_list_left{width:4rem}
.about-history-container .about_history_list .about_history_list_left li:first-child{display:block;margin-top:1.46rem}
.about-history-container .about_history_list .about_history_list_left li{position:relative;display:none;z-index:3;top:4rem;opacity:0;transition:top 1s ease,opacity 1s ease;margin-top:1.23rem}
.about-history-container .about_history_list .about_history_list_left li.margin_bottom{margin-bottom:1.8rem}
.about-history-container .about_history_list .about_history_list_left li.hide_to_show{top:0;opacity:1}
.about-history-container .about_history_list .about_history_list_left li.show_to_hide{top:4rem;opacity:0}
.about-history-container .about_history_list .about_history_list_left li .list_title{width:100%}
.about-history-container .about_history_list .about_history_list_left li .list_title .list_title_year{margin-bottom:.1rem}
.about-history-container .about_history_list .about_history_list_left li .list_title .list_title_year .dot{display:inline-block;width:.06rem;height:.06rem;background:#1d1d1d;border-radius:50%}
.about-history-container .about_history_list .about_history_list_left li .list_title .list_title_year span{margin-left:.11rem;font-size:.13rem;font-family:"OPPOSans-Medium"}
.about-history-container .about_history_list .about_history_list_left li .list_title .list_title_introduce{font-size:.2rem;font-family:"OPPOSans-Medium";color:#1d1d1d;line-height:.32rem}
.about-history-container .about_history_list .about_history_list_left li .list_pic{margin-top:.3rem;width:4rem;height:4rem}
.about-history-container .about_history_list .about_history_list_left li .list_pic img{width:100%;height:100%}
.about-history-container .about_history_list .about_history_list_right{width:4rem}
.about-history-container .about_history_list .about_history_list_right li:first-child{display:block;margin-top:2.65rem}
.about-history-container .about_history_list .about_history_list_right li{display:none;position:relative;z-index:3;top:4rem;opacity:0;margin-top:1.23rem;transition:top 1s ease,opacity 1s ease}
.about-history-container .about_history_list .about_history_list_right li.margin_bottom{margin-bottom:.6rem}
.about-history-container .about_history_list .about_history_list_right li.hide_to_show{top:0;opacity:1}
.about-history-container .about_history_list .about_history_list_right li.show_to_hide{top:4rem;opacity:0}
.about-history-container .about_history_list .about_history_list_right li .list_title{width:100%}
.about-history-container .about_history_list .about_history_list_right li .list_title .list_title_year{margin-bottom:.1rem}
.about-history-container .about_history_list .about_history_list_right li .list_title .list_title_year .dot{display:inline-block;width:.06rem;height:.06rem;background:#1d1d1d;border-radius:50%}
.about-history-container .about_history_list .about_history_list_right li .list_title .list_title_year span{margin-left:.11rem;font-size:.12rem;font-family:"OPPOSans-Medium"}
.about-history-container .about_history_list .about_history_list_right li .list_title .list_title_introduce{font-size:.2rem;font-family:"OPPOSans-Medium";color:#1d1d1d;line-height:.32rem}
.about-history-container .about_history_list .about_history_list_right li .list_pic{margin-top:.3rem;width:4rem;height:4rem}
.about-history-container .about_history_list .about_history_list_right li .list_pic img{width:100%}
.about-history-container .about_history_list .history_showmore,.about-history-container .about_history_list .history_showless{display:none;text-align:center;background-color:#fff;font-size:.13rem;margin-top:.27rem;margin-bottom:.3rem}
.about-history-container .about_history_list .history_showmore a,.about-history-container .about_history_list .history_showless a{border-bottom:.01rem solid #000;padding:0 .03rem .03rem}
@media(min-width:1440px){.about-history-container .about_history_list .history_showmore a:hover,.about-history-container .about_history_list .history_showless a:hover{opacity:.7}
}
@media(min-width:1024px) and (max-width:1439.98px){.about-history-container .about_history_list{margin-top:.2rem}
.about-history-container .about_history_list .about_history_list_title{margin-bottom:.2rem;font-size:.16rem;line-height:.2rem}
.about-history-container .about_history_list .history_section_m{display:none}
.about-history-container .about_history_list .history_section{width:6.03rem}
.about-history-container .about_history_list .about_history_list_left{width:2.81rem}
.about-history-container .about_history_list .about_history_list_left li:first-child{margin-top:1.37rem}
.about-history-container .about_history_list .about_history_list_left li{top:2.81rem;margin-top:1rem}
.about-history-container .about_history_list .about_history_list_left li.margin_bottom{margin-bottom:1.72rem}
.about-history-container .about_history_list .about_history_list_left li .list_title{width:100%}
.about-history-container .about_history_list .about_history_list_left li .list_title .list_title_year span{margin-left:.1rem;font-size:.13rem;line-height:.2rem}
.about-history-container .about_history_list .about_history_list_left li .list_title .list_title_introduce{font-size:.16rem;line-height:.24rem}
.about-history-container .about_history_list .about_history_list_left li .list_pic{margin-top:.2rem;width:2.81rem;height:2.81rem}
.about-history-container .about_history_list .about_history_list_right{width:2.81rem}
.about-history-container .about_history_list .about_history_list_right li:first-child{margin-top:2.55rem}
.about-history-container .about_history_list .about_history_list_right li{top:2.81rem;margin-top:1rem}
.about-history-container .about_history_list .about_history_list_right li.margin_bottom{margin-bottom:.96rem}
.about-history-container .about_history_list .about_history_list_right li .list_title{width:100%}
.about-history-container .about_history_list .about_history_list_right li .list_title .list_title_year span{margin-left:.1rem;font-size:.13rem;line-height:.2rem}
.about-history-container .about_history_list .about_history_list_right li .list_title .list_title_introduce{font-size:.16rem;line-height:.24rem}
.about-history-container .about_history_list .about_history_list_right li .list_pic{margin-top:.2rem;width:2.81rem;height:2.81rem}
.about-history-container .about_history_list .history_showmore,.about-history-container .about_history_list .history_showless{line-height:.24rem;font-size:.13rem}
}
@media(min-width:768px) and (max-width:1023.98px){.about-history-container .about_history_list{margin-top:.2rem}
.about-history-container .about_history_list .about_history_list_title{margin-bottom:.2rem;font-size:.16rem;line-height:.2rem}
.about-history-container .about_history_list .history_section_m{display:none}
.about-history-container .about_history_list .history_section{width:5.69rem}
.about-history-container .about_history_list .about_history_list_left{width:2.69rem}
.about-history-container .about_history_list .about_history_list_left li:first-child{margin-top:1.32rem}
.about-history-container .about_history_list .about_history_list_left li{top:2.69rem;margin-top:1rem}
.about-history-container .about_history_list .about_history_list_left li.margin_bottom{margin-bottom:1.72rem}
.about-history-container .about_history_list .about_history_list_left li .list_title .list_title_year span{margin-left:.07rem;font-size:.13rem;line-height:.2rem}
.about-history-container .about_history_list .about_history_list_left li .list_title .list_title_introduce{font-size:.16rem;line-height:.24rem}
.about-history-container .about_history_list .about_history_list_left li .list_pic{margin-top:.2rem;width:2.69rem;height:2.69rem}
.about-history-container .about_history_list .about_history_list_right{width:2.69rem}
.about-history-container .about_history_list .about_history_list_right li:first-child{margin-top:2.33rem}
.about-history-container .about_history_list .about_history_list_right li{top:2.69rem;margin-top:1rem}
.about-history-container .about_history_list .about_history_list_right li.margin_bottom{margin-bottom:.96rem}
.about-history-container .about_history_list .about_history_list_right li .list_title .list_title_year span{margin-left:.07rem;font-size:.13rem;line-height:.2rem}
.about-history-container .about_history_list .about_history_list_right li .list_title .list_title_introduce{font-size:.16rem;line-height:.24rem}
.about-history-container .about_history_list .about_history_list_right li .list_pic{margin-top:.2rem;width:2.69rem;height:2.69rem}
.about-history-container .about_history_list .history_showmore,.about-history-container .about_history_list .history_showless{line-height:.24rem;font-size:.13rem}
}
@media(max-width:767.98px){.about-history-container .about_history_list{margin-top:.2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}
.about-history-container .about_history_list .about_history_list_title{margin-bottom:.3rem;font-size:.16rem}
.about-history-container .about_history_list .history_section{display:none}
.about-history-container .about_history_list .history_section_m{position:relative;display:block}
.about-history-container .about_history_list .history_section_m:before{content:"";position:absolute;left:50%;transform:translateX(-50%);height:100%;border-left:.01rem solid #979797}
.about-history-container .about_history_list .history_section_m .history_section_detail{display:none;-ms-flex-pack:center;justify-content:center;position:relative;top:41.667vw;opacity:0;width:83.333vw;margin-top:8.333vw;padding-left:12.5vw;padding-right:4.167vw;transition:top .8s ease,opacity .8s ease}
.about-history-container .about_history_list .history_section_m .history_section_detail.margin_bottom{margin-bottom:.3rem}
.about-history-container .about_history_list .history_section_m .history_section_detail.hide_to_show{top:0;opacity:1}
.about-history-container .about_history_list .history_section_m .history_section_detail.show_to_hide{top:41.667vw;opacity:0}
.about-history-container .about_history_list .history_section_m .history_section_detail img{position:relative;width:33.333vw;height:33.333vw;margin-right:.14rem}
.about-history-container .about_history_list .history_section_m .history_section_detail .dot{position:absolute;left:50%;transform:translateX(-50%);top:2.167vw;width:.05rem;height:.05rem;border-radius:50%;background-color:#1d1d1d;font-size:.1rem}
.about-history-container .about_history_list .history_section_m .history_section_detail .history_intro{font-family:"OPPOSans-Bold";font-size:.13rem;width:1.5rem;margin-left:.15rem}
.about-history-container .about_history_list .history_section_m .history_section_detail .history_intro .history_intro_detail{margin-top:2.778vw;font-family:"OPPOSans-Medium";font-size:.13rem;color:#1d1d1d;line-height:.2rem}
.about-history-container .about_history_list .history_section_m .history_section_detail:nth-child(-n+3){display:-ms-flexbox;display:flex}
.about-history-container .about_history_list .history_showmore,.about-history-container .about_history_list .history_showless{text-align:center;background-color:#fff;font-size:.12rem}
.about-history-container .about_history_list .history_showmore a,.about-history-container .about_history_list .history_showless a{border-bottom:.01rem solid #000;padding:0 .35vw .35vw}
.about-history-container .about_history_list_change:before{height:639.9vw}
}
.related-banner-3l{padding:0 .6rem;display:-ms-flexbox;display:flex;background-color:#fff;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1.8rem}
.related-banner-3l .box-portrait .img-box{overflow:hidden;width:6.74rem;height:8.97rem}
.related-banner-3l .box-portrait .img-box img{width:100%;height:100%;transform:scale(1.06);transition:all .3s ease}
@media(min-width:1440px){.related-banner-3l .box-portrait .img-box img:hover{transform:scale(1);opacity:.85}
}
.related-banner-3l .box-portrait .img-box img.pc{display:block}
.related-banner-3l .box-portrait .img-box img.mobile{display:none}
.related-banner-3l .box-landscape{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}
.related-banner-3l .box-landscape .change-box .img-box{overflow:hidden;width:5.34rem;height:3.57rem}
.related-banner-3l .box-landscape .change-box .img-box img{width:100%;height:100%;transform:scale(1.06);transition:all .3s ease}
@media(min-width:1440px){.related-banner-3l .box-landscape .change-box .img-box img:hover{transform:scale(1);opacity:.85}
}
.related-banner-3l .box-landscape .change-box .img-box img.pc{display:block}
.related-banner-3l .box-landscape .change-box .img-box img.mobile{display:none}
.related-banner-3l .title{margin-top:.15rem;font-size:.2rem;line-height:.32rem;letter-spacing:-0.0012rem;font-family:"OPPOSans-Bold"}
.related-banner-3l .more{margin-top:.01rem;border-bottom:.01rem solid #000;font-size:.13rem;line-height:.24rem;transition:all .3s ease;font-family:"OPPOSans-Medium"}
@media(min-width:1440px){.related-banner-3l .more:hover{opacity:.7}
}
@media(min-width:1440px){.related-banner-3l{box-sizing:border-box;max-width:14.4rem;margin-left:auto;margin-right:auto;padding-left:.6rem;padding-right:.6rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.related-banner-3l{padding:0 .5rem;display:-ms-flexbox;display:flex;background-color:#fff;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1.2rem}
.related-banner-3l .box-portrait .img-box{overflow:hidden;width:4.78rem;height:6.38rem}
.related-banner-3l .box-portrait .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-3l .box-portrait .img-box img.pc{display:block}
.related-banner-3l .box-portrait .img-box img.mobile{display:none}
.related-banner-3l .box-landscape{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}
.related-banner-3l .box-landscape .change-box .img-box{overflow:hidden;width:3.62rem;height:2.35rem}
.related-banner-3l .box-landscape .change-box .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-3l .box-landscape .change-box .img-box img.pc{display:block}
.related-banner-3l .box-landscape .change-box .img-box img.mobile{display:none}
.related-banner-3l .title{margin-top:.12rem;font-size:.16rem;line-height:.28rem;letter-spacing:-0.001rem;font-family:"OPPOSans-Bold"}
.related-banner-3l .more{margin-top:.01rem;border-bottom:.01rem solid #000;font-size:.13rem;line-height:.24rem;transition:all .3s ease;font-family:"OPPOSans-Medium"}
}
@media(min-width:768px) and (max-width:1023.98px){.related-banner-3l{padding:0 .4rem;display:-ms-flexbox;display:flex;background-color:#fff;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.9rem}
.related-banner-3l .box-portrait .img-box{overflow:hidden;width:3.59rem;height:4.79rem}
.related-banner-3l .box-portrait .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-3l .box-portrait .img-box img.pc{display:block}
.related-banner-3l .box-portrait .img-box img.mobile{display:none}
.related-banner-3l .box-landscape{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}
.related-banner-3l .box-landscape .change-box .img-box{overflow:hidden;width:2.49rem;height:1.61rem}
.related-banner-3l .box-landscape .change-box .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-3l .box-landscape .change-box .img-box img.pc{display:block}
.related-banner-3l .box-landscape .change-box .img-box img.mobile{display:none}
.related-banner-3l .title{margin-top:.08rem;font-size:.16rem;line-height:.28rem;letter-spacing:-0.001rem;font-family:"OPPOSans-Bold"}
.related-banner-3l .more{margin-top:.01rem;border-bottom:.01rem solid #000;font-size:.13rem;line-height:.24rem;transition:all .3s ease;font-family:"OPPOSans-Medium"}
}
@media(max-width:767.98px){.related-banner-3l{padding:0 .15rem;display:-ms-flexbox;display:flex;background-color:#fff;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:.9rem}
.related-banner-3l .box-portrait .img-box{overflow:hidden;width:3.3rem;height:2.48rem}
.related-banner-3l .box-portrait .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-3l .box-portrait .img-box img.pc{display:none}
.related-banner-3l .box-portrait .img-box img.mobile{display:block}
.related-banner-3l .box-landscape{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start}
.related-banner-3l .box-landscape .change-box{margin-top:.5rem}
.related-banner-3l .box-landscape .change-box .img-box{overflow:hidden;width:3.3rem;height:2.48rem}
.related-banner-3l .box-landscape .change-box .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-3l .box-landscape .change-box .img-box img.pc{display:none}
.related-banner-3l .box-landscape .change-box .img-box img.mobile{display:block}
.related-banner-3l .title{margin-top:.12rem;font-size:.16rem;line-height:.28rem;letter-spacing:-0.001rem;font-family:"OPPOSans-Bold"}
.related-banner-3l .more{margin-top:.01rem;border-bottom:.01rem solid #000;font-size:.13rem;line-height:.24rem;transition:all .3s ease;font-family:"OPPOSans-Medium"}
}
.related-banner-3r{padding:0 .6rem;display:-ms-flexbox;display:flex;background-color:#fff;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1.8rem}
.related-banner-3r .box-portrait .img-box{overflow:hidden;width:6.74rem;height:8.97rem}
.related-banner-3r .box-portrait .img-box img{width:100%;height:100%;transform:scale(1.06);transition:all .3s ease}
@media(min-width:1440px){.related-banner-3r .box-portrait .img-box img:hover{transform:scale(1);opacity:.85}
}
.related-banner-3r .box-portrait .img-box img.pc{display:block}
.related-banner-3r .box-portrait .img-box img.mobile{display:none}
.related-banner-3r .box-landscape{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}
.related-banner-3r .box-landscape .change-box .img-box{overflow:hidden;width:5.34rem;height:3.57rem}
.related-banner-3r .box-landscape .change-box .img-box img{width:100%;height:100%;transform:scale(1.06);transition:all .3s ease}
@media(min-width:1440px){.related-banner-3r .box-landscape .change-box .img-box img:hover{transform:scale(1);opacity:.85}
}
.related-banner-3r .box-landscape .change-box .img-box img.pc{display:block}
.related-banner-3r .box-landscape .change-box .img-box img.mobile{display:none}
.related-banner-3r .title{margin-top:.15rem;font-size:.2rem;line-height:.32rem;letter-spacing:-0.0012rem;font-family:"OPPOSans-Bold"}
.related-banner-3r .more{margin-top:.01rem;border-bottom:.01rem solid #000;font-size:.13rem;line-height:.24rem;transition:all .3s ease;font-family:"OPPOSans-Medium"}
@media(min-width:1440px){.related-banner-3r .more:hover{opacity:.7}
}
@media(min-width:1440px){.related-banner-3r{box-sizing:border-box;max-width:14.4rem;margin-left:auto;margin-right:auto;padding-left:.6rem;padding-right:.6rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.related-banner-3r{padding:0 .5rem;display:-ms-flexbox;display:flex;background-color:#fff;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1.2rem}
.related-banner-3r .box-portrait .img-box{overflow:hidden;width:4.78rem;height:6.38rem}
.related-banner-3r .box-portrait .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-3r .box-portrait .img-box img.pc{display:block}
.related-banner-3r .box-portrait .img-box img.mobile{display:none}
.related-banner-3r .box-landscape{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}
.related-banner-3r .box-landscape .change-box .img-box{overflow:hidden;width:3.62rem;height:2.35rem}
.related-banner-3r .box-landscape .change-box .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-3r .box-landscape .change-box .img-box img.pc{display:block}
.related-banner-3r .box-landscape .change-box .img-box img.mobile{display:none}
.related-banner-3r .title{margin-top:.12rem;font-size:.16rem;line-height:.28rem;letter-spacing:-0.001rem;font-family:"OPPOSans-Bold"}
.related-banner-3r .more{margin-top:.01rem;border-bottom:.01rem solid #000;font-size:.13rem;line-height:.24rem;transition:all .3s ease;font-family:"OPPOSans-Medium"}
}
@media(min-width:768px) and (max-width:1023.98px){.related-banner-3r{padding:0 .4rem;display:-ms-flexbox;display:flex;background-color:#fff;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.9rem}
.related-banner-3r .box-portrait .img-box{overflow:hidden;width:3.59rem;height:4.79rem}
.related-banner-3r .box-portrait .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-3r .box-portrait .img-box img.pc{display:block}
.related-banner-3r .box-portrait .img-box img.mobile{display:none}
.related-banner-3r .box-landscape{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}
.related-banner-3r .box-landscape .change-box .img-box{overflow:hidden;width:2.49rem;height:1.61rem}
.related-banner-3r .box-landscape .change-box .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-3r .box-landscape .change-box .img-box img.pc{display:block}
.related-banner-3r .box-landscape .change-box .img-box img.mobile{display:none}
.related-banner-3r .title{margin-top:.08rem;font-size:.16rem;line-height:.28rem;letter-spacing:-0.001rem;font-family:"OPPOSans-Bold"}
.related-banner-3r .more{margin-top:.01rem;border-bottom:.01rem solid #000;font-size:.13rem;line-height:.24rem;transition:all .3s ease;font-family:"OPPOSans-Medium"}
}
@media(max-width:767.98px){.related-banner-3r{padding:0 .15rem;display:-ms-flexbox;display:flex;background-color:#fff;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:.9rem}
.related-banner-3r .box-portrait{margin-top:.5rem}
.related-banner-3r .box-portrait .img-box{overflow:hidden;width:3.3rem;height:2.48rem}
.related-banner-3r .box-portrait .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-3r .box-portrait .img-box img.pc{display:none}
.related-banner-3r .box-portrait .img-box img.mobile{display:block}
.related-banner-3r .box-landscape{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start}
.related-banner-3r .box-landscape .change-box{margin-top:.5rem}
.related-banner-3r .box-landscape .change-box:first-child{margin-top:0}
.related-banner-3r .box-landscape .change-box .img-box{overflow:hidden;width:3.3rem;height:2.48rem}
.related-banner-3r .box-landscape .change-box .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-3r .box-landscape .change-box .img-box img.pc{display:none}
.related-banner-3r .box-landscape .change-box .img-box img.mobile{display:block}
.related-banner-3r .title{margin-top:.12rem;font-size:.16rem;line-height:.28rem;letter-spacing:-0.001rem;font-family:"OPPOSans-Bold"}
.related-banner-3r .more{margin-top:.01rem;border-bottom:.01rem solid #000;font-size:.13rem;line-height:.24rem;transition:all .3s ease;font-family:"OPPOSans-Medium"}
}
.related-banner-2r{padding:0 .6rem;display:-ms-flexbox;display:flex;background-color:#fff;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1.8rem}
.related-banner-2r .box-landscape .img-box{overflow:hidden;width:8.34rem;height:5.6rem}
.related-banner-2r .box-landscape .img-box img{width:100%;height:100%;transform:scale(1.06);transition:all .3s ease}
@media(min-width:1440px){.related-banner-2r .box-landscape .img-box img:hover{transform:scale(1);opacity:.85}
}
.related-banner-2r .box-landscape .img-box img.pc{display:block}
.related-banner-2r .box-landscape .img-box img.mobile{display:none}
.related-banner-2r .box-portrait{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}
.related-banner-2r .box-portrait .change-box .img-box{overflow:hidden;width:3.74rem;height:5.6rem}
.related-banner-2r .box-portrait .change-box .img-box img{width:100%;height:100%;transform:scale(1.06);transition:all .3s ease}
@media(min-width:1440px){.related-banner-2r .box-portrait .change-box .img-box img:hover{transform:scale(1);opacity:.85}
}
.related-banner-2r .box-portrait .change-box .img-box img.pc{display:block}
.related-banner-2r .box-portrait .change-box .img-box img.mobile{display:none}
.related-banner-2r .title{margin-top:.15rem;font-size:.2rem;line-height:.32rem;letter-spacing:-0.0012rem;font-family:"OPPOSans-Bold"}
.related-banner-2r .more{margin-top:.01rem;border-bottom:.01rem solid #000;font-size:.13rem;line-height:.24rem;transition:all .3s ease;font-family:"OPPOSans-Medium"}
@media(min-width:1440px){.related-banner-2r .more:hover{opacity:.7}
}
@media(min-width:1440px){.related-banner-2r{box-sizing:border-box;max-width:14.4rem;margin-left:auto;margin-right:auto;padding-left:.6rem;padding-right:.6rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.related-banner-2r{padding:0 .5rem;display:-ms-flexbox;display:flex;background-color:#fff;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1.2rem}
.related-banner-2r .box-landscape .img-box{overflow:hidden;width:5.6rem;height:3.73rem}
.related-banner-2r .box-landscape .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-2r .box-landscape .img-box img.pc{display:block}
.related-banner-2r .box-landscape .img-box img.mobile{display:none}
.related-banner-2r .box-portrait{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}
.related-banner-2r .box-portrait .change-box .img-box{overflow:hidden;width:2.8rem;height:3.73rem}
.related-banner-2r .box-portrait .change-box .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-2r .box-portrait .change-box .img-box img.pc{display:block}
.related-banner-2r .box-portrait .change-box .img-box img.mobile{display:none}
.related-banner-2r .title{margin-top:.12rem;font-size:.16rem;line-height:.28rem;letter-spacing:-0.001rem;font-family:"OPPOSans-Bold"}
.related-banner-2r .more{margin-top:.01rem;border-bottom:.01rem solid #000;font-size:.13rem;line-height:.24rem;transition:all .3s ease;font-family:"OPPOSans-Medium"}
}
@media(min-width:768px) and (max-width:1023.98px){.related-banner-2r{padding:0 .4rem;display:-ms-flexbox;display:flex;background-color:#fff;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.9rem}
.related-banner-2r .box-landscape .img-box{overflow:hidden;width:4.04rem;height:2.69rem}
.related-banner-2r .box-landscape .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-2r .box-landscape .img-box img.pc{display:block}
.related-banner-2r .box-landscape .img-box img.mobile{display:none}
.related-banner-2r .box-portrait{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}
.related-banner-2r .box-portrait .change-box .img-box{overflow:hidden;width:2.02rem;height:2.69rem}
.related-banner-2r .box-portrait .change-box .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-2r .box-portrait .change-box .img-box img.pc{display:block}
.related-banner-2r .box-portrait .change-box .img-box img.mobile{display:none}
.related-banner-2r .title{margin-top:.08rem;font-size:.16rem;line-height:.28rem;letter-spacing:-0.001rem;font-family:"OPPOSans-Bold"}
.related-banner-2r .more{margin-top:.01rem;border-bottom:.01rem solid #000;font-size:.13rem;line-height:.24rem;transition:all .3s ease;font-family:"OPPOSans-Medium"}
}
@media(max-width:767.98px){.related-banner-2r{padding:0 .15rem;display:-ms-flexbox;display:flex;background-color:#fff;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:.9rem}
.related-banner-2r .box-landscape{margin-top:.5rem}
.related-banner-2r .box-landscape .img-box{overflow:hidden;width:3.3rem;height:2.48rem}
.related-banner-2r .box-landscape .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-2r .box-landscape .img-box img.pc{display:none}
.related-banner-2r .box-landscape .img-box img.mobile{display:block}
.related-banner-2r .box-portrait{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start}
.related-banner-2r .box-portrait .change-box{margin-top:0}
.related-banner-2r .box-portrait .change-box .img-box{overflow:hidden;width:3.3rem;height:2.48rem}
.related-banner-2r .box-portrait .change-box .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-2r .box-portrait .change-box .img-box img.pc{display:none}
.related-banner-2r .box-portrait .change-box .img-box img.mobile{display:block}
.related-banner-2r .title{margin-top:.12rem;font-size:.16rem;line-height:.28rem;letter-spacing:-0.001rem;font-family:"OPPOSans-Bold"}
.related-banner-2r .more{margin-top:.01rem;border-bottom:.01rem solid #000;font-size:.13rem;line-height:.24rem;transition:all .3s ease;font-family:"OPPOSans-Medium"}
}
.related-banner-2l{padding:0 .6rem;display:-ms-flexbox;display:flex;background-color:#fff;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1.8rem}
.related-banner-2l .box-landscape .img-box{overflow:hidden;width:8.34rem;height:5.6rem}
.related-banner-2l .box-landscape .img-box img{width:100%;height:100%;transform:scale(1.06);transition:all .3s ease}
@media(min-width:1440px){.related-banner-2l .box-landscape .img-box img:hover{transform:scale(1);opacity:.85}
}
.related-banner-2l .box-landscape .img-box img.pc{display:block}
.related-banner-2l .box-landscape .img-box img.mobile{display:none}
.related-banner-2l .box-portrait{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}
.related-banner-2l .box-portrait .change-box .img-box{overflow:hidden;width:3.74rem;height:5.6rem}
.related-banner-2l .box-portrait .change-box .img-box img{width:100%;height:100%;transform:scale(1.06);transition:all .3s ease}
@media(min-width:1440px){.related-banner-2l .box-portrait .change-box .img-box img:hover{transform:scale(1);opacity:.85}
}
.related-banner-2l .box-portrait .change-box .img-box img.pc{display:block}
.related-banner-2l .box-portrait .change-box .img-box img.mobile{display:none}
.related-banner-2l .title{margin-top:.15rem;font-size:.2rem;line-height:.32rem;letter-spacing:-0.0012rem;font-family:"OPPOSans-Bold"}
.related-banner-2l .more{margin-top:.01rem;border-bottom:.01rem solid #000;font-size:.13rem;line-height:.24rem;transition:all .3s ease;font-family:"OPPOSans-Medium"}
@media(min-width:1440px){.related-banner-2l .more:hover{opacity:.7}
}
@media(min-width:1440px){.related-banner-2l{box-sizing:border-box;max-width:14.4rem;margin-left:auto;margin-right:auto;padding-left:.6rem;padding-right:.6rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.related-banner-2l{padding:0 .5rem;display:-ms-flexbox;display:flex;background-color:#fff;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1.2rem}
.related-banner-2l .box-landscape .img-box{overflow:hidden;width:5.6rem;height:3.73rem}
.related-banner-2l .box-landscape .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-2l .box-landscape .img-box img.pc{display:block}
.related-banner-2l .box-landscape .img-box img.mobile{display:none}
.related-banner-2l .box-portrait{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}
.related-banner-2l .box-portrait .change-box .img-box{overflow:hidden;width:2.8rem;height:3.73rem}
.related-banner-2l .box-portrait .change-box .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-2l .box-portrait .change-box .img-box img.pc{display:block}
.related-banner-2l .box-portrait .change-box .img-box img.mobile{display:none}
.related-banner-2l .title{margin-top:.12rem;font-size:.16rem;line-height:.28rem;letter-spacing:-0.001rem;font-family:"OPPOSans-Bold"}
.related-banner-2l .more{margin-top:.01rem;border-bottom:.01rem solid #000;font-size:.13rem;line-height:.24rem;transition:all .3s ease;font-family:"OPPOSans-Medium"}
}
@media(min-width:768px) and (max-width:1023.98px){.related-banner-2l{padding:0 .4rem;display:-ms-flexbox;display:flex;background-color:#fff;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.9rem}
.related-banner-2l .box-landscape .img-box{overflow:hidden;width:4.04rem;height:2.69rem}
.related-banner-2l .box-landscape .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-2l .box-landscape .img-box img.pc{display:block}
.related-banner-2l .box-landscape .img-box img.mobile{display:none}
.related-banner-2l .box-portrait{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}
.related-banner-2l .box-portrait .change-box .img-box{overflow:hidden;width:2.02rem;height:2.69rem}
.related-banner-2l .box-portrait .change-box .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-2l .box-portrait .change-box .img-box img.pc{display:block}
.related-banner-2l .box-portrait .change-box .img-box img.mobile{display:none}
.related-banner-2l .title{margin-top:.08rem;font-size:.16rem;line-height:.28rem;letter-spacing:-0.001rem;font-family:"OPPOSans-Bold"}
.related-banner-2l .more{margin-top:.01rem;border-bottom:.01rem solid #000;font-size:.13rem;line-height:.24rem;transition:all .3s ease;font-family:"OPPOSans-Medium"}
}
@media(max-width:767.98px){.related-banner-2l{padding:0 .15rem;display:-ms-flexbox;display:flex;background-color:#fff;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:.9rem}
.related-banner-2l .box-landscape .img-box{overflow:hidden;width:3.3rem;height:2.48rem}
.related-banner-2l .box-landscape .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-2l .box-landscape .img-box img.pc{display:none}
.related-banner-2l .box-landscape .img-box img.mobile{display:block}
.related-banner-2l .box-portrait{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;margin-top:.5rem}
.related-banner-2l .box-portrait .change-box{margin-top:0}
.related-banner-2l .box-portrait .change-box .img-box{overflow:hidden;width:3.3rem;height:2.48rem}
.related-banner-2l .box-portrait .change-box .img-box img{width:100%;height:100%;transform:scale(1)}
.related-banner-2l .box-portrait .change-box .img-box img.pc{display:none}
.related-banner-2l .box-portrait .change-box .img-box img.mobile{display:block}
.related-banner-2l .title{margin-top:.12rem;font-size:.16rem;line-height:.28rem;letter-spacing:-0.001rem;font-family:"OPPOSans-Bold"}
.related-banner-2l .more{margin-top:.01rem;border-bottom:.01rem solid #000;font-size:.13rem;line-height:.24rem;transition:all .3s ease;font-family:"OPPOSans-Medium"}
}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:.01rem}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:.01rem solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) center center no-repeat}
@font-face{font-family:'slick';font-weight:normal;font-style:normal;src:url(original.ui.files/resources/fonts/slick.eot);src:url(original.ui.files/resources/fonts/slick.eot?#iefix) format("embedded-opentype"),url(original.ui.files/resources/fonts/slick.woff) format("woff"),url(original.ui.files/resources/fonts/slick.ttf) format("truetype"),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format("svg")}
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:.2rem;height:.2rem;padding:0;transform:translate(0,-50%);cursor:pointer;color:transparent;border:0;outline:0;background:transparent}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:0;background:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{font-family:'slick';font-size:.2rem;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-0.25rem}
[dir='rtl'] .slick-prev{right:-0.25rem;left:auto}
.slick-prev:before{content:'\2190'}
[dir='rtl'] .slick-prev:before{content:'\2192'}
.slick-next{right:-0.25rem}
[dir='rtl'] .slick-next{right:auto;left:-0.25rem}
.slick-next:before{content:'\2192'}
[dir='rtl'] .slick-next:before{content:'\2190'}
.slick-dotted.slick-slider{margin-bottom:.3rem}
.slick-dots{position:absolute;bottom:-0.25rem;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:.2rem;height:.2rem;margin:0 .05rem;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:.2rem;height:.2rem;padding:.05rem;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}
.slick-dots li button:hover,.slick-dots li button:focus{outline:0}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{font-family:'slick';font-size:.06rem;line-height:.2rem;position:absolute;top:0;left:0;width:.2rem;height:.2rem;content:'\2022';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:black}
.cp-carousel-banner{width:100%;overflow:hidden;position:relative}
.cp-carousel-banner .slide{width:100vw;height:50vw;position:relative;display:-ms-flexbox !important;display:flex !important;-ms-flex-align:center;align-items:center;background-repeat:no-repeat;background-position:center;background-size:cover}
.cp-carousel-banner .slide-link{position:absolute;left:0;right:0;top:0;bottom:0;z-index:3;outline:0}
.cp-carousel-banner .img-box,.cp-carousel-banner .bg,.cp-carousel-banner .fg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.cp-carousel-banner .img-box .bg,.cp-carousel-banner .bg .bg,.cp-carousel-banner .fg .bg{z-index:1}
.cp-carousel-banner .img-box .bg.portrait,.cp-carousel-banner .bg .bg.portrait,.cp-carousel-banner .fg .bg.portrait{display:none}
.cp-carousel-banner .img-box .fg,.cp-carousel-banner .bg .fg,.cp-carousel-banner .fg .fg{z-index:2}
.cp-carousel-banner .img-box .fg.portrait,.cp-carousel-banner .bg .fg.portrait,.cp-carousel-banner .fg .fg.portrait{display:none}
.cp-carousel-banner .video-box{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:#000}
.cp-carousel-banner .video-box .video{object-fit:cover;display:inline-block;width:100%;height:100%}
.cp-carousel-banner .video-box img{display:none}
.cp-carousel-banner .slides-nav{position:absolute;left:0;right:0;bottom:.2rem;margin:auto}
.cp-carousel-banner .slick-dots{text-align:center}
.cp-carousel-banner .slick-dotted.slick-slider{margin-bottom:0 !important}
.cp-carousel-banner .slick-dots{position:static !important}
.cp-carousel-banner .slick-dots li{margin:0 .08rem 0 0;width:.08rem;height:.08rem}
.cp-carousel-banner .slick-dots li:last-child{margin-right:0}
.cp-carousel-banner .slick-dots li.slick-active button::before{background-color:#fff}
.cp-carousel-banner .slick-dots li button{padding:0;width:.08rem;height:.08rem}
.cp-carousel-banner .slick-dots li button::before{display:inline-block;font-size:0;width:.08rem;height:.06rem;border-radius:50%;opacity:1 !important;background-color:rgba(255,255,255,0.5)}
@media(max-width:1439.98px){.cp-carousel-banner .slick-dots li{margin:0 .06rem 0 0;width:.05rem;height:.05rem}
.cp-carousel-banner .slick-dots li button{padding:0;width:.05rem;height:.05rem}
.cp-carousel-banner .slick-dots li button::before{width:.06rem;height:.04rem;border-radius:50%}
}
.cp-carousel-banner .slide.content-x-center{-ms-flex-pack:center;justify-content:center}
.cp-carousel-banner .slide.content-y-top{-ms-flex-align:start;align-items:flex-start}
@media(min-width:768px){.cp-carousel-banner.dots-landscape-left .slick-dots{text-align:left}
.cp-carousel-banner.dots-landscape-center .slick-dots{text-align:center}
.cp-carousel-banner.dots-landscape-right .slick-dots{text-align:right}
.cp-carousel-banner .slide.content-x-left{-ms-flex-pack:start;justify-content:flex-start}
.cp-carousel-banner .slide.content-x-right{-ms-flex-pack:end;justify-content:flex-end}
.cp-carousel-banner .slide.content-y-center{-ms-flex-align:center;align-items:center}
}
@media(max-width:767.98px){.cp-carousel-banner.dots-portrait-left .slick-dots{text-align:left}
.cp-carousel-banner.dots-portrait-center .slick-dots{text-align:center}
.cp-carousel-banner.dots-portrait-right .slick-dots{text-align:right}
}
@media(max-width:767.98px){.cp-carousel-banner .slide{height:200vw;-ms-flex-align:start;align-items:flex-start}
.cp-carousel-banner .slide.content-right{-ms-flex-pack:start;justify-content:flex-start}
.cp-carousel-banner .video-box .video{display:none}
.cp-carousel-banner .video-box img{display:block;max-width:100%;max-height:100%;-ms-flex-item-align:end;align-self:flex-end}
.cp-carousel-banner .landscape{display:none !important}
.cp-carousel-banner .portrait{display:block !important}
}
.cp-banner-content{position:relative;margin-top:.93rem;color:#fff;z-index:100}
.cp-banner-content .title{font-size:.36rem;line-height:.48rem}
.cp-banner-content .title a{color:#fff}
.cp-banner-content .title a:hover{opacity:.9}
.cp-banner-content .subtitle{margin-top:.04rem;font-size:.16rem;line-height:.24rem}
.cp-banner-content .description{margin-top:.2rem;font-size:.12rem;color:#fff;opacity:.6;line-height:.2rem}
.cp-banner-content .actions{margin-top:.2rem}
.cp-banner-content .actions a{display:inline-block;text-decoration:none;transition:all .3s}
.cp-banner-content .actions a:hover{opacity:.9}
.cp-banner-content .btn-tile{margin-right:.2rem;padding:.12rem .24rem .16rem;font-size:.12rem;font-family:'OPPOSans-Bold';color:#000;line-height:.2rem;background-color:#fff}
.cp-banner-content .btn-text{font-size:.12rem;font-family:'OPPOSans-Medium';color:#fff;line-height:.2rem;border-bottom:.01rem solid}
.cp-banner-content .btn-play{position:relative;padding-left:.44rem}
.cp-banner-content .btn-play:before{content:'';display:block;position:absolute;width:0;height:0;left:.24rem;top:0;bottom:0;margin:auto;border-left:.14rem solid #000;border-top:.09rem solid transparent;border-right:.14rem solid transparent;border-bottom:.09rem solid transparent}
.cp-banner-content{margin-left:calc(50% - 13.2rem/ 2)}
.slide.content-x-right .cp-banner-content{margin-right:calc(50% - 13.2rem/ 2);margin-left:0}
.slide.content-x-center .cp-banner-content{margin-left:0;margin-right:0}
.slide.content-y-top .cp-banner-content{margin-top:1.23rem;text-align:center}
@media(min-width:1920px){.slide.content-y-top .cp-banner-content{margin-top:1.73rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-banner-content{margin-left:calc(50% - 9.23rem/ 2)}
.slide.content-x-right .cp-banner-content{margin-right:calc(50% - 9.23rem/ 2)}
.slide.content-y-top .cp-banner-content{margin-top:.84rem}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-banner-content{margin-left:calc(50% - 6.88rem/ 2)}
.slide.content-x-right .cp-banner-content{margin-right:calc(50% - 6.88rem/ 2)}
.slide.content-y-top .cp-banner-content{margin-top:.82rem}
}
@media(max-width:767.98px){.cp-banner-content{margin-top:.8rem;margin-left:calc(50% - 3.3rem/ 2)}
.slide.content-x-right .cp-banner-content{margin-left:calc(50% - 3.3rem/ 2);margin-right:0}
.slide.content-y-top .cp-banner-content{margin-top:.8rem}
}
@media(min-width:768px) and (max-width:1439.98px){.cp-banner-content .btn-tile{padding:.08rem .16rem .12rem;font-size:.1rem;line-height:.16rem}
.cp-banner-content .btn-text{font-size:.1rem;line-height:.16rem}
.cp-banner-content .btn-play{padding-left:.35rem}
.cp-banner-content .btn-play::before{left:.16rem;border-left-width:.11rem;border-top-width:.07rem;border-right-width:.11rem;border-bottom-width:.07rem}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-banner-content .title{font-size:.28rem;line-height:.36rem}
.cp-banner-content .subtitle{font-size:.14rem;line-height:.24rem}
.cp-banner-content .description{font-size:.12rem;line-height:.2rem}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-banner-content{margin-top:.52rem}
.cp-banner-content .title{font-size:.2rem;line-height:.28rem}
.cp-banner-content .subtitle{margin-top:.08rem;font-size:.1rem;line-height:.16rem}
.cp-banner-content .description{font-size:.08rem;line-height:.12rem}
.cp-banner-content .actions{margin-top:.16rem}
}
@media(max-width:767.98px){.cp-banner-content .title{font-size:.28rem;line-height:.36rem}
.cp-banner-content .subtitle{font-size:.14rem;line-height:.24rem}
.cp-banner-content .description{font-size:.12rem;line-height:.2rem}
.cp-banner-content .btn-tile{padding:.08rem .16rem .12rem;font-size:.1rem;line-height:.16rem}
.cp-banner-content .btn-text{font-size:.1rem;line-height:.16rem}
.cp-banner-content .btn-play{padding-left:.35rem}
.cp-banner-content .btn-play::before{left:.16rem;border-left-width:.11rem;border-top-width:.07rem;border-right-width:.11rem;border-bottom-width:.07rem}
}
.cp-banner-content.dark{color:#000}
.cp-banner-content.dark .title a{color:#000}
.cp-banner-content.dark .description{color:#000}
.cp-banner-content.dark .btn-title{background-color:#000;color:#fff;background-color:#000}
.cp-banner-content.dark .btn-text{color:#000}
.cp-banner-content.dark .btn-play:before{border-left-color:#fff}