.index__product-render-1{height:810px;background-repeat:no-repeat;background-image:url(../bg-pc.html);background-size:cover;background-position:center;position:relative;overflow:hidden}
@media(min-width:1440px){.index__product-render-1{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__product-render-1{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__product-render-1{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.index__product-render-1{margin-top:0;margin-bottom:40px}
}
.index__product-render-1 .content{position:absolute;bottom:231px;left:55px;z-index:2}
.index__product-render-1 .bg{width:100%}
.index__product-render-1 .cp-banner-texts-1 .desc{width:260px}
@media(max-width:767.98px){.index__product-render-1{height:588px;background-image:url(../bg-mobile.html);box-sizing:border-box}
.index__product-render-1 .content{top:80px;left:20px}
.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:768px;background-image:url(../bg-tablet-landscape.html)}
}
@media(min-width:768px) and (max-width:1023.98px){.index__product-render-1{height:669px;background-image:url(../bg-tablet-portrait.html)}
.index__product-render-1 .content{left:35px;top:170px;max-width:308px}
.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:1080px}
.index__product-render-1 .content{left:73px;bottom:307px}
}
.cp-banner-texts-1 .title{font-size:64px;line-height:77px;color:#000}
.cp-banner-texts-1 .subtitle{margin-top:10px;font-size:20px;line-height:30px;color:#000}
.cp-banner-texts-1 .desc{font-size:16px;line-height:24px;margin-top:40px;color:rgba(0,0,0,0.7)}
.cp-banner-texts-1 .actions{margin-top:30px}
.cp-banner-texts-1 .learn-more{display:inline-block;width:132px;height:48px;line-height:48px;color:#fff;background-color:#000;text-align:center;font-size:13px;transition:all .3s;font-family:'OPPOSans-Ver2-Medium'}
.cp-banner-texts-1 .learn-more:hover{opacity:.85}
.cp-banner-texts-1 .learn-more:active{opacity:1}
.cp-banner-texts-1 .buy{width:60px;margin-left:20px;padding-bottom:4px;border-bottom:1px solid;font-size:13px;transition:all .3s;font-family:'OPPOSans-Ver2-Medium'}
.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:46px;line-height:55px}
.cp-banner-texts-1 .subtitle{margin-top:5px}
.cp-banner-texts-1 .desc{font-size:13px;line-height:20px;margin-top:30px}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-banner-texts-1 .title{font-size:60px;line-height:72px}
}
.index__product-render-2{height:810px;background-repeat:no-repeat;background-image:url(../bg-pc-2.html);background-size:cover;background-position:center;position:relative;overflow:hidden}
@media(min-width:1440px){.index__product-render-2{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__product-render-2{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__product-render-2{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.index__product-render-2{margin-top:0;margin-bottom:40px}
}
.index__product-render-2 .content{position:absolute;bottom:231px;right:174px;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:260px}
@media(max-width:767.98px){.index__product-render-2{height:588px;background-image:url(../bg-mobile-2.html);box-sizing:border-box}
.index__product-render-2 .content{top:80px;left:20px;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:768px;background-image:url(../bg-tablet-landscape-2.html)}
.index__product-render-2 .content{right:30px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__product-render-2{height:669px;background-image:url(../bg-tablet-portrait-2.html)}
.index__product-render-2 .content{top:170px;right:35px;max-width:308px}
.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:1080px}
.index__product-render-2 .content{right:230px;bottom:307px}
}
.index__lifestyle-fullbleed-1{height:963px;background-repeat:no-repeat;background-image:url(../bg-pc-3.html);background-size:cover;background-position:center;position:relative;overflow:hidden}
@media(min-width:1440px){.index__lifestyle-fullbleed-1{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-fullbleed-1{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-fullbleed-1{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.index__lifestyle-fullbleed-1{margin-top:0;margin-bottom:40px}
}
.index__lifestyle-fullbleed-1 .content{position:absolute;top:280px;right:200px;z-index:2}
.index__lifestyle-fullbleed-1 .cp-banner-texts-1 .desc{max-width:260px}
@media(max-width:767.98px){.index__lifestyle-fullbleed-1{height:588px;background-image:url(../bg-mobile-3.html)}
.index__lifestyle-fullbleed-1 .content{top:80px;left:13px;right:unset}
.index__lifestyle-fullbleed-1 .desc{display:none}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-fullbleed-1{height:768px;background-image:url(../bg-tablet-landscape-3.html)}
.index__lifestyle-fullbleed-1 .content{top:242px;right:47px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-fullbleed-1{height:669px;background-image:url(../bg-tablet-portrait-3.html)}
.index__lifestyle-fullbleed-1 .content{max-width:308px;width:auto;top:170px;left:38px}
.index__lifestyle-fullbleed-1 .content .cp-banner-texts-1 .title{font-size:60px}
}
@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:1080px}
.index__lifestyle-fullbleed-1 .content{top:373px;right:267px}
}
.index__lifestyle-fullbleed-2{height:963px;background-repeat:no-repeat;background-image:url(../bg-pc-4.html);background-size:cover;background-position:center;position:relative;overflow:hidden}
@media(min-width:1440px){.index__lifestyle-fullbleed-2{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-fullbleed-2{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-fullbleed-2{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.index__lifestyle-fullbleed-2{margin-top:0;margin-bottom:40px}
}
.index__lifestyle-fullbleed-2 .content{position:absolute;top:280px;left:80px;z-index:2}
.index__lifestyle-fullbleed-2 .cp-banner-texts-1 .title{margin-top:10px}
.index__lifestyle-fullbleed-2 .cp-banner-texts-1 .desc{width:260px}
@media(max-width:767.98px){.index__lifestyle-fullbleed-2{height:588px;background-image:url(../bg-mobile-4.html)}
.index__lifestyle-fullbleed-2 .content{top:80px;left:13px}
.index__lifestyle-fullbleed-2 .desc{display:none}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-fullbleed-2{height:768px;background-image:url(../bg-tablet-landscape-4.html)}
.index__lifestyle-fullbleed-2 .content{width:auto;top:242px;left:50px}
.index__lifestyle-fullbleed-2 .content .cp-banner-texts-1 .desc{max-width:260px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-fullbleed-2{height:669px;background-image:url(../bg-tablet-portrait-4.html)}
.index__lifestyle-fullbleed-2 .content{top:170px;left:35px}
.index__lifestyle-fullbleed-2 .content .cp-banner-texts-1 .title{font-size:60px}
}
@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:1080px}
.index__lifestyle-fullbleed-2 .content{top:373px;left:107px}
}
.index__lifestyle-fullbleed-3{position:relative;overflow:hidden;height:962.5px;background-size:cover;background-position:center}
@media(min-width:1440px){.index__lifestyle-fullbleed-3{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-fullbleed-3{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-fullbleed-3{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.index__lifestyle-fullbleed-3{margin-top:0;margin-bottom:40px}
}
.index__lifestyle-fullbleed-3 .video-box{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content: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:435px;left:80px;z-index:2}
.index__lifestyle-fullbleed-3 .title{font-size:64px;line-height:77px;color:#fff;margin-top:10px}
.index__lifestyle-fullbleed-3 .subtitle{font-size:20px;line-height:30px;margin-top:10px;color:#fff;padding:0 4px}
.index__lifestyle-fullbleed-3 .play-btn{display:block;margin:43px 0 17px 0;width:200px;height:48px;background-color:#fff;padding:10px 20px 0;color:#000}
.index__lifestyle-fullbleed-3 .play-btn:active{opacity:.6}
.index__lifestyle-fullbleed-3 .play-btn i{color:#000;font-size:20px;margin:0 8px 0 0;position:relative;top:10px}
.index__lifestyle-fullbleed-3 .play-btn span{position:relative;top:7px}
.index__lifestyle-fullbleed-3 .actions{margin-top:30px;padding-left:4px}
.index__lifestyle-fullbleed-3 .learn-more,.index__lifestyle-fullbleed-3 .buy{margin-right:20px;color:#fff;padding-bottom:4px;border-bottom:1px solid}
@media(min-width:768px){.index__lifestyle-fullbleed-3{display:flex;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:588px}
.index__lifestyle-fullbleed-3 .video-box .video{display:none}
.index__lifestyle-fullbleed-3 .video-box img{display:block;width:100%;height:100%;align-self:flex-end}
.index__lifestyle-fullbleed-3 .content{top:80px;left:13px}
.index__lifestyle-fullbleed-3 .title{font-size:46px;line-height:55px}
.index__lifestyle-fullbleed-3 .subtitle{margin-top:5px}
.index__lifestyle-fullbleed-3 .play-btn{display:none}
.index__lifestyle-fullbleed-3 .learn-more{display:inline-block;background-color:#fff;width:132px;height:48px;line-height:48px;color:#000;border-bottom:0;padding-bottom:0;text-align:center;font-family:'OPPOSans-Ver2-Medium'}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-fullbleed-3{height:768px}
.index__lifestyle-fullbleed-3 .content{width:auto;top:242px;left:45px}
.index__lifestyle-fullbleed-3 .content .cp-banner-texts-1 .desc{max-width:260px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-fullbleed-3{height:669px}
.index__lifestyle-fullbleed-3 .content{top:170px;left:35px}
.index__lifestyle-fullbleed-3 .title{font-size:60px;line-height:72px}
}
@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:1080px}
.index__lifestyle-fullbleed-3 .content{top:373px;left:107px}
}
.index__lifestyle-centered-1{padding:153px 0 120px;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-1{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-1{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-1{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.index__lifestyle-centered-1{margin-top:0;margin-bottom:40px}
}
.index__lifestyle-centered-1 .img-box{width:630px;margin:40px 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:60px 0 90px}
.clean-theme .index__lifestyle-centered-1{padding-top:108px}
.index__lifestyle-centered-1 .img-box{width:58.46vw;margin-top:48px}
.index__lifestyle-centered-1 .desc{margin-top:48px}
.index__lifestyle-centered-1 .actions{margin-top:20px}
}
@media(max-width:767.98px){.index__lifestyle-centered-1{padding:10px 0 60px}
.clean-theme .index__lifestyle-centered-1{padding-top:58px}
.index__lifestyle-centered-1 .img-box{width:78.06vw;margin-top:20px}
}
.index__lifestyle-centered-1 .title{font-size:165px;line-height:192px;letter-spacing:3px}
.index__lifestyle-centered-1 .desc{margin:60px auto 0;font-size:28px;line-height:42px}
.index__lifestyle-centered-1 .actions{margin-top:30px}
.index__lifestyle-centered-1 .learn-more{display:inline-block;width:132px;height:48px;line-height:48px;color:#fff;background-color:#000;font-size:13px;font-weight:bold;font-family:'OPPOSans-Ver2-Medium'}
.index__lifestyle-centered-1 .buy-now{width:60px;margin-left:20px;padding-bottom:2px;border-bottom:1px solid;line-height:24px;font-size:13px;font-weight:500;font-family:'OPPOSans-Ver2-Medium'}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-1 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-1 .desc{height:60px;font-size:20px;line-height:30px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-1 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-1 .desc{font-size:20px;line-height:30px}
}
@media(max-width:767.98px){.index__lifestyle-centered-1 .title{font-size:48px;line-height:66px;letter-spacing:1px}
.index__lifestyle-centered-1 .desc{margin-top:40px;font-size:18px;line-height:30px}
}
@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:153px 0 120px;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-2{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-2{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-2{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.index__lifestyle-centered-2{margin-top:0;margin-bottom:40px}
}
.index__lifestyle-centered-2 .img-box{width:980px;margin:40px 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:60px 0 90px}
.clean-theme .index__lifestyle-centered-2{padding-top:108px}
.index__lifestyle-centered-2 .img-box{width:58.46vw;margin-top:48px}
.index__lifestyle-centered-2 .desc{margin-top:48px}
.index__lifestyle-centered-2 .actions{margin-top:20px}
}
@media(max-width:767.98px){.index__lifestyle-centered-2{padding:10px 0 60px}
.clean-theme .index__lifestyle-centered-2{padding-top:58px}
.index__lifestyle-centered-2 .img-box{width:78.06vw;margin-top:20px}
}
.index__lifestyle-centered-2 .title{font-size:165px;line-height:192px;letter-spacing:3px}
.index__lifestyle-centered-2 .desc{margin:60px auto 0;font-size:28px;line-height:42px}
.index__lifestyle-centered-2 .actions{margin-top:30px}
.index__lifestyle-centered-2 .learn-more{display:inline-block;width:132px;height:48px;line-height:48px;color:#fff;background-color:#000;font-size:13px;font-weight:bold;font-family:'OPPOSans-Ver2-Medium'}
.index__lifestyle-centered-2 .buy-now{width:60px;margin-left:20px;padding-bottom:2px;border-bottom:1px solid;line-height:24px;font-size:13px;font-weight:500;font-family:'OPPOSans-Ver2-Medium'}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-2 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-2 .desc{height:60px;font-size:20px;line-height:30px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-2 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-2 .desc{font-size:20px;line-height:30px}
}
@media(max-width:767.98px){.index__lifestyle-centered-2 .title{font-size:48px;line-height:66px;letter-spacing:1px}
.index__lifestyle-centered-2 .desc{margin-top:40px;font-size:18px;line-height:30px}
}
@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:40px}
.index__lifestyle-centered-3{padding:153px 0 120px;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-3{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-3{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-3{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.index__lifestyle-centered-3{margin-top:0;margin-bottom:40px}
}
.index__lifestyle-centered-3 .img-box{width:630px;margin:40px 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:60px 0 90px}
.clean-theme .index__lifestyle-centered-3{padding-top:108px}
.index__lifestyle-centered-3 .img-box{width:58.46vw;margin-top:48px}
.index__lifestyle-centered-3 .desc{margin-top:48px}
.index__lifestyle-centered-3 .actions{margin-top:20px}
}
@media(max-width:767.98px){.index__lifestyle-centered-3{padding:10px 0 60px}
.clean-theme .index__lifestyle-centered-3{padding-top:58px}
.index__lifestyle-centered-3 .img-box{width:78.06vw;margin-top:20px}
}
.index__lifestyle-centered-3 .title{font-size:165px;line-height:192px;letter-spacing:3px}
.index__lifestyle-centered-3 .desc{margin:60px auto 0;font-size:28px;line-height:42px}
.index__lifestyle-centered-3 .actions{margin-top:30px}
.index__lifestyle-centered-3 .learn-more{display:inline-block;width:132px;height:48px;line-height:48px;color:#fff;background-color:#000;font-size:13px;font-weight:bold;font-family:'OPPOSans-Ver2-Medium'}
.index__lifestyle-centered-3 .buy-now{width:60px;margin-left:20px;padding-bottom:2px;border-bottom:1px solid;line-height:24px;font-size:13px;font-weight:500;font-family:'OPPOSans-Ver2-Medium'}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-3 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-3 .desc{height:60px;font-size:20px;line-height:30px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-3 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-3 .desc{font-size:20px;line-height:30px}
}
@media(max-width:767.98px){.index__lifestyle-centered-3 .title{font-size:48px;line-height:66px;letter-spacing:1px}
.index__lifestyle-centered-3 .desc{margin-top:40px;font-size:18px;line-height:30px}
}
@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:40px}
.index__lifestyle-centered-4{padding:153px 0 120px;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-4{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-4{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-4{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.index__lifestyle-centered-4{margin-top:0;margin-bottom:40px}
}
.index__lifestyle-centered-4 .img-box{width:630px;margin:0 auto 60px;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:60px 0 90px}
.clean-theme .index__lifestyle-centered-4{padding-top:108px}
.index__lifestyle-centered-4 .img-box{width:58.46vw;margin-top:48px}
.index__lifestyle-centered-4 .desc{margin-top:48px}
.index__lifestyle-centered-4 .actions{margin-top:20px}
}
@media(max-width:767.98px){.index__lifestyle-centered-4{padding:10px 0 60px}
.clean-theme .index__lifestyle-centered-4{padding-top:58px}
.index__lifestyle-centered-4 .img-box{width:78.06vw;margin-top:20px}
}
.index__lifestyle-centered-4 .title{font-size:165px;line-height:192px;letter-spacing:3px}
.index__lifestyle-centered-4 .desc{margin:60px auto 0;font-size:28px;line-height:42px}
.index__lifestyle-centered-4 .actions{margin-top:30px}
.index__lifestyle-centered-4 .learn-more{display:inline-block;width:132px;height:48px;line-height:48px;color:#fff;background-color:#000;font-size:13px;font-weight:bold;font-family:'OPPOSans-Ver2-Medium'}
.index__lifestyle-centered-4 .buy-now{width:60px;margin-left:20px;padding-bottom:2px;border-bottom:1px solid;line-height:24px;font-size:13px;font-weight:500;font-family:'OPPOSans-Ver2-Medium'}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-4 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-4 .desc{height:60px;font-size:20px;line-height:30px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-4 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-4 .desc{font-size:20px;line-height:30px}
}
@media(max-width:767.98px){.index__lifestyle-centered-4 .title{font-size:48px;line-height:66px;letter-spacing:1px}
.index__lifestyle-centered-4 .desc{margin-top:40px;font-size:18px;line-height:30px}
}
@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:30px auto 0}
.index__lifestyle-centered-4 .actions{margin-top:40px}
.index__lifestyle-centered-5{padding:153px 0 120px;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-5{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-5{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-5{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.index__lifestyle-centered-5{margin-top:0;margin-bottom:40px}
}
.index__lifestyle-centered-5 .img-box{width:980px;margin:0 auto 60px;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:60px 0 90px}
.clean-theme .index__lifestyle-centered-5{padding-top:108px}
.index__lifestyle-centered-5 .img-box{width:58.46vw;margin-top:48px}
.index__lifestyle-centered-5 .desc{margin-top:48px}
.index__lifestyle-centered-5 .actions{margin-top:20px}
}
@media(max-width:767.98px){.index__lifestyle-centered-5{padding:10px 0 60px}
.clean-theme .index__lifestyle-centered-5{padding-top:58px}
.index__lifestyle-centered-5 .img-box{width:78.06vw;margin-top:20px}
}
.index__lifestyle-centered-5 .title{font-size:165px;line-height:192px;letter-spacing:3px}
.index__lifestyle-centered-5 .desc{margin:60px auto 0;font-size:28px;line-height:42px}
.index__lifestyle-centered-5 .actions{margin-top:30px}
.index__lifestyle-centered-5 .learn-more{display:inline-block;width:132px;height:48px;line-height:48px;color:#fff;background-color:#000;font-size:13px;font-weight:bold;font-family:'OPPOSans-Ver2-Medium'}
.index__lifestyle-centered-5 .buy-now{width:60px;margin-left:20px;padding-bottom:2px;border-bottom:1px solid;line-height:24px;font-size:13px;font-weight:500;font-family:'OPPOSans-Ver2-Medium'}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-5 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-5 .desc{height:60px;font-size:20px;line-height:30px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-5 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-5 .desc{font-size:20px;line-height:30px}
}
@media(max-width:767.98px){.index__lifestyle-centered-5 .title{font-size:48px;line-height:66px;letter-spacing:1px}
.index__lifestyle-centered-5 .desc{margin-top:40px;font-size:18px;line-height:30px}
}
@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:30px auto 0}
.index__lifestyle-centered-5 .actions{margin-top:40px}
.index__lifestyle-centered-6{padding:153px 0 120px;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-6{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-6{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-6{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.index__lifestyle-centered-6{margin-top:0;margin-bottom:40px}
}
.index__lifestyle-centered-6 .img-box{width:630px;margin:0 auto 60px;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:60px 0 90px}
.clean-theme .index__lifestyle-centered-6{padding-top:108px}
.index__lifestyle-centered-6 .img-box{width:58.46vw;margin-top:48px}
.index__lifestyle-centered-6 .desc{margin-top:48px}
.index__lifestyle-centered-6 .actions{margin-top:20px}
}
@media(max-width:767.98px){.index__lifestyle-centered-6{padding:10px 0 60px}
.clean-theme .index__lifestyle-centered-6{padding-top:58px}
.index__lifestyle-centered-6 .img-box{width:78.06vw;margin-top:20px}
}
.index__lifestyle-centered-6 .title{font-size:165px;line-height:192px;letter-spacing:3px}
.index__lifestyle-centered-6 .desc{margin:60px auto 0;font-size:28px;line-height:42px}
.index__lifestyle-centered-6 .actions{margin-top:30px}
.index__lifestyle-centered-6 .learn-more{display:inline-block;width:132px;height:48px;line-height:48px;color:#fff;background-color:#000;font-size:13px;font-weight:bold;font-family:'OPPOSans-Ver2-Medium'}
.index__lifestyle-centered-6 .buy-now{width:60px;margin-left:20px;padding-bottom:2px;border-bottom:1px solid;line-height:24px;font-size:13px;font-weight:500;font-family:'OPPOSans-Ver2-Medium'}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-6 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-6 .desc{height:60px;font-size:20px;line-height:30px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-6 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-6 .desc{font-size:20px;line-height:30px}
}
@media(max-width:767.98px){.index__lifestyle-centered-6 .title{font-size:48px;line-height:66px;letter-spacing:1px}
.index__lifestyle-centered-6 .desc{margin-top:40px;font-size:18px;line-height:30px}
}
@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:30px auto 0}
.index__lifestyle-centered-6 .actions{margin-top:40px}
.index__lifestyle-centered-7{padding:153px 0 120px;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-7{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-7{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-7{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.index__lifestyle-centered-7{margin-top:0;margin-bottom:40px}
}
.index__lifestyle-centered-7 .img-box{width:630px;margin:90px 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:60px 0 90px}
.clean-theme .index__lifestyle-centered-7{padding-top:108px}
.index__lifestyle-centered-7 .img-box{width:58.46vw;margin-top:48px}
.index__lifestyle-centered-7 .desc{margin-top:48px}
.index__lifestyle-centered-7 .actions{margin-top:20px}
}
@media(max-width:767.98px){.index__lifestyle-centered-7{padding:10px 0 60px}
.clean-theme .index__lifestyle-centered-7{padding-top:58px}
.index__lifestyle-centered-7 .img-box{width:78.06vw;margin-top:20px}
}
.index__lifestyle-centered-7 .title{font-size:165px;line-height:192px;letter-spacing:3px}
.index__lifestyle-centered-7 .desc{margin:60px auto 0;font-size:28px;line-height:42px}
.index__lifestyle-centered-7 .actions{margin-top:30px}
.index__lifestyle-centered-7 .learn-more{display:inline-block;width:132px;height:48px;line-height:48px;color:#fff;background-color:#000;font-size:13px;font-weight:bold;font-family:'OPPOSans-Ver2-Medium'}
.index__lifestyle-centered-7 .buy-now{width:60px;margin-left:20px;padding-bottom:2px;border-bottom:1px solid;line-height:24px;font-size:13px;font-weight:500;font-family:'OPPOSans-Ver2-Medium'}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-7 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-7 .desc{height:60px;font-size:20px;line-height:30px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-7 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-7 .desc{font-size:20px;line-height:30px}
}
@media(max-width:767.98px){.index__lifestyle-centered-7 .title{font-size:48px;line-height:66px;letter-spacing:1px}
.index__lifestyle-centered-7 .desc{margin-top:40px;font-size:18px;line-height:30px}
}
@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:30px auto 0}
.index__lifestyle-centered-7 .actions{margin-top:40px}
.index__lifestyle-centered-8{padding:153px 0 120px;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-8{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-8{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-8{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.index__lifestyle-centered-8{margin-top:0;margin-bottom:40px}
}
.index__lifestyle-centered-8 .img-box{width:980px;margin:90px 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:60px 0 90px}
.clean-theme .index__lifestyle-centered-8{padding-top:108px}
.index__lifestyle-centered-8 .img-box{width:58.46vw;margin-top:48px}
.index__lifestyle-centered-8 .desc{margin-top:48px}
.index__lifestyle-centered-8 .actions{margin-top:20px}
}
@media(max-width:767.98px){.index__lifestyle-centered-8{padding:10px 0 60px}
.clean-theme .index__lifestyle-centered-8{padding-top:58px}
.index__lifestyle-centered-8 .img-box{width:78.06vw;margin-top:20px}
}
.index__lifestyle-centered-8 .title{font-size:165px;line-height:192px;letter-spacing:3px}
.index__lifestyle-centered-8 .desc{margin:60px auto 0;font-size:28px;line-height:42px}
.index__lifestyle-centered-8 .actions{margin-top:30px}
.index__lifestyle-centered-8 .learn-more{display:inline-block;width:132px;height:48px;line-height:48px;color:#fff;background-color:#000;font-size:13px;font-weight:bold;font-family:'OPPOSans-Ver2-Medium'}
.index__lifestyle-centered-8 .buy-now{width:60px;margin-left:20px;padding-bottom:2px;border-bottom:1px solid;line-height:24px;font-size:13px;font-weight:500;font-family:'OPPOSans-Ver2-Medium'}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-8 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-8 .desc{height:60px;font-size:20px;line-height:30px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-8 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-8 .desc{font-size:20px;line-height:30px}
}
@media(max-width:767.98px){.index__lifestyle-centered-8 .title{font-size:48px;line-height:66px;letter-spacing:1px}
.index__lifestyle-centered-8 .desc{margin-top:40px;font-size:18px;line-height:30px}
}
@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:30px auto 0}
.index__lifestyle-centered-8 .actions{margin-top:40px}
.index__lifestyle-centered-9{padding:153px 0 120px;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-9{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-9{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-9{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.index__lifestyle-centered-9{margin-top:0;margin-bottom:40px}
}
.index__lifestyle-centered-9 .img-box{width:630px;margin:90px 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:60px 0 90px}
.clean-theme .index__lifestyle-centered-9{padding-top:108px}
.index__lifestyle-centered-9 .img-box{width:58.46vw;margin-top:48px}
.index__lifestyle-centered-9 .desc{margin-top:48px}
.index__lifestyle-centered-9 .actions{margin-top:20px}
}
@media(max-width:767.98px){.index__lifestyle-centered-9{padding:10px 0 60px}
.clean-theme .index__lifestyle-centered-9{padding-top:58px}
.index__lifestyle-centered-9 .img-box{width:78.06vw;margin-top:20px}
}
.index__lifestyle-centered-9 .title{font-size:165px;line-height:192px;letter-spacing:3px}
.index__lifestyle-centered-9 .desc{margin:60px auto 0;font-size:28px;line-height:42px}
.index__lifestyle-centered-9 .actions{margin-top:30px}
.index__lifestyle-centered-9 .learn-more{display:inline-block;width:132px;height:48px;line-height:48px;color:#fff;background-color:#000;font-size:13px;font-weight:bold;font-family:'OPPOSans-Ver2-Medium'}
.index__lifestyle-centered-9 .buy-now{width:60px;margin-left:20px;padding-bottom:2px;border-bottom:1px solid;line-height:24px;font-size:13px;font-weight:500;font-family:'OPPOSans-Ver2-Medium'}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-9 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-9 .desc{height:60px;font-size:20px;line-height:30px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-9 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-9 .desc{font-size:20px;line-height:30px}
}
@media(max-width:767.98px){.index__lifestyle-centered-9 .title{font-size:48px;line-height:66px;letter-spacing:1px}
.index__lifestyle-centered-9 .desc{margin-top:40px;font-size:18px;line-height:30px}
}
@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:30px auto 0}
.index__lifestyle-centered-9 .actions{margin-top:40px}
.index__lifestyle-centered-10{padding:96px 0 120px;background-color:#9b958c;text-align:center;color:#000}
@media(min-width:1440px){.index__lifestyle-centered-10{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-10{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-10{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.index__lifestyle-centered-10{margin-top:0;margin-bottom:40px}
}
.clean-theme .index__lifestyle-centered-10{padding-top:146px}
.index__lifestyle-centered-10 .img-box{width:630px;margin:60px 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:60px 0 90px}
.clean-theme .index__lifestyle-centered-10{padding-top:108px}
.index__lifestyle-centered-10 .img-box{width:58.46vw;margin-top:48px}
.index__lifestyle-centered-10 .desc{margin-top:48px}
.index__lifestyle-centered-10 .actions{margin-top:20px}
}
@media(max-width:767.98px){.index__lifestyle-centered-10{padding:10px 0 60px}
.clean-theme .index__lifestyle-centered-10{padding-top:58px}
.index__lifestyle-centered-10 .img-box{width:78.06vw;margin-top:20px}
}
.index__lifestyle-centered-10 .title{font-size:165px;line-height:192px;letter-spacing:3px}
.index__lifestyle-centered-10 .desc{margin:60px auto 0;font-size:28px;line-height:42px}
.index__lifestyle-centered-10 .actions{margin-top:30px}
.index__lifestyle-centered-10 .learn-more{display:inline-block;width:132px;height:48px;line-height:48px;color:#fff;background-color:#000;font-size:13px;font-weight:bold;font-family:'OPPOSans-Ver2-Medium'}
.index__lifestyle-centered-10 .buy-now{width:60px;margin-left:20px;padding-bottom:2px;border-bottom:1px solid;line-height:24px;font-size:13px;font-weight:500;font-family:'OPPOSans-Ver2-Medium'}
@media(min-width:1024px) and (max-width:1439.98px){.index__lifestyle-centered-10 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-10 .desc{height:60px;font-size:20px;line-height:30px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__lifestyle-centered-10 .title{font-size:92px;line-height:110px}
.index__lifestyle-centered-10 .desc{font-size:20px;line-height:30px}
}
@media(max-width:767.98px){.index__lifestyle-centered-10 .title{font-size:48px;line-height:66px;letter-spacing:1px}
.index__lifestyle-centered-10 .desc{margin-top:40px;font-size:18px;line-height:30px}
}
@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}
}
.index__homepage-menu{padding-left:0;padding-right:0;background:#fafafa}
.index__homepage-menu .homepage-menu-list .homepage-menu-list-item{color:rgba(0,0,0,0.95);border-bottom:1px solid #f0f0f0}
.index__homepage-menu .homepage-menu-list .homepage-menu-list-item a{display:flex;justify-content:space-between;align-items:center}
.index__homepage-menu .homepage-menu-list .homepage-menu-list-item a .text{max-width:90%}
.index__homepage-menu .homepage-menu-list .homepage-menu-list-item a .icon{width:24px;height:24px}
@media(max-width:767.98px){.index__homepage-menu .homepage-menu-list{margin-top:16px}
.index__homepage-menu .homepage-menu-list .homepage-menu-list-item{padding:16px 0}
}
@media(min-width:768px) and (max-width:1023.98px){.index__homepage-menu .homepage-menu-list{margin-top:16px}
.index__homepage-menu .homepage-menu-list .homepage-menu-list-item{padding:16px 0}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__homepage-menu .homepage-menu-container{display:flex;justify-content:space-between}
.index__homepage-menu .homepage-menu-heading{max-width:30%}
.index__homepage-menu .homepage-menu-list{width:60vw}
.index__homepage-menu .homepage-menu-list .homepage-menu-list-item{padding:16px 16px 16px 0}
}
@media(min-width:1440px){.index__homepage-menu{padding-left:0;padding-right:0;background:#fafafa}
.index__homepage-menu .homepage-menu-container{display:flex;justify-content:space-between}
.index__homepage-menu .homepage-menu-heading{max-width:30%}
.index__homepage-menu .homepage-menu-list{width:762px}
.index__homepage-menu .homepage-menu-list .homepage-menu-list-item a{padding:24px 30px 24px 0}
.index__homepage-menu .homepage-menu-list .homepage-menu-list-item a .text{position:relative}
.index__homepage-menu .homepage-menu-list .homepage-menu-list-item a .text::after{content:"";border-top:1px solid rgba(0,0,0,0.95);width:0;position:absolute;bottom:0;left:0;transition:width .2s cubic-bezier(0.48,0.04,0.52,0.96)}
.index__homepage-menu .homepage-menu-list .homepage-menu-list-item a .icon{transition:transform .2s cubic-bezier(0.48,0.04,0.52,0.96)}
.index__homepage-menu .homepage-menu-list .homepage-menu-list-item a:hover .text::after{width:100%;transition:width .23s cubic-bezier(0.48,0.04,0.52,0.96)}
.index__homepage-menu .homepage-menu-list .homepage-menu-list-item a:hover .icon{transform:translateX(8px);transition:transform .3s cubic-bezier(0.48,0.04,0.52,0.96)}
}
.index__homepage-featured-product{overflow:hidden}
.index__homepage-featured-product *{box-sizing:border-box}
.index__homepage-featured-product .homepage-featured-product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
.index__homepage-featured-product .homepage-featured-product-header .header-text{color:rgba(0,0,0,0.95)}
.index__homepage-featured-product .homepage-featured-product-header .header-link{transition:opacity .2s cubic-bezier(0.48,0.04,0.52,0.96);opacity:.55;color:#000;display:flex}
.index__homepage-featured-product .homepage-featured-product-header .header-link-icon{width:24px;height:24px}
.index__homepage-featured-product .wrap{width:100%;height:460px;margin-bottom:4px}
.index__homepage-featured-product .responsive__layout:last-child .wrap{margin-bottom:0}
.index__homepage-featured-product .col-2{display:flex;justify-content:space-between}
.index__homepage-featured-product .col-2 .homepage-featured-product-container{width:calc(50% - 2px);background-color:#f6f6f6;padding:24px;display:flex}
.index__homepage-featured-product .col-2 .homepage-featured-product-container .homepage-featured-product-img img{max-width:320px}
.index__homepage-featured-product .col-2 .homepage-featured-product-container .homepage-featured-product-container-left{flex:2;max-width:44%}
.index__homepage-featured-product .col-2 .homepage-featured-product-container .homepage-featured-product-container-left .homepage-featured-product-img{display:none;position:relative}
.index__homepage-featured-product .col-2 .homepage-featured-product-container .homepage-featured-product-container-left .homepage-featured-product-bottom.box{background-color:#efede9}
.index__homepage-featured-product .col-2 .homepage-featured-product-container .homepage-featured-product-container-right{flex:2.6;display:flex;align-items:center}
.index__homepage-featured-product .col-2 .homepage-featured-product-container .homepage-featured-product-container-right img{max-width:320px;transition:all 320ms cubic-bezier(0.48,0.04,0.52,0.96)}
.index__homepage-featured-product .col-2 .homepage-featured-product-container .homepage-featured-product-container-right img:hover{transform:scale(1.1)}
.index__homepage-featured-product .homepage-featured-product-container{position:relative;background-color:#e7e7ea;padding:24px;height:100%}
.index__homepage-featured-product .homepage-featured-product-heading{z-index:1;position:relative;white-space:nowrap;color:rgba(0,0,0,0.95)}
.index__homepage-featured-product .homepage-featured-product-heading .tag{color:#26c05d;transform:translate(8px,-10px);display:inline-block}
.index__homepage-featured-product .homepage-featured-product-subheading{z-index:1;position:relative;color:rgba(0,0,0,0.95)}
.index__homepage-featured-product .ai-mark-phone{width:auto;display:inline-block;height:auto}
.index__homepage-featured-product .ai-mark-phone.ai-mark-position{position:relative;z-index:1}
.index__homepage-featured-product .ai-mark-phone.extra-large{height:52px}
@media screen and (max-width:1024px){.index__homepage-featured-product .ai-mark-phone.extra-large{height:36px}
}
.index__homepage-featured-product .ai-mark-phone.large{height:42px}
@media screen and (max-width:1024px){.index__homepage-featured-product .ai-mark-phone.large{height:28px}
}
.index__homepage-featured-product .ai-mark-phone.middle{height:36px}
@media screen and (max-width:1024px){.index__homepage-featured-product .ai-mark-phone.middle{height:24px}
}
.index__homepage-featured-product .ai-mark-phone.small{height:28px}
@media screen and (max-width:1024px){.index__homepage-featured-product .ai-mark-phone.small{height:18px}
}
.index__homepage-featured-product .ai-mark-phone.mini{height:24px}
@media screen and (max-width:1024px){.index__homepage-featured-product .ai-mark-phone.mini{height:14px}
}
.index__homepage-featured-product .ai-mark-phone.hasu{height:18px}
@media screen and (max-width:1024px){.index__homepage-featured-product .ai-mark-phone.hasu{height:10px}
}
.index__homepage-featured-product .ai-mark-phone.ai-mark{height:20px}
@media screen and (max-width:1024px){.index__homepage-featured-product .ai-mark-phone.ai-mark{height:12px}
}
.index__homepage-featured-product .homepage-featured-product-img{position:absolute;top:0;left:0;width:100%;height:100%}
.index__homepage-featured-product .homepage-featured-product-img img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;min-height:240px}
.index__homepage-featured-product .homepage-featured-product-bottom{z-index:1;position:relative;cursor:auto}
.index__homepage-featured-product .homepage-featured-product-bottom.box{border-radius:4px;width:254px;background-color:#d7ffdb;padding:20px 16px;position:absolute;left:8px;bottom:8px}
.index__homepage-featured-product .homepage-featured-product-bottom .homepage-featured-product-bottom-text{color:rgba(0,0,0,0.95)}
.index__homepage-featured-product .homepage-featured-product-bottom .mt{margin-top:8px}
.index__homepage-featured-product .homepage-featured-product-bottom .mt span{text-decoration:line-through;color:rgba(0,0,0,0.55);margin-left:4px}
.index__homepage-featured-product .homepage-featured-product-bottom .homepage-featured-product-bottom-btns{margin-top:24px;display:flex;align-items:center}
.index__homepage-featured-product .homepage-featured-product-bottom .homepage-featured-product-bottom-btns a:first-child{margin-right:16px}
.index__homepage-featured-product .homepage-featured-product-bottom.is-dark.box{background-color:#201f1c !important}
.index__homepage-featured-product .homepage-featured-product-bottom.is-dark.box .homepage-featured-product-bottom-text{color:rgba(255,255,255,0.95)}
.index__homepage-featured-product .homepage-featured-product-bottom.is-dark.box .mt{color:rgba(255,255,255,0.95)}
.index__homepage-featured-product .homepage-featured-product-bottom.is-dark.box .mt span{color:rgba(255,255,255,0.55)}
.index__homepage-featured-product .homepage-featured-product-brand{z-index:1;position:relative;margin-top:8px;height:40px}
@media screen and (max-width:650px){.index__homepage-featured-product .homepage-featured-product-header{margin-bottom:20px}
.index__homepage-featured-product .homepage-featured-product-header .header-link-text{display:none}
.index__homepage-featured-product .homepage-featured-product-header .header-link-icon{width:20px;height:20px}
.index__homepage-featured-product .wrap{height:auto;margin-bottom:8px}
.index__homepage-featured-product .col-2{display:block}
.index__homepage-featured-product .col-2 .homepage-featured-product-container{display:block;height:auto;min-height:unset;display:block;width:100%;padding:20px 20px 8px}
.index__homepage-featured-product .col-2 .homepage-featured-product-container:last-child{margin-top:8px}
.index__homepage-featured-product .col-2 .homepage-featured-product-container .homepage-featured-product-container-left{max-width:100%}
.index__homepage-featured-product .col-2 .homepage-featured-product-container .homepage-featured-product-container-left .homepage-featured-product-img{margin:12px 0;text-align:center;display:block}
.index__homepage-featured-product .col-2 .homepage-featured-product-container .homepage-featured-product-container-left .homepage-featured-product-img img{width:100%;height:auto;min-height:240px;max-width:240px}
.index__homepage-featured-product .col-2 .homepage-featured-product-container .homepage-featured-product-container-right{display:none}
.index__homepage-featured-product .homepage-featured-product-container{padding:20px 20px 8px;height:474px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-heading .tag{transform:translate(8px,-6px)}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-brand{height:30px;margin-top:4px}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-img{position:absolute;margin:0;display:block;width:100%;height:100%;object-fit:scale-down}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-bottom{position:static}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-bottom.box{width:calc(100% + 24px);margin-left:-12px;padding:12px 12px 16px}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-bottom.box .homepage-featured-product-bottom-btns{margin-top:12px}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-bottom .mt{margin-top:6px}
}
@media screen and (min-width:550px) and (max-width:650px){.index__homepage-featured-product .col-1 .homepage-featured-product-container{height:580px}
.index__homepage-featured-product .col-2 .homepage-featured-product-container .homepage-featured-product-container-left .homepage-featured-product-img img{max-width:280px}
}
@media screen and (min-width:651px) and (max-width:1024px){.index__homepage-featured-product .homepage-featured-product-header{margin-bottom:20px}
.index__homepage-featured-product .homepage-featured-product-header .header-link-text{display:none}
.index__homepage-featured-product .homepage-featured-product-header .header-link-icon{width:20px;height:20px}
.index__homepage-featured-product .homepage-featured-product-header+.homepage-featured-product-img{margin:20px 0 !important}
.index__homepage-featured-product .responsive__layout .wrap{height:324px}
.index__homepage-featured-product .responsive__layout .col-2{height:auto}
.index__homepage-featured-product .responsive__layout .col-2.suha{height:auto}
.index__homepage-featured-product .responsive__layout .col-2 .homepage-featured-product-container{padding:20px 20px 8px;height:unset}
.index__homepage-featured-product .responsive__layout .col-2 .homepage-featured-product-container .homepage-featured-product-container-left{display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:100%}
.index__homepage-featured-product .responsive__layout .col-2 .homepage-featured-product-container .homepage-featured-product-img{margin:8px 0;text-align:center;display:block;height:auto}
.index__homepage-featured-product .responsive__layout .col-2 .homepage-featured-product-container .homepage-featured-product-img img{height:240px;object-fit:scale-down}
.index__homepage-featured-product .responsive__layout .col-2 .homepage-featured-product-container .homepage-featured-product-bottom{position:unset;margin-left:-12px;width:calc(100% + 24px)}
.index__homepage-featured-product .homepage-featured-product-container{box-sizing:border-box;padding:20px}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-subheading{margin-top:4px}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-brand{height:30px;margin-top:4px}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-bottom.box{width:254px;padding:12px}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-bottom .mt{margin-top:6px}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-bottom .homepage-featured-product-bottom-btns{margin-top:12px}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-container-right{display:none !important}
}
@media screen and (min-width:1025px) and (max-width:1439px){.index__homepage-featured-product .homepage-featured-product-header{margin-bottom:20px}
.index__homepage-featured-product .homepage-featured-product-header .header-link-text{display:none}
.index__homepage-featured-product .homepage-featured-product-header .header-link-icon{width:20px;height:20px}
.index__homepage-featured-product .homepage-featured-product-header+.homepage-featured-product-img{margin:20px 0 !important}
.index__homepage-featured-product .responsive__layout .wrap{height:350px}
.index__homepage-featured-product .responsive__layout .col-2{height:auto}
.index__homepage-featured-product .responsive__layout .col-2.suha{height:auto}
.index__homepage-featured-product .responsive__layout .col-2 .homepage-featured-product-container{padding:20px 20px 8px;height:unset}
.index__homepage-featured-product .responsive__layout .col-2 .homepage-featured-product-container .homepage-featured-product-container-left{display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:100%}
.index__homepage-featured-product .responsive__layout .col-2 .homepage-featured-product-container .homepage-featured-product-img{margin:8px 0;text-align:center;display:block;height:auto}
.index__homepage-featured-product .responsive__layout .col-2 .homepage-featured-product-container .homepage-featured-product-img img{height:240px;object-fit:scale-down}
.index__homepage-featured-product .responsive__layout .col-2 .homepage-featured-product-container .homepage-featured-product-bottom{position:unset;margin-left:-12px;width:calc(100% + 24px)}
.index__homepage-featured-product .homepage-featured-product-container{box-sizing:border-box;padding:20px}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-subheading{margin-top:4px}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-brand{height:30px;margin-top:4px}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-bottom.box{width:254px;padding:12px}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-bottom .mt{margin-top:6px}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-bottom .homepage-featured-product-bottom-btns{margin-top:12px}
.index__homepage-featured-product .homepage-featured-product-container .homepage-featured-product-container-right{display:none !important}
}
@media screen and (min-width:1070px) and (max-width:1199.98px){.index__homepage-featured-product .responsive__layout .wrap.col-1{height:380px}
}
@media screen and (min-width:1440px){.index__homepage-featured-product .homepage-featured-product-header .header-link:hover{opacity:.95}
.index__homepage-featured-product .col-2{height:366px}
.index__homepage-featured-product .homepage-featured-product-subheading{margin-top:8px}
.index__homepage-featured-product .homepage-featured-product-bottom{position:absolute;bottom:72px;left:0}
}
.cmp-community_card *{box-sizing:border-box}
.cmp-community_card .mn-banxin{max-width:1440px;padding:0 64px;margin:0 auto}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-title .mn-link{display:flex;align-items:center;transition:opacity .2s cubic-bezier(0.48,0.04,0.52,0.96);opacity:.55}
@media(min-width:1024px){.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-title .mn-link:hover{opacity:1}
}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-title .mn-link svg{width:24px;height:24px;color:rgba(0,0,0,0.55);margin-left:2px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-control{margin-bottom:40px;display:flex}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-control .mn-des{flex:1 1 982px;max-width:982px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-control .mn-icon{flex:1 1 auto;display:flex;justify-content:flex-end;align-items:flex-end}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-control .mn-icon svg{width:44px;height:44px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-control .mn-icon svg.mn-play{display:none}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-control .mn-icon svg.mn-pause{display:block}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container{position:relative;display:flex}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper{height:auto;transition-timing-function:linear}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide{width:auto}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode1{flex:0 0 550px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode1 .mn-carousel_1{position:relative}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2{flex:0 0 1094px;height:100%}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2 .mn-carousel_2{display:flex;flex-wrap:wrap;height:100%}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2 .mn-carousel_2 .carousel_2-item.carousel_2-item-bili_1{flex:0 0 468px;max-width:468px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2 .mn-carousel_2 .carousel_2-item.carousel_2-item-bili_2{flex:0 0 610px;max-width:610px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2 .mn-carousel_2 .carousel_2-item:nth-child(1){margin-right:8px;margin-bottom:8px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2 .mn-carousel_2 .carousel_2-item:nth-child(2){margin-bottom:8px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2 .mn-carousel_2 .carousel_2-item:nth-child(3){margin-right:8px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch{position:relative;display:block;overflow:hidden;cursor:default}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch .mn-carousel-img{display:block;width:100%;transition:all .5s}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch .mn-carousel-image{width:100%;height:100%;object-fit:cover;object-position:center}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch.mn-carousel-image-one{width:542px;height:702px;overflow:hidden}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch.mn-carousel-image-four-one{width:468px;height:346px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch.mn-carousel-image-four-two{width:610px;height:346px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch .mn-carousel-text{position:absolute;bottom:8px;left:8px;max-width:90%;padding:12px 16px;border-radius:4px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch .mn-carousel-text .mn-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;letter-spacing:.02em;color:rgba(0,0,0,0.95);max-height:24px;transition:max-height .5s,-webkit-line-clamp .5s .5s}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch .mn-carousel-text .mn-des{letter-spacing:.02em;color:rgba(0,0,0,0.55);margin-top:2px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch.mn-carousel-link{cursor:pointer}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch.mn-carousel-link .mn-carousel-text .mn-des{text-decoration:underline;text-decoration-color:rgba(0,0,0,0.55)}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch.mn-carousel-dark .mn-carousel-text .mn-title{color:rgba(255,255,255,0.95)}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch.mn-carousel-dark .mn-carousel-text .mn-des{color:rgba(255,255,255,0.55);text-decoration-color:rgba(255,255,255,0.55)}
@media(min-width:1024.98px){.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch:hover .mn-carousel-img{transform:scale(1.1)}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch:hover .mn-carousel-text .mn-title{max-height:48px}
}
@media(min-width:650.98px){.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper:nth-child(2){position:absolute}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper:nth-child(3){position:absolute}
}
.cmp-community_card.swiper-scroll-ani .cmty_card-container .cmty_card-wrap .cmty_card-control .mn-icon svg.mn-play{display:block}
.cmp-community_card.swiper-scroll-ani .cmty_card-container .cmty_card-wrap .cmty_card-control .mn-icon svg.mn-pause{display:none}
@media screen and (max-width:1024px){.cmp-community_card .mn-banxin{padding:0 24px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-title{margin-bottom:12px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-title .mn-title{font-size:16px;line-height:24px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-title .mn-link{opacity:1}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-title .mn-link span{display:none}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-title .mn-link svg{width:20px;height:20px;margin-left:0}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-control{margin-bottom:20px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-control .mn-des{font-size:24px;line-height:32px;flex:1 1 auto;max-width:initial}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-control .mn-icon{display:none}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel{overflow:hidden}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode1{flex:0 0 36.97916vw}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2{flex:0 0 73.4375vw}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2 .mn-carousel_2 .carousel_2-item.carousel_2-item-bili_1{flex:0 0 31.51041vw;max-width:31.51041vw}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2 .mn-carousel_2 .carousel_2-item.carousel_2-item-bili_2{flex:0 0 40.88541vw;max-width:40.88541vw}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2 .mn-carousel_2 .carousel_2-item:nth-child(1){margin-right:4px;margin-bottom:4px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2 .mn-carousel_2 .carousel_2-item:nth-child(2){margin-bottom:4px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2 .mn-carousel_2 .carousel_2-item:nth-child(3){margin-right:4px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide:last-child{padding-right:0}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch.mn-carousel-image-one{width:calc(36.97916vw - 4px);height:47.26562vw}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch.mn-carousel-image-four-one{width:31.51041vw;height:23.4375vw}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch.mn-carousel-image-four-two{width:40.88541vw;height:23.4375vw}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch .mn-carousel-text{bottom:8px;left:8px;max-width:90%;padding:6px 8px;border-radius:4px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch .mn-carousel-text .mn-title{-webkit-line-clamp:1;max-height:24px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch .mn-carousel-text .mn-des{margin-top:0}
}
@media screen and (max-width:650px){.cmp-community_card .mn-banxin{padding:0 16px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode1{flex:0 0 284px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2{flex:0 0 564px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2 .mn-carousel_2 .carousel_2-item.carousel_2-item-bili_1{flex:0 0 242px;max-width:242px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2 .mn-carousel_2 .carousel_2-item.carousel_2-item-bili_2{flex:0 0 314px;max-width:314px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2 .mn-carousel_2 .carousel_2-item:nth-child(1){margin-right:4px;margin-bottom:4px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2 .mn-carousel_2 .carousel_2-item:nth-child(2){margin-bottom:4px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide.swiper-mode2 .mn-carousel_2 .carousel_2-item:nth-child(3){margin-right:4px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch.mn-carousel-image-one{width:280px;height:362px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch.mn-carousel-image-four-one{width:242px;height:179px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch.mn-carousel-image-four-two{width:314px;height:179px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch .mn-carousel-text{bottom:8px;left:8px;max-width:90%;padding:6px 8px;border-radius:4px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch .mn-carousel-text .mn-title{-webkit-line-clamp:1;max-height:24px}
.cmp-community_card .cmty_card-container .cmty_card-wrap .cmty_card-carousel .op-swiper-container .swiper-wrapper .swiper-slide .mn-carousel-touch .mn-carousel-text .mn-des{margin-top:0}
}
@font-face{.op-swiper-container{font-family:'swiper-icons';src:url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}
}
.op-swiper-container :root{--swiper-theme-color:#007aff}
.op-swiper-container .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.op-swiper-container .swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.op-swiper-container .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.op-swiper-container .swiper-container-android .swiper-slide,.op-swiper-container .swiper-wrapper{transform:translate3d(0,0,0)}
.op-swiper-container .swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.op-swiper-container .swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.op-swiper-container .swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.op-swiper-container .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.op-swiper-container .swiper-slide-invisible-blank{visibility:hidden}
.op-swiper-container .swiper-container-autoheight,.op-swiper-container .swiper-container-autoheight .swiper-slide{height:auto}
.op-swiper-container .swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.op-swiper-container .swiper-container-3d{perspective:1200px}
.op-swiper-container .swiper-container-3d .swiper-wrapper,.op-swiper-container .swiper-container-3d .swiper-slide,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-left,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-right,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-top,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-bottom,.op-swiper-container .swiper-container-3d .swiper-cube-shadow{transform-style:preserve-3d}
.op-swiper-container .swiper-container-3d .swiper-slide-shadow-left,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-right,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-top,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.op-swiper-container .swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.op-swiper-container .swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.op-swiper-container .swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.op-swiper-container .swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.op-swiper-container .swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.op-swiper-container .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.op-swiper-container .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.op-swiper-container .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.op-swiper-container .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.op-swiper-container :root{--swiper-navigation-size:44px}
.op-swiper-container .swiper-button-prev,.op-swiper-container .swiper-button-next{position:absolute;top:50%;width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.op-swiper-container .swiper-button-prev.swiper-button-disabled,.op-swiper-container .swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.op-swiper-container .swiper-button-prev:after,.op-swiper-container .swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}
.op-swiper-container .swiper-button-prev,.op-swiper-container .swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.op-swiper-container .swiper-button-prev:after,.op-swiper-container .swiper-container-rtl .swiper-button-next:after{content:'prev'}
.op-swiper-container .swiper-button-next,.op-swiper-container .swiper-container-rtl .swiper-button-prev{right:10px;left:auto}
.op-swiper-container .swiper-button-next:after,.op-swiper-container .swiper-container-rtl .swiper-button-prev:after{content:'next'}
.op-swiper-container .swiper-button-prev.swiper-button-white,.op-swiper-container .swiper-button-next.swiper-button-white{--swiper-navigation-color:#fff}
.op-swiper-container .swiper-button-prev.swiper-button-black,.op-swiper-container .swiper-button-next.swiper-button-black{--swiper-navigation-color:#000}
.op-swiper-container .swiper-button-lock{display:none}
.op-swiper-container .swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0,0,0);z-index:10}
.op-swiper-container .swiper-pagination.swiper-pagination-hidden{opacity:0}
.op-swiper-container .swiper-pagination-fraction,.op-swiper-container .swiper-pagination-custom,.op-swiper-container .swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;left:0;width:100%}
.op-swiper-container .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}
.op-swiper-container .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
.op-swiper-container button.swiper-pagination-bullet{border:0;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.op-swiper-container .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.op-swiper-container .swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.op-swiper-container .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}
.op-swiper-container .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.op-swiper-container .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.op-swiper-container .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform,200ms top}
.op-swiper-container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.op-swiper-container .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.op-swiper-container .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms left}
.op-swiper-container .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms right}
.op-swiper-container .swiper-pagination-progressbar{background:rgba(0,0,0,0.25);position:absolute}
.op-swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.op-swiper-container .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.op-swiper-container .swiper-container-horizontal>.swiper-pagination-progressbar,.op-swiper-container .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.op-swiper-container .swiper-container-vertical>.swiper-pagination-progressbar,.op-swiper-container .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:4px;height:100%;left:0;top:0}
.op-swiper-container .swiper-pagination-white{--swiper-pagination-color:#fff}
.op-swiper-container .swiper-pagination-black{--swiper-pagination-color:#000}
.op-swiper-container .swiper-pagination-lock{display:none}
.op-swiper-container .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}
.op-swiper-container .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:50%;bottom:3px;z-index:50;height:5px;width:50%;transform:translateX(-50%)}
@media(max-width:767.98px){.op-swiper-container .swiper-container-horizontal>.swiper-scrollbar{width:90%}
}
.op-swiper-container .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.op-swiper-container .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:10px;left:0;top:0}
.op-swiper-container .swiper-scrollbar-cursor-drag{cursor:move}
.op-swiper-container .swiper-scrollbar-lock{display:none}
.op-swiper-container .swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
.op-swiper-container .swiper-zoom-container>img,.op-swiper-container .swiper-zoom-container>svg,.op-swiper-container .swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}
.op-swiper-container .swiper-slide-zoomed{cursor:move}
.op-swiper-container .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.op-swiper-container .swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.op-swiper-container .swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}
}
.op-swiper-container .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.op-swiper-container .swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}
.op-swiper-container .swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.op-swiper-container .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.op-swiper-container .swiper-container-fade .swiper-slide-active,.op-swiper-container .swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.op-swiper-container .swiper-container-cube{overflow:visible}
.op-swiper-container .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.op-swiper-container .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.op-swiper-container .swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}
.op-swiper-container .swiper-container-cube .swiper-slide-active,.op-swiper-container .swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.op-swiper-container .swiper-container-cube .swiper-slide-active,.op-swiper-container .swiper-container-cube .swiper-slide-next,.op-swiper-container .swiper-container-cube .swiper-slide-prev,.op-swiper-container .swiper-container-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}
.op-swiper-container .swiper-container-cube .swiper-slide-shadow-top,.op-swiper-container .swiper-container-cube .swiper-slide-shadow-bottom,.op-swiper-container .swiper-container-cube .swiper-slide-shadow-left,.op-swiper-container .swiper-container-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.op-swiper-container .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.op-swiper-container .swiper-container-flip{overflow:visible}
.op-swiper-container .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.op-swiper-container .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.op-swiper-container .swiper-container-flip .swiper-slide-active,.op-swiper-container .swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.op-swiper-container .swiper-container-flip .swiper-slide-shadow-top,.op-swiper-container .swiper-container-flip .swiper-slide-shadow-bottom,.op-swiper-container .swiper-container-flip .swiper-slide-shadow-left,.op-swiper-container .swiper-container-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cp-media-reviewer{padding-bottom:180px;overflow:hidden}
.cp-media-reviewer::before{content:"";display:block;width:1320px;height:1px;background-color:#000;opacity:.15;margin:0 auto 120px}
.cp-media-reviewer .title{text-align:center;font-size:28px;line-height:42px;color:#000;font-family:'OPPOSans-Ver2-Regular'}
.cp-media-reviewer .arrow-box{display:none}
.cp-media-reviewer .reviewers{margin:53px 60px 0;display:flex;justify-content:space-between}
.cp-media-reviewer .reviewers:before,.cp-media-reviewer .reviewers:after{content:"";display:block}
.cp-media-reviewer .reviewer{width:285px}
.cp-media-reviewer .img-box{height:214px;display:flex;justify-content: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:17px 0 19px;font-family:'OPPOSans-Ver2-Medium';font-size:12px;line-height:14px;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:6px}
.cp-media-reviewer .info-box .dot{width:3px;height:3px;border-radius:50%;vertical-align:middle;background-color:#000;opacity:.5}
.cp-media-reviewer .comment{font-size:16px;line-height:24px;max-height:72px;display:block;overflow:hidden;color:#000;font-family:'OPPOSans-Ver2-Regular'}
.cp-media-reviewer .learn-more-box{color:#000;font-size:13px;line-height:24px;margin:57px auto 0;display:flex;justify-content:center}
.cp-media-reviewer .learn-more-box .learn-more{position:relative;border-bottom:1px 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:1440px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px;padding:0}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-media-reviewer{padding-bottom:11.914vw}
.cp-media-reviewer .title{font-size:28px}
.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-Ver2-Medium';line-height:1.367vw;font-size:1.172vw}
.cp-media-reviewer .comment{font-size:13px;line-height:19px;max-height:57px}
}
@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-Ver2-Medium';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{flex-shrink:0;width:27.08vw}
.cp-media-reviewer .reviewer:not(:last-of-type){margin-right:15px}
.cp-media-reviewer .img-box{height:20.31vw}
.cp-media-reviewer .comment{font-size:13px;line-height:19px;max-height:57px}
}
@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:flex;margin-top:5.833vw;align-items: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:11px 0 15px;font-family:'OPPOSans-Ver2-Medium';font-weight:bold;line-height:14px;font-size:12px}
.cp-media-reviewer .reviewers{margin:0;width:100%;justify-content:flex-start}
.cp-media-reviewer .reviewers .slick-track{margin-left:45px}
.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:13px;line-height:20px;max-height:60px}
.cp-media-reviewer .learn-more-btn{margin-top:3.333vw}
.cp-media-reviewer .learn-more-box{margin:16.667vw auto 0;line-height:24px}
}
.cp-left-right-btns .arrow-btn{margin:0 8px}
.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:20px}
.cp-left-right-btns .slick-disabled{opacity:.2}
.cp-left-right-btns .next-arrow{display:inline-block;box-sizing:border-box;width:55px;height:46px;line-height:46px;border:2px 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}
}
.index__one-products-1{padding:0 60px}
@media(min-width:1440px){.index__one-products-1{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__one-products-1{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__one-products-1{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.index__one-products-1{margin-top:0;margin-bottom:40px}
}
.index__one-products-1 .content{position:relative;overflow:hidden;background-color:#2a4c5a;height:58.82vw}
.index__one-products-1 .cart-price{font-size:16px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:12px;margin-bottom:-5px}
.index__one-products-1 .title-box{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;font-size:280px;display:flex;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:280px;line-height:280px}
.index__one-products-1 .title-box p:nth-child(1),.index__one-products-1 .title-box p:nth-child(3){align-self:flex-start}
.index__one-products-1 .title-box p:nth-child(2),.index__one-products-1 .title-box p:nth-child(4){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:70px;height:42.36vw}
.index__one-products-1 .content-box .title{font-size:20px;margin-top:8px}
.index__one-products-1 .content-box .desc{margin-top:16px;font-size:14px;line-height:30px;color:#fff}
.index__one-products-1 .content-box .desc strong{font-family:'OPPOSans-Ver2-Medium'}
.index__one-products-1 .content-box .actions{color:#fff;margin-top:15px}
.index__one-products-1 .content-box .actions .learn-more,.index__one-products-1 .content-box .actions .buy{color:#fff;font-size:12px;line-height:170%;padding-bottom:2px;border-bottom:1px solid;margin:0 6px;font-family:'OPPOSans-Ver2-Medium'}
@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}
.index__one-products-1 .cart-price{font-size:12px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:4px;margin-bottom:-9px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__one-products-1{padding:0 40px}
.index__one-products-1 .title-box{font-size:140px}
.index__one-products-1 .content-box .phone{margin-top:0}
.index__one-products-1 .content-box .title{font-size:13px}
.index__one-products-1 .content-box .desc{margin-top:0;font-size:13px;line-height:23px}
.index__one-products-1 .content-box .desc strong{line-height:19px}
.index__one-products-1 .content-box .actions{margin-top:8px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__one-products-1{padding:0 50px}
.index__one-products-1 .content{height:540px}
.index__one-products-1 .title-box{font-size:160px;line-height:220px}
.index__one-products-1 .content-box .phone{margin-top:17px;width:300px;height:444px}
.index__one-products-1 .content-box .desc{margin-top:-32px;font-size:13px;line-height:23px}
.index__one-products-1 .content-box .desc strong{line-height:19px}
.index__one-products-1 .content-box .actions{margin-top:8px}
}
@media(min-width:1440px){.index__one-products-1{box-sizing:border-box;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}
.index__one-products-1 .content{height:847px}
.index__one-products-1 .content-box .phone{height:610px}
}
#oc-container .index__two-products-1{padding-bottom:64px;background-size:100% 100%;background-repeat:no-repeat}
#oc-container .index__two-products-1 .cart-price{font-size:16px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:12px;margin-bottom:-5px}
#oc-container .index__two-products-1 .product-card-content{display:flex;justify-content:space-between}
#oc-container .index__two-products-1 .product-card-content .img-box{width:100%;position:relative;overflow:hidden}
#oc-container .index__two-products-1 .product-card-content .img-box img{display:none;text-align:unset;max-width:unset;margin:0}
@media(min-width:1440px){#oc-container .index__two-products-1 .product-card-content .img-box .pc{display:block}
#oc-container .index__two-products-1 .product-card-content .img-box .tablet,#oc-container .index__two-products-1 .product-card-content .img-box .mobile{display:none}
#oc-container .index__two-products-1 .product-card-content .img-box .gt-mb{display:block}
}
@media(min-width:768px) and (max-width:1439.98px){#oc-container .index__two-products-1 .product-card-content .img-box .tablet{display:block}
#oc-container .index__two-products-1 .product-card-content .img-box .pc,#oc-container .index__two-products-1 .product-card-content .img-box .mobile{display:none}
#oc-container .index__two-products-1 .product-card-content .img-box .gt-mb{display:block}
}
@media(max-width:767.98px){#oc-container .index__two-products-1 .product-card-content .img-box .mobile{display:block}
#oc-container .index__two-products-1 .product-card-content .img-box .tablet,#oc-container .index__two-products-1 .product-card-content .img-box .pc{display:none}
#oc-container .index__two-products-1 .product-card-content .img-box .gt-mb{display:none}
}
#oc-container .index__two-products-1 .product-card-content .img-box:hover img{transform:scale(1)}
#oc-container .index__two-products-1 .product-card-content .img-box img{max-width:100%;transform:scale(1.1);transition:all .3s}
#oc-container .index__two-products-1 .product-card-content .img-box .bg{width:100%;height:100%}
#oc-container .index__two-products-1 .product-card-content .img-box .phone{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}
#oc-container .index__two-products-1 .product-card-content .title{display:flex;align-items:center;font-size:20px;margin-top:16px;line-height:150%;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__two-products-1 .product-card-content .title a{border:0}
#oc-container .index__two-products-1 .product-card-content .tag{display:inline-block;text-transform:uppercase;margin-left:14px;color:#2ec84d;font-size:8px;line-height:14px;font-family:'OPPOSans-Ver2-Medium'}
html:lang(ar) #oc-container .index__two-products-1 .product-card-content .tag{margin-left:right;margin-right:14px;display:inline-block}
#oc-container .index__two-products-1 .product-card-content .desc{margin-top:3px;font-size:14px;line-height:170%;width:auto;opacity:1;text-align:left}
#oc-container .index__two-products-1 .product-card-content .actions{margin-top:10px;padding-bottom:4px}
#oc-container .index__two-products-1 .product-card-content .actions .learn-more,#oc-container .index__two-products-1 .product-card-content .actions .buy{font-size:12px;padding-bottom:2px;border-bottom:1px solid;margin-right:12px;font-weight:500;line-height:170%;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__two-products-1 .product-card-content .actions .learn-more:hover,#oc-container .index__two-products-1 .product-card-content .actions .buy:hover{opacity:.7}
#oc-container .index__two-products-1 .product-card-content .actions .learn-more:active,#oc-container .index__two-products-1 .product-card-content .actions .buy:active{opacity:1}
html:lang(ar) #oc-container .index__two-products-1 .product-card-content .actions .learn-more,html:lang(ar) #oc-container .index__two-products-1 .product-card-content .actions .buy{margin-right:unset;margin-left:20px}
#oc-container .index__two-products-1 .product-card-content .actions .learn-more{background-color:#000;display:inline-block;color:#fff;border:0;padding:6px 16px;border-radius:2px}
@media(min-width:1024px) and (max-width:1439.98px){#oc-container .index__two-products-1 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__two-products-1 .product-card-content .desc{margin-top:5px;font-size:14px;line-height:24px}
}
@media(min-width:768px) and (max-width:1023.98px){#oc-container .index__two-products-1 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__two-products-1 .product-card-content .desc{margin-top:5px;font-size:14px;line-height:24px}
#oc-container .index__two-products-1 .product-card-content .actions{margin-top:7px}
}
@media(max-width:767.98px){#oc-container .index__two-products-1 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__two-products-1 .product-card-content .desc{margin-top:4px;font-size:14px;line-height:24px}
#oc-container .index__two-products-1 .product-card-content .actions{margin-top:9px}
#oc-container .index__two-products-1 .product-card-content .actions .learn-more,#oc-container .index__two-products-1 .product-card-content .actions .buy{margin-right:12px;font-size:12px;line-height:20px;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__two-products-1 .product-card-content .actions .learn-more{border-radius:2px}
}
@media(min-width:1440px){#oc-container .index__two-products-1 .product-card-content .text-button1{transition:all .3s}
#oc-container .index__two-products-1 .product-card-content .text-button1:hover{opacity:.7}
#oc-container .index__two-products-1 .product-card-content .text-button1:active{opacity:1}
}
#oc-container .index__two-products-1-mb{display:none}
@media(min-width:1440px){#oc-container .index__two-products-1-mb .img-box .pc{display:block}
#oc-container .index__two-products-1-mb .img-box .tablet,#oc-container .index__two-products-1-mb .img-box .mobile{display:none}
#oc-container .index__two-products-1-mb .img-box .gt-mb{display:block}
}
@media(min-width:768px) and (max-width:1439.98px){#oc-container .index__two-products-1-mb .img-box .tablet{display:block}
#oc-container .index__two-products-1-mb .img-box .pc,#oc-container .index__two-products-1-mb .img-box .mobile{display:none}
#oc-container .index__two-products-1-mb .img-box .gt-mb{display:block}
}
@media(max-width:767.98px){#oc-container .index__two-products-1-mb .img-box .mobile{display:block}
#oc-container .index__two-products-1-mb .img-box .tablet,#oc-container .index__two-products-1-mb .img-box .pc{display:none}
#oc-container .index__two-products-1-mb .img-box .gt-mb{display:none}
}
@media(max-width:767.98px){#oc-container .index__two-products-1-mb{display:flex;padding:0 15px 24px;flex-direction:column;justify-content:flex-start}
#oc-container .index__two-products-1-mb .section-box{width:100%;margin-bottom:40px;order:1}
#oc-container .index__two-products-1-mb .section-box .img-box{width:100%}
#oc-container .index__two-products-1-mb .section-box .img-box img{width:100%}
#oc-container .index__two-products-1-mb .section-box .title{display:flex;align-items:center;font-size:20px;margin-top:16px;line-height:150%;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__two-products-1-mb .section-box .title a{border:0}
#oc-container .index__two-products-1-mb .section-box .tag{display:inline-block;text-transform:uppercase;margin-left:14px;color:#2ec84d;font-size:8px;line-height:14px;font-family:'OPPOSans-Ver2-Medium'}
html:lang(ar) #oc-container .index__two-products-1-mb .section-box .tag{margin-left:right;margin-right:14px;display:inline-block}
#oc-container .index__two-products-1-mb .section-box .desc{margin-top:3px;font-size:14px;line-height:170%;width:auto;opacity:1;text-align:left}
#oc-container .index__two-products-1-mb .section-box .actions{margin-top:10px;padding-bottom:4px}
#oc-container .index__two-products-1-mb .section-box .actions .learn-more,#oc-container .index__two-products-1-mb .section-box .actions .buy{font-size:12px;padding-bottom:2px;border-bottom:1px solid;margin-right:12px;font-weight:500;line-height:170%;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__two-products-1-mb .section-box .actions .learn-more:hover,#oc-container .index__two-products-1-mb .section-box .actions .buy:hover{opacity:.7}
#oc-container .index__two-products-1-mb .section-box .actions .learn-more:active,#oc-container .index__two-products-1-mb .section-box .actions .buy:active{opacity:1}
html:lang(ar) #oc-container .index__two-products-1-mb .section-box .actions .learn-more,html:lang(ar) #oc-container .index__two-products-1-mb .section-box .actions .buy{margin-right:unset;margin-left:20px}
#oc-container .index__two-products-1-mb .section-box .actions .learn-more{background-color:#000;display:inline-block;color:#fff;border:0;padding:6px 16px;border-radius:2px}
}
@media(max-width:767.98px) and (min-width:1024px) and (max-width:1439.98px){#oc-container .index__two-products-1-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__two-products-1-mb .section-box .desc{margin-top:5px;font-size:14px;line-height:24px}
}
@media(max-width:767.98px) and (min-width:768px) and (max-width:1023.98px){#oc-container .index__two-products-1-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__two-products-1-mb .section-box .desc{margin-top:5px;font-size:14px;line-height:24px}
#oc-container .index__two-products-1-mb .section-box .actions{margin-top:7px}
}
@media(max-width:767.98px) and (max-width:767.98px){#oc-container .index__two-products-1-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__two-products-1-mb .section-box .desc{margin-top:4px;font-size:14px;line-height:24px}
#oc-container .index__two-products-1-mb .section-box .actions{margin-top:9px}
#oc-container .index__two-products-1-mb .section-box .actions .learn-more,#oc-container .index__two-products-1-mb .section-box .actions .buy{margin-right:12px;font-size:12px;line-height:20px;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__two-products-1-mb .section-box .actions .learn-more{border-radius:2px}
}
@media(max-width:767.98px) and (min-width:1440px){#oc-container .index__two-products-1-mb .section-box .text-button1{transition:all .3s}
#oc-container .index__two-products-1-mb .section-box .text-button1:hover{opacity:.7}
#oc-container .index__two-products-1-mb .section-box .text-button1:active{opacity:1}
}
@media(max-width:767.98px){#oc-container .index__two-products-1-mb .cart-price{font-size:12px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:4px;margin-bottom:-9px}
#oc-container .index__two-products-1{display:none}
}
@media(min-width:768px) and (max-width:1023.98px){.index__two-products-1{padding:0 40px}
.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:50px}
.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 50px}
.index__two-products-1 .wide{width:52vw}
.index__two-products-1 .narrow{width:26vw}
}
@media(min-width:1440px){.index__two-products-1{padding-bottom:128px !important}
.index__two-products-1 .product-card-wrapper{box-sizing:border-box;max-width:1312px;margin-left:auto;margin-right:auto}
.index__two-products-1 .product-card-wrapper .wide{width:745px}
.index__two-products-1 .product-card-wrapper .narrow{width:400px}
}
@media(min-width:768px){.new-ratio-two-cards-32 img{width:100% !important;height:100% !important}
}
@media(min-width:1440px){.new-ratio-two-cards-32 .wide{width:810px !important}
.new-ratio-two-cards-32 .wide .img-box{height:540px}
.new-ratio-two-cards-32 .narrow{width:360px !important}
.new-ratio-two-cards-32 .narrow .img-box{height:540px}
}
@media(min-width:768px) and (max-width:1439.98px){.new-ratio-two-cards-32 .wide{width:56.25vw}
.new-ratio-two-cards-32 .wide .img-box{height:37.5vw}
.new-ratio-two-cards-32 .narrow{width:25vw}
.new-ratio-two-cards-32 .narrow .img-box{height:37.5vw}
}
@media(min-width:768px){.new-ratio-two-cards-34 img{width:100% !important;height:100% !important}
}
@media(min-width:1440px){.new-ratio-two-cards-34 .wide{width:746.66667px !important}
.new-ratio-two-cards-34 .wide .img-box{height:560px}
.new-ratio-two-cards-34 .narrow{width:420px !important}
.new-ratio-two-cards-34 .narrow .img-box{height:560px}
}
@media(min-width:768px) and (max-width:1439.98px){.new-ratio-two-cards-34 .wide{width:51.85333vw}
.new-ratio-two-cards-34 .wide .img-box{height:38.89vw}
.new-ratio-two-cards-34 .narrow{width:29.1675vw}
.new-ratio-two-cards-34 .narrow .img-box{height:38.89vw}
}
@media(min-width:768px){.new-ratio-two-cards-32-34 img{width:100% !important;height:100% !important}
}
@media(min-width:1440px){.new-ratio-two-cards-32-34 .wide{width:801px !important}
.new-ratio-two-cards-32-34 .wide .img-box{height:534px}
.new-ratio-two-cards-32-34 .narrow{width:400.5px !important}
.new-ratio-two-cards-32-34 .narrow .img-box{height:534px}
}
@media(min-width:1024px) and (max-width:1439.98px){.new-ratio-two-cards-32-34 .wide{width:52.005vw}
.new-ratio-two-cards-32-34 .wide .img-box{height:34.67vw}
.new-ratio-two-cards-32-34 .narrow{width:26.0025vw}
.new-ratio-two-cards-32-34 .narrow .img-box{height:34.67vw}
}
@media(min-width:768px) and (max-width:1023.98px){.new-ratio-two-cards-32-34 .wide{width:55.47vw}
.new-ratio-two-cards-32-34 .wide .img-box{height:36.98vw}
.new-ratio-two-cards-32-34 .narrow{width:27.735vw}
.new-ratio-two-cards-32-34 .narrow .img-box{height:36.98vw}
}
@media(max-width:767.98px){.info{display:flex;margin-bottom:24px;justify-content:space-between;align-items:center;padding-top:64px}
.info .product-card-title{font-family:'OPPOSans-Ver2-Regular';font-size:20px;line-height:26px}
.info .product-card-link a{font-size:14px;line-height:170%;font-family:'OPPOSans-Ver2-Regular';color:#000;border-bottom:1px solid #000}
}
@media(min-width:768px) and (max-width:1023.98px){.info{display:flex;margin-bottom:24px;justify-content:space-between;align-items:center;padding-top:64px}
.info .product-card-title{font-family:'OPPOSans-Ver2-Regular';font-size:20px;line-height:26px}
.info .product-card-link a{font-size:14px;line-height:170%;font-family:'OPPOSans-Ver2-Regular';color:#000;border-bottom:1px solid #000}
}
@media(min-width:1024px) and (max-width:1439.98px){.product-card-wrapper .info{margin-bottom:48px;display:flex;justify-content:space-between;align-items:center;padding-top:64px}
.product-card-wrapper .info .product-card-title{font-size:42px;font-family:'OPPOSans-Ver2-Regular';line-height:120%}
.product-card-wrapper .info .product-card-link a{font-size:14px;line-height:170%;color:#000;border-bottom:1px solid #000}
}
@media(min-width:1440px){.product-card-wrapper .info{margin-bottom:48px;display:flex;justify-content:space-between;align-items:center;padding-top:128px}
.product-card-wrapper .info .product-card-title{font-size:42px;font-family:'OPPOSans-Ver2-Regular';line-height:120%}
.product-card-wrapper .info .product-card-link a{font-size:18px;line-height:150%;color:#000;border-bottom:1px solid #000}
}
#oc-container .index__two-products-2{padding-bottom:40px;background-size:100% 100%;background-repeat:no-repeat}
#oc-container .index__two-products-2 .product-card-content{display:flex;justify-content:space-between}
#oc-container .index__two-products-2 .product-card-content .cart-price{font-size:16px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:12px;margin-bottom:-5px}
#oc-container .index__two-products-2 .product-card-content .img-box{height:38.47vw;width:100%;position:relative}
#oc-container .index__two-products-2 .product-card-content .img-box .bg{width:100%;height:100%}
#oc-container .index__two-products-2 .product-card-content .img-box .bg-mobile{display:none}
#oc-container .index__two-products-2 .product-card-content .img-box .phone{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;margin:auto;height:100%}
#oc-container .index__two-products-2 .product-card-content .img-box .reno{height:80%}
#oc-container .index__two-products-2 .product-card-content .animate-box,#oc-container .index__two-products-2 .product-card-content .overflow-box{overflow:hidden;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto}
#oc-container .index__two-products-2 .product-card-content .animate-box img,#oc-container .index__two-products-2 .product-card-content .overflow-box img{max-width:7vw}
#oc-container .index__two-products-2 .product-card-content .overflow-box{overflow:visible}
#oc-container .index__two-products-2 .product-card-content .mbAnimate{width:100%;height:80vw;background:url(../mbanimate.html) no-repeat;background-size:cover}
#oc-container .index__two-products-2 .product-card-content .mbAnimate .phone{transform:scale(0.8)}
#oc-container .index__two-products-2 .product-card-content .mbAnimate .bg{display:none}
#oc-container .index__two-products-2 .product-card-content .title{display:flex;align-items:center;font-size:20px;margin-top:16px;line-height:150%;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__two-products-2 .product-card-content .title a{border:0}
#oc-container .index__two-products-2 .product-card-content .tag{display:inline-block;text-transform:uppercase;margin-left:14px;color:#2ec84d;font-size:8px;line-height:14px;font-family:'OPPOSans-Ver2-Medium'}
html:lang(ar) #oc-container .index__two-products-2 .product-card-content .tag{margin-left:right;margin-right:14px;display:inline-block}
#oc-container .index__two-products-2 .product-card-content .desc{margin-top:3px;font-size:14px;line-height:170%;width:auto;opacity:1;text-align:left}
#oc-container .index__two-products-2 .product-card-content .actions{margin-top:10px;padding-bottom:4px}
#oc-container .index__two-products-2 .product-card-content .actions .learn-more,#oc-container .index__two-products-2 .product-card-content .actions .buy{font-size:12px;padding-bottom:2px;border-bottom:1px solid;margin-right:12px;font-weight:500;line-height:170%;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__two-products-2 .product-card-content .actions .learn-more:hover,#oc-container .index__two-products-2 .product-card-content .actions .buy:hover{opacity:.7}
#oc-container .index__two-products-2 .product-card-content .actions .learn-more:active,#oc-container .index__two-products-2 .product-card-content .actions .buy:active{opacity:1}
html:lang(ar) #oc-container .index__two-products-2 .product-card-content .actions .learn-more,html:lang(ar) #oc-container .index__two-products-2 .product-card-content .actions .buy{margin-right:unset;margin-left:20px}
#oc-container .index__two-products-2 .product-card-content .actions .learn-more{background-color:#000;display:inline-block;color:#fff;border:0;padding:6px 16px;border-radius:2px}
@media(min-width:1024px) and (max-width:1439.98px){#oc-container .index__two-products-2 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__two-products-2 .product-card-content .desc{margin-top:5px;font-size:14px;line-height:24px}
}
@media(min-width:768px) and (max-width:1023.98px){#oc-container .index__two-products-2 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__two-products-2 .product-card-content .desc{margin-top:5px;font-size:14px;line-height:24px}
#oc-container .index__two-products-2 .product-card-content .actions{margin-top:7px}
}
@media(max-width:767.98px){#oc-container .index__two-products-2 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__two-products-2 .product-card-content .desc{margin-top:4px;font-size:14px;line-height:24px}
#oc-container .index__two-products-2 .product-card-content .actions{margin-top:9px}
#oc-container .index__two-products-2 .product-card-content .actions .learn-more,#oc-container .index__two-products-2 .product-card-content .actions .buy{margin-right:12px;font-size:12px;line-height:20px;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__two-products-2 .product-card-content .actions .learn-more{border-radius:2px}
}
@media(min-width:1440px){#oc-container .index__two-products-2 .product-card-content .text-button1{transition:all .3s}
#oc-container .index__two-products-2 .product-card-content .text-button1:hover{opacity:.7}
#oc-container .index__two-products-2 .product-card-content .text-button1:active{opacity:1}
}
#oc-container .index__two-products-2 .product-card-content .mobile-bg{display:none}
#oc-container .index__two-products-2-mb{display:none}
@media(max-width:767.98px){#oc-container .index__two-products-2-mb{display:flex;padding:0 15px;flex-direction:column;justify-content:flex-start}
#oc-container .index__two-products-2-mb .section-box{width:100%;margin-bottom:40px;order:1}
#oc-container .index__two-products-2-mb .section-box .img-box{width:100%;height:69.44vw;position:relative}
#oc-container .index__two-products-2-mb .section-box .img-box .mobile-bg{width:95.05vw}
#oc-container .index__two-products-2-mb .section-box .title{display:flex;align-items:center;font-size:20px;margin-top:16px;line-height:150%;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__two-products-2-mb .section-box .title a{border:0}
#oc-container .index__two-products-2-mb .section-box .tag{display:inline-block;text-transform:uppercase;margin-left:14px;color:#2ec84d;font-size:8px;line-height:14px;font-family:'OPPOSans-Ver2-Medium'}
html:lang(ar) #oc-container .index__two-products-2-mb .section-box .tag{margin-left:right;margin-right:14px;display:inline-block}
#oc-container .index__two-products-2-mb .section-box .desc{margin-top:3px;font-size:14px;line-height:170%;width:auto;opacity:1;text-align:left}
#oc-container .index__two-products-2-mb .section-box .actions{margin-top:10px;padding-bottom:4px}
#oc-container .index__two-products-2-mb .section-box .actions .learn-more,#oc-container .index__two-products-2-mb .section-box .actions .buy{font-size:12px;padding-bottom:2px;border-bottom:1px solid;margin-right:12px;font-weight:500;line-height:170%;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__two-products-2-mb .section-box .actions .learn-more:hover,#oc-container .index__two-products-2-mb .section-box .actions .buy:hover{opacity:.7}
#oc-container .index__two-products-2-mb .section-box .actions .learn-more:active,#oc-container .index__two-products-2-mb .section-box .actions .buy:active{opacity:1}
html:lang(ar) #oc-container .index__two-products-2-mb .section-box .actions .learn-more,html:lang(ar) #oc-container .index__two-products-2-mb .section-box .actions .buy{margin-right:unset;margin-left:20px}
#oc-container .index__two-products-2-mb .section-box .actions .learn-more{background-color:#000;display:inline-block;color:#fff;border:0;padding:6px 16px;border-radius:2px}
}
@media(max-width:767.98px) and (min-width:1024px) and (max-width:1439.98px){#oc-container .index__two-products-2-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__two-products-2-mb .section-box .desc{margin-top:5px;font-size:14px;line-height:24px}
}
@media(max-width:767.98px) and (min-width:768px) and (max-width:1023.98px){#oc-container .index__two-products-2-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__two-products-2-mb .section-box .desc{margin-top:5px;font-size:14px;line-height:24px}
#oc-container .index__two-products-2-mb .section-box .actions{margin-top:7px}
}
@media(max-width:767.98px) and (max-width:767.98px){#oc-container .index__two-products-2-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__two-products-2-mb .section-box .desc{margin-top:4px;font-size:14px;line-height:24px}
#oc-container .index__two-products-2-mb .section-box .actions{margin-top:9px}
#oc-container .index__two-products-2-mb .section-box .actions .learn-more,#oc-container .index__two-products-2-mb .section-box .actions .buy{margin-right:12px;font-size:12px;line-height:20px;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__two-products-2-mb .section-box .actions .learn-more{border-radius:2px}
}
@media(max-width:767.98px) and (min-width:1440px){#oc-container .index__two-products-2-mb .section-box .text-button1{transition:all .3s}
#oc-container .index__two-products-2-mb .section-box .text-button1:hover{opacity:.7}
#oc-container .index__two-products-2-mb .section-box .text-button1:active{opacity:1}
}
@media(max-width:767.98px){#oc-container .index__two-products-2-mb .section-box .title{margin-top:8.3333vw}
#oc-container .index__two-products-2-mb .cart-price{font-size:12px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:4px;margin-bottom:-9px}
#oc-container .index__two-products-2-mb .phone{position:absolute;z-index:2;top:50px;bottom:0;left:0;right:0;margin:auto;height:100%}
#oc-container .index__two-products-2-mb .pc-bg,#oc-container .index__two-products-2-mb .overflow-box,#oc-container .index__two-products-2-mb .animate-box{display:none}
#oc-container .index__two-products-2-mb .mobile-bg{display:block;width:95.05vw}
#oc-container .index__two-products-2{display:none;padding:0 15px;flex-direction:column-reverse;justify-content:flex-start}
#oc-container .index__two-products-2 .wide{width:100%;margin-top:40px}
#oc-container .index__two-products-2 .wide .title{margin-top:8.3333vw}
#oc-container .index__two-products-2 .narrow{width:100%}
#oc-container .index__two-products-2 .img-box{height:69.44vw}
#oc-container .index__two-products-2 .img-box .bg-mobile{display:block}
#oc-container .index__two-products-2 .img-box .phone{top:50px}
#oc-container .index__two-products-2 .pc-bg,#oc-container .index__two-products-2 .overflow-box,#oc-container .index__two-products-2 .animate-box{display:none}
#oc-container .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:40px 40px 0}
.index__two-products-2 .wide{width:50.52vw}
.index__two-products-2 .narrow{width:27.24vw}
.index__two-products-2 .mobile-bg{display:block;width:388px}
.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:-20px;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:40px 50px 0}
.index__two-products-2 .mobile-bg{top:-25px;width:522px;height:120%}
.index__two-products-2 .wide{width:52vw}
.index__two-products-2 .narrow{width:26vw}
}
@media(min-width:1440px){.index__two-products-2 .product-card-wrapper{box-sizing:border-box;max-width:1312px;margin-left:auto;margin-right:auto}
.index__two-products-2 .product-card-wrapper .wide{width:745px}
.index__two-products-2 .product-card-wrapper .narrow{width:400px}
.index__two-products-2 .product-card-wrapper .img-box{height:554px}
}
@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:91px;height:112px;top:369px;left:129px;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:157px;height:153px;top:202px;left:305px;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:190px;height:152px;top:124px;left:760px;transition:all .3s cubic-bezier(0.42,0,0.58,1)}
.index__two-products-2 .wide .img-box .wave{top:-82px;left:160px;width:144px;height:15px;overflow:hidden;transition:height .38s .16s cubic-bezier(0.42,0,0.58,1)}
.index__two-products-2 .wide .img-box .wave img{width:243px;height:168px;margin-left:-40px;transform:rotate(-371deg)}
.index__two-products-2 .wide .img-box .drop1{top:462px;left:34px;opacity:0;width:219px;height:112px;transition:all .49s .19s cubic-bezier(0.42,0,0.58,1)}
.index__two-products-2 .wide .img-box .drop2{top:0;left:729px;width:87px;height:117px;transition:all .49s .19s cubic-bezier(0.42,0,0.58,1)}
.index__two-products-2 .wide .img-box .drop3{top:288px;left:-59px;width:58px;height:139px;transition:left .48s .08s cubic-bezier(0.42,0,0.58,1)}
.index__two-products-2 .wide .img-box .girl{top:-224px;left:167px;width:163px;height:222px;transition:all .37s cubic-bezier(0.42,0,0.58,1)}
.index__two-products-2 .wide .img-box .swimmers{top:100%;left:38px;width:202px;height:141px;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:245px;left:136px;opacity:1;transform:rotate(0);animation:sailStage2 1.5s .3s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards}
@keyframes sailStage2{from{transform:rotate(0)}
to{transform:rotate(25deg)}
}
.index__two-products-2 .wide .img-box:hover .lemon{top:13px;left:363px;animation:lemonStage2 1.5s .3s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards}
@keyframes lemonStage2{from{transform:rotate(0)}
to{transform:rotate(-35deg)}
}
.index__two-products-2 .wide .img-box:hover .leaf{top:224.5px;left:612.05px;animation:leafStage2 1.5s .3s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards}
@keyframes leafStage2{from{transform:rotate(0)}
to{transform:rotate(5deg)}
}
.index__two-products-2 .wide .img-box:hover .wave{height:177px}
.index__two-products-2 .wide .img-box:hover .drop1{top:412px;left:15px;opacity:1;width:282px;height:144px;animation:drop1Stage2 1.5s .68s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards}
@keyframes drop1Stage2{from{top:412px;left:15px;opacity:1;width:282px;height:144px}
to{top:400px;left:8px;opacity:1;width:297px;height:151px}
}
.index__two-products-2 .wide .img-box:hover .drop2{top:31px;left:677px;animation:drop2Stage2 1.5s .68s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards}
@keyframes drop2Stage2{from{top:31px;left:677px;width:87px;height:117px}
to{top:22px;left:669px;width:99px;height:133px}
}
.index__two-products-2 .wide .img-box:hover .drop3{left:-21px}
.index__two-products-2 .wide .img-box:hover .girl{top:-1px;left:57px}
.index__two-products-2 .wide .img-box:hover .swimmers{top:432px;animation:swimmersStage2 1.5s .37s cubic-bezier(0.42,0,0.58,1) infinite alternate forwards}
@keyframes swimmersStage2{from{top:432px}
to{top:416px}
}
.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:56px;bottom:-79px;width:114px;height:186px;position:absolute}
}
@media(max-width:767.98px){.info{display:flex;margin-bottom:24px;justify-content:space-between;align-items:center;padding-top:64px}
.info .product-card-title{font-family:'OPPOSans-Ver2-Regular';font-size:20px;line-height:26px}
.info .product-card-link a{font-size:14px;line-height:170%;font-family:'OPPOSans-Ver2-Regular';color:#000;border-bottom:1px solid #000}
}
@media(min-width:768px) and (max-width:1023.98px){.info{display:flex;margin-bottom:24px;justify-content:space-between;align-items:center;padding-top:64px}
.info .product-card-title{font-family:'OPPOSans-Ver2-Regular';font-size:20px;line-height:26px}
.info .product-card-link a{font-size:14px;line-height:170%;font-family:'OPPOSans-Ver2-Regular';color:#000;border-bottom:1px solid #000}
}
@media(min-width:1024px) and (max-width:1439.98px){.product-card-wrapper .info{margin-bottom:48px;display:flex;justify-content:space-between;align-items:center;padding-top:64px}
.product-card-wrapper .info .product-card-title{font-size:42px;font-family:'OPPOSans-Ver2-Regular';line-height:120%}
.product-card-wrapper .info .product-card-link a{font-size:14px;line-height:170%;color:#000;border-bottom:1px solid #000}
}
@media(min-width:1440px){.product-card-wrapper .info{margin-bottom:48px;display:flex;justify-content:space-between;align-items:center;padding-top:128px}
.product-card-wrapper .info .product-card-title{font-size:42px;font-family:'OPPOSans-Ver2-Regular';line-height:120%}
.product-card-wrapper .info .product-card-link a{font-size:18px;line-height:150%;color:#000;border-bottom:1px solid #000}
}
.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(40px,-40px,0)}
.cp-reno-2z .img-box:hover .phone-right{transform:translate3d(-40px,40px,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:460px;height:auto;transition:all .3s ease}
.cp-reno-2z .img-box .phone-left{left:-317px;top:-26px}
.cp-reno-2z .img-box .phone-right{right:-317px;top:17px}
}
#oc-container .index__two-products-3{padding-bottom:64px;background-size:100% 100%;background-repeat:no-repeat}
#oc-container .index__two-products-3 .product-card-content{display:flex;justify-content:space-between}
#oc-container .index__two-products-3 .product-card-content .cart-price{font-size:16px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:12px;margin-bottom:-5px}
#oc-container .index__two-products-3 .product-card-content .img-box{width:100%;position:relative}
@media(min-width:1440px){#oc-container .index__two-products-3 .product-card-content .img-box .pc{display:block}
#oc-container .index__two-products-3 .product-card-content .img-box .tablet,#oc-container .index__two-products-3 .product-card-content .img-box .mobile{display:none}
#oc-container .index__two-products-3 .product-card-content .img-box .gt-mb{display:block}
}
@media(min-width:768px) and (max-width:1439.98px){#oc-container .index__two-products-3 .product-card-content .img-box .tablet{display:block}
#oc-container .index__two-products-3 .product-card-content .img-box .pc,#oc-container .index__two-products-3 .product-card-content .img-box .mobile{display:none}
#oc-container .index__two-products-3 .product-card-content .img-box .gt-mb{display:block}
}
@media(max-width:767.98px){#oc-container .index__two-products-3 .product-card-content .img-box .mobile{display:block}
#oc-container .index__two-products-3 .product-card-content .img-box .tablet,#oc-container .index__two-products-3 .product-card-content .img-box .pc{display:none}
#oc-container .index__two-products-3 .product-card-content .img-box .gt-mb{display:none}
}
#oc-container .index__two-products-3 .product-card-content .img-box img{max-width:100%}
#oc-container .index__two-products-3 .product-card-content .img-box .bg{width:100%;height:100%}
#oc-container .index__two-products-3 .product-card-content .img-box .phone{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;margin:auto;height:100%}
@media(min-width:1440px){#oc-container .index__two-products-3 .product-card-content .img-box{overflow:hidden}
#oc-container .index__two-products-3 .product-card-content .img-box.gif img{opacity:1;transform:scale(1)}
#oc-container .index__two-products-3 .product-card-content .img-box:not(.gif):hover img{transform:scale(1);opacity:.9}
#oc-container .index__two-products-3 .product-card-content .img-box img{width:100%;transform:scale(1.1);transition:all .3s}
}
#oc-container .index__two-products-3 .product-card-content .title{display:flex;align-items:center;font-size:20px;margin-top:16px;line-height:150%;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__two-products-3 .product-card-content .title a{border:0}
#oc-container .index__two-products-3 .product-card-content .tag{display:inline-block;text-transform:uppercase;margin-left:14px;color:#2ec84d;font-size:8px;line-height:14px;font-family:'OPPOSans-Ver2-Medium'}
html:lang(ar) #oc-container .index__two-products-3 .product-card-content .tag{margin-left:right;margin-right:14px;display:inline-block}
#oc-container .index__two-products-3 .product-card-content .desc{margin-top:3px;font-size:14px;line-height:170%;width:auto;opacity:1;text-align:left}
#oc-container .index__two-products-3 .product-card-content .actions{margin-top:10px;padding-bottom:4px}
#oc-container .index__two-products-3 .product-card-content .actions .learn-more,#oc-container .index__two-products-3 .product-card-content .actions .buy{font-size:12px;padding-bottom:2px;border-bottom:1px solid;margin-right:12px;font-weight:500;line-height:170%;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__two-products-3 .product-card-content .actions .learn-more:hover,#oc-container .index__two-products-3 .product-card-content .actions .buy:hover{opacity:.7}
#oc-container .index__two-products-3 .product-card-content .actions .learn-more:active,#oc-container .index__two-products-3 .product-card-content .actions .buy:active{opacity:1}
html:lang(ar) #oc-container .index__two-products-3 .product-card-content .actions .learn-more,html:lang(ar) #oc-container .index__two-products-3 .product-card-content .actions .buy{margin-right:unset;margin-left:20px}
#oc-container .index__two-products-3 .product-card-content .actions .learn-more{background-color:#000;display:inline-block;color:#fff;border:0;padding:6px 16px;border-radius:2px}
@media(min-width:1024px) and (max-width:1439.98px){#oc-container .index__two-products-3 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__two-products-3 .product-card-content .desc{margin-top:5px;font-size:14px;line-height:24px}
}
@media(min-width:768px) and (max-width:1023.98px){#oc-container .index__two-products-3 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__two-products-3 .product-card-content .desc{margin-top:5px;font-size:14px;line-height:24px}
#oc-container .index__two-products-3 .product-card-content .actions{margin-top:7px}
}
@media(max-width:767.98px){#oc-container .index__two-products-3 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__two-products-3 .product-card-content .desc{margin-top:4px;font-size:14px;line-height:24px}
#oc-container .index__two-products-3 .product-card-content .actions{margin-top:9px}
#oc-container .index__two-products-3 .product-card-content .actions .learn-more,#oc-container .index__two-products-3 .product-card-content .actions .buy{margin-right:12px;font-size:12px;line-height:20px;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__two-products-3 .product-card-content .actions .learn-more{border-radius:2px}
}
@media(min-width:1440px){#oc-container .index__two-products-3 .product-card-content .text-button1{transition:all .3s}
#oc-container .index__two-products-3 .product-card-content .text-button1:hover{opacity:.7}
#oc-container .index__two-products-3 .product-card-content .text-button1:active{opacity:1}
}
#oc-container .index__two-products-3 .product-card-content .mobile-bg{display:none}
#oc-container .index__two-products-3-mb{display:none}
@media(min-width:1440px){#oc-container .index__two-products-3-mb .img-box .pc{display:block}
#oc-container .index__two-products-3-mb .img-box .tablet,#oc-container .index__two-products-3-mb .img-box .mobile{display:none}
#oc-container .index__two-products-3-mb .img-box .gt-mb{display:block}
}
@media(min-width:768px) and (max-width:1439.98px){#oc-container .index__two-products-3-mb .img-box .tablet{display:block}
#oc-container .index__two-products-3-mb .img-box .pc,#oc-container .index__two-products-3-mb .img-box .mobile{display:none}
#oc-container .index__two-products-3-mb .img-box .gt-mb{display:block}
}
@media(max-width:767.98px){#oc-container .index__two-products-3-mb .img-box .mobile{display:block}
#oc-container .index__two-products-3-mb .img-box .tablet,#oc-container .index__two-products-3-mb .img-box .pc{display:none}
#oc-container .index__two-products-3-mb .img-box .gt-mb{display:none}
}
@media(max-width:767.98px){#oc-container .index__two-products-3-mb{display:flex;padding:0 15px 24px;flex-direction:column;justify-content:flex-start}
#oc-container .index__two-products-3-mb .section-box{width:100%;margin-bottom:40px;order:1}
#oc-container .index__two-products-3-mb .section-box .img-box{width:100%}
#oc-container .index__two-products-3-mb .section-box .img-box img{width:100%}
#oc-container .index__two-products-3-mb .section-box .title{display:flex;align-items:center;font-size:20px;margin-top:16px;line-height:150%;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__two-products-3-mb .section-box .title a{border:0}
#oc-container .index__two-products-3-mb .section-box .tag{display:inline-block;text-transform:uppercase;margin-left:14px;color:#2ec84d;font-size:8px;line-height:14px;font-family:'OPPOSans-Ver2-Medium'}
html:lang(ar) #oc-container .index__two-products-3-mb .section-box .tag{margin-left:right;margin-right:14px;display:inline-block}
#oc-container .index__two-products-3-mb .section-box .desc{margin-top:3px;font-size:14px;line-height:170%;width:auto;opacity:1;text-align:left}
#oc-container .index__two-products-3-mb .section-box .actions{margin-top:10px;padding-bottom:4px}
#oc-container .index__two-products-3-mb .section-box .actions .learn-more,#oc-container .index__two-products-3-mb .section-box .actions .buy{font-size:12px;padding-bottom:2px;border-bottom:1px solid;margin-right:12px;font-weight:500;line-height:170%;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__two-products-3-mb .section-box .actions .learn-more:hover,#oc-container .index__two-products-3-mb .section-box .actions .buy:hover{opacity:.7}
#oc-container .index__two-products-3-mb .section-box .actions .learn-more:active,#oc-container .index__two-products-3-mb .section-box .actions .buy:active{opacity:1}
html:lang(ar) #oc-container .index__two-products-3-mb .section-box .actions .learn-more,html:lang(ar) #oc-container .index__two-products-3-mb .section-box .actions .buy{margin-right:unset;margin-left:20px}
#oc-container .index__two-products-3-mb .section-box .actions .learn-more{background-color:#000;display:inline-block;color:#fff;border:0;padding:6px 16px;border-radius:2px}
}
@media(max-width:767.98px) and (min-width:1024px) and (max-width:1439.98px){#oc-container .index__two-products-3-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__two-products-3-mb .section-box .desc{margin-top:5px;font-size:14px;line-height:24px}
}
@media(max-width:767.98px) and (min-width:768px) and (max-width:1023.98px){#oc-container .index__two-products-3-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__two-products-3-mb .section-box .desc{margin-top:5px;font-size:14px;line-height:24px}
#oc-container .index__two-products-3-mb .section-box .actions{margin-top:7px}
}
@media(max-width:767.98px) and (max-width:767.98px){#oc-container .index__two-products-3-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__two-products-3-mb .section-box .desc{margin-top:4px;font-size:14px;line-height:24px}
#oc-container .index__two-products-3-mb .section-box .actions{margin-top:9px}
#oc-container .index__two-products-3-mb .section-box .actions .learn-more,#oc-container .index__two-products-3-mb .section-box .actions .buy{margin-right:12px;font-size:12px;line-height:20px;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__two-products-3-mb .section-box .actions .learn-more{border-radius:2px}
}
@media(max-width:767.98px) and (min-width:1440px){#oc-container .index__two-products-3-mb .section-box .text-button1{transition:all .3s}
#oc-container .index__two-products-3-mb .section-box .text-button1:hover{opacity:.7}
#oc-container .index__two-products-3-mb .section-box .text-button1:active{opacity:1}
}
@media(max-width:767.98px){#oc-container .index__two-products-3-mb .cart-price{font-size:12px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:4px;margin-bottom:-9px}
#oc-container .index__two-products-3{display:none;padding:0 15px;flex-direction:column;justify-content:flex-start}
#oc-container .index__two-products-3 .wide{width:100%;margin-top:60px}
#oc-container .index__two-products-3 .narrow{width:100%}
}
@media(min-width:768px) and (max-width:1023.98px){.index__two-products-3{padding:0 40px}
.index__two-products-3 .wide{width:50.52vw}
.index__two-products-3 .narrow{width:27.24vw}
.index__two-products-3 .cart-price{font-size:16px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:12px;margin-bottom:-9px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__two-products-3{padding:0 50px}
.wide{width:52vw}
.narrow{width:26vw}
}
@media(min-width:1440px){.index__two-products-3{padding-bottom:128px !important}
.index__two-products-3 .product-card-wrapper{box-sizing:border-box;max-width:1312px;margin-left:auto;margin-right:auto}
.index__two-products-3 .product-card-wrapper .wide{width:745px}
.index__two-products-3 .product-card-wrapper .narrow{width:400px}
.index__two-products-3 .cart-price{font-size:16px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:12px;margin-bottom:-5px}
}
@media(min-width:768px){.new-ratio-two-cards-32 img{width:100% !important;height:100% !important}
}
@media(min-width:1440px){.new-ratio-two-cards-32 .wide{width:810px !important}
.new-ratio-two-cards-32 .wide .img-box{height:540px}
.new-ratio-two-cards-32 .narrow{width:360px !important}
.new-ratio-two-cards-32 .narrow .img-box{height:540px}
}
@media(min-width:768px) and (max-width:1439.98px){.new-ratio-two-cards-32 .wide{width:56.25vw}
.new-ratio-two-cards-32 .wide .img-box{height:37.5vw}
.new-ratio-two-cards-32 .narrow{width:25vw}
.new-ratio-two-cards-32 .narrow .img-box{height:37.5vw}
}
@media(min-width:768px){.new-ratio-two-cards-34 img{width:100% !important;height:100% !important}
}
@media(min-width:1440px){.new-ratio-two-cards-34 .wide{width:746.66667px !important}
.new-ratio-two-cards-34 .wide .img-box{height:560px}
.new-ratio-two-cards-34 .narrow{width:420px !important}
.new-ratio-two-cards-34 .narrow .img-box{height:560px}
}
@media(min-width:768px) and (max-width:1439.98px){.new-ratio-two-cards-34 .wide{width:51.85333vw}
.new-ratio-two-cards-34 .wide .img-box{height:38.89vw}
.new-ratio-two-cards-34 .narrow{width:29.1675vw}
.new-ratio-two-cards-34 .narrow .img-box{height:38.89vw}
}
@media(min-width:768px){.new-ratio-two-cards-32-34 img{width:100% !important;height:100% !important}
}
@media(min-width:1440px){.new-ratio-two-cards-32-34 .wide{width:801px !important}
.new-ratio-two-cards-32-34 .wide .img-box{height:534px}
.new-ratio-two-cards-32-34 .narrow{width:400.5px !important}
.new-ratio-two-cards-32-34 .narrow .img-box{height:534px}
}
@media(min-width:1024px) and (max-width:1439.98px){.new-ratio-two-cards-32-34 .wide{width:52.005vw}
.new-ratio-two-cards-32-34 .wide .img-box{height:34.67vw}
.new-ratio-two-cards-32-34 .narrow{width:26.0025vw}
.new-ratio-two-cards-32-34 .narrow .img-box{height:34.67vw}
}
@media(min-width:768px) and (max-width:1023.98px){.new-ratio-two-cards-32-34 .wide{width:55.47vw}
.new-ratio-two-cards-32-34 .wide .img-box{height:36.98vw}
.new-ratio-two-cards-32-34 .narrow{width:27.735vw}
.new-ratio-two-cards-32-34 .narrow .img-box{height:36.98vw}
}
@media(max-width:767.98px){.info{display:flex;margin-bottom:24px;justify-content:space-between;align-items:center;padding-top:64px}
.info .product-card-title{font-family:'OPPOSans-Ver2-Regular';font-size:20px;line-height:26px}
.info .product-card-link a{font-size:14px;line-height:170%;font-family:'OPPOSans-Ver2-Regular';color:#000;border-bottom:1px solid #000}
}
@media(min-width:768px) and (max-width:1023.98px){.info{display:flex;margin-bottom:24px;justify-content:space-between;align-items:center;padding-top:64px}
.info .product-card-title{font-family:'OPPOSans-Ver2-Regular';font-size:20px;line-height:26px}
.info .product-card-link a{font-size:14px;line-height:170%;font-family:'OPPOSans-Ver2-Regular';color:#000;border-bottom:1px solid #000}
}
@media(min-width:1024px) and (max-width:1439.98px){.product-card-wrapper .info{margin-bottom:48px;display:flex;justify-content:space-between;align-items:center;padding-top:64px}
.product-card-wrapper .info .product-card-title{font-size:42px;font-family:'OPPOSans-Ver2-Regular';line-height:120%}
.product-card-wrapper .info .product-card-link a{font-size:14px;line-height:170%;color:#000;border-bottom:1px solid #000}
}
@media(min-width:1440px){.product-card-wrapper .info{margin-bottom:48px;display:flex;justify-content:space-between;align-items:center;padding-top:128px}
.product-card-wrapper .info .product-card-title{font-size:42px;font-family:'OPPOSans-Ver2-Regular';line-height:120%}
.product-card-wrapper .info .product-card-link a{font-size:18px;line-height:150%;color:#000;border-bottom:1px solid #000}
}
#oc-container .index__three-products-1{padding-bottom:64px;background-size:100% 100%;background-repeat:no-repeat}
#oc-container .index__three-products-1 .cart-price{font-size:16px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:12px;margin-bottom:-5px}
#oc-container .index__three-products-1 .product-card-content{display:flex;justify-content:space-between}
#oc-container .index__three-products-1 .product-card-content .wide img{width:100%}
#oc-container .index__three-products-1 .product-card-content .narrow img{width:100%}
#oc-container .index__three-products-1 .product-card-content .narrow .item{margin-top:53px}
#oc-container .index__three-products-1 .product-card-content .narrow .item-first{margin-top:0}
@media(min-width:1440px){#oc-container .index__three-products-1 .product-card-content .img-box .pc{display:block}
#oc-container .index__three-products-1 .product-card-content .img-box .tablet,#oc-container .index__three-products-1 .product-card-content .img-box .mobile{display:none}
#oc-container .index__three-products-1 .product-card-content .img-box .gt-mb{display:block}
}
@media(min-width:768px) and (max-width:1439.98px){#oc-container .index__three-products-1 .product-card-content .img-box .tablet{display:block}
#oc-container .index__three-products-1 .product-card-content .img-box .pc,#oc-container .index__three-products-1 .product-card-content .img-box .mobile{display:none}
#oc-container .index__three-products-1 .product-card-content .img-box .gt-mb{display:block}
}
@media(max-width:767.98px){#oc-container .index__three-products-1 .product-card-content .img-box .mobile{display:block}
#oc-container .index__three-products-1 .product-card-content .img-box .tablet,#oc-container .index__three-products-1 .product-card-content .img-box .pc{display:none}
#oc-container .index__three-products-1 .product-card-content .img-box .gt-mb{display:none}
}
#oc-container .index__three-products-1 .product-card-content .title{display:flex;align-items:center;font-size:20px;margin-top:16px;line-height:150%;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__three-products-1 .product-card-content .title a{border:0}
#oc-container .index__three-products-1 .product-card-content .tag{display:inline-block;text-transform:uppercase;margin-left:14px;color:#2ec84d;font-size:8px;line-height:14px;font-family:'OPPOSans-Ver2-Medium'}
html:lang(ar) #oc-container .index__three-products-1 .product-card-content .tag{margin-left:right;margin-right:14px;display:inline-block}
#oc-container .index__three-products-1 .product-card-content .desc{margin-top:3px;font-size:14px;line-height:170%;width:auto;opacity:1;text-align:left}
#oc-container .index__three-products-1 .product-card-content .actions{margin-top:10px;padding-bottom:4px}
#oc-container .index__three-products-1 .product-card-content .actions .learn-more,#oc-container .index__three-products-1 .product-card-content .actions .buy{font-size:12px;padding-bottom:2px;border-bottom:1px solid;margin-right:12px;font-weight:500;line-height:170%;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__three-products-1 .product-card-content .actions .learn-more:hover,#oc-container .index__three-products-1 .product-card-content .actions .buy:hover{opacity:.7}
#oc-container .index__three-products-1 .product-card-content .actions .learn-more:active,#oc-container .index__three-products-1 .product-card-content .actions .buy:active{opacity:1}
html:lang(ar) #oc-container .index__three-products-1 .product-card-content .actions .learn-more,html:lang(ar) #oc-container .index__three-products-1 .product-card-content .actions .buy{margin-right:unset;margin-left:20px}
#oc-container .index__three-products-1 .product-card-content .actions .learn-more{background-color:#000;display:inline-block;color:#fff;border:0;padding:6px 16px;border-radius:2px}
@media(min-width:1024px) and (max-width:1439.98px){#oc-container .index__three-products-1 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__three-products-1 .product-card-content .desc{margin-top:5px;font-size:14px;line-height:24px}
}
@media(min-width:768px) and (max-width:1023.98px){#oc-container .index__three-products-1 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__three-products-1 .product-card-content .desc{margin-top:5px;font-size:14px;line-height:24px}
#oc-container .index__three-products-1 .product-card-content .actions{margin-top:7px}
}
@media(max-width:767.98px){#oc-container .index__three-products-1 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__three-products-1 .product-card-content .desc{margin-top:4px;font-size:14px;line-height:24px}
#oc-container .index__three-products-1 .product-card-content .actions{margin-top:9px}
#oc-container .index__three-products-1 .product-card-content .actions .learn-more,#oc-container .index__three-products-1 .product-card-content .actions .buy{margin-right:12px;font-size:12px;line-height:20px;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__three-products-1 .product-card-content .actions .learn-more{border-radius:2px}
}
@media(min-width:1440px){#oc-container .index__three-products-1 .product-card-content .text-button1{transition:all .3s}
#oc-container .index__three-products-1 .product-card-content .text-button1:hover{opacity:.7}
#oc-container .index__three-products-1 .product-card-content .text-button1:active{opacity:1}
}
@media(min-width:1440px){#oc-container .index__three-products-1 .product-card-content .img-box{overflow:hidden}
#oc-container .index__three-products-1 .product-card-content .img-box.gif img{opacity:1;transform:scale(1)}
#oc-container .index__three-products-1 .product-card-content .img-box:not(.gif):hover img{transform:scale(1);opacity:.9}
#oc-container .index__three-products-1 .product-card-content .img-box img{width:100%;transform:scale(1.1);transition:all .3s}
}
#oc-container .index__three-products-1-mb{display:none}
@media(min-width:1440px){#oc-container .index__three-products-1-mb .img-box .pc{display:block}
#oc-container .index__three-products-1-mb .img-box .tablet,#oc-container .index__three-products-1-mb .img-box .mobile{display:none}
#oc-container .index__three-products-1-mb .img-box .gt-mb{display:block}
}
@media(min-width:768px) and (max-width:1439.98px){#oc-container .index__three-products-1-mb .img-box .tablet{display:block}
#oc-container .index__three-products-1-mb .img-box .pc,#oc-container .index__three-products-1-mb .img-box .mobile{display:none}
#oc-container .index__three-products-1-mb .img-box .gt-mb{display:block}
}
@media(max-width:767.98px){#oc-container .index__three-products-1-mb .img-box .mobile{display:block}
#oc-container .index__three-products-1-mb .img-box .tablet,#oc-container .index__three-products-1-mb .img-box .pc{display:none}
#oc-container .index__three-products-1-mb .img-box .gt-mb{display:none}
}
@media(max-width:767.98px){#oc-container .index__two-products-3-mb{display:flex;padding:0 15px 24px;flex-direction:column;justify-content:flex-start}
#oc-container .index__two-products-3-mb .section-box{width:100%;margin-bottom:40px;order:1}
#oc-container .index__two-products-3-mb .section-box .img-box{width:100%}
#oc-container .index__two-products-3-mb .section-box .img-box img{width:100%}
#oc-container .index__two-products-3-mb .section-box .title{display:flex;align-items:center;font-size:20px;margin-top:16px;line-height:150%;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__two-products-3-mb .section-box .title a{border:0}
#oc-container .index__two-products-3-mb .section-box .tag{display:inline-block;text-transform:uppercase;margin-left:14px;color:#2ec84d;font-size:8px;line-height:14px;font-family:'OPPOSans-Ver2-Medium'}
html:lang(ar) #oc-container .index__two-products-3-mb .section-box .tag{margin-left:right;margin-right:14px;display:inline-block}
#oc-container .index__two-products-3-mb .section-box .desc{margin-top:3px;font-size:14px;line-height:170%;width:auto;opacity:1;text-align:left}
#oc-container .index__two-products-3-mb .section-box .actions{margin-top:10px;padding-bottom:4px}
#oc-container .index__two-products-3-mb .section-box .actions .learn-more,#oc-container .index__two-products-3-mb .section-box .actions .buy{font-size:12px;padding-bottom:2px;border-bottom:1px solid;margin-right:12px;font-weight:500;line-height:170%;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__two-products-3-mb .section-box .actions .learn-more:hover,#oc-container .index__two-products-3-mb .section-box .actions .buy:hover{opacity:.7}
#oc-container .index__two-products-3-mb .section-box .actions .learn-more:active,#oc-container .index__two-products-3-mb .section-box .actions .buy:active{opacity:1}
html:lang(ar) #oc-container .index__two-products-3-mb .section-box .actions .learn-more,html:lang(ar) #oc-container .index__two-products-3-mb .section-box .actions .buy{margin-right:unset;margin-left:20px}
#oc-container .index__two-products-3-mb .section-box .actions .learn-more{background-color:#000;display:inline-block;color:#fff;border:0;padding:6px 16px;border-radius:2px}
}
@media(max-width:767.98px) and (min-width:1024px) and (max-width:1439.98px){#oc-container .index__two-products-3-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__two-products-3-mb .section-box .desc{margin-top:5px;font-size:14px;line-height:24px}
}
@media(max-width:767.98px) and (min-width:768px) and (max-width:1023.98px){#oc-container .index__two-products-3-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__two-products-3-mb .section-box .desc{margin-top:5px;font-size:14px;line-height:24px}
#oc-container .index__two-products-3-mb .section-box .actions{margin-top:7px}
}
@media(max-width:767.98px) and (max-width:767.98px){#oc-container .index__two-products-3-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__two-products-3-mb .section-box .desc{margin-top:4px;font-size:14px;line-height:24px}
#oc-container .index__two-products-3-mb .section-box .actions{margin-top:9px}
#oc-container .index__two-products-3-mb .section-box .actions .learn-more,#oc-container .index__two-products-3-mb .section-box .actions .buy{margin-right:12px;font-size:12px;line-height:20px;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__two-products-3-mb .section-box .actions .learn-more{border-radius:2px}
}
@media(max-width:767.98px) and (min-width:1440px){#oc-container .index__two-products-3-mb .section-box .text-button1{transition:all .3s}
#oc-container .index__two-products-3-mb .section-box .text-button1:hover{opacity:.7}
#oc-container .index__two-products-3-mb .section-box .text-button1:active{opacity:1}
}
@media(max-width:767.98px){#oc-container .index__two-products-3{display:none;padding:0 15px;flex-direction:column;justify-content:flex-start}
#oc-container .index__two-products-3 .wide{width:100%;margin-top:60px}
#oc-container .index__two-products-3 .narrow{width:100%}
#oc-container .index__three-products-1-mb{display:flex;padding:0 15px 24px;flex-direction:column;justify-content:flex-start}
#oc-container .index__three-products-1-mb .section-box{width:100%;margin-bottom:40px;order:1}
#oc-container .index__three-products-1-mb .section-box .img-box{width:100%}
#oc-container .index__three-products-1-mb .section-box .img-box img{width:100%}
#oc-container .index__three-products-1-mb .section-box .title{display:flex;align-items:center;font-size:20px;margin-top:16px;line-height:150%;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__three-products-1-mb .section-box .title a{border:0}
#oc-container .index__three-products-1-mb .section-box .tag{display:inline-block;text-transform:uppercase;margin-left:14px;color:#2ec84d;font-size:8px;line-height:14px;font-family:'OPPOSans-Ver2-Medium'}
html:lang(ar) #oc-container .index__three-products-1-mb .section-box .tag{margin-left:right;margin-right:14px;display:inline-block}
#oc-container .index__three-products-1-mb .section-box .desc{margin-top:3px;font-size:14px;line-height:170%;width:auto;opacity:1;text-align:left}
#oc-container .index__three-products-1-mb .section-box .actions{margin-top:10px;padding-bottom:4px}
#oc-container .index__three-products-1-mb .section-box .actions .learn-more,#oc-container .index__three-products-1-mb .section-box .actions .buy{font-size:12px;padding-bottom:2px;border-bottom:1px solid;margin-right:12px;font-weight:500;line-height:170%;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__three-products-1-mb .section-box .actions .learn-more:hover,#oc-container .index__three-products-1-mb .section-box .actions .buy:hover{opacity:.7}
#oc-container .index__three-products-1-mb .section-box .actions .learn-more:active,#oc-container .index__three-products-1-mb .section-box .actions .buy:active{opacity:1}
html:lang(ar) #oc-container .index__three-products-1-mb .section-box .actions .learn-more,html:lang(ar) #oc-container .index__three-products-1-mb .section-box .actions .buy{margin-right:unset;margin-left:20px}
#oc-container .index__three-products-1-mb .section-box .actions .learn-more{background-color:#000;display:inline-block;color:#fff;border:0;padding:6px 16px;border-radius:2px}
}
@media(max-width:767.98px) and (min-width:1024px) and (max-width:1439.98px){#oc-container .index__three-products-1-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__three-products-1-mb .section-box .desc{margin-top:5px;font-size:14px;line-height:24px}
}
@media(max-width:767.98px) and (min-width:768px) and (max-width:1023.98px){#oc-container .index__three-products-1-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__three-products-1-mb .section-box .desc{margin-top:5px;font-size:14px;line-height:24px}
#oc-container .index__three-products-1-mb .section-box .actions{margin-top:7px}
}
@media(max-width:767.98px) and (max-width:767.98px){#oc-container .index__three-products-1-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__three-products-1-mb .section-box .desc{margin-top:4px;font-size:14px;line-height:24px}
#oc-container .index__three-products-1-mb .section-box .actions{margin-top:9px}
#oc-container .index__three-products-1-mb .section-box .actions .learn-more,#oc-container .index__three-products-1-mb .section-box .actions .buy{margin-right:12px;font-size:12px;line-height:20px;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__three-products-1-mb .section-box .actions .learn-more{border-radius:2px}
}
@media(max-width:767.98px) and (min-width:1440px){#oc-container .index__three-products-1-mb .section-box .text-button1{transition:all .3s}
#oc-container .index__three-products-1-mb .section-box .text-button1:hover{opacity:.7}
#oc-container .index__three-products-1-mb .section-box .text-button1:active{opacity:1}
}
@media(max-width:767.98px){#oc-container .index__three-products-1-mb .cart-price{font-size:12px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:4px;margin-bottom:-9px}
#oc-container .index__three-products-1{display:none;padding:0 15px;flex-direction:column;justify-content:flex-start}
#oc-container .index__three-products-1 .wide{width:100%}
#oc-container .index__three-products-1 .wide img{max-width:100%}
#oc-container .index__three-products-1 .narrow{margin-top:40px;width:100%}
#oc-container .index__three-products-1 .narrow img{max-width:100%}
#oc-container .index__three-products-1 .narrow .item{margin-top:40px}
#oc-container .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 50px}
.index__three-products-1 .wide{width:522px}
.index__three-products-1 .wide img{height:567px}
.index__three-products-1 .narrow{width:281px}
.index__three-products-1 .narrow img{height:210px}
.index__three-products-1 .cart-price{font-size:16px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:12px;margin-bottom:-9px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__three-products-1{padding:0 40px}
.index__three-products-1 .wide{width:50.52vw}
.index__three-products-1 .wide img{max-width:100%;height:466px}
.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:34px}
.index__three-products-1 .narrow .item-first{margin-top:0}
}
@media(min-width:1440px){.index__three-products-1{padding-bottom:128px !important}
.index__three-products-1 .product-card-wrapper{box-sizing:border-box;max-width:1312px;margin-left:auto;margin-right:auto}
.index__three-products-1 .product-card-wrapper .wide{width:745px}
.index__three-products-1 .product-card-wrapper .narrow{width:400px}
.index__three-products-1 .cart-price{font-size:16px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:12px;margin-bottom:-5px}
}
@media(min-width:768px){.new-ratio-three-cards img{width:100% !important;height:100% !important}
}
@media(min-width:1440px){.new-ratio-three-cards .wide{width:652px !important}
.new-ratio-three-cards .wide .img-box{height:869.33333px}
.new-ratio-three-cards .narrow{width:490px !important;display:flex;flex-direction:column;justify-content:space-between}
.new-ratio-three-cards .narrow .img-box{height:326.66667px}
.new-ratio-three-cards .narrow .item:last-child{margin-top:102px}
}
@media(min-width:768px) and (max-width:1439.98px){.new-ratio-three-cards .wide{width:45.28vw}
.new-ratio-three-cards .wide .img-box{height:60.37333vw}
.new-ratio-three-cards .narrow{width:34.03vw}
.new-ratio-three-cards .narrow .img-box{height:22.68667vw}
.new-ratio-three-cards .narrow .item:last-child{margin-top:62px}
}
@media(min-width:768px) and (max-width:1023.98px){.new-ratio-three-cards .narrow .item:last-child{margin-top:28px}
}
@media(max-width:767.98px){.info{display:flex;margin-bottom:24px;justify-content:space-between;align-items:center;padding-top:64px}
.info .product-card-title{font-family:'OPPOSans-Ver2-Regular';font-size:20px;line-height:26px}
.info .product-card-link a{font-size:14px;line-height:170%;font-family:'OPPOSans-Ver2-Regular';color:#000;border-bottom:1px solid #000}
}
@media(min-width:768px) and (max-width:1023.98px){.info{display:flex;margin-bottom:24px;justify-content:space-between;align-items:center;padding-top:64px}
.info .product-card-title{font-family:'OPPOSans-Ver2-Regular';font-size:20px;line-height:26px}
.info .product-card-link a{font-size:14px;line-height:170%;font-family:'OPPOSans-Ver2-Regular';color:#000;border-bottom:1px solid #000}
}
@media(min-width:1024px) and (max-width:1439.98px){.product-card-wrapper .info{margin-bottom:48px;display:flex;justify-content:space-between;align-items:center;padding-top:64px}
.product-card-wrapper .info .product-card-title{font-size:42px;font-family:'OPPOSans-Ver2-Regular';line-height:120%}
.product-card-wrapper .info .product-card-link a{font-size:14px;line-height:170%;color:#000;border-bottom:1px solid #000}
}
@media(min-width:1440px){.product-card-wrapper .info{margin-bottom:48px;display:flex;justify-content:space-between;align-items:center;padding-top:128px}
.product-card-wrapper .info .product-card-title{font-size:42px;font-family:'OPPOSans-Ver2-Regular';line-height:120%}
.product-card-wrapper .info .product-card-link a{font-size:18px;line-height:150%;color:#000;border-bottom:1px solid #000}
}
#oc-container .index__three-products-2{padding-bottom:64px;background-size:100% 100%;background-repeat:no-repeat}
#oc-container .index__three-products-2 .cart-price{font-size:16px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:12px;margin-bottom:-5px}
#oc-container .index__three-products-2 .product-card-content{display:flex;justify-content:space-between}
#oc-container .index__three-products-2 .product-card-content .wide img{width:100%}
#oc-container .index__three-products-2 .product-card-content .narrow img{width:100%}
#oc-container .index__three-products-2 .product-card-content .narrow .item{margin-top:53px}
#oc-container .index__three-products-2 .product-card-content .narrow .item-first{margin-top:0}
@media(min-width:1440px){#oc-container .index__three-products-2 .product-card-content .img-box .pc{display:block}
#oc-container .index__three-products-2 .product-card-content .img-box .tablet,#oc-container .index__three-products-2 .product-card-content .img-box .mobile{display:none}
#oc-container .index__three-products-2 .product-card-content .img-box .gt-mb{display:block}
}
@media(min-width:768px) and (max-width:1439.98px){#oc-container .index__three-products-2 .product-card-content .img-box .tablet{display:block}
#oc-container .index__three-products-2 .product-card-content .img-box .pc,#oc-container .index__three-products-2 .product-card-content .img-box .mobile{display:none}
#oc-container .index__three-products-2 .product-card-content .img-box .gt-mb{display:block}
}
@media(max-width:767.98px){#oc-container .index__three-products-2 .product-card-content .img-box .mobile{display:block}
#oc-container .index__three-products-2 .product-card-content .img-box .tablet,#oc-container .index__three-products-2 .product-card-content .img-box .pc{display:none}
#oc-container .index__three-products-2 .product-card-content .img-box .gt-mb{display:none}
}
#oc-container .index__three-products-2 .product-card-content .title{display:flex;align-items:center;font-size:20px;margin-top:16px;line-height:150%;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__three-products-2 .product-card-content .title a{border:0}
#oc-container .index__three-products-2 .product-card-content .tag{display:inline-block;text-transform:uppercase;margin-left:14px;color:#2ec84d;font-size:8px;line-height:14px;font-family:'OPPOSans-Ver2-Medium'}
html:lang(ar) #oc-container .index__three-products-2 .product-card-content .tag{margin-left:right;margin-right:14px;display:inline-block}
#oc-container .index__three-products-2 .product-card-content .desc{margin-top:3px;font-size:14px;line-height:170%;width:auto;opacity:1;text-align:left}
#oc-container .index__three-products-2 .product-card-content .actions{margin-top:10px;padding-bottom:4px}
#oc-container .index__three-products-2 .product-card-content .actions .learn-more,#oc-container .index__three-products-2 .product-card-content .actions .buy{font-size:12px;padding-bottom:2px;border-bottom:1px solid;margin-right:12px;font-weight:500;line-height:170%;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__three-products-2 .product-card-content .actions .learn-more:hover,#oc-container .index__three-products-2 .product-card-content .actions .buy:hover{opacity:.7}
#oc-container .index__three-products-2 .product-card-content .actions .learn-more:active,#oc-container .index__three-products-2 .product-card-content .actions .buy:active{opacity:1}
html:lang(ar) #oc-container .index__three-products-2 .product-card-content .actions .learn-more,html:lang(ar) #oc-container .index__three-products-2 .product-card-content .actions .buy{margin-right:unset;margin-left:20px}
#oc-container .index__three-products-2 .product-card-content .actions .learn-more{background-color:#000;display:inline-block;color:#fff;border:0;padding:6px 16px;border-radius:2px}
@media(min-width:1024px) and (max-width:1439.98px){#oc-container .index__three-products-2 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__three-products-2 .product-card-content .desc{margin-top:5px;font-size:14px;line-height:24px}
}
@media(min-width:768px) and (max-width:1023.98px){#oc-container .index__three-products-2 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__three-products-2 .product-card-content .desc{margin-top:5px;font-size:14px;line-height:24px}
#oc-container .index__three-products-2 .product-card-content .actions{margin-top:7px}
}
@media(max-width:767.98px){#oc-container .index__three-products-2 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__three-products-2 .product-card-content .desc{margin-top:4px;font-size:14px;line-height:24px}
#oc-container .index__three-products-2 .product-card-content .actions{margin-top:9px}
#oc-container .index__three-products-2 .product-card-content .actions .learn-more,#oc-container .index__three-products-2 .product-card-content .actions .buy{margin-right:12px;font-size:12px;line-height:20px;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__three-products-2 .product-card-content .actions .learn-more{border-radius:2px}
}
@media(min-width:1440px){#oc-container .index__three-products-2 .product-card-content .text-button1{transition:all .3s}
#oc-container .index__three-products-2 .product-card-content .text-button1:hover{opacity:.7}
#oc-container .index__three-products-2 .product-card-content .text-button1:active{opacity:1}
}
@media(min-width:1440px){#oc-container .index__three-products-2 .product-card-content .img-box{overflow:hidden}
#oc-container .index__three-products-2 .product-card-content .img-box.gif img{opacity:1;transform:scale(1)}
#oc-container .index__three-products-2 .product-card-content .img-box:not(.gif):hover img{transform:scale(1);opacity:.9}
#oc-container .index__three-products-2 .product-card-content .img-box img{width:100%;transform:scale(1.1);transition:all .3s}
}
#oc-container .index__three-products-2-mb{display:none}
@media(min-width:1440px){#oc-container .index__three-products-2-mb .img-box .pc{display:block}
#oc-container .index__three-products-2-mb .img-box .tablet,#oc-container .index__three-products-2-mb .img-box .mobile{display:none}
#oc-container .index__three-products-2-mb .img-box .gt-mb{display:block}
}
@media(min-width:768px) and (max-width:1439.98px){#oc-container .index__three-products-2-mb .img-box .tablet{display:block}
#oc-container .index__three-products-2-mb .img-box .pc,#oc-container .index__three-products-2-mb .img-box .mobile{display:none}
#oc-container .index__three-products-2-mb .img-box .gt-mb{display:block}
}
@media(max-width:767.98px){#oc-container .index__three-products-2-mb .img-box .mobile{display:block}
#oc-container .index__three-products-2-mb .img-box .tablet,#oc-container .index__three-products-2-mb .img-box .pc{display:none}
#oc-container .index__three-products-2-mb .img-box .gt-mb{display:none}
}
@media(max-width:767.98px){#oc-container .index__three-products-2-mb{display:flex;padding:0 15px 20px;flex-direction:column;justify-content:flex-start}
#oc-container .index__three-products-2-mb .cart-price{font-size:12px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:4px;margin-bottom:-9px}
#oc-container .index__three-products-2-mb .section-box{width:100%;margin-bottom:40px;order:1}
#oc-container .index__three-products-2-mb .section-box .img-box{width:100%}
#oc-container .index__three-products-2-mb .section-box .img-box img{width:100%}
#oc-container .index__three-products-2-mb .section-box .title{display:flex;align-items:center;font-size:20px;margin-top:16px;line-height:150%;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__three-products-2-mb .section-box .title a{border:0}
#oc-container .index__three-products-2-mb .section-box .tag{display:inline-block;text-transform:uppercase;margin-left:14px;color:#2ec84d;font-size:8px;line-height:14px;font-family:'OPPOSans-Ver2-Medium'}
html:lang(ar) #oc-container .index__three-products-2-mb .section-box .tag{margin-left:right;margin-right:14px;display:inline-block}
#oc-container .index__three-products-2-mb .section-box .desc{margin-top:3px;font-size:14px;line-height:170%;width:auto;opacity:1;text-align:left}
#oc-container .index__three-products-2-mb .section-box .actions{margin-top:10px;padding-bottom:4px}
#oc-container .index__three-products-2-mb .section-box .actions .learn-more,#oc-container .index__three-products-2-mb .section-box .actions .buy{font-size:12px;padding-bottom:2px;border-bottom:1px solid;margin-right:12px;font-weight:500;line-height:170%;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__three-products-2-mb .section-box .actions .learn-more:hover,#oc-container .index__three-products-2-mb .section-box .actions .buy:hover{opacity:.7}
#oc-container .index__three-products-2-mb .section-box .actions .learn-more:active,#oc-container .index__three-products-2-mb .section-box .actions .buy:active{opacity:1}
html:lang(ar) #oc-container .index__three-products-2-mb .section-box .actions .learn-more,html:lang(ar) #oc-container .index__three-products-2-mb .section-box .actions .buy{margin-right:unset;margin-left:20px}
#oc-container .index__three-products-2-mb .section-box .actions .learn-more{background-color:#000;display:inline-block;color:#fff;border:0;padding:6px 16px;border-radius:2px}
}
@media(max-width:767.98px) and (min-width:1024px) and (max-width:1439.98px){#oc-container .index__three-products-2-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .index__three-products-2-mb .section-box .desc{margin-top:5px;font-size:14px;line-height:24px}
}
@media(max-width:767.98px) and (min-width:768px) and (max-width:1023.98px){#oc-container .index__three-products-2-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__three-products-2-mb .section-box .desc{margin-top:5px;font-size:14px;line-height:24px}
#oc-container .index__three-products-2-mb .section-box .actions{margin-top:7px}
}
@media(max-width:767.98px) and (max-width:767.98px){#oc-container .index__three-products-2-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .index__three-products-2-mb .section-box .desc{margin-top:4px;font-size:14px;line-height:24px}
#oc-container .index__three-products-2-mb .section-box .actions{margin-top:9px}
#oc-container .index__three-products-2-mb .section-box .actions .learn-more,#oc-container .index__three-products-2-mb .section-box .actions .buy{margin-right:12px;font-size:12px;line-height:20px;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .index__three-products-2-mb .section-box .actions .learn-more{border-radius:2px}
}
@media(max-width:767.98px) and (min-width:1440px){#oc-container .index__three-products-2-mb .section-box .text-button1{transition:all .3s}
#oc-container .index__three-products-2-mb .section-box .text-button1:hover{opacity:.7}
#oc-container .index__three-products-2-mb .section-box .text-button1:active{opacity:1}
}
@media(max-width:767.98px){#oc-container .index__three-products-2{display:none;padding:0 15px;flex-direction:column;justify-content:flex-start}
#oc-container .index__three-products-2 .wide{margin-top:40px;width:100%}
#oc-container .index__three-products-2 .wide img{max-width:100%}
#oc-container .index__three-products-2 .narrow{width:100%}
#oc-container .index__three-products-2 .narrow img{max-width:100%}
#oc-container .index__three-products-2 .narrow .item{margin-top:40px}
#oc-container .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 50px}
.index__three-products-2 .wide{width:522px}
.index__three-products-2 .wide img{height:567px}
.index__three-products-2 .narrow{width:281px}
.index__three-products-2 .narrow img{height:210px}
}
@media(min-width:768px) and (max-width:1023.98px){.index__three-products-2{padding:0 40px}
.index__three-products-2 .wide{width:50.52vw}
.index__three-products-2 .wide img{max-width:100%;height:466px}
.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:34px}
.index__three-products-2 .narrow .item-first{margin-top:0}
}
@media(min-width:1440px){.index__three-products-2{padding-bottom:128px !important}
.index__three-products-2 .product-card-wrapper{box-sizing:border-box;max-width:1312px;margin-left:auto;margin-right:auto}
.index__three-products-2 .product-card-wrapper .wide{width:745px}
.index__three-products-2 .product-card-wrapper .narrow{width:400px}
}
@media(min-width:768px){.new-ratio-three-cards img{width:100% !important;height:100% !important}
}
@media(min-width:1440px){.new-ratio-three-cards .wide{width:652px !important}
.new-ratio-three-cards .wide .img-box{height:869.33333px}
.new-ratio-three-cards .narrow{width:490px !important;display:flex;flex-direction:column;justify-content:space-between}
.new-ratio-three-cards .narrow .img-box{height:326.66667px}
.new-ratio-three-cards .narrow .item:last-child{margin-top:102px}
}
@media(min-width:768px) and (max-width:1439.98px){.new-ratio-three-cards .wide{width:45.28vw}
.new-ratio-three-cards .wide .img-box{height:60.37333vw}
.new-ratio-three-cards .narrow{width:34.03vw}
.new-ratio-three-cards .narrow .img-box{height:22.68667vw}
.new-ratio-three-cards .narrow .item:last-child{margin-top:62px}
}
@media(min-width:768px) and (max-width:1023.98px){.new-ratio-three-cards .narrow .item:last-child{margin-top:28px}
}
@media(max-width:767.98px){.info{display:flex;margin-bottom:24px;justify-content:space-between;align-items:center;padding-top:64px}
.info .product-card-title{font-family:'OPPOSans-Ver2-Regular';font-size:20px;line-height:26px}
.info .product-card-link a{font-size:14px;line-height:170%;font-family:'OPPOSans-Ver2-Regular';color:#000;border-bottom:1px solid #000}
}
@media(min-width:768px) and (max-width:1023.98px){.info{display:flex;margin-bottom:24px;justify-content:space-between;align-items:center;padding-top:64px}
.info .product-card-title{font-family:'OPPOSans-Ver2-Regular';font-size:20px;line-height:26px}
.info .product-card-link a{font-size:14px;line-height:170%;font-family:'OPPOSans-Ver2-Regular';color:#000;border-bottom:1px solid #000}
}
@media(min-width:1024px) and (max-width:1439.98px){.product-card-wrapper .info{margin-bottom:48px;display:flex;justify-content:space-between;align-items:center;padding-top:64px}
.product-card-wrapper .info .product-card-title{font-size:42px;font-family:'OPPOSans-Ver2-Regular';line-height:120%}
.product-card-wrapper .info .product-card-link a{font-size:14px;line-height:170%;color:#000;border-bottom:1px solid #000}
}
@media(min-width:1440px){.product-card-wrapper .info{margin-bottom:48px;display:flex;justify-content:space-between;align-items:center;padding-top:128px}
.product-card-wrapper .info .product-card-title{font-size:42px;font-family:'OPPOSans-Ver2-Regular';line-height:120%}
.product-card-wrapper .info .product-card-link a{font-size:18px;line-height:150%;color:#000;border-bottom:1px solid #000}
}
#oc-container .product__three-products-2{padding-bottom:40px;background-size:100% 100%;background-repeat:no-repeat}
#oc-container .product__three-products-2 .cart-price{font-size:16px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:12px;margin-bottom:-5px}
#oc-container .product__three-products-2 .product-card-content{display:flex;justify-content:space-between}
@media(min-width:1440px){#oc-container .product__three-products-2 .product-card-content{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){#oc-container .product__three-products-2 .product-card-content{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){#oc-container .product__three-products-2 .product-card-content{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){#oc-container .product__three-products-2 .product-card-content{margin-top:0;margin-bottom:40px}
}
#oc-container .product__three-products-2 .product-card-content::before,#oc-container .product__three-products-2 .product-card-content::after{content:"";display:block}
#oc-container .product__three-products-2 .product-card-content .product-item{width:27.78vw}
#oc-container .product__three-products-2 .product-card-content .img-box{overflow:hidden}
@media(min-width:1440px){#oc-container .product__three-products-2 .product-card-content .img-box .pc{display:block}
#oc-container .product__three-products-2 .product-card-content .img-box .tablet,#oc-container .product__three-products-2 .product-card-content .img-box .mobile{display:none}
#oc-container .product__three-products-2 .product-card-content .img-box .gt-mb{display:block}
}
@media(min-width:768px) and (max-width:1439.98px){#oc-container .product__three-products-2 .product-card-content .img-box .tablet{display:block}
#oc-container .product__three-products-2 .product-card-content .img-box .pc,#oc-container .product__three-products-2 .product-card-content .img-box .mobile{display:none}
#oc-container .product__three-products-2 .product-card-content .img-box .gt-mb{display:block}
}
@media(max-width:767.98px){#oc-container .product__three-products-2 .product-card-content .img-box .mobile{display:block}
#oc-container .product__three-products-2 .product-card-content .img-box .tablet,#oc-container .product__three-products-2 .product-card-content .img-box .pc{display:none}
#oc-container .product__three-products-2 .product-card-content .img-box .gt-mb{display:none}
}
#oc-container .product__three-products-2 .product-card-content .img-box:hover img{transform:scale(1)}
#oc-container .product__three-products-2 .product-card-content .img-box img{width:100%;transform:scale(1.1);transition:all .3s}
#oc-container .product__three-products-2 .product-card-content .title{display:flex;align-items:center;font-size:20px;margin-top:16px;line-height:150%;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .product__three-products-2 .product-card-content .title a{border:0}
#oc-container .product__three-products-2 .product-card-content .tag{display:inline-block;text-transform:uppercase;margin-left:14px;color:#2ec84d;font-size:8px;line-height:14px;font-family:'OPPOSans-Ver2-Medium'}
html:lang(ar) #oc-container .product__three-products-2 .product-card-content .tag{margin-left:right;margin-right:14px;display:inline-block}
#oc-container .product__three-products-2 .product-card-content .desc{margin-top:3px;font-size:14px;line-height:170%;width:auto;opacity:1;text-align:left}
#oc-container .product__three-products-2 .product-card-content .actions{margin-top:10px;padding-bottom:4px}
#oc-container .product__three-products-2 .product-card-content .actions .learn-more,#oc-container .product__three-products-2 .product-card-content .actions .buy{font-size:12px;padding-bottom:2px;border-bottom:1px solid;margin-right:12px;font-weight:500;line-height:170%;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .product__three-products-2 .product-card-content .actions .learn-more:hover,#oc-container .product__three-products-2 .product-card-content .actions .buy:hover{opacity:.7}
#oc-container .product__three-products-2 .product-card-content .actions .learn-more:active,#oc-container .product__three-products-2 .product-card-content .actions .buy:active{opacity:1}
html:lang(ar) #oc-container .product__three-products-2 .product-card-content .actions .learn-more,html:lang(ar) #oc-container .product__three-products-2 .product-card-content .actions .buy{margin-right:unset;margin-left:20px}
#oc-container .product__three-products-2 .product-card-content .actions .learn-more{background-color:#000;display:inline-block;color:#fff;border:0;padding:6px 16px;border-radius:2px}
@media(min-width:1024px) and (max-width:1439.98px){#oc-container .product__three-products-2 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .product__three-products-2 .product-card-content .desc{margin-top:5px;font-size:14px;line-height:24px}
}
@media(min-width:768px) and (max-width:1023.98px){#oc-container .product__three-products-2 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .product__three-products-2 .product-card-content .desc{margin-top:5px;font-size:14px;line-height:24px}
#oc-container .product__three-products-2 .product-card-content .actions{margin-top:7px}
}
@media(max-width:767.98px){#oc-container .product__three-products-2 .product-card-content .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .product__three-products-2 .product-card-content .desc{margin-top:4px;font-size:14px;line-height:24px}
#oc-container .product__three-products-2 .product-card-content .actions{margin-top:9px}
#oc-container .product__three-products-2 .product-card-content .actions .learn-more,#oc-container .product__three-products-2 .product-card-content .actions .buy{margin-right:12px;font-size:12px;line-height:20px;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .product__three-products-2 .product-card-content .actions .learn-more{border-radius:2px}
}
@media(min-width:1440px){#oc-container .product__three-products-2 .product-card-content .text-button1{transition:all .3s}
#oc-container .product__three-products-2 .product-card-content .text-button1:hover{opacity:.7}
#oc-container .product__three-products-2 .product-card-content .text-button1:active{opacity:1}
}
#oc-container .product__three-products-2-mb{display:none}
@media(min-width:1440px){#oc-container .product__three-products-2-mb .img-box .pc{display:block}
#oc-container .product__three-products-2-mb .img-box .tablet,#oc-container .product__three-products-2-mb .img-box .mobile{display:none}
#oc-container .product__three-products-2-mb .img-box .gt-mb{display:block}
}
@media(min-width:768px) and (max-width:1439.98px){#oc-container .product__three-products-2-mb .img-box .tablet{display:block}
#oc-container .product__three-products-2-mb .img-box .pc,#oc-container .product__three-products-2-mb .img-box .mobile{display:none}
#oc-container .product__three-products-2-mb .img-box .gt-mb{display:block}
}
@media(max-width:767.98px){#oc-container .product__three-products-2-mb .img-box .mobile{display:block}
#oc-container .product__three-products-2-mb .img-box .tablet,#oc-container .product__three-products-2-mb .img-box .pc{display:none}
#oc-container .product__three-products-2-mb .img-box .gt-mb{display:none}
}
@media(max-width:767.98px){#oc-container .product__three-products-2-mb{display:flex;padding:0 15px;flex-direction:column;justify-content:flex-start}
#oc-container .product__three-products-2-mb .cart-price{font-size:12px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';padding-top:4px;margin-bottom:-9px}
#oc-container .product__three-products-2-mb .section-box{width:100%;margin-bottom:40px;order:1}
#oc-container .product__three-products-2-mb .section-box .img-box{width:100%}
#oc-container .product__three-products-2-mb .section-box .img-box img{width:100%}
#oc-container .product__three-products-2-mb .section-box .title{display:flex;align-items:center;font-size:20px;margin-top:16px;line-height:150%;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .product__three-products-2-mb .section-box .title a{border:0}
#oc-container .product__three-products-2-mb .section-box .tag{display:inline-block;text-transform:uppercase;margin-left:14px;color:#2ec84d;font-size:8px;line-height:14px;font-family:'OPPOSans-Ver2-Medium'}
html:lang(ar) #oc-container .product__three-products-2-mb .section-box .tag{margin-left:right;margin-right:14px;display:inline-block}
#oc-container .product__three-products-2-mb .section-box .desc{margin-top:3px;font-size:14px;line-height:170%;width:auto;opacity:1;text-align:left}
#oc-container .product__three-products-2-mb .section-box .actions{margin-top:10px;padding-bottom:4px}
#oc-container .product__three-products-2-mb .section-box .actions .learn-more,#oc-container .product__three-products-2-mb .section-box .actions .buy{font-size:12px;padding-bottom:2px;border-bottom:1px solid;margin-right:12px;font-weight:500;line-height:170%;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .product__three-products-2-mb .section-box .actions .learn-more:hover,#oc-container .product__three-products-2-mb .section-box .actions .buy:hover{opacity:.7}
#oc-container .product__three-products-2-mb .section-box .actions .learn-more:active,#oc-container .product__three-products-2-mb .section-box .actions .buy:active{opacity:1}
html:lang(ar) #oc-container .product__three-products-2-mb .section-box .actions .learn-more,html:lang(ar) #oc-container .product__three-products-2-mb .section-box .actions .buy{margin-right:unset;margin-left:20px}
#oc-container .product__three-products-2-mb .section-box .actions .learn-more{background-color:#000;display:inline-block;color:#fff;border:0;padding:6px 16px;border-radius:2px}
}
@media(max-width:767.98px) and (min-width:1024px) and (max-width:1439.98px){#oc-container .product__three-products-2-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px;font-family:'OPPOSans-Ver2-Medium'}
#oc-container .product__three-products-2-mb .section-box .desc{margin-top:5px;font-size:14px;line-height:24px}
}
@media(max-width:767.98px) and (min-width:768px) and (max-width:1023.98px){#oc-container .product__three-products-2-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .product__three-products-2-mb .section-box .desc{margin-top:5px;font-size:14px;line-height:24px}
#oc-container .product__three-products-2-mb .section-box .actions{margin-top:7px}
}
@media(max-width:767.98px) and (max-width:767.98px){#oc-container .product__three-products-2-mb .section-box .title{margin-top:12px;font-size:16px;line-height:21px}
#oc-container .product__three-products-2-mb .section-box .desc{margin-top:4px;font-size:14px;line-height:24px}
#oc-container .product__three-products-2-mb .section-box .actions{margin-top:9px}
#oc-container .product__three-products-2-mb .section-box .actions .learn-more,#oc-container .product__three-products-2-mb .section-box .actions .buy{margin-right:12px;font-size:12px;line-height:20px;font-family:'OPPOSans-Ver2-Regular'}
#oc-container .product__three-products-2-mb .section-box .actions .learn-more{border-radius:2px}
}
@media(max-width:767.98px) and (min-width:1440px){#oc-container .product__three-products-2-mb .section-box .text-button1{transition:all .3s}
#oc-container .product__three-products-2-mb .section-box .text-button1:hover{opacity:.7}
#oc-container .product__three-products-2-mb .section-box .text-button1:active{opacity:1}
}
@media(max-width:767.98px){#oc-container .product__three-products-2{display:none;flex-direction:column;align-items:center;padding:0 15px}
#oc-container .product__three-products-2 .product-item{margin-top:40px;width:100%}
#oc-container .product__three-products-2 .product-item:first-child{margin-top:0}
#oc-container .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 .product-card-wrapper{box-sizing:border-box;max-width:1312px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
.product__three-products-2 .product-card-wrapper .product-item{width:400px}
}
@media(max-width:767.98px){.info{display:flex;margin-bottom:24px;justify-content:space-between;align-items:center;padding-top:64px}
.info .product-card-title{font-family:'OPPOSans-Ver2-Regular';font-size:20px;line-height:26px}
.info .product-card-link a{font-size:14px;line-height:170%;font-family:'OPPOSans-Ver2-Regular';color:#000;border-bottom:1px solid #000}
}
@media(min-width:768px) and (max-width:1023.98px){.info{display:flex;margin-bottom:24px;justify-content:space-between;align-items:center;padding-top:64px}
.info .product-card-title{font-family:'OPPOSans-Ver2-Regular';font-size:20px;line-height:26px}
.info .product-card-link a{font-size:14px;line-height:170%;font-family:'OPPOSans-Ver2-Regular';color:#000;border-bottom:1px solid #000}
}
@media(min-width:1024px) and (max-width:1439.98px){.product-card-wrapper .info{margin-bottom:48px;display:flex;justify-content:space-between;align-items:center;padding-top:64px}
.product-card-wrapper .info .product-card-title{font-size:42px;font-family:'OPPOSans-Ver2-Regular';line-height:120%}
.product-card-wrapper .info .product-card-link a{font-size:14px;line-height:170%;color:#000;border-bottom:1px solid #000}
}
@media(min-width:1440px){.product-card-wrapper .info{margin-bottom:48px;display:flex;justify-content:space-between;align-items:center;padding-top:128px}
.product-card-wrapper .info .product-card-title{font-size:42px;font-family:'OPPOSans-Ver2-Regular';line-height:120%}
.product-card-wrapper .info .product-card-link a{font-size:18px;line-height:150%;color:#000;border-bottom:1px solid #000}
}
.accessories-list.to-left{animation:toLeft .3s ease forwards}
.accessories-list.to-right{animation:toRight .3s ease forwards}
@keyframes toLeft{from{transform:translateX(20%)}
to{transform:translateX(0)}
}
@keyframes toRight{from{transform:translateX(-20%)}
to{transform:translateX(0)}
}
.accessories-recommend_list{padding-top:54px;font-size:0;max-width:1320px;margin:auto}
.accessories-recommend_list .list-item{width:400px;height:394px;margin-bottom:60px;margin-right:60px;display:inline-block}
.accessories-recommend_list .list-item:nth-child(3n){margin-right:0}
.accessories-recommend_list .list-item.to-left{animation:toLeft .3s ease forwards}
.accessories-recommend_list .list-item.to-right{animation:toRight .3s ease forwards}
@keyframes toLeft{from{transform:translateX(20%)}
to{transform:translateX(0)}
}
@keyframes toRight{from{transform:translateX(-20%)}
to{transform:translateX(0)}
}
.accessories-recommend_list .list-item.staggered .img-box{overflow:hidden;position:relative}
@media(min-width:1440px){.accessories-recommend_list .list-item.staggered .img-box:hover .img:nth-of-type(1){transform:translate(-10px,-50%)}
.accessories-recommend_list .list-item.staggered .img-box:hover .img:nth-of-type(2){transform:translate(10px,-50%)}
}
.accessories-recommend_list .list-item.staggered .img-box .img{top:50%;width:auto;height:220px;position:absolute;transform:translateY(-50%);transition:transform .4s cubic-bezier(0,0,0.58,1)}
.accessories-recommend_list .list-item.staggered .img-box .img:first-of-type{z-index:1}
.accessories-recommend_list .list-item.staggered .img-box .img:nth-of-type(1){left:116px}
.accessories-recommend_list .list-item.staggered .img-box .img:nth-of-type(2){right:116px}
.accessories-recommend_list .list-item .img-box{height:300px;margin-bottom:10px;background:#f6f6f6;display:flex;justify-content:center;align-items:center;overflow:hidden}
@media(min-width:1440px){.accessories-recommend_list .list-item .img-box:hover img{transform:scale(1.1)}
}
.accessories-recommend_list .list-item .img-box img{width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;transition:transform .4s cubic-bezier(0,0,0.58,1)}
.accessories-recommend_list .list-item .title,.accessories-recommend_list .list-item .subtitle{font-size:16px;line-height:24px}
.accessories-recommend_list .list-item .title{font-weight:bold}
.accessories-recommend_list .list-item .subtitle{margin:5px 0 7px}
.accessories-recommend_list .list-item .price-box{font-size:13px;line-height:24px;display:flex;align-items:center}
.accessories-recommend_list .list-item .price-box .buy{margin-right:15px;border-bottom:1px solid #000}
.accessories-recommend_list .list-item .price-box .price{opacity:.5;font-weight:500}
.accessories-recommend_list .page-box{width:100%;height:46px;display:flex;margin-top:60px;align-items:center;justify-content:center}
.accessories-recommend_list .page-box li:not(:last-of-type){margin-right:20px}
.accessories-recommend_list .page-box li:last-of-type .page{width:55px;height:46px;display:flex;border-radius:50%;color:#000;align-items:center;justify-content:center;border:1px solid #000;transition:all .3s ease}
.accessories-recommend_list .page-box li:last-of-type .page:active,.accessories-recommend_list .page-box li:last-of-type .page:hover{height:55px}
.accessories-recommend_list .page-box .page{opacity:.7;color:#000;font-weight:bold;font-size:13px;line-height:24px;transition:color .3s ease}
.accessories-recommend_list .page-box .page:hover,.accessories-recommend_list .page-box .page.current-page{opacity:1}
@media(max-width:767.98px){.accessories-recommend_list{padding-top:40px;width:400px}
.accessories-recommend_list .list-item{width:158px;height:auto;margin-bottom:60px;margin-right:14px}
.accessories-recommend_list .list-item:nth-child(3n){margin-right:14px}
.accessories-recommend_list .list-item .img-box{height:188px}
.accessories-recommend_list .list-item .title,.accessories-recommend_list .list-item .subtitle{font-size:13px;line-height:20px}
.accessories-recommend_list .list-item .subtitle{margin:5px 0 8px}
.accessories-recommend_list .list-item .price-box .buy{margin-right:10px}
.accessories-recommend_list .list-item .price-box .price{line-height:19px}
.accessories-recommend_list .list-item.staggered .img-box .img:nth-of-type(1){right:50%;left:initial;transform:translate(10px,-50%)}
.accessories-recommend_list .list-item.staggered .img-box .img:nth-of-type(2){left:50%;right:initial;transform:translate(-10px,-50%)}
.accessories-recommend_list .page-box{display:none}
}
@media(min-width:768px) and (max-width:1023.98px){.accessories-recommend_list{width:750px}
.accessories-recommend_list .list-item{width:209px;height:241px;margin-bottom:40px;margin-right:30px}
.accessories-recommend_list .list-item .img-box{height:156px}
.accessories-recommend_list .list-item .title,.accessories-recommend_list .list-item .subtitle{font-size:13px;line-height:20px}
.accessories-recommend_list .list-item .subtitle{margin:5px 0 8px}
.accessories-recommend_list .list-item .price-box .buy{margin-right:10px}
.accessories-recommend_list .list-item .price-box .price{line-height:19px}
.accessories-recommend_list .list-item.staggered .img-box .img:nth-of-type(1){right:50%;left:initial;transform:translate(10px,-50%)}
.accessories-recommend_list .list-item.staggered .img-box .img:nth-of-type(2){left:50%;right:initial;transform:translate(-10px,-50%)}
.accessories-recommend_list .page-box{margin-top:50px}
}
@media(min-width:1024px) and (max-width:1439.98px){.accessories-main{padding:0 50px;margin:164px 0 120px}
.accessories-recommend_list{width:1000px}
.accessories-recommend_list .list-item{width:281px;height:331px;margin-right:40px}
.accessories-recommend_list .list-item .img-box{height:210px}
.accessories-recommend_list .list-item.staggered .img-box .img:nth-of-type(1){right:50%;left:initial;transform:translate(10px,-50%)}
.accessories-recommend_list .list-item.staggered .img-box .img:nth-of-type(2){left:50%;right:initial;transform:translate(-10px,-50%)}
}
.accessories-main{box-sizing:border-box;padding:0 60px;margin:0 0 180px}
.accessories-main .accessories-recommond{padding-top:103px}
@media(min-width:1024px) and (max-width:1439.98px){.accessories-main .accessories-recommond{padding-top:119px}
}
.clean-theme .accessories-main .accessories-recommond{padding-top:183px}
.accessories-main .accessories-recommond div.component_title{color:#000;height:110px;text-align:center;font-size:92px;line-height:110px}
.accessories-main .swiper-slide{height:20vh}
.accessories-main .accessories-type{margin-top:40px}
.accessories-main .tab-wrap{height:27px}
.accessories-main .type-box{margin-top:124px;max-width:1320px;margin:auto}
.accessories-main .fixed-wrap{overflow:auto;padding:5px 0;scrollbar-width:none}
.accessories-main .fixed-wrap::-webkit-scrollbar{display:none}
.accessories-main .fixed-wrap.fixed{position:fixed !important;top:0;left:0;right:0;box-shadow:0 2px 12px 0 rgba(0,0,0,0.15);z-index:10;padding:.2rem .6rem;background-color:rgba(255,255,255,0.95)}
@media screen and (max-width:1023px){.accessories-main .fixed-wrap.fixed.headerFixed{top:.4rem}
}
.accessories-main .type-nav{height:27px;font-size:20px;line-height:27px;max-width:1320px;margin:auto;color:#000;display:flex;align-items:center;justify-content:center;position:relative;width:fit-content;transition:all ease-in-out .2s}
.accessories-main .type-nav_item{opacity:.6;cursor:pointer;user-select:none;position:relative;white-space:nowrap}
.accessories-main .type-nav_item:not(:last-of-type){margin-right:20px}
.accessories-main .type-nav_item.active{opacity:1}
.accessories-main .type-nav_item.active:hover::after{display:none}
.accessories-main .type-list{display:flex;margin-top:50px;justify-content:center;overflow:hidden}
.accessories-main .type-list_item{height:825px;position:relative;width:100%;flex-shrink:0}
.accessories-main .type-list_item:not(:first-child){display:none}
.accessories-main .type-list_item.active{display:block}
.accessories-main .type-list_item.hide{display:none}
.accessories-main .type-list_item .item_link{display:block;height:100%;cursor:auto}
.accessories-main .type-list_item img{width:100%;height:100%}
.accessories-main .type-list_item img.mb_img{display:none}
.accessories-main .type-list_item.to-left{animation:toLeft .3s ease forwards}
.accessories-main .type-list_item.to-right{animation:toRight .3s ease forwards}
@keyframes toLeft{from{opacity:0;transform:translateX(20%)}
to{opacity:1;transform:translateX(0)}
}
@keyframes toRight{from{opacity:0;transform:translateX(-20%)}
to{opacity:1;transform:translateX(0)}
}
.accessories-main .type-list .description{width:100%;bottom:40px;position:absolute;display:flex;align-items:center;flex-direction:column;font-size:16px;line-height:24px}
.accessories-main .type-list .description.white{color:#fff}
.accessories-main .type-list .description.black{color:#000}
.accessories-main .type-list .description .title{font-weight:bold}
.accessories-main .type-list .description .subtitle{margin:5px auto 10px}
.accessories-main .type-list .description .price{font-size:13px}
.accessories-main .type-list .description .price .buy-btn{position:relative;margin-right:15px}
.accessories-main .type-list .description .price .buy-btn::after{content:"";width:100%;height:1px;bottom:-3px;left:0;position:absolute;background:currentColor}
.accessories-main .type-list .description .price .buy-btn a{color:currentColor}
@media(max-width:767.98px){.accessories-main{box-sizing:border-box;padding:0 15px;margin:0 0 80px;width:100vw;overflow-x:hidden}
.accessories-main .accessories-recommond{padding-top:62px}
.clean-theme .accessories-main .accessories-recommond{padding-top:110px}
.accessories-main .accessories-recommond div.component_title{height:47px;font-size:36px;line-height:47px}
.accessories-main .accessories-type{margin-top:31px}
.accessories-main .type-box{margin-top:62px}
.accessories-main .tab-wrap{height:19px}
.accessories-main .fixed-wrap.fixed{position:fixed !important;top:0;left:0;right:0;box-shadow:0 2px 12px 0 rgba(0,0,0,0.15);transition:top .1s ease;z-index:10;padding:.2rem .15rem}
}
@media screen and (max-width:767.98px) and (max-width:1023px){.accessories-main .fixed-wrap.fixed.headerFixed{top:.4rem}
}
@media(max-width:767.98px){.accessories-main .type-nav{height:19px;font-size:13px;line-height:19px;scrollbar-width:none}
.accessories-main .type-nav::-webkit-scrollbar{display:none}
.accessories-main .type-list{overflow:hidden}
.accessories-main .type-list_item{height:auto;width:100%;min-height:100px;flex-shrink:0}
.accessories-main .type-list_item img.mb_img{display:block}
.accessories-main .type-list_item img.pc_img{display:none}
.accessories-main .type-list .description{bottom:30px;font-size:13px;line-height:19px}
.accessories-main .type-list .description .subtitle{text-align:center;margin:6px auto 8px}
.accessories-main .type-list .description .price{display:flex;align-items:center}
.accessories-main .type-list .description .price .buy-btn{margin-right:10px;display:block}
.accessories-main .type-list .description .price .buy-btn a{display:block;height:24px;line-height:24px}
.accessories-main .type-list .description .price .buy-btn::after{bottom:0}
}
@media(min-width:768px) and (max-width:1439.98px){.accessories-main{width:100vw;overflow-x:hidden}
}
@media(min-width:768px) and (max-width:1023.98px){.accessories-main{box-sizing:border-box;padding:0 40px;margin:0 0 120px}
.accessories-main .accessories-recommond{padding-top:92px}
.clean-theme .accessories-main .accessories-recommond{padding-top:140px}
.accessories-main .accessories-recommond div.component_title{height:76px;font-size:64px;line-height:76px}
.accessories-main .accessories-type{margin-top:30px}
.accessories-main .type-box{margin-top:95px}
.accessories-main .tab-wrap{height:24px}
.accessories-main .type-nav{height:24px;font-size:16px;line-height:24px}
.accessories-main .type-nav.fixed{top:.52rem;z-index:10;left:.4rem;right:.4rem}
.accessories-main .fixed-wrap.fixed{position:fixed !important;top:0;left:0;right:0;box-shadow:0 2px 12px 0 rgba(0,0,0,0.15);z-index:10;padding:.2rem .5rem}
}
@media screen and (min-width:768px) and (max-width:1023.98px) and (max-width:1023px){.accessories-main .fixed-wrap.fixed.headerFixed{top:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.accessories-main .fixed-wrap.fixed{position:fixed !important;top:0;left:0;right:0;transition:top .1s ease;z-index:10;padding:20px 40px}
}
@media screen and (min-width:768px) and (max-width:1023.98px) and (max-width:1023px){.accessories-main .fixed-wrap.fixed.headerFixed{top:.4rem}
}
@media(min-width:768px) and (max-width:1023.98px){.accessories-main .type-list{overflow:hidden}
.accessories-main .type-list_item{height:430px;width:100%;flex-shrink:0}
.accessories-main .type-list .description{bottom:30px;font-size:13px;line-height:19px}
.accessories-main .type-list .description .subtitle{margin:5px auto 8px}
.accessories-main .type-list .description .price .buy-btn{margin-right:10px}
.accessories-main .type-list .description .price .buy-btn::after{bottom:-3px}
}
@media(min-width:1024px) and (max-width:1439.98px){.accessories-main{padding:0 50px}
.accessories-main .type-list_item{height:576px}
.accessories-main .fixed-wrap.fixed{position:fixed !important;top:0;left:0;right:0;transition:top .1s ease;z-index:10;padding:.2rem .5rem}
}
@media screen and (min-width:1024px) and (max-width:1439.98px) and (max-width:1023px){.accessories-main .fixed-wrap.fixed.headerFixed{top:.52rem}
}
@media(min-width:1440px){.accessories-main{padding:0}
.accessories-main .accessories-recommond{width:100vw;box-sizing:border-box;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}
.accessories-main .type-nav_item:hover{opacity:1}
.accessories-main .type-nav_item:hover::after{content:"";display:block;position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentcolor}
}
.gradient-bg{background:linear-gradient(180deg,#ffe6df 13%,#fff 71%);padding-bottom:140px}
.series__reno-banner .main{display:flex;position:relative;justify-content:space-between}
.series__reno-banner .main.flex .left-image{left:0;bottom:0;position:absolute}
.series__reno-banner .main.flex .left-image .left-image_box{background:url(../bitmap.html) no-repeat right top/244px 235px}
.series__reno-banner .main.flex .left-image .left-image_box .img{background:#ffd3c8}
.series__reno-banner .main.flex .left-image .cp-reno-2z-small{display:none}
.series__reno-banner .main.flex .right-image{width:745px}
@media(max-width:767.98px){.gradient-bg{padding-bottom:50px}
.series__reno-banner{margin-bottom:60px;padding:0}
.clean-theme .series__reno-banner{padding-top:48px}
.series__reno-banner .menu{height:81px;display:block;width:100%;box-sizing:border-box;font-size:12px;line-height:81px;overflow:scroll}
.series__reno-banner .menu::-webkit-scrollbar{display:none}
.series__reno-banner .menu-list{width:fit-content;white-space:nowrap}
.series__reno-banner .menu-list::-webkit-scrollbar{display:none}
.series__reno-banner .menu-list_item{display:inline;position:relative;font-size:13px;font-family:'OPPOSans-Ver2-Medium'}
.series__reno-banner .menu-list_item::after{content:'';right:0;bottom:-3px;left:0;height:1px;position:absolute;background:#000}
.series__reno-banner .menu-list_item:not(:last-of-type){margin-right:30px}
.series__reno-banner .menu-list_item:first-of-type{margin-left:15px}
.series__reno-banner .menu-list_item:last-of-type{margin-right:15px}
.series__reno-banner .menu-list_item.active{font-weight:bold;font-family:'OPPOSans-Ver2-Medium';font-size:13px;line-height:20px}
.series__reno-banner .menu-list_item.active::after{height:0}
.series__reno-banner .main{display:flex;overflow:hidden;flex-direction:column}
.series__reno-banner .main .right-image{order:1}
.series__reno-banner .main .text{order:2}
.series__reno-banner .main .left-image{order:3}
.series__reno-banner .main .right-image .img-box{width:100%;height:auto}
.series__reno-banner .main .cp-reno-2z-small{display:none}
.series__reno-banner .main .text{margin-bottom:56px}
}
@media(min-width:768px) and (max-width:1439.98px){.gradient-bg{padding-bottom:80px}
.series__reno-banner{margin-bottom:90px}
.series__reno-banner .main:not(.flex) .text{top:0;width:100%;min-height:168px;position:absolute}
.series__reno-banner .main:not(.flex) .text .top-reno-left-top{min-height:168px;position:relative}
.series__reno-banner .main:not(.flex) .text .top-reno-left-top h1{top:0;left:0;position:absolute}
.series__reno-banner .main:not(.flex) .text .top-reno-left-top .top-art-p{top:0;right:0;position:absolute}
.series__reno-banner .main:not(.flex) .text .top-reno-left-top .top-art-ul{right:0;bottom:0;position:absolute}
.series__reno-banner .main:not(.flex) .left-image{margin-top:235px}
.series__reno-banner .main:not(.flex) .right-image{margin-top:258px}
.series__reno-banner .main:not(.flex) .left-image>*:not(:last-of-type){margin-bottom:50px}
.series__reno-banner .main:not(.flex) .cp-reno-2z-small{display:block;width:27.0833vw}
.series__reno-banner .main:not(.flex) .cp-reno-2z-small .img-box-reno2z{height:20.3125vw}
}
@media(min-width:768px) and (max-width:1023.98px){.series__reno-banner{padding:88px 40px 0}
.clean-theme .series__reno-banner{padding-top:140px}
}
@media(min-width:1024px) and (max-width:1439.98px){.series__reno-banner{padding:71px 50px 0}
.clean-theme .series__reno-banner{padding-top:164px}
.series__reno-banner .main:not(.flex) .left-image{margin-right:99px;width:281px;margin-top:229px}
.series__reno-banner .main:not(.flex) .left-image .left-image_box{width:100%}
.series__reno-banner .main:not(.flex) .left-image .left-image_box .img{width:100%}
.series__reno-banner .main:not(.flex) .left-image .left-image_box .img img{height:auto}
}
@media(min-width:1440px){.series__reno-banner{box-sizing:border-box;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px;margin-bottom:120px;padding-top:115px}
.clean-theme .series__reno-banner{padding-top:208px}
}
.series-mb-menu{display:none}
@media(max-width:767.98px){.series-mb-menu{height:81px;display:block;width:100%;box-sizing:border-box;font-size:12px;line-height:81px;overflow:scroll}
.series-mb-menu::-webkit-scrollbar{display:none}
.series-mb-menu-list{width:fit-content;white-space:nowrap}
.series-mb-menu-list::-webkit-scrollbar{display:none}
.series-mb-menu-list_item{display:inline;position:relative;font-size:13px;font-family:'OPPOSans-Ver2-Medium'}
.series-mb-menu-list_item::after{content:'';right:0;bottom:0;left:0;height:1px;position:absolute;background:#000}
.android .series-mb-menu-list_item::after{bottom:-4px}
.series-mb-menu-list_item:not(:last-of-type){margin-right:30px}
.series-mb-menu-list_item:first-of-type{margin-left:15px}
.series-mb-menu-list_item:last-of-type{margin-right:15px}
.series-mb-menu-list_item.active{font-weight:bold;font-family:'OPPOSans-Ver2-Medium';font-size:13px;line-height:20px}
.series-mb-menu-list_item.active::after{height:0}
}
.reno-left-image_box{width:400px;padding:31px 44px 0 0;background:url(../bitmap.html) no-repeat right top/244px 235px}
.reno-left-image_box .img{width:400px;height:300px;overflow:hidden;position:relative;background:#ffd3c8}
.reno-left-image_box .img .link{display:block;height:100%;position:relative}
.reno-left-image_box .img img{width:200px;height:auto;position:absolute;bottom:0;left:0;right:0;margin:auto}
.reno-left-image_box .img img.animate{animation:fade-up .5s ease forwards}
.reno-left-image_box .img img.animate:first-of-type{height:260px}
.reno-left-image_box .img img.animate:last-of-type{display:none;height:260px}
.reno-left-image_box .img:hover .animate:first-of-type{animation:fade-down .5s ease forwards}
.reno-left-image_box .img:hover .animate:last-of-type{display:inline;animation:fade-up .5s ease forwards}
@keyframes fade-down{from{opacity:1;transform:translateY(0)}
to{opacity:0;transform:translateY(50%)}
}
@keyframes fade-up{from{opacity:0;transform:translateY(50%)}
to{opacity:1;transform:translateY(0)}
}
.reno-left-image_box .title{display:flex;align-items:center;font-size:20px;margin-top:16px;line-height:150%;font-family:'OPPOSans-Ver2-Medium'}
.reno-left-image_box .title a{border:0}
.reno-left-image_box .tag{display:inline-block;text-transform:uppercase;margin-left:14px;color:#2ec84d;font-size:8px;line-height:14px;font-family:'OPPOSans-Ver2-Medium'}
html:lang(ar) .reno-left-image_box .tag{margin-left:right;margin-right:14px;display:inline-block}
.reno-left-image_box .desc{margin-top:3px;font-size:14px;line-height:170%;width:auto;opacity:1;text-align:left}
.reno-left-image_box .actions{margin-top:10px;padding-bottom:4px}
.reno-left-image_box .actions .learn-more,.reno-left-image_box .actions .buy{font-size:12px;padding-bottom:2px;border-bottom:1px solid;margin-right:12px;font-weight:500;line-height:170%;font-family:'OPPOSans-Ver2-Regular'}
.reno-left-image_box .actions .learn-more:hover,.reno-left-image_box .actions .buy:hover{opacity:.7}
.reno-left-image_box .actions .learn-more:active,.reno-left-image_box .actions .buy:active{opacity:1}
html:lang(ar) .reno-left-image_box .actions .learn-more,html:lang(ar) .reno-left-image_box .actions .buy{margin-right:unset;margin-left:20px}
.reno-left-image_box .actions .learn-more{background-color:#000;display:inline-block;color:#fff;border:0;padding:6px 16px;border-radius:2px}
@media(min-width:1024px) and (max-width:1439.98px){.reno-left-image_box .title{margin-top:12px;font-size:16px;line-height:21px;font-family:'OPPOSans-Ver2-Medium'}
.reno-left-image_box .desc{margin-top:5px;font-size:14px;line-height:24px}
}
@media(min-width:768px) and (max-width:1023.98px){.reno-left-image_box .title{margin-top:12px;font-size:16px;line-height:21px}
.reno-left-image_box .desc{margin-top:5px;font-size:14px;line-height:24px}
.reno-left-image_box .actions{margin-top:7px}
}
@media(max-width:767.98px){.reno-left-image_box .title{margin-top:12px;font-size:16px;line-height:21px}
.reno-left-image_box .desc{margin-top:4px;font-size:14px;line-height:24px}
.reno-left-image_box .actions{margin-top:9px}
.reno-left-image_box .actions .learn-more,.reno-left-image_box .actions .buy{margin-right:12px;font-size:12px;line-height:20px;font-family:'OPPOSans-Ver2-Regular'}
.reno-left-image_box .actions .learn-more{border-radius:2px}
}
@media(min-width:1440px){.reno-left-image_box .text-button1{transition:all .3s}
.reno-left-image_box .text-button1:hover{opacity:.7}
.reno-left-image_box .text-button1:active{opacity:1}
}
.reno-left-image_box .tag{color:rgba(0,0,0,0.5) !important}
@media(min-width:768px) and (max-width:1439.98px){.reno-left-image_box .single-image img{max-width:100% !important;max-height:100% !important;width:400px !important;height:300px !important;top:0 !important}
}
@media(min-width:768px) and (max-width:1023.98px){.reno-left-image_box{width:208px;padding:22px 28px 0 0;background-size:142px 136px}
.reno-left-image_box .img{width:27.0833vw;height:20.3125vw}
.reno-left-image_box .img img:first-of-type{top:55%}
.reno-left-image_box .img img:first-of-type,.reno-left-image_box .img img:last-of-type{width:100px;height:auto}
}
@media(max-width:767.98px){.reno-left-image_box{width:100%;padding:34px 15px 0;box-sizing:border-box;background-size:223px 235px;background-position-x:115%}
.reno-left-image_box .img{width:100%;height:250px}
.reno-left-image_box .img img.animate:first-of-type,.reno-left-image_box .img img.animate:last-of-type{width:auto;height:220px}
.reno-left-image_box .title{top:15px}
.reno-left-image_box .actions{top:6px}
}
.right-image_box{overflow:hidden;position:relative}
.right-image_box .img-box{width:745px}
.right-image_box .img-box .img{width:100%;height:auto;transform:scale(1.05)}
.right-image_box .subtitle,.right-image_box .title,.right-image_box .navigate{left:50%;color:#fff;position:absolute;transform:translateX(-50%)}
.right-image_box .img,.right-image_box .subtitle,.right-image_box .title,.right-image_box .navigate{transition:all .5s ease}
.right-image_box .subtitle{top:65px;font-size:16px;line-height:24px}
.right-image_box .title{bottom:160px;font-size:162px;line-height:192px;text-align:center}
.right-image_box .navigate{bottom:90px;width:132px;height:48px;text-align:center;color:#000;background-color:#fff;font-weight:bold;font-size:13px;line-height:48px}
.right-image_box .navigate:hover{opacity:.85}
.flex .right-image_box:hover .img{opacity:.8;transform:scale(1)}
.flex .right-image_box:hover .subtitle{transform:translate(-50%,10px)}
.flex .right-image_box:hover .title,.flex .right-image_box:hover .navigate{transform:translate(-50%,-20px)}
@media(min-width:768px) and (max-width:1439.98px){.right-image_box .img-box{width:51.8229vw}
.right-image_box .img-box .img{width:100%;height:auto}
.right-image_box .subtitle,.right-image_box .title,.right-image_box .navigate{left:50%;color:#fff;position:absolute;transform:translateX(-50%)}
.right-image_box .img,.right-image_box .subtitle,.right-image_box .title,.right-image_box .navigate{transition:all .5s ease}
.right-image_box .subtitle{top:65px;font-size:13px;line-height:19px}
.right-image_box .title{bottom:105px;font-size:92px;line-height:110px}
.right-image_box .navigate{bottom:38px;width:132px;height:48px;text-align:center;color:#000;background-color:#fff;font-weight:bold;font-size:13px;line-height:48px}
}
@media(min-width:768px) and (max-width:1023.98px){.right-image_box .img-box .img{width:auto;height:568px}
}
@media(max-width:767.98px){.right-image_box .img-box{width:398px}
.right-image_box .img-box .img{width:100%;height:auto}
.right-image_box .subtitle,.right-image_box .title,.right-image_box .navigate{left:50%;color:#fff;position:absolute;transform:translateX(-50%)}
.right-image_box .img,.right-image_box .subtitle,.right-image_box .title,.right-image_box .navigate{transition:all .5s ease}
.right-image_box .subtitle{top:31px;font-size:13px;line-height:24px}
.right-image_box .title{bottom:108px;font-size:92px;line-height:108px}
.right-image_box .navigate{bottom:40px;width:132px;height:48px;text-align:center;color:#000;background-color:#fff;font-weight:bold;font-size:13px;line-height:48px}
}
.top-reno-left-top .title{margin-left:0;margin-top:0;font-weight:bold;font-size:28px;line-height:42px;font-family:'OPPOSans-Ver2-Medium'}
.top-reno-left-top .top-art-p{width:26vw;margin:15px 0 20px;font-size:20px;line-height:28px;min-height:80px;font-family:'OPPOSans-Ver2-Regular'}
.top-reno-left-top .top-art-ul{overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;font-family:'OPPOSans-Ver2-Medium'}
.top-reno-left-top .top-art-ul .top-art-li{height:26px;float:left;list-style:none;min-width:200px;margin-bottom:20px}
.top-reno-left-top .top-art-ul .top-art-li.full-width{margin-bottom:12px;width:100%}
.top-reno-left-top .top-art-ul .top-art-li .icons{width:2px;margin-right:10px}
.top-reno-left-top .top-art-ul .top-art-li .icon{width:24px;height:24px;margin-right:10px;display:inline-block}
.top-reno-left-top .top-art-ul .top-art-li .icon-span{display:inline-block;font-size:13px;line-height:24px}
@media(max-width:767.98px){.top-reno-left-top{margin:60px 15px 0;text-align:center;font-weight:600}
.top-reno-left-top .title{font-weight:bold;font-size:24px;line-height:42px}
.top-reno-left-top .top-art-p{width:100%;margin:10px 0 28px;font-size:18px;line-height:27px}
.top-reno-left-top .top-art-ul{overflow:hidden;margin:0 auto;min-height:131px}
.top-reno-left-top .top-art-ul .top-art-li{min-width:50%;height:auto;float:initial;list-style:none;margin-bottom:28px}
.top-reno-left-top .top-art-ul .top-art-li.full-width{display:flex;justify-content:flex-start;padding-left:16px}
.top-reno-left-top .top-art-ul .top-art-li.full-width .icon-span{flex-grow:1;text-align:left;padding-left:10px}
.top-reno-left-top .top-art-ul .top-art-li .icon{height:auto;max-height:24px;display:block;margin:0 auto 6px}
.top-reno-left-top .top-art-ul .top-art-li .icon-span{font-size:13px;line-height:24px;display:inline-block}
.top-reno-left-top .top-art-ul .mb-order-1{order:1}
.top-reno-left-top .top-art-ul .mb-order-2{order:2}
.top-reno-left-top .top-art-ul .mb-order-3{order:3}
.top-reno-left-top .top-art-ul .mb-order-4{order:4}
}
@media(min-width:768px) and (max-width:1439.98px){.top-reno-left-top .title{margin-left:0;margin-top:0;font-size:16px;line-height:24px;font-weight:bold}
.top-reno-left-top .top-art-p{width:50.39vw;color:black;float:right;margin:0;font-size:16px;line-height:24px}
.top-reno-left-top .top-art-ul{margin:0;width:50.39vw;min-height:70px;display:flex;flex-wrap:wrap;align-items:center}
.top-reno-left-top .top-art-ul .top-art-li{min-width:181px;height:24px;float:initial;margin:0;display:flex;align-items:center}
.top-reno-left-top .top-art-ul .top-art-li .icon{width:auto;margin-right:10px}
.top-reno-left-top .top-art-ul .top-art-li .icon-span{font-size:13px;line-height:24px}
}
@media(min-width:1024px) and (max-width:1439.98px){.top-reno-left-top .top-art-p{width:51.953125vw}
}
@media(min-width:1440px){.top-reno-left-top .top-art-p{width:375px}
}
@font-face{font-family:"iconfont";src:url(../eot/iconfont.eot);src:url(../eot/iconfont.eot#iefix) format("embedded-opentype"),url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAUcAAsAAAAACegAAATQAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDSAqGSIUxATYCJAMYCw4ABCAFhG0HbBt7CMgekiQPgx4cqIMrKKDNjoenNdr7M7Nz4oJ4Vk9H1wSVRDQtmSuBRKJ6KF7CDv+e9rqMLzMyKTO7TqjuXLxC6dIc3J4180D9gfo6+zzn+ovCzQInMmuhvRmkTfvCIkGvQSrF7h3l/xxLvUyw/FfpktF273CA4wENLLpsIONNbEC6hzoDNYOKyWXb5QS6zYvBOlNSyQXWCtouEPeVchGwrgSUAWbodNeOQ4t4D0ZnekFex7vk9+O/w2FN0mR0pRv32FKQ/8vu7SfM+Dfy81IE28WgHkXGXkAhHnUmHsKyxl6YbvsvmLsE6NUpKb/6Xq+87n5Dvr3wv4WKhTKhlxOkzf7xGoWo0NEL2CvNhl92gZTEr2ApmV/dUoLfpJSGPxdM78hTN9ykHy3EBUCUvT4tFFVIk4qPre2YYmMbXeOqj3b1a5bpLmhy2+Z6k2t8ha/Jv8/TeZBs7Ey13T/xjIHnvxBmHUe206U7AVjvaUrz8WTHgye9sbZ5Gl7k0dbkZteUe/HwA1Ov6Tdvcm/d4t25I7h9W3jxdlDfHc6FW4HdN2fxYvE1uZvZ1gzavyzcsaYSx28K4OqOKze808bXrGOLO7zaB2CdOwh3tg8KD5wwHl990nRKcOhX9NxiX7oT3HtbDI35mibT9tVb5XBw5DOpaQi3ezX05OIDbU/F8FEf9VjvyfMR3GajFw+URy6c6oviC8ZMTkl7YdgYyQMT3LLN5M13WvgwJeVB5x7bDcbylQergvlA+Dkw8DpVH1h++4GcrFZ4GPqtYzXp9T8LBsBzxdW6eHYe+OXAzo/H4938gF+OxXl+Kvu7izhxsf+VrC3vdF7xb/fA7n/LiUJFc+rOdiULyViV7EUoLFSxECqmZFV53TU1EA8I3bsJODwKCD4Ec5wv2Rzjx/hjwmhypUvHVCfyrttmexH13cFOZmOkkzYqrN312YnZjXnx/8vaUhQOzn/GbXCwtz1Dgr3DgNLdzeaYxK8I0uRxIJ8YPRUB4aLoXSv+cSz/++mrNk5JBhjdFMY+0BC6svNHwg8xLXSxtugObTjADhPRGMXiqXDD37R7yoGGlBWdWALVoo21RSOl4UCK+2hb/JJdwHwAbVDM8+M/Pe1RWHkVgLxLfqBdZzaWCtC+sxCz+MttZt/uwOtpDtkva/z9ln/+bc1MdMsN2wSA/43TZOMfzFfAAOJjccwUrMWyG5wrjMtKqmtfpJbQzQbHBJlhj7dyjU0eJXQaKyDpMAdZp1Vkwe6FRo+jUHU6Dt324BzdYwQNE6UL25YJCIN2QdLvI2SDbiAL9hE0xn2CajAw6LYTLqfssR5KWEQjEYOkhHgOoZRQOpkfZmA6Xo/kMzQiumxOWHxEG5RlIoGMr7c5SIfoLfYwzJQnMoyMkNGUligRV0MaDUXoaUqFJAypYBh9ZlycrOuDSAmlBdBpNESEgUgRxOYgKElQdGTR8gzY+Pl6iNwMGiL0wEJbkw+hGShXT0hAip+A5Dh0kxZeZW2DmeQSMRgyaSsZGkWLUAIxRMMNCkHfvZEKIsEgKRbU9DLF4VKyqQ7yeJf2Ka+AbnTPGilylGiiRoe+BxSlE8+ZgTRKkU5uNTtaT6W0k86gtEjJKG+mN9baoBDppJ15u0b9tIZtmpxXIwAA") format("woff2"),url(../woff/iconfont.woff) format("woff"),url(../ttf/iconfont.ttf) format("truetype"),url(../%5bobject%20module%5d-2.html#iconfont) format("svg")}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-moonbyueliang:before{content:"\E6A0"}
.icon-xiangji:before{content:"\E60D"}
.icon-duomeitiicon-:before{content:"\E623"}
.icon-shandian:before{content:"\E8C5"}
.icon-qp_icon_shake:before{content:"\E72E"}
.icon-jiantoux:before{content:"\E608"}
.icon-arw-toLeft-copy:before{content:"\E680"}
.cp-reno-2z-small .img-box{display:block;position:relative;overflow:hidden;background-color:#c9dade}
.cp-reno-2z-small .img-box .phone{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;margin:auto;height:100%}
.cp-reno-2z-small .img-box:hover .phone-left{transform:translate3d(40px,-40px,0)}
.cp-reno-2z-small .img-box:hover .phone-right{transform:translate3d(-40px,40px,0)}
.cp-reno-2z-small .img-box .reno2z{width:32vw;height:auto;transition:all .3s ease}
.cp-reno-2z-small .img-box .phone-left{left:-22vw;top:-1.8vw}
.cp-reno-2z-small .img-box .phone-right{right:-22vw;top:1.2vw}
.cp-reno-2z-small .title{display:flex;align-items:center;font-size:20px;margin-top:16px;line-height:150%;font-family:'OPPOSans-Ver2-Medium'}
.cp-reno-2z-small .title a{border:0}
.cp-reno-2z-small .tag{display:inline-block;text-transform:uppercase;margin-left:14px;color:#2ec84d;font-size:8px;line-height:14px;font-family:'OPPOSans-Ver2-Medium'}
html:lang(ar) .cp-reno-2z-small .tag{margin-left:right;margin-right:14px;display:inline-block}
.cp-reno-2z-small .desc{margin-top:3px;font-size:14px;line-height:170%;width:auto;opacity:1;text-align:left}
.cp-reno-2z-small .actions{margin-top:10px;padding-bottom:4px}
.cp-reno-2z-small .actions .learn-more,.cp-reno-2z-small .actions .buy{font-size:12px;padding-bottom:2px;border-bottom:1px solid;margin-right:12px;font-weight:500;line-height:170%;font-family:'OPPOSans-Ver2-Regular'}
.cp-reno-2z-small .actions .learn-more:hover,.cp-reno-2z-small .actions .buy:hover{opacity:.7}
.cp-reno-2z-small .actions .learn-more:active,.cp-reno-2z-small .actions .buy:active{opacity:1}
html:lang(ar) .cp-reno-2z-small .actions .learn-more,html:lang(ar) .cp-reno-2z-small .actions .buy{margin-right:unset;margin-left:20px}
.cp-reno-2z-small .actions .learn-more{background-color:#000;display:inline-block;color:#fff;border:0;padding:6px 16px;border-radius:2px}
@media(min-width:1024px) and (max-width:1439.98px){.cp-reno-2z-small .title{margin-top:12px;font-size:16px;line-height:21px;font-family:'OPPOSans-Ver2-Medium'}
.cp-reno-2z-small .desc{margin-top:5px;font-size:14px;line-height:24px}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-reno-2z-small .title{margin-top:12px;font-size:16px;line-height:21px}
.cp-reno-2z-small .desc{margin-top:5px;font-size:14px;line-height:24px}
.cp-reno-2z-small .actions{margin-top:7px}
}
@media(max-width:767.98px){.cp-reno-2z-small .title{margin-top:12px;font-size:16px;line-height:21px}
.cp-reno-2z-small .desc{margin-top:4px;font-size:14px;line-height:24px}
.cp-reno-2z-small .actions{margin-top:9px}
.cp-reno-2z-small .actions .learn-more,.cp-reno-2z-small .actions .buy{margin-right:12px;font-size:12px;line-height:20px;font-family:'OPPOSans-Ver2-Regular'}
.cp-reno-2z-small .actions .learn-more{border-radius:2px}
}
@media(min-width:1440px){.cp-reno-2z-small .text-button1{transition:all .3s}
.cp-reno-2z-small .text-button1:hover{opacity:.7}
.cp-reno-2z-small .text-button1:active{opacity:1}
}
@media(max-width:767.98px){.cp-reno-2z-small .img-box .reno2z{width:90vw}
.cp-reno-2z-small .img-box .phone-left{left:-74vw;top:28vw}
.cp-reno-2z-small .img-box .phone-right{right:-73vw;top:13.2vw}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-reno-2z-small .title{font-size:13px}
.cp-reno-2z-small .tag{margin-left:10px}
.cp-reno-2z-small .desc{margin-top:5px;font-size:13px;line-height:19px}
.cp-reno-2z-small .actions{margin-top:10px}
.cp-reno-2z-small .img-box .reno2z{width:28vw}
.cp-reno-2z-small .img-box .phone-left{left:-22vw;top:2.8vw}
.cp-reno-2z-small .img-box .phone-right{right:-22vw;top:-0.8vw}
}
@media(min-width:1440px){.cp-reno-2z-small .img-box .reno2z{width:460px;height:auto;transition:all .3s ease}
.cp-reno-2z-small .img-box .phone-left{left:-317px;top:-26px}
.cp-reno-2z-small .img-box .phone-right{right:-317px;top:17px}
}
.gradient-bg{background:linear-gradient(180deg,#b19989,#fff 71%);padding-bottom:140px}
.series__find-banner .main{display:flex;position:relative;justify-content:space-between}
.series__find-banner .main .left-image{position:relative}
.series__find-banner .main.flex .left-image{left:0;bottom:0;position:absolute}
.series__find-banner .main.flex .right-image{width:745px}
.series__find-banner .cp-reno-2z-small{display:none}
@media(max-width:767.98px){.gradient-bg{padding-bottom:50px}
.series__find-banner{margin-bottom:60px;padding:0}
.clean-theme .series__find-banner{padding-top:48px}
.series__find-banner .menu{height:81px;display:block;width:100%;box-sizing:border-box;font-size:12px;line-height:81px;overflow:scroll}
.series__find-banner .menu::-webkit-scrollbar{display:none}
.series__find-banner .menu-list{width:fit-content;white-space:nowrap}
.series__find-banner .menu-list::-webkit-scrollbar{display:none}
.series__find-banner .menu-list_item{display:inline;position:relative;font-size:13px;font-family:'OPPOSans-Ver2-Medium'}
.series__find-banner .menu-list_item::after{content:'';right:0;bottom:-3px;left:0;height:1px;position:absolute;background:#000}
.series__find-banner .menu-list_item:not(:last-of-type){margin-right:30px}
.series__find-banner .menu-list_item:first-of-type{margin-left:15px}
.series__find-banner .menu-list_item:last-of-type{margin-right:15px}
.series__find-banner .menu-list_item.active{font-weight:bold;font-family:'OPPOSans-Ver2-Medium';font-size:13px;line-height:20px}
.series__find-banner .menu-list_item.active::after{height:0}
.series__find-banner .main{display:flex;overflow:hidden;flex-direction:column}
.series__find-banner .main .right-image{order:1}
.series__find-banner .main .text{order:2}
.series__find-banner .main .left-image{order:3}
.series__find-banner .main .right-image .img-box{width:100%}
.series__find-banner .main .cp-reno-2z-small{display:none}
.series__find-banner .main .text{margin-bottom:56px}
.series__find-banner .cp-slide-photo-gallery{margin-top:90px !important}
}
@media(min-width:768px) and (max-width:1439.98px){.gradient-bg{padding-bottom:80px}
.series__find-banner{margin-bottom:90px}
.series__find-banner .main:not(.flex) .text{top:0;width:100%;height:168px;position:absolute}
.series__find-banner .main:not(.flex) .text .top-reno-left-top{height:168px;position:relative}
.series__find-banner .main:not(.flex) .text .top-reno-left-top h1{top:0;left:0;position:absolute}
.series__find-banner .main:not(.flex) .text .top-reno-left-top .top-art-p{top:0;right:0;position:absolute}
.series__find-banner .main:not(.flex) .text .top-reno-left-top .top-art-ul{right:0;bottom:0;position:absolute}
.series__find-banner .main:not(.flex) .left-image{margin-top:235px}
.series__find-banner .main:not(.flex) .left-image .left-image_box{position:absolute;bottom:0}
.series__find-banner .main:not(.flex) .left-image .left-image_box .img{height:auto}
.series__find-banner .main:not(.flex) .right-image{margin-top:258px}
.series__find-banner .main:not(.flex) .left-image>*:not(:last-of-type){margin-bottom:50px}
.series__find-banner .main:not(.flex) .cp-reno-2z-small{display:block;width:27.0833vw}
.series__find-banner .main:not(.flex) .cp-reno-2z-small .img-box-reno2z{height:20.3125vw}
}
@media(min-width:768px) and (max-width:1023.98px){.series__find-banner{padding:88px 40px 0}
.clean-theme .series__find-banner{padding-top:140px}
}
@media(min-width:1024px) and (max-width:1439.98px){.series__find-banner{padding:71px 50px 0}
.clean-theme .series__find-banner{padding-top:164px}
.series__find-banner .main:not(.flex) .left-image{margin-right:99px;width:281px;margin-top:229px}
.series__find-banner .main:not(.flex) .left-image .left-image_box{width:100%}
.series__find-banner .main:not(.flex) .left-image .left-image_box .img{width:100%}
.series__find-banner .main:not(.flex) .left-image .left-image_box .img img{height:auto}
}
@media(min-width:1440px){.series__find-banner{box-sizing:border-box;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px;margin-bottom:120px;padding-top:115px}
.clean-theme .series__find-banner{padding-top:208px}
}
.find-left-image_box{width:400px;padding:31px 44px 0 0}
.find-left-image_box .img{width:100%;overflow:hidden;position:relative}
.find-left-image_box .img:hover img{transform:scale(1);opacity:.9}
.find-left-image_box .img .link{display:flex;justify-content:center;align-items:center;height:100%}
.find-left-image_box .img img{width:100%;height:auto;transform:scale(1.1);transition:all .3s}
.find-left-image_box .tag{color:rgba(0,0,0,0.5) !important}
.find-left-image_box .title{display:flex;align-items:center;font-size:20px;margin-top:16px;line-height:150%;font-family:'OPPOSans-Ver2-Medium'}
.find-left-image_box .title a{border:0}
.find-left-image_box .tag{display:inline-block;text-transform:uppercase;margin-left:14px;color:#2ec84d;font-size:8px;line-height:14px;font-family:'OPPOSans-Ver2-Medium'}
html:lang(ar) .find-left-image_box .tag{margin-left:right;margin-right:14px;display:inline-block}
.find-left-image_box .desc{margin-top:3px;font-size:14px;line-height:170%;width:auto;opacity:1;text-align:left}
.find-left-image_box .actions{margin-top:10px;padding-bottom:4px}
.find-left-image_box .actions .learn-more,.find-left-image_box .actions .buy{font-size:12px;padding-bottom:2px;border-bottom:1px solid;margin-right:12px;font-weight:500;line-height:170%;font-family:'OPPOSans-Ver2-Regular'}
.find-left-image_box .actions .learn-more:hover,.find-left-image_box .actions .buy:hover{opacity:.7}
.find-left-image_box .actions .learn-more:active,.find-left-image_box .actions .buy:active{opacity:1}
html:lang(ar) .find-left-image_box .actions .learn-more,html:lang(ar) .find-left-image_box .actions .buy{margin-right:unset;margin-left:20px}
.find-left-image_box .actions .learn-more{background-color:#000;display:inline-block;color:#fff;border:0;padding:6px 16px;border-radius:2px}
@media(min-width:1024px) and (max-width:1439.98px){.find-left-image_box .title{margin-top:12px;font-size:16px;line-height:21px;font-family:'OPPOSans-Ver2-Medium'}
.find-left-image_box .desc{margin-top:5px;font-size:14px;line-height:24px}
}
@media(min-width:768px) and (max-width:1023.98px){.find-left-image_box .title{margin-top:12px;font-size:16px;line-height:21px}
.find-left-image_box .desc{margin-top:5px;font-size:14px;line-height:24px}
.find-left-image_box .actions{margin-top:7px}
}
@media(max-width:767.98px){.find-left-image_box .title{margin-top:12px;font-size:16px;line-height:21px}
.find-left-image_box .desc{margin-top:4px;font-size:14px;line-height:24px}
.find-left-image_box .actions{margin-top:9px}
.find-left-image_box .actions .learn-more,.find-left-image_box .actions .buy{margin-right:12px;font-size:12px;line-height:20px;font-family:'OPPOSans-Ver2-Regular'}
.find-left-image_box .actions .learn-more{border-radius:2px}
}
@media(min-width:1440px){.find-left-image_box .text-button1{transition:all .3s}
.find-left-image_box .text-button1:hover{opacity:.7}
.find-left-image_box .text-button1:active{opacity:1}
}
@media(min-width:768px) and (max-width:1439.98px){.find-left-image_box{position:absolute;bottom:0;width:208px;padding:22px 28px 0 0;background-size:142px 136px}
.find-left-image_box .img{width:100%;height:20.3125vw}
}
@media(max-width:767.98px){.find-left-image_box{width:100%;padding:34px 15px 0;box-sizing:border-box;background-size:223px 235px;background-position-x:115%}
.find-left-image_box .img{width:100%}
.find-left-image_box .img img{width:100%;height:auto}
}
body{width:100%;overflow-x:hidden}
.cp-slide-photo-gallery{display:flex}
@media(min-width:1440px){.cp-slide-photo-gallery{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-slide-photo-gallery{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-slide-photo-gallery{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.cp-slide-photo-gallery{margin-top:0;margin-bottom:40px}
}
.cp-slide-photo-gallery .left{transition:all .3s ease-out}
.cp-slide-photo-gallery .left .left-content{box-sizing:border-box;height:536px;position:relative}
.cp-slide-photo-gallery .left .content{position:absolute;top:188px;left:24%;padding-bottom:0 !important}
.cp-slide-photo-gallery .left .title{font-size:13px;color:rgba(0,0,0,0.7)}
.cp-slide-photo-gallery .left .subtitle{width:265px;font-size:28px;line-height:42px;margin-top:13px}
.cp-slide-photo-gallery .left .cp-left-right-btns{margin-top:40px}
.cp-slide-photo-gallery .slides{display:flex}
.cp-slide-photo-gallery .slides .zoom{position:relative;top:100%;visibility:hidden}
.cp-slide-photo-gallery .slides .zoom img{position:fixed;z-index:-1;width:536px;height:536px;transition:all .3s}
.cp-slide-photo-gallery .slides .zoom.open{visibility:visible;position:fixed;display:block;cursor:default;background-color:rgba(0,0,0,0.85);width:100%;height:100%;top:0;left:0}
.cp-slide-photo-gallery .slides .zoom.open img{opacity:1;position:absolute;top:50%;left:50%}
.cp-slide-photo-gallery .slides .zoom.open .zoom_close{cursor:pointer;opacity:1;z-index:889;top:22px;right:22px;width:24px;height:24px;position:absolute;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEVHcEz///////////////////////////8dS1W+AAAAB3RSTlMAW4QgO/VzX4CUDwAAALtJREFUOMutlL0OAiEMgDk1zi7mVidd7xF8BSdX4xtgYvr6AgFpi1/icCz94ytcaS+ENdfuvFjH9nkt8iI3GzjKqwAictD+KTkyskky6sCcHKck92KRDMgjH3W3SAbeS9M6UoDoVbdN62aXNmzebtm0ypzd3ZvtgO7wQPMMQENGoCIjUJEfwBeJwwNPAFQkhv8DmIoOx+vSB2JJqIhYdnoofFpqBmwfajhsUWpqHAMcHBw1HE4cZ/4BrLU+bI+bhzAWKhMAAAAASUVORK5CYII=);background-size:contain}
.cp-slide-photo-gallery .slides:hover{cursor:pointer}
.cp-slide-photo-gallery .slides .slide{margin-right:10px}
.cp-slide-photo-gallery .slides .slide.displayed .desc{opacity:1}
.cp-slide-photo-gallery .slides .slide.displayed.below{z-index:30 !important}
.cp-slide-photo-gallery .slides .img-box img{display:block;width:536px;height:536px}
.cp-slide-photo-gallery .slides .desc{opacity:0;margin-top:17px;text-align:center;font-size:13px;font-family:'OPPOSans-Ver2-Medium';font-weight:500;transition:all .3s;color:rgba(0,0,0,0.7)}
.cp-slide-photo-gallery .slides .link{height:24px;line-height:24px;font-size:13px;font-weight:500;font-family:'OPPOSans-Ver2-Medium';border-bottom:1px solid;color:#000}
.android .cp-slide-photo-gallery .slides .link{padding-bottom:4px}
@media(min-width:610px) and (max-width:767px){.cp-slide-photo-gallery .slides .zoom.open img.mb{transform:translateY(-50%) scale(1.1) !important}
.cp-slide-photo-gallery .slides .zoom.open .pc{display:none}
}
@media(max-width:609px){.cp-slide-photo-gallery .slides .zoom.open img.mb{transform:translateY(-50%) scale(1.34) !important}
.cp-slide-photo-gallery .slides .zoom.open .pc{display:none}
}
@media(max-width:767.98px){.cp-slide-photo-gallery{flex-direction:column;margin-top:90px}
.cp-slide-photo-gallery .left{align-self:center;margin-bottom:40px}
.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:10px auto 0;width:70vw;font-size:24px;line-height:36px}
.cp-slide-photo-gallery .left .cp-left-right-btns{display:none;margin-top:20px}
.cp-slide-photo-gallery .slides-box{display:flex}
.cp-slide-photo-gallery .slides .img-box img{width:270px;height:270px}
.cp-slide-photo-gallery .slides .desc{margin-top:15px}
.cp-slide-photo-gallery .slides .zoom img{width:270px;height:270px;bottom:100%}
.cp-slide-photo-gallery .slides .zoom.open{background-color:#000}
.cp-slide-photo-gallery .slides .zoom.open img.mb{margin:0 auto;position:absolute;top:50%;left:auto;right:calc(50% - 135px);transform:translateY(-50%) scale(1.34)}
.cp-slide-photo-gallery .slides .zoom.open .pc{display:none}
.cp-slide-photo-gallery .slides .zoom.open .zoom_close{top:18px;right:18px;width:14px;height:14px}
.cp-slide-photo-gallery .mobile-left-content{width:45px}
}
@media(min-width:768px) and (max-width:780px){.cp-slide-photo-gallery .slides .zoom.open img{transform:translateY(-50%) scale(1.91) !important}
}
@media(min-width:1020px) and (max-width:1024px){.cp-slide-photo-gallery .slides .zoom.open img.mb{transform:translateY(-50%) scale(1.91) !important}
.cp-slide-photo-gallery .slides .zoom.open .pc{display:none}
}
@media(min-width:768px) and (max-width:1439.98px){.cp-slide-photo-gallery{flex-direction:column;margin-top:120px}
.cp-slide-photo-gallery .left{align-self:center;margin-bottom:40px}
.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:10px;font-size:20px}
.cp-slide-photo-gallery .left .cp-left-right-btns{margin-top:16px}
.cp-slide-photo-gallery .slides-box{display:flex}
.cp-slide-photo-gallery .slides .img-box img{width:391px;height:391px}
.cp-slide-photo-gallery .slides .desc{margin-top:16px}
.cp-slide-photo-gallery .slides .zoom img{bottom:100%;width:391px;height:391px}
.cp-slide-photo-gallery .slides .zoom.open{background-color:#000}
.cp-slide-photo-gallery .slides .zoom.open img.mb{position:absolute;left:auto;right:calc(50% - 195.5px);margin:0 auto;top:50%;transform:translateY(-50%) scale(1.7)}
.cp-slide-photo-gallery .slides .zoom.open .pc{display:none}
.cp-slide-photo-gallery .slides .zoom.open .zoom_close{top:20px;right:20px;width:20px;height:20px}
.cp-slide-photo-gallery .mobile-left-content{width:188px}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-slide-photo-gallery{margin-top:120px}
.cp-slide-photo-gallery .slides .img-box img{width:51.07vw;height:51.07vw}
.cp-slide-photo-gallery .slides .img-box .zoom img{bottom:100%;width:51.07vw;height:51.07vw}
.cp-slide-photo-gallery .slides .img-box .zoom.open{background-color:#000}
.cp-slide-photo-gallery .slides .img-box .zoom.open img{position:absolute;left:auto;right:calc(50% - 195.5px);margin:0 auto;top:50%;transform:translateY(-50%) scale(1.7)}
.cp-slide-photo-gallery .slides .img-box .zoom.open .zoom_close{top:20px;right:20px;width:20px;height:20px}
.cp-slide-photo-gallery .mobile-left-content{width:250px}
}
@media(min-width:1440px) and (max-width:1920px){.cp-slide-photo-gallery .slides .zoom.open img.pc{width:auto;transform:translate(-50%,-50%) scale(1.85)}
.cp-slide-photo-gallery .slides .zoom.open .mb{display:none}
}
@media(min-width:1921px){.cp-slide-photo-gallery .slides .zoom.open img.pc{width:auto;transform:translate(-50%,-50%) scale(2)}
.cp-slide-photo-gallery .slides .zoom.open .mb{display:none}
}
@media(min-width:1440px){.cp-slide-photo-gallery{width:1440px;margin-left:auto;margin-right:auto;margin-top:180px}
.cp-slide-photo-gallery .left .left-content{width:720px}
.cp-slide-photo-gallery .left .content{position:absolute !important}
}
.cp-slide-photo-gallery.dark .left .title{color:#fff;opacity:.5}
.cp-slide-photo-gallery.dark .left .subtitle{color:#fff}
@media(min-width:1440px){.cp-slide-photo-gallery.dark .left .subtitle{width:3.65rem}
}
.cp-slide-photo-gallery.dark .left .cp-left-right-btns i{color:#fff}
.cp-slide-photo-gallery.dark .slides .desc{color:rgba(255,255,255,0.7)}
.cp-slide-photo-gallery.dark .slides .desc a{color:#fff;padding-bottom:2px}
.cp-slide-photo-gallery.dark .next-arrow{border-color:#fff}
.cp-page-title{font-family:'OPPOSans-Ver2-Regular';color:#000;text-align:center;margin-left:auto;margin-right:auto}
@media(min-width:1440px){.cp-page-title{font-size:92px;line-height:110px;margin-top:90px;margin-bottom:90px;max-width:780px}
.clean-theme .cp-page-title{margin-top:183px}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-page-title{font-size:92px;line-height:110px;margin-top:90px;margin-bottom:90px;max-width:660px}
.clean-theme .cp-page-title{margin-top:183px}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-page-title{font-size:64px;line-height:76px;margin-top:90px;margin-bottom:85px;max-width:480px}
.clean-theme .cp-page-title{margin-top:140px}
}
@media(max-width:767.98px){.cp-page-title{font-size:36px;line-height:46px;margin-top:60px;margin-bottom:60px;padding-left:15px;padding-right:15px}
.clean-theme .cp-page-title{margin-top:110px}
}
.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-Ver2-Medium'}
.cp-page-banner .txt .subtitle{margin-top:5px}
.cp-page-banner .txt,.cp-page-banner .txt .action{color:#fff}
.cp-page-banner .txt .action{display:inline-block;font-size:13px;line-height:24px;border-bottom:1px solid}
.cp-page-banner .txt .action:hover{opacity:.9}
@media(min-width:1440px){.cp-page-banner{width:1320px;overflow:hidden;margin-bottom:109px}
.cp-page-banner:hover .gt-mb{transform:scale(1);opacity:.9}
.cp-page-banner .txt{bottom:40px}
.cp-page-banner .txt .title,.cp-page-banner .txt .subtitle{font-size:16px;line-height:24px}
.cp-page-banner .txt .title{width:460px}
.cp-page-banner .txt .subtitle{width:700px}
.cp-page-banner .txt .action{margin-top:10px}
}
@media(min-width:768px) and (max-width:1439.98px){.cp-page-banner .txt .title,.cp-page-banner .txt .subtitle{font-size:13px;line-height:19px}
.cp-page-banner .txt .action{margin-top:10px}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-page-banner{width:924px;margin-bottom:100px}
.cp-page-banner .txt{bottom:30px}
.cp-page-banner .txt .title{width:280px}
.cp-page-banner .txt .subtitle{width:460px}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-page-banner{width:688px;margin-bottom:90px}
.cp-page-banner .txt{bottom:30px}
.cp-page-banner .txt .title{width:200px}
.cp-page-banner .txt .subtitle{width:320px}
}
@media(max-width:767.98px){.cp-page-banner{width:330px;margin-bottom:80px}
.cp-page-banner .gt-mb{display:none}
.cp-page-banner .mb{display:block;width:100%}
.cp-page-banner .txt{bottom:30px}
.cp-page-banner .txt .title,.cp-page-banner .txt .subtitle{font-size:13px;line-height:19px}
.cp-page-banner .txt .title{width:192px}
.cp-page-banner .txt .subtitle{width:270px}
.cp-page-banner .txt .action{margin-top:7px;font-size:13px}
}
.cp-card-list{margin-left:auto;margin-right:auto}
.cp-card-list ul{display:flex;flex-wrap:wrap}
.cp-card-list .cp-more-less-btns{display:none}
@media(min-width:1440px){.cp-card-list{width:1380px;margin-bottom:120px}
}
@media(min-width:768px) and (max-width:1439.98px){.cp-card-list{margin-bottom:60px}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-card-list{width:964px}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-card-list{width:720px}
}
@media(max-width:767.98px){.cp-card-list{width:330px}
.cp-card-list .cp-more-less-btns{display:block;margin-bottom:60px}
.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:flex;justify-content:center}
.cp-list-item .img-box{display:flex;justify-content:center;align-items:center;background-color:#f6f6f6}
.cp-list-item .txt .title,.cp-list-item .txt .subtitle{font-size:16px;color:#000;line-height:24px}
.cp-list-item .txt .title{margin-top:8px;font-family:'OPPOSans-Ver2-Medium'}
.cp-list-item .txt .subtitle{margin-top:4px}
.cp-list-item .txt .action{display:inline-block;margin-top:4px;font-size:13px;line-height:24px;border-bottom:1px solid}
@media(min-width:1440px){.cp-list-item{flex-basis:460px;margin-bottom:60px}
.cp-list-item .img-box{width:400px;height:300px}
.cp-list-item .img-box img{transform:scale(1);transition:all .3s;max-width:200px;max-height:90px}
.cp-list-item .img-box:hover img{transform:scale(0.95);opacity:.9}
.cp-list-item .txt{width:400px}
.cp-list-item .txt .title,.cp-list-item .txt .subtitle{font-size:16px;color:#000;line-height:24px}
.cp-list-item .txt .title{margin-top:8px}
.cp-list-item .txt .subtitle{margin-top:4px}
.cp-list-item .txt .action:hover{opacity:.8}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-list-item{flex-basis:321px;margin-bottom:60px}
.cp-list-item .img-box{width:281px;height:211px}
.cp-list-item .img-box img{max-width:140px;max-height:63px}
.cp-list-item .txt{width:281px}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-list-item{flex-basis:240px;margin-bottom:40px}
.cp-list-item .img-box{width:208px;height:156px}
.cp-list-item .img-box img{max-width:104px;max-height:47px}
.cp-list-item .txt{width:208px}
}
@media(max-width:767.98px){.cp-list-item{flex-basis:330px;margin-bottom:60px}
.cp-list-item .img-box{width:330px;height:248px}
.cp-list-item .img-box img{max-width:200px;max-height:80px}
}
.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:180px;padding-top:10px;overflow:hidden;margin:0 auto}
.cp-more-less-btns .show-more span,.cp-more-less-btns .show-less span{display:inline-block;width:55px;height:46px;line-height:46px;text-align:center;font-size:32px;border:2px 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:10px;font-size:14px;color:#000;font-family:'OPPOSans-Ver2-Medium'}
.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:30px;display:flex;justify-content:center;background-color:#fff;flex-direction:column;align-items:center}
.about-history-container .about_history_list .about_history_list_title{text-align:center;margin-bottom:28px;font-size:16px;font-family:'OPPOSans-Ver2-Medium';color:#1d1d1d;line-height:20px}
.about-history-container .about_history_list .history_section_m{display:none}
.about-history-container .about_history_list .history_section{display:flex;position:relative;justify-content:space-between;width:860px}
.about-history-container .about_history_list .history_section:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);height:100%;border-left:1px solid #979797}
.about-history-container .about_history_list .about_history_list_left{width:400px}
.about-history-container .about_history_list .about_history_list_left li:first-child{display:block;margin-top:146px}
.about-history-container .about_history_list .about_history_list_left li{position:relative;display:none;z-index:3;top:400px;opacity:0;transition:top 1s ease,opacity 1s ease;margin-top:123px}
.about-history-container .about_history_list .about_history_list_left li.margin_bottom{margin-bottom:180px}
.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:400px;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:10px}
.about-history-container .about_history_list .about_history_list_left li .list_title .list_title_year .dot{display:inline-block;width:6px;height:6px;background:#1d1d1d;border-radius:50%}
.about-history-container .about_history_list .about_history_list_left li .list_title .list_title_year span{margin-left:11px;font-size:13px;font-family:'OPPOSans-Ver2-Medium'}
.about-history-container .about_history_list .about_history_list_left li .list_title .list_title_introduce{font-size:20px;font-family:'OPPOSans-Ver2-Medium';color:#1d1d1d;line-height:32px}
.about-history-container .about_history_list .about_history_list_left li .list_pic{margin-top:30px;width:400px;height:400px}
.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:400px}
.about-history-container .about_history_list .about_history_list_right li:first-child{display:block;margin-top:265px}
.about-history-container .about_history_list .about_history_list_right li{display:none;position:relative;z-index:3;top:400px;opacity:0;margin-top:123px;transition:top 1s ease,opacity 1s ease}
.about-history-container .about_history_list .about_history_list_right li.margin_bottom{margin-bottom:60px}
.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:400px;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:10px}
.about-history-container .about_history_list .about_history_list_right li .list_title .list_title_year .dot{display:inline-block;width:6px;height:6px;background:#1d1d1d;border-radius:50%}
.about-history-container .about_history_list .about_history_list_right li .list_title .list_title_year span{margin-left:11px;font-size:12px;font-family:'OPPOSans-Ver2-Medium'}
.about-history-container .about_history_list .about_history_list_right li .list_title .list_title_introduce{font-size:20px;font-family:'OPPOSans-Ver2-Medium';color:#1d1d1d;line-height:32px}
.about-history-container .about_history_list .about_history_list_right li .list_pic{margin-top:30px;width:400px;height:400px}
.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:13px;margin-top:27px;margin-bottom:30px}
.about-history-container .about_history_list .history_showmore a,.about-history-container .about_history_list .history_showless a{border-bottom:1px solid #000;padding:0 3px 3px}
@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:20px}
.about-history-container .about_history_list .about_history_list_title{margin-bottom:20px;font-size:16px;line-height:20px}
.about-history-container .about_history_list .history_section_m{display:none}
.about-history-container .about_history_list .history_section{width:603px}
.about-history-container .about_history_list .about_history_list_left{width:281px}
.about-history-container .about_history_list .about_history_list_left li:first-child{margin-top:137px}
.about-history-container .about_history_list .about_history_list_left li{top:281px;margin-top:100px}
.about-history-container .about_history_list .about_history_list_left li.margin_bottom{margin-bottom:172px}
.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:10px;font-size:13px;line-height:20px}
.about-history-container .about_history_list .about_history_list_left li .list_title .list_title_introduce{font-size:16px;line-height:24px}
.about-history-container .about_history_list .about_history_list_left li .list_pic{margin-top:20px;width:281px;height:281px}
.about-history-container .about_history_list .about_history_list_right{width:281px}
.about-history-container .about_history_list .about_history_list_right li:first-child{margin-top:255px}
.about-history-container .about_history_list .about_history_list_right li{top:281px;margin-top:100px}
.about-history-container .about_history_list .about_history_list_right li.margin_bottom{margin-bottom:96px}
.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:10px;font-size:13px;line-height:20px}
.about-history-container .about_history_list .about_history_list_right li .list_title .list_title_introduce{font-size:16px;line-height:24px}
.about-history-container .about_history_list .about_history_list_right li .list_pic{margin-top:20px;width:281px;height:281px}
.about-history-container .about_history_list .history_showmore,.about-history-container .about_history_list .history_showless{line-height:24px;font-size:13px}
}
@media(min-width:768px) and (max-width:1023.98px){.about-history-container .about_history_list{margin-top:20px}
.about-history-container .about_history_list .about_history_list_title{margin-bottom:20px;font-size:16px;line-height:20px}
.about-history-container .about_history_list .history_section_m{display:none}
.about-history-container .about_history_list .history_section{width:569px}
.about-history-container .about_history_list .about_history_list_left{width:269px}
.about-history-container .about_history_list .about_history_list_left li:first-child{margin-top:132px}
.about-history-container .about_history_list .about_history_list_left li{top:269px;margin-top:100px}
.about-history-container .about_history_list .about_history_list_left li.margin_bottom{margin-bottom:172px}
.about-history-container .about_history_list .about_history_list_left li .list_title .list_title_year span{margin-left:7px;font-size:13px;line-height:20px}
.about-history-container .about_history_list .about_history_list_left li .list_title .list_title_introduce{font-size:16px;line-height:24px}
.about-history-container .about_history_list .about_history_list_left li .list_pic{margin-top:20px;width:269px;height:269px}
.about-history-container .about_history_list .about_history_list_right{width:269px}
.about-history-container .about_history_list .about_history_list_right li:first-child{margin-top:233px}
.about-history-container .about_history_list .about_history_list_right li{top:269px;margin-top:100px}
.about-history-container .about_history_list .about_history_list_right li.margin_bottom{margin-bottom:96px}
.about-history-container .about_history_list .about_history_list_right li .list_title .list_title_year span{margin-left:7px;font-size:13px;line-height:20px}
.about-history-container .about_history_list .about_history_list_right li .list_title .list_title_introduce{font-size:16px;line-height:24px}
.about-history-container .about_history_list .about_history_list_right li .list_pic{margin-top:20px;width:269px;height:269px}
.about-history-container .about_history_list .history_showmore,.about-history-container .about_history_list .history_showless{line-height:24px;font-size:13px}
}
@media(max-width:767.98px){.about-history-container .about_history_list{margin-top:20px;display:flex;justify-content:center;flex-direction:column;align-items:center}
.about-history-container .about_history_list .about_history_list_title{margin-bottom:30px;font-size:16px}
.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:1px solid #979797}
.about-history-container .about_history_list .history_section_m .history_section_detail{display:none;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:30px}
.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:14px}
.about-history-container .about_history_list .history_section_m .history_section_detail .dot{position:absolute;left:50%;transform:translateX(-50%);top:2.167vw;width:5px;height:5px;border-radius:50%;background-color:#1d1d1d;font-size:10px}
.about-history-container .about_history_list .history_section_m .history_section_detail .history_intro{font-family:'OPPOSans-Ver2-Medium';font-size:13px;width:150px;margin-left:15px}
.about-history-container .about_history_list .history_section_m .history_section_detail .history_intro .history_intro_detail{margin-top:2.778vw;font-family:'OPPOSans-Ver2-Medium';font-size:13px;color:#1d1d1d;line-height:20px}
.about-history-container .about_history_list .history_section_m .history_section_detail:nth-child(-n+3){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:12px}
.about-history-container .about_history_list .history_showmore a,.about-history-container .about_history_list .history_showless a{border-bottom:1px solid #000;padding:0 .35vw .35vw}
.about-history-container .about_history_list_change:before{height:639.9vw}
}
.related-banner-3l{padding:0 60px;display:flex;background-color:#fff;justify-content:space-between;margin-bottom:180px}
.related-banner-3l .box-portrait .img-box{overflow:hidden;width:674px;height:897px}
.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:flex;flex-direction:column;justify-content:space-between}
.related-banner-3l .box-landscape .change-box .img-box{overflow:hidden;width:534px;height:357px}
.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:15px;font-size:20px;line-height:32px;letter-spacing:-0.12px;font-family:'OPPOSans-Ver2-Medium'}
.related-banner-3l .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;font-family:'OPPOSans-Ver2-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:1440px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}
}
@media(min-width:1024px) and (max-width:1439.98px){.related-banner-3l{padding:0 50px;display:flex;background-color:#fff;justify-content:space-between;margin-bottom:120px}
.related-banner-3l .box-portrait .img-box{overflow:hidden;width:478px;height:638px}
.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:flex;flex-direction:column;justify-content:space-between}
.related-banner-3l .box-landscape .change-box .img-box{overflow:hidden;width:362px;height:235px}
.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:12px;font-size:16px;line-height:28px;letter-spacing:-0.1px;font-family:'OPPOSans-Ver2-Medium'}
.related-banner-3l .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;font-family:'OPPOSans-Ver2-Medium'}
}
@media(min-width:768px) and (max-width:1023.98px){.related-banner-3l{padding:0 40px;display:flex;background-color:#fff;justify-content:space-between;margin-bottom:90px}
.related-banner-3l .box-portrait .img-box{overflow:hidden;width:359px;height:479px}
.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:flex;flex-direction:column;justify-content:space-between}
.related-banner-3l .box-landscape .change-box .img-box{overflow:hidden;width:249px;height:161px}
.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:8px;font-size:16px;line-height:28px;letter-spacing:-0.1px;font-family:'OPPOSans-Ver2-Medium'}
.related-banner-3l .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;font-family:'OPPOSans-Ver2-Medium'}
}
@media(max-width:767.98px){.related-banner-3l{padding:0 15px;display:flex;background-color:#fff;flex-direction:column;justify-content:flex-start;margin-bottom:90px}
.related-banner-3l .box-portrait .img-box{overflow:hidden;width:330px;height:248px}
.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:flex;flex-direction:column;justify-content:flex-start}
.related-banner-3l .box-landscape .change-box{margin-top:50px}
.related-banner-3l .box-landscape .change-box .img-box{overflow:hidden;width:330px;height:248px}
.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:12px;font-size:16px;line-height:28px;letter-spacing:-0.1px;font-family:'OPPOSans-Ver2-Medium'}
.related-banner-3l .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;font-family:'OPPOSans-Ver2-Medium'}
}
.related-banner-3r{padding:0 60px;display:flex;background-color:#fff;justify-content:space-between;margin-bottom:180px}
.related-banner-3r .box-portrait .img-box{overflow:hidden;width:674px;height:897px}
.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:flex;flex-direction:column;justify-content:space-between}
.related-banner-3r .box-landscape .change-box .img-box{overflow:hidden;width:534px;height:357px}
.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:15px;font-size:20px;line-height:32px;letter-spacing:-0.12px;font-family:'OPPOSans-Ver2-Medium'}
.related-banner-3r .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;font-family:'OPPOSans-Ver2-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:1440px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}
}
@media(min-width:1024px) and (max-width:1439.98px){.related-banner-3r{padding:0 50px;display:flex;background-color:#fff;justify-content:space-between;margin-bottom:120px}
.related-banner-3r .box-portrait .img-box{overflow:hidden;width:478px;height:638px}
.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:flex;flex-direction:column;justify-content:space-between}
.related-banner-3r .box-landscape .change-box .img-box{overflow:hidden;width:362px;height:235px}
.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:12px;font-size:16px;line-height:28px;letter-spacing:-0.1px;font-family:'OPPOSans-Ver2-Medium'}
.related-banner-3r .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;font-family:'OPPOSans-Ver2-Medium'}
}
@media(min-width:768px) and (max-width:1023.98px){.related-banner-3r{padding:0 40px;display:flex;background-color:#fff;justify-content:space-between;margin-bottom:90px}
.related-banner-3r .box-portrait .img-box{overflow:hidden;width:359px;height:479px}
.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:flex;flex-direction:column;justify-content:space-between}
.related-banner-3r .box-landscape .change-box .img-box{overflow:hidden;width:249px;height:161px}
.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:8px;font-size:16px;line-height:28px;letter-spacing:-0.1px;font-family:'OPPOSans-Ver2-Medium'}
.related-banner-3r .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;font-family:'OPPOSans-Ver2-Medium'}
}
@media(max-width:767.98px){.related-banner-3r{padding:0 15px;display:flex;background-color:#fff;flex-direction:column;justify-content:flex-start;margin-bottom:90px}
.related-banner-3r .box-portrait{margin-top:50px}
.related-banner-3r .box-portrait .img-box{overflow:hidden;width:330px;height:248px}
.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:flex;flex-direction:column;justify-content:flex-start}
.related-banner-3r .box-landscape .change-box{margin-top:50px}
.related-banner-3r .box-landscape .change-box:first-child{margin-top:0}
.related-banner-3r .box-landscape .change-box .img-box{overflow:hidden;width:330px;height:248px}
.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:12px;font-size:16px;line-height:28px;letter-spacing:-0.1px;font-family:'OPPOSans-Ver2-Medium'}
.related-banner-3r .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;font-family:'OPPOSans-Ver2-Medium'}
}
.related-banner-2r{padding:0 60px;display:flex;background-color:#fff;justify-content:space-between;margin-bottom:180px}
.related-banner-2r .box-landscape .img-box{overflow:hidden;width:834px;height:560px}
.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:flex;flex-direction:column;justify-content:space-between}
.related-banner-2r .box-portrait .change-box .img-box{overflow:hidden;width:374px;height:560px}
.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:15px;font-size:20px;line-height:32px;letter-spacing:-0.12px;font-family:'OPPOSans-Ver2-Medium'}
.related-banner-2r .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;font-family:'OPPOSans-Ver2-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:1440px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}
}
@media(min-width:1024px) and (max-width:1439.98px){.related-banner-2r{padding:0 50px;display:flex;background-color:#fff;justify-content:space-between;margin-bottom:120px}
.related-banner-2r .box-landscape .img-box{overflow:hidden;width:560px;height:373px}
.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:flex;flex-direction:column;justify-content:space-between}
.related-banner-2r .box-portrait .change-box .img-box{overflow:hidden;width:280px;height:373px}
.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:12px;font-size:16px;line-height:28px;letter-spacing:-0.1px;font-family:'OPPOSans-Ver2-Medium'}
.related-banner-2r .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;font-family:'OPPOSans-Ver2-Medium'}
}
@media(min-width:768px) and (max-width:1023.98px){.related-banner-2r{padding:0 40px;display:flex;background-color:#fff;justify-content:space-between;margin-bottom:90px}
.related-banner-2r .box-landscape .img-box{overflow:hidden;width:404px;height:269px}
.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:flex;flex-direction:column;justify-content:space-between}
.related-banner-2r .box-portrait .change-box .img-box{overflow:hidden;width:202px;height:269px}
.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:8px;font-size:16px;line-height:28px;letter-spacing:-0.1px;font-family:'OPPOSans-Ver2-Medium'}
.related-banner-2r .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;font-family:'OPPOSans-Ver2-Medium'}
}
@media(max-width:767.98px){.related-banner-2r{padding:0 15px;display:flex;background-color:#fff;flex-direction:column;justify-content:flex-start;margin-bottom:90px}
.related-banner-2r .box-landscape{margin-top:50px}
.related-banner-2r .box-landscape .img-box{overflow:hidden;width:330px;height:248px}
.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:flex;flex-direction:column;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:330px;height:248px}
.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:12px;font-size:16px;line-height:28px;letter-spacing:-0.1px;font-family:'OPPOSans-Ver2-Medium'}
.related-banner-2r .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;font-family:'OPPOSans-Ver2-Medium'}
}
.related-banner-2l{padding:0 60px;display:flex;background-color:#fff;justify-content:space-between;margin-bottom:180px}
.related-banner-2l .box-landscape .img-box{overflow:hidden;width:834px;height:560px}
.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:flex;flex-direction:column;justify-content:space-between}
.related-banner-2l .box-portrait .change-box .img-box{overflow:hidden;width:374px;height:560px}
.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:15px;font-size:20px;line-height:32px;letter-spacing:-0.12px;font-family:'OPPOSans-Ver2-Medium'}
.related-banner-2l .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;font-family:'OPPOSans-Ver2-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:1440px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}
}
@media(min-width:1024px) and (max-width:1439.98px){.related-banner-2l{padding:0 50px;display:flex;background-color:#fff;justify-content:space-between;margin-bottom:120px}
.related-banner-2l .box-landscape .img-box{overflow:hidden;width:560px;height:373px}
.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:flex;flex-direction:column;justify-content:space-between}
.related-banner-2l .box-portrait .change-box .img-box{overflow:hidden;width:280px;height:373px}
.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:12px;font-size:16px;line-height:28px;letter-spacing:-0.1px;font-family:'OPPOSans-Ver2-Medium'}
.related-banner-2l .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;font-family:'OPPOSans-Ver2-Medium'}
}
@media(min-width:768px) and (max-width:1023.98px){.related-banner-2l{padding:0 40px;display:flex;background-color:#fff;justify-content:space-between;margin-bottom:90px}
.related-banner-2l .box-landscape .img-box{overflow:hidden;width:404px;height:269px}
.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:flex;flex-direction:column;justify-content:space-between}
.related-banner-2l .box-portrait .change-box .img-box{overflow:hidden;width:202px;height:269px}
.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:8px;font-size:16px;line-height:28px;letter-spacing:-0.1px;font-family:'OPPOSans-Ver2-Medium'}
.related-banner-2l .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;font-family:'OPPOSans-Ver2-Medium'}
}
@media(max-width:767.98px){.related-banner-2l{padding:0 15px;display:flex;background-color:#fff;flex-direction:column;justify-content:flex-start;margin-bottom:90px}
.related-banner-2l .box-landscape .img-box{overflow:hidden;width:330px;height:248px}
.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:flex;flex-direction:column;justify-content:flex-start;margin-top:50px}
.related-banner-2l .box-portrait .change-box{margin-top:0}
.related-banner-2l .box-portrait .change-box .img-box{overflow:hidden;width:330px;height:248px}
.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:12px;font-size:16px;line-height:28px;letter-spacing:-0.1px;font-family:'OPPOSans-Ver2-Medium'}
.related-banner-2l .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;font-family:'OPPOSans-Ver2-Medium'}
}
.cp-carousel-banner{width:100%;overflow:hidden;position:relative;margin-bottom:120px}
.cp-carousel-banner .slide{width:100vw;height:50vw;position:relative;display:flex !important;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:flex;justify-content: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:20px;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.active button::before{background-color:transparent !important}
.cp-carousel-banner .slick-dots li{margin:0;padding:5px 12px;width:12px;height:12px;vertical-align:top}
.cp-carousel-banner .slick-dots li.active button::before{background-color:#fff;border-radius:50%}
.cp-carousel-banner .slick-dots li.active button svg circle.annulus{stroke-dashoffset:0;transition:stroke-dashoffset 5s linear;stroke:rgba(0,0,0,0.78)}
.cp-carousel-banner .slick-dots li.active button svg circle.background{stroke:rgba(0,0,0,0.2)}
.cp-carousel-banner .slick-dots li button{position:relative;padding:0;width:12px;height:12px}
.cp-carousel-banner .slick-dots li button::before{display:inline-block;font-size:0;width:8px;height:8px;transform:translate(-50%,-50%);top:50%;left:50%;border-radius:50%;opacity:1 !important;background-color:rgba(255,255,255,0.5)}
.cp-carousel-banner .slick-dots li button svg{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;transform:rotate(-90deg) translateZ(0)}
.cp-carousel-banner .slick-dots li button svg circle{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:31 31;stroke-dashoffset:31}
.cp-carousel-banner .slick-dots li button svg circle.background{stroke-dashoffset:0}
@media(min-width:1024px) and (max-width:1439.98px){.cp-carousel-banner .slick-dots li{padding:5px 8px}
}
@media(max-width:1023.98px){.cp-carousel-banner .slick-dots li{padding:5px;width:10px;height:10px}
.cp-carousel-banner .slick-dots li button{width:10px;height:10px}
.cp-carousel-banner .slick-dots li button::before{width:7px;height:7px}
}
.cp-carousel-banner .slide.content-x-center{justify-content:center}
.cp-carousel-banner .slide.content-y-top{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{justify-content:flex-start}
.cp-carousel-banner .slide.content-x-right{justify-content:flex-end}
.cp-carousel-banner .slide.content-y-center{align-items:center}
}
@media(max-width:767.98px){.cp-carousel-banner .slide.content-x-center{justify-content:flex-start}
.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{margin-bottom:60px}
.cp-carousel-banner .slide{height:0 !important;padding-bottom:174.4%;align-items:flex-start}
.cp-carousel-banner .slide.content-right{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%;align-self:flex-end}
.cp-carousel-banner .landscape{display:none !important}
.cp-carousel-banner .portrait{display:block !important}
}
@media(min-width:768px) and (max-width:1439.98px){.cp-carousel-banner{margin-bottom:90px}
}
.cp-carousel-banner .slide.lifestyle{background-color:#d1e2f2}
.cp-carousel-banner .slide.lifestyle .title a{color:#000}
.cp-carousel-banner .slide.lifestyle .subtitle{color:#000}
.cp-carousel-banner .slide.lifestyle .description{color:#000;opacity:.56}
.cp-carousel-banner .slide.lifestyle .btn-tile{background-color:#000;color:#fff}
.cp-carousel-banner .slide.lifestyle .btn-text{color:#000}
.cp-carousel-banner .slide.lifestyle .img-box{left:unset;top:unset;bottom:unset;right:calc(50% - 1320px/ 2);width:752px;height:451px;overflow:hidden}
.cp-carousel-banner .slide.lifestyle .img-box img{width:100%}
.cp-carousel-banner .slide.lifestyle .img-box img.mb{display:none}
.cp-carousel-banner .slide.lifestyle.content-x-right .img-box{left:calc(50% - 1320px/ 2);right:unset}
@media(min-width:1024px) and (max-width:1439.98px){.cp-carousel-banner .slide.lifestyle .img-box{right:calc(50% - 896px/ 2);width:548px;height:329px}
.cp-carousel-banner .slide.lifestyle.content-x-right .img-box{left:calc(50% - 896px/ 2);right:unset}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-carousel-banner .slide.lifestyle .img-box{right:calc(50% - 640px/ 2);width:378px;height:227px}
.cp-carousel-banner .slide.lifestyle.content-x-right .img-box{left:calc(50% - 640px/ 2);right:unset}
}
@media(max-width:767.98px){.cp-carousel-banner .slide.lifestyle{display:flex;flex-direction:column-reverse;justify-content:space-between}
.cp-carousel-banner .slide.lifestyle::before{content:'';display:block;width:0;height:0}
.cp-carousel-banner .slide.lifestyle .img-box{position:static;width:360px;height:270px}
.cp-carousel-banner .slide.lifestyle .img-box img.mb{display:block}
.cp-carousel-banner .slide.lifestyle .img-box img.gt-mb{display:none}
.slides-banner.cp-carousel-banner .slide.lifestyle .img-box{margin-bottom:40px}
}
.cp-banner-content{position:relative;color:#fff;z-index:5}
.cp-banner-content .title{font-size:52px;line-height:72px;font-family:'OPPOSans-Ver2-Medium'}
.cp-banner-content .title a{color:#fff}
.cp-banner-content .title a:hover{opacity:.9}
.cp-banner-content>.content .title-img{display:block;width:auto;height:40px;padding-bottom:20px;padding-top:20px}
.cp-banner-content .subtitle{margin-top:12px;font-size:28px;line-height:44px;font-family:'OPPOSans-Ver2-Medium'}
.cp-banner-content .description{margin-top:12px;font-size:14px;line-height:24px;color:#fff;opacity:.56}
.cp-banner-content .actions{margin-top:32px}
.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:20px;padding:12px 24px;font-size:16px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:28px;background-color:#fff}
.cp-banner-content .btn-text{font-size:14px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';color:#fff;padding-bottom:4px;border-bottom:1px solid}
.cp-banner-content .btn-play{position:relative;padding-left:44px}
.cp-banner-content .btn-play:before{content:'';display:block;position:absolute;width:0;height:0;left:24px;top:0;bottom:0;margin:auto;border-left:14px solid #000;border-top:9px solid transparent;border-right:14px solid transparent;border-bottom:9px solid transparent}
.cp-banner-content .timer{margin-top:12px;color:#2dc84d;margin-bottom:46px;transition:all .5s}
.cp-banner-content .timer.stopped{height:0;margin:0;overflow:hidden}
.cp-banner-content .timer h4{height:16px;line-height:16px}
.cp-banner-content .timer h4 span{color:#56d26f;opacity:.56;display:inline-block;line-height:16px;font-size:18px;transform:scale(0.5) translateX(-50%)}
.cp-banner-content .timer .time{display:none;font-size:28px;line-height:44px;font-family:'OPPOSans-Ver2-Medium'}
.cp-banner-content .timer .time .days-box{position:relative}
.cp-banner-content .timer .time .days-box .unit{position:absolute;bottom:-16px;height:16px;line-height:16px;left:0;color:#56d26f;opacity:.56;font-size:18px;transform:scale(0.5) translateX(-25%)}
.cp-banner-content .timer .time .pipe{color:#56d26f;opacity:.56;font-family:'OPPOSans-Ver2-Regular'}
.cp-banner-content{margin-left:calc(50% - 1320px/ 2)}
html:lang(ar) .cp-banner-content{margin-left:unset;margin-right:calc(50% - 1320px/ 2)}
.slide.content-x-right .cp-banner-content{margin-right:calc(50% - 1320px/ 2);margin-left:0}
html:lang(ar) .slide.content-x-right .cp-banner-content{margin-left:calc(50% - 1320px/ 2);margin-right:unset}
.slide.content-x-center .cp-banner-content{margin-left:0;margin-right:0}
.slide.content-y-top .cp-banner-content{margin-top:116px;text-align:center}
@media(min-width:1920px){.slide.content-y-top .cp-banner-content{margin-top:146px}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-banner-content{margin-left:calc(50% - 896px/ 2)}
html:lang(ar) .cp-banner-content{margin-left:unset;margin-right:calc(50% - 896px/ 2)}
.slide.content-x-right .cp-banner-content{margin-right:calc(50% - 896px/ 2)}
html:lang(ar) .slide.content-x-right .cp-banner-content{margin-right:unset;margin-left:calc(50% - 896px/ 2)}
.slide.content-y-top .cp-banner-content{margin-top:92px}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-banner-content{margin-left:calc(50% - 640px/ 2)}
html:lang(ar) .cp-banner-content{margin-left:unset;margin-right:calc(50% - 640px/ 2)}
.slide.content-x-right .cp-banner-content{margin-right:calc(50% - 640px/ 2)}
html:lang(ar) .slide.content-x-right .cp-banner-content{margin-right:unset;margin-left:calc(50% - 640px/ 2)}
.slide.content-y-top .cp-banner-content{margin-top:78px}
}
@media(max-width:767.98px){.cp-banner-content{margin-top:80px;margin-left:calc(50% - 317px/ 2)}
html:lang(ar) .cp-banner-content{margin-left:unset;margin-right:calc(50% - 317px/ 2)}
.slide.content-x-right .cp-banner-content,.slide.content-y-top .cp-banner-content{margin-left:calc(50% - 317px/ 2);margin-right:0}
html:lang(ar) .slide.content-x-right .cp-banner-content,html:lang(ar) .slide.content-y-top .cp-banner-content{margin-left:0;margin-right:calc(50% - 317px/ 2)}
.slide.content-y-top .cp-banner-content{margin-top:79px;text-align:left}
}
@media(min-width:768px) and (max-width:1439.98px){.cp-banner-content .title{font-family:'OPPOSans-Ver2-Medium'}
.cp-banner-content .btn-tile{margin-right:12px}
.cp-banner-content .btn-play{padding-left:35px !important}
.cp-banner-content .btn-play::before{left:16px;border-left-width:11px;border-top-width:7px;border-right-width:11px;border-bottom-width:7px}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-banner-content .title{font-size:28px;line-height:36px}
.cp-banner-content>.content .title-img{height:22px;padding-top:8px;padding-bottom:8px}
.cp-banner-content .subtitle{margin-top:4px;font-size:14px;line-height:24px}
.cp-banner-content .description{margin-top:8px;font-size:12px;line-height:24px}
.slide.content-x-center .cp-banner-content .description{margin-top:4px}
.cp-banner-content .actions{margin-top:12px}
.slide.content-x-center .cp-banner-content .actions{margin-top:8px}
.cp-banner-content .btn-tile{padding:8px 16px;font-size:12px;line-height:24px}
.cp-banner-content .btn-text{font-size:12px;line-height:20px}
.cp-banner-content .timer{margin-bottom:25px}
.cp-banner-content .timer .time{font-size:14px;line-height:24px}
.cp-banner-content .timer .time .days-box .unit{transform:scale(0.5) translateX(-50%);bottom:-15px}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-banner-content .title{font-size:20px;line-height:28px;font-family:'OPPOSans-Ver2-Medium'}
.cp-banner-content>.content .title-img{height:28px}
.cp-banner-content .subtitle{margin-top:4px;font-size:10px;line-height:16px}
.slide.content-x-center .cp-banner-content .subtitle{margin-top:0}
.cp-banner-content .description{margin-top:8px;font-size:8px;line-height:12px}
.slide.content-x-center .cp-banner-content .description{margin-top:0}
.cp-banner-content .actions{margin-top:12px}
.slide.content-x-center .cp-banner-content .actions{margin-top:8px}
.cp-banner-content .btn-tile{padding:8px 16px;font-size:10px;line-height:24px}
.cp-banner-content .btn-text{font-size:10px;line-height:20px}
.cp-banner-content .timer{margin-top:4px;margin-bottom:20px}
.cp-banner-content .timer .time{font-size:10px;line-height:16px}
.cp-banner-content .timer .time .days-box .unit{transform:scale(0.5) translateX(-50%);bottom:-14px}
}
@media(max-width:767.98px){.cp-banner-content .title{font-size:28px;line-height:36px}
.cp-banner-content>.content .title-img{height:22px;padding-top:8px;padding-bottom:8px}
.cp-banner-content .subtitle{margin-top:9px;font-size:16px;line-height:28px}
.cp-banner-content .description{margin-top:8px;font-size:12px;line-height:20px}
.cp-banner-content .actions{margin-top:12px}
.cp-banner-content .btn-tile{padding:8px 16px;font-size:12px;line-height:24px;margin-right:12px}
.cp-banner-content .btn-text{font-size:12px;line-height:20px}
.cp-banner-content .btn-play{padding-left:35px}
.cp-banner-content .btn-play::before{left:16px;border-left-width:11px;border-top-width:7px;border-right-width:11px;border-bottom-width:7px}
.cp-banner-content .timer{margin-top:8px;margin-bottom:30px}
.cp-banner-content .timer .time{font-size:16px;line-height:32px}
.cp-banner-content .timer .time .days-box .unit{transform:scale(0.5) translateX(-50%)}
}
.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}
.cmp__hero-banner-v2 *{box-sizing:border-box}
.cmp__hero-banner-v2 picture,.cmp__hero-banner-v2 img,.cmp__hero-banner-v2 video{display:block;width:100%;height:100%;object-fit:cover}
.cmp__hero-banner-v2 .hero-banner-kv{position:relative;width:100%;color:rgba(0,0,0,0.95)}
.cmp__hero-banner-v2 .hero-banner-kv .video-bg-button-array{position:absolute;z-index:3;width:32px;height:32px;bottom:24px;right:24px;display:none;cursor:pointer}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .video-bg-button-array{width:24px;height:24px;bottom:16px;right:16px}
}
.cmp__hero-banner-v2 .hero-banner-kv .video-bg-button-array .op-icon{position:absolute;width:100%;height:100%;top:0;left:0;display:none}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .video-bg-button-array.btn-right{right:auto;left:16px}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container{display:flex;flex-direction:column;position:absolute;width:100%;top:0;left:50%;transform:translateX(-50%);z-index:2}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .ai-mark-phone{width:auto;display:inline-block;height:auto}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .ai-mark-phone.extra-large{height:52px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .ai-mark-phone.extra-large{height:36px}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .ai-mark-phone.large{height:42px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .ai-mark-phone.large{height:28px}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .ai-mark-phone.middle{height:36px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .ai-mark-phone.middle{height:24px}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .ai-mark-phone.small{height:28px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .ai-mark-phone.small{height:18px}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .ai-mark-phone.mini{height:24px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .ai-mark-phone.mini{height:14px}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .ai-mark-phone.hasu{height:18px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .ai-mark-phone.hasu{height:10px}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .ai-mark-phone.ai-mark{height:20px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .ai-mark-phone.ai-mark{height:12px}
}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .title{line-height:34px;letter-spacing:0}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .subtitle{margin-top:8px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .subtitle{margin-top:2px}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .subtitle .show-time{display:inline-block}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .subtitle .show-time.hms{width:140px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .subtitle .show-time.hms{width:100px}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .desc{opacity:.7;margin-top:8px}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .text-icon{width:auto;display:inline-block;height:16px;margin-top:24px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .text-icon{height:10px;margin-top:18px}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .text-icon.extra-large{height:52px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .text-icon.extra-large{height:36px}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .text-icon.large{height:42px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .text-icon.large{height:28px}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .text-icon.middle{height:36px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .text-icon.middle{height:24px}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .text-icon.small{height:28px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .text-icon.small{height:18px}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .text-icon.mini{height:24px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .text-icon.mini{height:14px}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .text-icon.hasu{height:18px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .text-icon.hasu{height:10px}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .btn-array{display:flex;align-items:center;margin-top:40px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .hero-banner-kv .content-container .btn-array{margin-top:24px}
}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .btn-array .new-button{margin-right:12px}
.cmp__hero-banner-v2 .hero-banner-kv .content-container .btn-array .new-button:last-child{margin-right:0}
.cmp__hero-banner-v2 .hero-banner-kv .content-container.content-center{align-items:center;text-align:center}
.cmp__hero-banner-v2 .hero-banner-kv .content-container.content-center .btn-array,.cmp__hero-banner-v2 .hero-banner-kv .content-container.content-center .share-container{justify-content:center}
.cmp__hero-banner-v2 .hero-banner-kv .content-container.content-right{align-items:flex-end}
.cmp__hero-banner-v2 .hero-video-container .default-hide{display:none}
.cmp__hero-banner-v2 .hero-video-container .video-wrap{width:100%;padding-bottom:calc(100% * 738 / 1312);position:relative;overflow:hidden;height:0}
@media screen and (min-width:1200px) and (max-width:1440px){.cmp__hero-banner-v2 .hero-video-container .video-wrap{width:83.2317%;margin:0 auto;padding-bottom:calc(83.2317% * 614 / 1092)}
}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__hero-banner-v2 .hero-video-container .video-wrap{padding-bottom:calc(100% * 405 / 720)}
}
@media screen and (max-width:650px){.cmp__hero-banner-v2 .hero-video-container .video-wrap{padding-bottom:calc(100% * 185 / 328)}
}
.cmp__hero-banner-v2 .hero-video-container .video-wrap.source-local .local-video{display:block}
.cmp__hero-banner-v2 .hero-video-container .video-wrap.source-iframe .iframe-video{display:block;width:100%}
.cmp__hero-banner-v2 .hero-video-container .video-wrap .local-video,.cmp__hero-banner-v2 .hero-video-container .video-wrap .iframe-video{position:absolute;top:0;left:0;z-index:1}
.cmp__hero-banner-v2 .share-container{color:rgba(0,0,0,0.95);display:flex;align-items:center}
.cmp__hero-banner-v2 .share-container>span,.cmp__hero-banner-v2 .share-container>a{margin-top:16px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .share-container.large-show{display:none}
}
.cmp__hero-banner-v2 .share-container.large-hide{display:none}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .share-container.large-hide{display:flex;justify-content:center}
.cmp__hero-banner-v2 .share-container.large-hide>span,.cmp__hero-banner-v2 .share-container.large-hide>a{margin-top:24px}
}
.cmp__hero-banner-v2 .share-container a{width:24px;height:24px;margin-left:8px;position:relative;opacity:.7}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .share-container a{margin-left:24px}
}
.cmp__hero-banner-v2 .share-container a:first-of-type{margin-left:4px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2 .share-container a:first-of-type{margin-left:8px}
}
.cmp__hero-banner-v2 .share-container a:hover{opacity:1}
.cmp__hero-banner-v2.dark-theme .hero-banner-kv{color:rgba(255,255,255,0.95)}
.cmp__hero-banner-v2.dark-theme .share-container{color:rgba(255,255,255,0.95)}
.cmp__hero-banner-v2.dark-theme .share-container a{color:#fff}
.cmp__hero-banner-v2.embedded .embed-show{display:block}
.cmp__hero-banner-v2.embedded .popup-show{display:none}
.cmp__hero-banner-v2.embedded .hero-banner-kv .content-container{height:calc(100% - 7.6vw);justify-content:center}
@media screen and (max-width:1024px),(max-width:1200px) and (max-aspect-ratio:1 / 1){.cmp__hero-banner-v2.embedded .hero-banner-kv .content-container{height:calc(100% - 10.6vw)}
}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__hero-banner-v2.embedded .hero-banner-kv .content-container{height:calc(100% - 4.6vw)}
}
@media screen and (max-width:650px){.cmp__hero-banner-v2.embedded .hero-banner-kv .content-container{height:calc(100% - 22vw);justify-content:flex-start;padding-top:32px}
}
.cmp__hero-banner-v2.embedded .hero-banner-kv .content-container .desc.popup-show{display:none}
.cmp__hero-banner-v2.embedded .hero-banner-kv .content-container>div{width:542px}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__hero-banner-v2.embedded .hero-banner-kv .content-container>div{width:328px}
}
@media screen and (max-width:650px){.cmp__hero-banner-v2.embedded .hero-banner-kv .content-container>div{width:100%}
}
.cmp__hero-banner-v2.embedded .hero-video-container{margin-top:-7.6vw}
@media screen and (max-width:1024px),(max-width:1200px) and (max-aspect-ratio:1 / 1){.cmp__hero-banner-v2.embedded .hero-video-container{margin-top:-10.6vw}
}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__hero-banner-v2.embedded .hero-video-container{margin-top:-4.6vw}
}
@media screen and (max-width:650px){.cmp__hero-banner-v2.embedded .hero-video-container{margin-top:-22vw}
}
.cmp__hero-banner-v2.popup .embed-show,.cmp__hero-banner-v2.multiple .embed-show{display:none}
.cmp__hero-banner-v2.popup .popup-show,.cmp__hero-banner-v2.multiple .popup-show{display:block}
.cmp__hero-banner-v2.popup .hero-banner-kv,.cmp__hero-banner-v2.multiple .hero-banner-kv{cursor:pointer;margin-bottom:5px}
.cmp__hero-banner-v2.popup .hero-banner-kv.no-link,.cmp__hero-banner-v2.multiple .hero-banner-kv.no-link{cursor:default}
@media screen and (min-width:1439px){.cmp__hero-banner-v2.popup .hero-banner-kv,.cmp__hero-banner-v2.multiple .hero-banner-kv{height:640px}
}
@media screen and (min-width:1024px) and (max-width:1439px){.cmp__hero-banner-v2.popup .hero-banner-kv,.cmp__hero-banner-v2.multiple .hero-banner-kv{height:440px}
}
@media screen and (min-width:650px) and (max-width:1023px){.cmp__hero-banner-v2.popup .hero-banner-kv,.cmp__hero-banner-v2.multiple .hero-banner-kv{min-height:340px}
}
@media screen and (max-width:650px){.cmp__hero-banner-v2.popup .hero-banner-kv,.cmp__hero-banner-v2.multiple .hero-banner-kv{min-height:530px;margin-bottom:4px}
}
.cmp__hero-banner-v2.popup .hero-banner-kv .content-container,.cmp__hero-banner-v2.multiple .hero-banner-kv .content-container{height:100%;justify-content:space-between;padding-top:56px;padding-bottom:64px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2.popup .hero-banner-kv .content-container,.cmp__hero-banner-v2.multiple .hero-banner-kv .content-container{padding-top:40px;padding-bottom:32px}
}
@media screen and (max-width:650px){.cmp__hero-banner-v2.popup .hero-banner-kv .content-container,.cmp__hero-banner-v2.multiple .hero-banner-kv .content-container{justify-content:flex-start}
}
.cmp__hero-banner-v2.popup .hero-banner-kv .content-container .desc.popup-show,.cmp__hero-banner-v2.multiple .hero-banner-kv .content-container .desc.popup-show{display:block}
.cmp__hero-banner-v2.popup .hero-banner-kv .content-container .desc.embed-show,.cmp__hero-banner-v2.multiple .hero-banner-kv .content-container .desc.embed-show{display:none}
@media screen and (max-width:650px){.cmp__hero-banner-v2.popup .hero-banner-kv .content-container .desc.popup-show,.cmp__hero-banner-v2.multiple .hero-banner-kv .content-container .desc.popup-show{display:none}
.cmp__hero-banner-v2.popup .hero-banner-kv .content-container .desc.embed-show,.cmp__hero-banner-v2.multiple .hero-banner-kv .content-container .desc.embed-show{display:block}
}
.cmp__hero-banner-v2.popup .hero-banner-kv .content-container .btn-array,.cmp__hero-banner-v2.multiple .hero-banner-kv .content-container .btn-array{margin-top:32px}
@media screen and (max-width:1024px){.cmp__hero-banner-v2.popup .hero-banner-kv .content-container .btn-array,.cmp__hero-banner-v2.multiple .hero-banner-kv .content-container .btn-array{margin-top:16px}
}
@media screen and (max-width:650px){.cmp__hero-banner-v2.popup .hero-banner-kv .content-container .btn-array,.cmp__hero-banner-v2.multiple .hero-banner-kv .content-container .btn-array{margin-top:24px}
}
.cmp__hero-banner-v2.popup .hero-banner-kv .content-container>div,.cmp__hero-banner-v2.multiple .hero-banner-kv .content-container>div{width:652px}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__hero-banner-v2.popup .hero-banner-kv .content-container>div,.cmp__hero-banner-v2.multiple .hero-banner-kv .content-container>div{width:307px}
}
@media screen and (max-width:650px){.cmp__hero-banner-v2.popup .hero-banner-kv .content-container>div,.cmp__hero-banner-v2.multiple .hero-banner-kv .content-container>div{width:100%}
}
.cmp__hero-banner-v2.popup .hero-banner-kv .content-container.content-right>div,.cmp__hero-banner-v2.multiple .hero-banner-kv .content-container.content-right>div{width:432px}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__hero-banner-v2.popup .hero-banner-kv .content-container.content-right>div,.cmp__hero-banner-v2.multiple .hero-banner-kv .content-container.content-right>div{width:307px}
}
@media screen and (max-width:650px){.cmp__hero-banner-v2.popup .hero-banner-kv .content-container.content-right>div,.cmp__hero-banner-v2.multiple .hero-banner-kv .content-container.content-right>div{width:100%}
}
.cmp__hero-banner-v2.popup .hero-video-container,.cmp__hero-banner-v2.multiple .hero-video-container{position:fixed;z-index:999;width:100%;height:100%;top:0;left:0}
.cmp__hero-banner-v2.popup .hero-video-container.hide-pop,.cmp__hero-banner-v2.multiple .hero-video-container.hide-pop{display:none}
.cmp__hero-banner-v2.popup .hero-video-container .video-mask,.cmp__hero-banner-v2.multiple .hero-video-container .video-mask{position:absolute;z-index:1;background:rgba(0,0,0,0.6);top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .32s cubic-bezier(0.48,0.04,0.52,0.96) .12s}
.cmp__hero-banner-v2.popup .hero-video-container .responsive__layout,.cmp__hero-banner-v2.multiple .hero-video-container .responsive__layout{width:100%;height:100%;position:relative;z-index:2;display:flex;justify-content:center;align-items:center}
.cmp__hero-banner-v2.popup .hero-video-container .responsive__layout .video-wrap,.cmp__hero-banner-v2.multiple .hero-video-container .responsive__layout .video-wrap{position:relative;overflow:visible;transform:translateY(100px);opacity:0;transition:all .28s cubic-bezier(0.48,0.04,0.52,0.96)}
.cmp__hero-banner-v2.popup .hero-video-container .responsive__layout .close-btn,.cmp__hero-banner-v2.multiple .hero-video-container .responsive__layout .close-btn{position:absolute;width:24px;height:24px;right:-44px;top:0;cursor:pointer}
.cmp__hero-banner-v2.popup .hero-video-container .responsive__layout .close-btn svg.op-icon,.cmp__hero-banner-v2.multiple .hero-video-container .responsive__layout .close-btn svg.op-icon{fill:#fff}
@media screen and (max-width:1024px){.cmp__hero-banner-v2.popup .hero-video-container .responsive__layout .close-btn,.cmp__hero-banner-v2.multiple .hero-video-container .responsive__layout .close-btn{right:0;top:-44px}
}
.cmp__hero-banner-v2.popup .hero-video-container.animate .video-mask,.cmp__hero-banner-v2.multiple .hero-video-container.animate .video-mask{opacity:1;transition:opacity .1s cubic-bezier(0.48,0.04,0.52,0.96)}
.cmp__hero-banner-v2.popup .hero-video-container.animate .responsive__layout .video-wrap,.cmp__hero-banner-v2.multiple .hero-video-container.animate .responsive__layout .video-wrap{transform:translateY(0);opacity:1}
@media screen and (max-width:1024px){.cmp__hero-banner-v2.popup .share-container.large-show,.cmp__hero-banner-v2.multiple .share-container.large-show{display:flex;justify-content:flex-start}
.cmp__hero-banner-v2.popup .share-container.large-show>span,.cmp__hero-banner-v2.popup .share-container.large-show>a,.cmp__hero-banner-v2.multiple .share-container.large-show>span,.cmp__hero-banner-v2.multiple .share-container.large-show>a{margin-top:20px}
}
@media screen and (max-width:650px){.cmp__hero-banner-v2.popup .share-container.large-show>span,.cmp__hero-banner-v2.popup .share-container.large-show>a,.cmp__hero-banner-v2.multiple .share-container.large-show>span,.cmp__hero-banner-v2.multiple .share-container.large-show>a{margin-top:24px}
}
.cmp__hero-banner-v2.popup .share-container.large-hide,.cmp__hero-banner-v2.multiple .share-container.large-hide{display:none}
@media screen and (max-width:1024px){.cmp__hero-banner-v2.popup .share-container.large-hide,.cmp__hero-banner-v2.multiple .share-container.large-hide{display:none}
}
.cmp__hero-banner-v2.popup:last-child .hero-banner-kv,.cmp__hero-banner-v2.multiple:last-child .hero-banner-kv{margin-bottom:0}
.cmp__general-content-card{background-color:#fff;color:rgba(0,0,0,0.95)}
.cmp__general-content-card *{box-sizing:border-box}
.cmp__general-content-card picture,.cmp__general-content-card img{display:block;width:100%;height:100%;object-fit:cover}
.cmp__general-content-card .op-icon{width:100%;height:100%}
.cmp__general-content-card .cmp__event-title{padding-top:4px}
@media screen and (max-width:1024px){.cmp__general-content-card .cmp__event-title{padding-top:0}
}
.cmp__general-content-card .general-container{position:relative;overflow:visible}
.cmp__general-content-card .general-container .swiper-wrapper{display:flex;align-items:stretch}
.cmp__general-content-card .general-container .slide-item{width:calc((100% - 16px) / 3);margin-right:8px;flex-shrink:0;display:flex;flex-direction:column;flex-grow:1;height:auto}
.cmp__general-content-card .general-container .slide-item:last-child{margin-right:0}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__general-content-card .general-container .slide-item{width:calc((100% - 8px) / 2.5428);margin-right:4px}
}
@media screen and (max-width:650px){.cmp__general-content-card .general-container .slide-item{width:85.3658%;margin-right:4px}
}
.cmp__general-content-card .general-container .slide-item a{color:rgba(0,0,0,0.95);flex-shrink:0}
.cmp__general-content-card .general-container .slide-item a:last-child{flex-grow:1;margin-top:4px}
@media screen and (max-width:1024px){.cmp__general-content-card .general-container .slide-item a:last-child{margin-top:2px}
}
.cmp__general-content-card .general-container .slide-item .img-box{overflow:hidden;display:flex;justify-content:center;align-items:center;padding-bottom:calc(100% * 288 / 432);position:relative}
@media screen and (max-width:1024px){.cmp__general-content-card .general-container .slide-item .img-box{padding-bottom:calc(100% * 186 / 280)}
}
.cmp__general-content-card .general-container .slide-item .img-box picture{position:absolute;top:0;left:0}
.cmp__general-content-card .general-container .slide-item .img-box img{transition:all 320ms cubic-bezier(0.48,0.04,0.52,0.96)}
.cmp__general-content-card .general-container .slide-item .content-box{position:relative;background:#f6f6f6;border-radius:4px;padding:20px;padding-right:56px;display:flex;flex-direction:column;justify-content:space-between;height:100%}
.cmp__general-content-card .general-container .slide-item .content-box .arrow-right{display:flex;justify-content:center;align-items:center;position:absolute;width:24px;height:24px;right:24px;bottom:20px;z-index:1;transition:all 320ms cubic-bezier(0.48,0.04,0.52,0.96)}
@media screen and (min-width:1025px) and (max-width:1439px){.cmp__general-content-card .general-container .slide-item .content-box{padding:16px;padding-right:50px}
}
@media screen and (max-width:1024px){.cmp__general-content-card .general-container .slide-item .content-box{padding:12px 16px;padding-right:36px}
.cmp__general-content-card .general-container .slide-item .content-box .arrow-right{width:16px;height:16px;right:16px;bottom:14px}
}
.cmp__general-content-card .general-container .slide-item .content-box .content-title{margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
@media screen and (max-width:1024px){.cmp__general-content-card .general-container .slide-item .content-box .content-title{margin-bottom:12px}
}
.cmp__general-content-card .general-container .slide-item .content-box .content-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
@media screen and (min-width:1025px){.cmp__general-content-card .general-container .slide-item:hover .img-box img{transform:scale(1.1)}
.cmp__general-content-card .general-container .slide-item:hover .content-box .arrow-right{transform:translateX(8px)}
}
.cmp__general-content-card .general-container .slide-item.no-link a{cursor:auto}
.cmp__general-content-card .general-container .slide-item.no-link .content-box .arrow-right{display:none}
.cmp__general-content-card .general-container .swiper-button-group{position:absolute;top:-74px;right:0;z-index:2;display:flex;justify-content:center;align-items:center}
.cmp__general-content-card .general-container .swiper-button-group.hide{display:none}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__general-content-card .general-container .swiper-button-group{top:-54px;display:none}
}
@media screen and (max-width:650px){.cmp__general-content-card .general-container .swiper-button-group{display:none}
}
.cmp__general-content-card .general-container .swiper-button-group .swiper-button-prev,.cmp__general-content-card .general-container .swiper-button-group .swiper-button-next{background:0;width:36px;height:36px;cursor:pointer;left:0;margin-top:0;position:relative}
.cmp__general-content-card .general-container .swiper-button-group .swiper-button-prev.swiper-button-disabled,.cmp__general-content-card .general-container .swiper-button-group .swiper-button-next.swiper-button-disabled{opacity:.5;cursor:not-allowed}
.cmp__general-content-card .general-container .swiper-button-group .swiper-button-prev{margin-right:28px}
.cmp__general-content-card.dark-theme .op-icon.light-icon{display:none}
.cmp__general-content-card.dark-theme .op-icon.dark-icon{display:block}
.cmp__general-content-card.dark-theme{background-color:#000;color:rgba(255,255,255,0.95)}
.cmp__general-content-card.dark-theme .cmp__event-title .title{color:rgba(255,255,255,0.95)}
.cmp__general-content-card.dark-theme .general-container .slide-item a{color:rgba(255,255,255,0.95)}
.cmp__general-content-card.dark-theme .general-container .slide-item .content-box{background:#201f1c}
.cmp__general-content-card.dark-theme .general-container .slide-item .content-box .content-desc{color:rgba(255,255,255,0.75)}
.cmp__general-content-card.dark-theme .general-container .slide-item .content-box .arrow-right svg.op-icon{fill:#fff}
.cmp__general-content-card.dark-theme .general-container .slide-item.no-link .content-box .arrow-right{display:none}