.cp-breadcrumb{font-size:11px;line-height:19px;font-family:'OPPOSans-Ver2-Medium';padding:30px 0}
.clean-theme .cp-breadcrumb{margin-top:80px}
@media(min-width:1024px) and (max-width:1439.98px){.clean-theme .cp-breadcrumb{margin-top:64px}
}
.cp-breadcrumb li{display:inline}
.cp-breadcrumb li+li::before{content:'/';display:inline-block;padding-right:4px;color:rgba(0,0,0,0.7);font-size:11px;line-height:19px;font-family:'OPPOSans-Ver2-Regular'}
.cp-breadcrumb li:last-child a{border-bottom:0}
.cp-breadcrumb a{line-height:19px;display:inline-block;border-bottom:1px solid}
.cp-breadcrumb.dark-theme{color:#fff}
.cp-breadcrumb.dark-theme li+li::before{color:rgba(255,255,255,0.7)}
.cp-breadcrumb.dark-theme a{color:#fff}
@media(max-width:767.98px){.cp-breadcrumb{display:none;padding-left:15px;padding-right:15px}
}
@media(min-width:768px) and (max-width:1439.98px){.cp-breadcrumb{margin-left:auto;margin-right:auto}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-breadcrumb{padding-left:50px;padding-right:50px}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-breadcrumb{padding-left:40px;padding-right:40px}
.clean-theme .cp-breadcrumb{margin-top:48px}
}
@media(min-width:1440px){.cp-breadcrumb{box-sizing:border-box;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}
}
.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}
}
.newslist-tab{position:relative}
.newslist-tab .newslist_title{margin-top:148px;display:flex;justify-content:center;font-weight:500;font-size:48px;line-height:60px;color:#000}
.newslist-tab .nav_scroll_fixed{position:fixed;top:0;box-shadow:0 0 15vw 0 rgba(0,0,0,0.15);opacity:.95}
.newslist-tab .nav_scroll_nofixed{position:absolute;top:0}
.newslist-tab .nav_scroll_absolute{position:absolute;top:auto;bottom:0;box-shadow:none}
.newslist-tab .position_nav{margin-top:20px;position:relative;display:flex;justify-content:center}
.newslist-tab .position-static{position:static}
.newslist-tab .newslist_tab_container{width:76.8%;display:flex;height:56px;overflow:hidden;position:relative;border-radius:24px;padding:0 2px}
.newslist-tab .newslist_tab_container .wrap{width:auto;margin:0 auto}
.newslist-tab .newslist_tab_container .wrap .prev-btn,.newslist-tab .newslist_tab_container .wrap .next-btn{display:none;z-index:99;position:absolute;top:0;right:0;box-sizing:border-box;align-items:center;justify-content:flex-end;padding-right:12px;background:linear-gradient(270deg,#fff 62.2%,rgba(255,255,255,0) 83.68%);width:82px;height:100%;text-align:right;cursor:pointer}
.newslist-tab .newslist_tab_container .wrap .prev-btn svg,.newslist-tab .newslist_tab_container .wrap .next-btn svg{width:32px;height:32px}
.newslist-tab .newslist_tab_container .wrap .prev-btn{left:0;transform:rotate(180deg)}
.newslist-tab .newslist_tab_container .wrap .dropdown-btn{display:none}
.newslist-tab .newslist_tab_nav{height:100%;box-sizing:border-box;display:flex;align-items:center;border-radius:30px;background-color:#fafafa;z-index:2;transition:all .1s ease;padding:4px;position:relative}
.newslist-tab .newslist_tab_nav li{font-weight:500;font-size:16px;line-height:24px;letter-spacing:.02em;color:rgba(0,0,0,0.95);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 24px;height:24px;transition-property:padding;transition-duration:.3s;transition-timing-function:ease-in-out;overflow:hidden;white-space:nowrap;position:relative}
.newslist-tab .newslist_tab_nav li::after{content:"";position:absolute;top:0;right:0;border-right:1px solid #dcdcdc;width:0;height:24px}
.newslist-tab .newslist_tab_nav li:last-of-type{margin-right:0}
.newslist-tab .newslist_tab_nav li:last-of-type::after{border-right:0}
.newslist-tab .newslist_tab_nav .prev::after{border-right:0}
.newslist-tab .newslist_tab_nav .current{height:100%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.06);border-radius:24px}
.newslist-tab .newslist_tab_nav .current::after{border-right:0}
.newslist-tab .newslist_tab_nav p{position:absolute;bottom:20px;border-bottom:1px solid #000;transition:all .3s ease-in-out}
.newslist-tab .newslist_visible_box{overflow:hidden;width:100vw}
.newslist-tab .newslist_visible_box .newslist_tab_section{width:999999999px;position:relative;left:0;transition:left .3s ease}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_tab_section_title{font-size:18px;line-height:26px;letter-spacing:.5px;color:#000;margin-top:20px;margin-bottom:60px;display:flex;justify-content:center}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section{padding-bottom:180px;width:100vw;float:left;overflow:hidden;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_content{overflow:hidden;position:relative;margin:0 60px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left>div:first-child{margin-top:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left{width:745px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content{margin-top:90px;width:745px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .img_box{width:745px;height:559px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .img_box img{width:100%;height:100%;opacity:1;transition:all .3s ease}
@media(min-width:1440px){.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .img_box img:hover{transform:scale(1.1);opacity:.85}
}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .img_box .placeholder{width:110px;height:40px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip{display:inline-block;margin-top:15px;font-family:'OPPOSans-Ver2-Medium';font-size:0;color:#fff}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip a{display:inline-block;padding:3px 6px;cursor:default;font-size:9px;line-height:14px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip .gray_filling{background:#c8c9c6;color:#fff}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip .green_filling{background:#046a38;color:#fff}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip span{margin-left:5px;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:14px;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip span:first-of-type{margin-left:15px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .date_time{display:inline-block;margin-top:10px;margin-left:15px;height:20px;font-family:'OPPOSans-Ver2-Medium';font-size:9px;color:#fff;line-height:14px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .date_time span:first-child{display:block}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .date_time span{display:none;margin-left:5px;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:14px;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .date_time .dot{background-color:#000;display:none;width:3px;height:3px;border-radius:50%;vertical-align:middle;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .main_title{margin-top:14px;font-size:36px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:48px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .main_title a{overflow:hidden;max-height:144px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .short_intro{margin-top:20px;font-family:'OPPOSans-Ver2-Medium';font-size:20px;color:#000;line-height:30px;opacity:.7;overflow:hidden;max-height:120px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right>div:first-child{margin-top:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right{position:absolute;right:0;top:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content{margin-top:90px;width:400px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .img_box{width:400px;height:300px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .img_box img{width:400px;height:300px;opacity:1;transition:all .3s ease}
@media(min-width:1440px){.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .img_box img:hover{transform:scale(1.1);opacity:.85}
}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .img_box .placeholder{width:110px;height:40px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .article_tip{display:inline-block;margin-top:15px;height:20px;font-family:'OPPOSans-Ver2-Medium';font-size:0;color:#fff}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .article_tip a{display:inline-block;padding:3px 6px;cursor:default;font-size:9px;line-height:14px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .article_tip .gray_filling{background:#c8c9c6;color:#fff}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .article_tip .green_filling{background:#046a38;color:#fff}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .article_tip span{margin-left:5px;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:14px;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .article_tip span:first-of-type{margin-left:15px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .date_time{display:inline-block;margin-top:10px;margin-left:15px;height:20px;font-family:'OPPOSans-Ver2-Medium';font-size:9px;color:#fff;line-height:14px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .date_time span:first-child{display:block}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .date_time span{display:none;margin-left:5px;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:14px;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .date_time .dot{background-color:#000;display:none;width:3px;height:3px;border-radius:50%;vertical-align:middle;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .main_title{margin-top:20px;font-size:20px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:30px;overflow:hidden;max-height:90px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .short_intro{margin-top:20px;font-family:'OPPOSans-Ver2-Medium';font-size:16px;color:#000;line-height:24px;max-height:96px;opacity:.7;overflow:hidden}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_content .main_title a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_press_section{float:left;display:flex;width:100vw;flex-direction:column;align-items:center;margin:0 auto;justify-content:center;opacity:.5;padding-bottom:180px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_press_section .press_content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:auto}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_press_section .press_content .main_title a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_stories_section{float:left;display:flex;width:100vw;flex-direction:column;align-items:center;margin:0 auto;justify-content:center;opacity:.5;padding-bottom:180px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_stories_section .story_content{display:flex;flex-direction:row;flex-wrap:wrap}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_stories_section .story_content .main_title a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_media_section{float:left;display:flex;flex-direction:column;width:100vw;align-items:center;margin:0 auto;opacity:.5;padding-bottom:180px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_media_section .media_content{display:flex;flex-direction:row;flex-wrap:wrap}
.newslist-tab .newslist_visible_box .newslist_tab_section .current_section{opacity:1}
.newslist-tab .page_list{margin-top:90px}
@media(min-width:1440px){.pointer-none{pointer-events:none}
.newslist-tab .newslist_breadcrumbs{box-sizing:border-box;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_content{box-sizing:border-box;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_content .latest_section_right{right:60px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_press_section .press_content{box-sizing:border-box;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px;justify-content:flex-start}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_stories_section .story_content{box-sizing:border-box;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_media_section .media_content{box-sizing:border-box;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}
}
@media screen and (min-width:1025px) and (max-width:1439px){.newslist-tab .newslist_title{margin-top:6.25vw;font-size:30px;line-height:38px}
.newslist-tab .nav_scroll_fixed{top:0;box-shadow:0 0 15vw 0 rgba(0,0,0,0.15)}
.newslist-tab .nav_scroll_absolute{position:absolute;top:auto;bottom:0;box-shadow:none}
.newslist-tab .position_nav{margin-top:2.08333vw;position:relative}
.newslist-tab .position_nav .newslist_tab_container{height:5.20833vw}
.newslist-tab .position_nav .newslist_tab_container .wrap .prev-btn,.newslist-tab .position_nav .newslist_tab_container .wrap .next-btn{padding-right:1.04167vw;width:8.85417vw}
.newslist-tab .position_nav .newslist_tab_container .wrap .prev-btn svg,.newslist-tab .position_nav .newslist_tab_container .wrap .next-btn svg{width:3.125vw;height:3.125vw}
.newslist-tab .position-static{position:static}
.newslist-tab .newslist_tab_nav{display:flex;justify-content:center;height:5.20833vw;border-radius:3.125vw}
.newslist-tab .newslist_tab_nav li{font-size:1.5625vw;line-height:2.60417vw;height:2.60417vw;padding:0 2.60417vw}
.newslist-tab .newslist_tab_nav li:last-of-type{margin-right:0}
.newslist-tab .newslist_tab_nav .current{padding:0 2.60417vw;border-radius:3.125vw}
.newslist-tab .newslist_tab_nav p{position:absolute;bottom:18px;border-bottom:1px solid #000}
.newslist-tab .newslist_visible_box{overflow:hidden}
.newslist-tab .newslist_visible_box .newslist_tab_section{width:99999px;position:relative;left:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .current_section{opacity:1}
.newslist-tab .newslist_visible_box .newslist_tab_section .other_section{opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section{padding-bottom:120px;width:100vw;float:left}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_content{overflow:hidden;display:flex;justify-content:space-between;margin:0 4.883vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left{width:521px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content{margin-top:60px;width:521px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .img_box{width:521px;height:390px;overflow:hidden}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .img_box img{width:521px;height:390px;transform:scale(1);opacity:1}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip{display:inline-block;margin-top:10px;font-family:'OPPOSans-Ver2-Medium';color:#fff}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip a{display:inline-block;font-size:9px;padding:3px 6px;cursor:default;line-height:14px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip span{margin-left:5px;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:14px;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip span:first-of-type{margin-left:15px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .date_time{display:inline-block;margin-left:0;margin-top:10px;height:20px;font-family:'OPPOSans-Ver2-Medium';font-size:9px;color:#fff;line-height:14px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .date_time span{display:none;margin-left:5px;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:14px;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .date_time .dot{background-color:#000;display:inline-block;width:3px;height:3px;border-radius:50%;vertical-align:middle;opacity:.5;display:none}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .main_title{margin-top:10px;font-size:20px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:30px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .main_title a{max-height:90px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .short_intro{margin-top:10px;font-family:'OPPOSans-Ver2-Medium';font-size:16px;color:#000;line-height:24px;max-height:96px;opacity:.7}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content{margin-top:60px;width:280px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .img_box{width:280px;height:210px;overflow:hidden}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .img_box img{width:280px;height:210px;transform:scale(1);opacity:1}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .article_tip{display:inline-block;margin-top:10px;height:20px;font-family:'OPPOSans-Ver2-Medium';color:#fff}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .article_tip a{display:inline-block;font-size:9px;padding:3px 6px;cursor:default;line-height:14px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .article_tip span{margin-left:5px;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:14px;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .article_tip span:first-of-type{margin-left:15px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .date_time{display:inline-block;margin-left:0;margin-top:10px;height:20px;font-family:'OPPOSans-Ver2-Medium';font-size:9px;color:#fff;line-height:14px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .date_time span:first-child{display:block}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .date_time span{display:none;margin-left:5px;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:14px;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .date_time .dot{background-color:#000;display:none;width:3px;height:3px;border-radius:50%;vertical-align:middle;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .main_title{margin-top:10px;font-size:13px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:19px;max-height:57px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .short_intro{margin-top:10px;font-family:'OPPOSans-Ver2-Medium';font-size:13px;color:#000;line-height:19px;max-height:76px;opacity:.7}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_press_section{float:left;display:flex;flex-direction:column;width:90.234vw;align-items:center;margin:0 4.883vw;padding-bottom:120px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_press_section .press_section_row:first-child{margin-top:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_press_section .press_section_row{margin-top:60px;width:90.234vw;display:flex;justify-content:space-between}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_stories_section{float:left;display:flex;flex-direction:column;width:90.234vw;align-items:center;margin:0 4.883vw;padding-bottom:120px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_stories_section .newslist_tab_section_title{margin:2.08333vw 0 6.51042vw;font-size:2.08333vw;line-height:3.125vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_stories_section .story_section_row:first-child{margin-top:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_stories_section .story_section_row{margin-top:60px;width:90.234vw;display:flex;justify-content:space-between}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_media_section{float:left;display:flex;flex-direction:column;width:90.234vw;align-items:center;margin:0 4.883vw;padding-bottom:120px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_media_section .media_section_row:first-child{margin-top:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_media_section .media_section_row{width:90.234vw;margin-top:60px;display:flex;justify-content:space-between}
.newslist-tab .cp-media-reviewer{padding-bottom:0}
.newslist-tab .cp-media-reviewer::before{content:"";display:block;width:90.625vw;height:1px;background-color:#000;opacity:.15;margin:120px auto 90px}
.newslist-tab .page_list{margin-top:90px}
}
@media screen and (min-width:651px) and (max-width:1024px){.newslist-tab .newslist_title{margin-top:6.25vw;font-size:30px;line-height:38px}
.newslist-tab .nav_scroll_fixed{position:static;top:0;box-shadow:0 0 15vw 0 rgba(0,0,0,0.15);opacity:.95}
.newslist-tab .nav_scroll_nofixed{position:static;top:0}
.newslist-tab .nav_scroll_absolute{position:static;top:auto !important;bottom:0;box-shadow:none}
.newslist-tab .position_nav{margin-top:2.08333vw;z-index:3;top:0;transition:top .1s ease}
.newslist-tab .position_nav .newslist_tab_container{height:5.20833vw}
.newslist-tab .position_nav .newslist_tab_container .wrap .prev-btn,.newslist-tab .position_nav .newslist_tab_container .wrap .next-btn{padding-right:1.04167vw;width:8.85417vw}
.newslist-tab .position_nav .newslist_tab_container .wrap .prev-btn svg,.newslist-tab .position_nav .newslist_tab_container .wrap .next-btn svg{width:3.125vw;height:3.125vw}
.newslist-tab .position-static{position:sticky}
.newslist-tab .newslist_tab_nav{display:flex;justify-content:center;height:5.20833vw;border-radius:3.125vw}
.newslist-tab .newslist_tab_nav li{font-size:1.5625vw;line-height:2.60417vw;height:2.60417vw;padding:0 2.60417vw}
.newslist-tab .newslist_tab_nav li:last-of-type{margin-right:0}
.newslist-tab .newslist_tab_nav .current{padding:0 2.60417vw;border-radius:3.125vw}
.newslist-tab .newslist_tab_nav p{position:absolute;bottom:1.563vw;border-bottom:1px solid #000}
.newslist-tab .newslist_visible_box{overflow:hidden}
.newslist-tab .newslist_visible_box .newslist_tab_section{width:1301.953vw;position:relative;left:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .current_section{opacity:1}
.newslist-tab .newslist_visible_box .newslist_tab_section .other_section{opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section{padding-bottom:120px;width:100vw;float:left}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_content{overflow:hidden;display:block;margin:0 5.208vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left>div:nth-child(-n+2){margin-top:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content{margin-top:8.333vw;width:calc(50% - 2.018vw)}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .img_box{width:100%;height:246px;overflow:hidden}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .img_box img{width:100%;height:246px;transform:scale(1);opacity:1;object-fit:cover}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip{display:inline-block;margin-top:10px;height:2.604vw;font-family:'OPPOSans-Ver2-Medium';font-size:0;color:#fff}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip a{display:inline-block;font-size:9px;padding:3px 6px;cursor:default;line-height:14px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip span{margin-left:.651vw;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:1.823vw;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip span:first-of-type{margin-left:1.953vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip .dot{background-color:#000;display:inline-block;width:.391vw;height:.391vw;border-radius:50%;vertical-align:middle;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .date_time{display:inline-block;margin-left:0;margin-top:.651vw;height:2.604vw;font-family:'OPPOSans-Ver2-Medium';font-size:9px;color:#fff;line-height:1.823vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .date_time span{margin-left:.651vw;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:1.823vw;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .main_title{margin-top:1.302vw;font-size:16px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:24px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .main_title a{max-height:72px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .short_intro{margin-top:1.302vw;font-family:'OPPOSans-Ver2-Medium';font-size:13px;color:#000;line-height:19px;max-height:76px;opacity:.7}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right>div:nth-child(2n){margin-left:4.036vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right>div:nth-child(-n+2){margin-top:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right{position:static;display:flex;flex-wrap:wrap;margin-top:8.333vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content{margin-top:8.333vw;width:calc(50% - 2.018vw)}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .img_box{width:100%;height:246px;overflow:hidden}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .img_box img{width:100%;height:246px;transform:scale(1);opacity:1;object-fit:cover}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .img_box .placeholder{width:110px;height:40px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .article_tip{display:inline-block;margin-top:10px;height:2.604vw;font-family:'OPPOSans-Ver2-Medium';font-size:0;color:#fff}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .article_tip a{display:inline-block;font-size:9px;padding:3px 6px;cursor:default;line-height:14px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .article_tip span{margin-left:.651vw;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:1.823vw;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .article_tip span:first-of-type{margin-left:1.953vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .article_tip .dot{background-color:#000;display:inline-block;width:.391vw;height:.391vw;border-radius:50%;vertical-align:middle;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .date_time{display:inline-block;margin-left:0;margin-top:.651vw;height:2.604vw;font-family:'OPPOSans-Ver2-Medium';font-size:9px;color:#fff;line-height:1.823vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .date_time span{margin-left:.651vw;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:1.823vw;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .main_title{margin-top:1.302vw;font-size:16px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:24px;max-height:72px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .short_intro{margin-top:1.302vw;font-family:'OPPOSans-Ver2-Medium';font-size:13px;color:#000;line-height:19px;max-height:76px;opacity:.7}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_press_section{float:left;display:flex;flex-direction:column;width:89.583vw;align-items:center;margin:0 5.208vw;padding-bottom:120px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_press_section .press_section_row:first-child{margin-top:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_press_section .press_section_row{margin-top:7.813vw;width:89.583vw;display:flex;justify-content:space-between}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_stories_section{float:left;display:flex;flex-direction:column;width:89.583vw;align-items:center;margin:0 5.208vw;padding-bottom:120px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_stories_section .newslist_tab_section_title{margin:2.08333vw 0 6.51042vw;font-size:2.08333vw;line-height:3.125vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_stories_section .story_section_row:first-child{margin-top:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_stories_section .story_section_row{margin-top:7.813vw;width:89.583vw;display:flex;justify-content:space-between}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_media_section{float:left;display:flex;flex-direction:column;width:89.583vw;align-items:center;margin:0 5.208vw;padding-bottom:120px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_media_section .media_section_row:first-child{margin-top:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_media_section .media_section_row{width:89.583vw;margin-top:7.813vw;display:flex;justify-content:space-between}
.newslist-tab .cp-media-reviewer::before{content:"";display:block;width:89.584vw;height:.131vw;background-color:#000;opacity:.15;margin:11.719vw auto 7.813vw}
.newslist-tab .page_list{margin-top:90px}
}
@media screen and (max-width:650px){.clean-theme .newslist-tab .newslist_title{margin-top:30.556vw}
.dark-theme .newslist-tab .newslist_title{margin-top:16.111vw}
.light-theme .newslist-tab .newslist_title{margin-top:16.111vw}
.newslist-tab .clean-theme .newslist_title{margin-top:30.556vw}
.newslist-tab .newslist_title{margin-top:48px;display:flex;justify-content:center;font-size:30px;line-height:38px}
.newslist-tab .nav_scroll_fixed{position:static;top:0;box-shadow:0 0 15vw 0 rgba(0,0,0,0.15)}
.newslist-tab .nav_scroll_nofixed{position:static}
.newslist-tab .nav_scroll_absolute{position:static;top:auto !important;bottom:0;box-shadow:none}
.newslist-tab .position_nav{margin-top:16px;z-index:3;top:-1px;transition:top .1s ease}
.newslist-tab .position-static{position:sticky}
.newslist-tab .newslist_tab_container{height:40px;width:100%;transition:height .1s ease}
.newslist-tab .newslist_tab_container .wrap .prev-btn,.newslist-tab .newslist_tab_container .wrap .next-btn{display:none}
.newslist-tab .newslist_tab_container .wrap .dropdown-btn{position:absolute;right:16px;top:0;width:48px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}
.newslist-tab .newslist_tab_container .wrap .dropdown-btn.rotate{transform:rotate(180deg)}
.newslist-tab .newslist_tab_container .wrap .dropdown-btn svg{width:20px;height:20px}
.newslist-tab .newslist_tab_container .wrap.pd .newslist_tab_nav li{width:33.33%}
.newslist-tab .newslist_tab_container .wrap.pd .dropdown-btn{display:none}
.newslist-tab .newslist_tab_nav{width:calc(100vw - 32px);display:flex;flex-wrap:wrap;margin-top:0;border-radius:19px;padding:2px}
.newslist-tab .newslist_tab_nav.pr li:nth-child(-n+3){width:calc(33.33% - 16px);min-width:auto;margin-top:0}
.newslist-tab .newslist_tab_nav.pr li:nth-child(3)::after{border-right:0}
.newslist-tab .newslist_tab_nav.pr.padding li:nth-child(n+4){min-width:calc(33.33% - 16px)}
.newslist-tab .newslist_tab_nav.nav_width{width:auto}
.newslist-tab .newslist_tab_nav.nav_width li{width:auto !important}
.newslist-tab .newslist_tab_nav li{box-sizing:border-box;font-size:12px;line-height:20px;color:rgba(0,0,0,0.95);height:36px;margin-top:12px;padding:0 20px;transition:width .1s ease}
.newslist-tab .newslist_tab_nav li::after{top:10px;height:20px}
.newslist-tab .newslist_tab_nav li:last-of-type::after{border-right:0}
.newslist-tab .newslist_tab_nav .current{padding:0 20px;border-radius:19px;height:36px}
.newslist-tab .newslist_tab_nav p{position:absolute;bottom:5vw;border-bottom:1px solid #000}
.newslist-tab .newslist_visible_box{width:100vw;overflow:hidden}
.newslist-tab .newslist_visible_box .newslist_tab_section{width:2777.5vw;position:relative;left:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_tab_section_title{font-size:16px;line-height:24px;margin:16px 0 50px}
.newslist-tab .newslist_visible_box .newslist_tab_section .current_section{opacity:1}
.newslist-tab .newslist_visible_box .newslist_tab_section .other_section{opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section{padding-bottom:90px;width:100vw;float:left;margin:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_content{margin:0 4.167vw;overflow:hidden;display:block}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left>div:nth-child(2n){margin-left:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left>div:nth-child(1){margin-top:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right{position:static;display:flex;flex-wrap:wrap;width:91.667vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content{margin-top:17.778vw;width:91.111vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content:first-child{margin-top:17.778vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .img_box{width:91.667vw;height:69.444vw;overflow:hidden}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .img_box img{width:91.667vw;height:69.444vw;transform:scale(1);opacity:1}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .img_box .placeholder{width:110px;height:40px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .article_tip{display:inline-block;margin-top:10px;font-family:'OPPOSans-Ver2-Medium';font-size:0;color:#fff}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .article_tip a{display:inline-block;font-size:9px;padding:3px 6px;cursor:default;line-height:14px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .article_tip span{margin-left:1.389vw;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:3.889vw;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .article_tip span:first-of-type{margin-left:4.167vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .article_tip .dot{background-color:#000;display:inline-block;width:.833vw;height:.833vw;border-radius:50%;vertical-align:middle;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .date_time{vertical-align:baseline;display:inline-block;margin-left:0;margin-top:1.389vw;height:5.556vw;font-family:'OPPOSans-Ver2-Medium';font-size:9px;color:#fff;line-height:3.889vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .date_time span{margin-left:1.389vw;font-size:2.5vw;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:3.889vw;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .main_title{margin-top:2.778vw;font-size:16px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:24px;max-height:72px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .short_intro{margin-top:2.778vw;font-family:'OPPOSans-Ver2-Regular';font-size:13px;color:#000;line-height:20px;max-height:80px;opacity:.7}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left{display:flex;flex-wrap:wrap;width:91.667vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content{margin-top:17.778vw;width:91.111vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .img_box{width:91.667vw;height:69.444vw;overflow:hidden}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .img_box img{width:91.667vw;height:69.444vw;transform:scale(1);opacity:1}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip{display:inline-block;margin-top:10px;font-family:'OPPOSans-Ver2-Medium';font-size:0;color:#fff}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip a{display:inline-block;font-size:9px;padding:3px 6px;cursor:default;line-height:14px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip span{margin-left:1.389vw;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:3.889vw;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip span:first-of-type{margin-left:4.167vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .article_tip .dot{background-color:#000;display:inline-block;width:.833vw;height:.833vw;border-radius:50%;vertical-align:middle;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .date_time{vertical-align:baseline;display:inline-block;margin-left:0;margin-top:1.389vw;height:5.556vw;font-family:'OPPOSans-Ver2-Medium';font-size:9px;color:#fff;line-height:3.889vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .date_time span{margin-left:1.389vw;font-size:2.5vw;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:3.889vw;opacity:.5}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .main_title{margin-top:2.778vw;font-size:16px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:24px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .main_title a{max-height:72px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .short_intro{margin-top:2.778vw;font-family:'OPPOSans-Ver2-Regular';font-size:13px;color:#000;line-height:20px;max-height:80px;opacity:.7}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_press_section{float:left;display:flex;flex-direction:column;width:100vw;align-items:center;margin:0;padding-bottom:90px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_press_section .press_content{width:91.667vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_press_section .press_content .press_section_content:first-child{margin-top:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_press_section .press_content .press_section_content{margin-top:16.667vw;margin-left:0;margin-right:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_stories_section{float:left;display:flex;flex-direction:column;width:100vw;align-items:center;margin:0;padding-bottom:90px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_stories_section .story_content{width:91.667vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_stories_section .story_content .story_section_content:first-child{margin-top:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_stories_section .story_content .story_section_content{margin-top:16.667vw}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_media_section{float:left;display:flex;flex-direction:column;width:100vw;align-items:center;margin:0;padding-bottom:90px}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_media_section .media_content{width:91.667vw;display:flex;flex-direction:row;flex-wrap:wrap}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_media_section .media_content .media_section_content:first-child{margin-top:0}
.newslist-tab .newslist_visible_box .newslist_tab_section .newslist_media_section .media_content .media_section_content{margin-top:16.667vw}
.newslist-tab .cp-left-right-btns{display:none}
.newslist-tab .cp-media-reviewer::before{content:"";display:block;width:91.667vw;height:.278vw;background-color:#000;opacity:.15;margin:25vw auto 25vw}
.newslist-tab .cp-media-reviewer .arrow-box{height:0 !important}
.newslist-tab .page_list{margin-top:90px}
.newslist-tab .page_list .pagination_wrapper{display:flex}
.my-oppo #footer,.my-oppo #progress{display:none !important}
}
.press_section_content:nth-child(3n){margin-right:0}
.press_section_content:nth-child(-n+3){margin-top:0}
.press_section_content{width:400px;margin-right:60px;margin-top:90px}
.press_section_content .img_box{width:400px;height:300px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0}
.press_section_content .img_box img{width:400px;height:300px;transform:scale(1);opacity:1;transition:all .3s ease}
@media(min-width:1440px){.press_section_content .img_box img:hover{transform:scale(1.1);opacity:.85}
}
.press_section_content .img_box .placeholder{width:110px;height:40px}
.press_section_content .article_tip{display:inline-block;margin-top:15px;height:20px;font-size:0;font-family:'OPPOSans-Ver2-Medium'}
.press_section_content .article_tip a{display:inline-block;padding:3px 6px;cursor:default;font-size:9px;line-height:14px}
.press_section_content .article_tip .gray_filling{background:#c8c9c6;color:#fff}
.press_section_content .article_tip .green_filling{background:#046a38;color:#fff}
.press_section_content .article_tip span{margin-left:5px;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:14px;opacity:.5}
.press_section_content .article_tip span:first-of-type{margin-left:15px}
.press_section_content .date_time{display:inline-block;margin-top:10px;margin-left:15px;height:20px;font-family:'OPPOSans-Ver2-Medium';font-size:9px;color:#fff;line-height:14px}
.press_section_content .date_time .dot{background-color:#000;display:none;width:3px;height:3px;border-radius:50%;vertical-align:middle;opacity:.5}
.press_section_content .date_time span:first-child{display:block}
.press_section_content .date_time span{display:none;margin-left:5px;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:14px;opacity:.5}
.press_section_content .main_title{margin-top:20px;font-size:20px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:30px}
.press_section_content .main_title a{overflow:hidden;max-height:90px}
.press_section_content .short_intro{margin-top:20px;font-family:'OPPOSans-Ver2-Medium';font-size:16px;font-weight:500;color:#000;line-height:24px;opacity:.7;overflow:hidden;max-height:96px}
@media screen and (min-width:1025px) and (max-width:1439px){.press_section_content{width:27.441vw;margin-right:3.906vw;margin-top:5.859vw}
.press_section_content .img_box{width:27.441vw;height:20.605vw;overflow:hidden}
.press_section_content .img_box img{width:27.441vw;height:20.605vw;transform:scale(1);opacity:1}
.press_section_content .article_tip{display:inline-block;margin-top:10px;height:1.953vw;font-family:'OPPOSans-Ver2-Medium';color:#fff}
.press_section_content .article_tip a{display:inline-block;font-size:9px;padding:3px 6px;cursor:default;line-height:14px}
.press_section_content .article_tip span{margin-left:.488vw;font-size:.879vw;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:1.367vw;opacity:.5;display:none}
.press_section_content .article_tip span:first-of-type{margin-left:1.465vw}
.press_section_content .date_time{display:inline-block;margin-left:0;margin-top:.977vw;height:1.953vw;font-family:'OPPOSans-Ver2-Medium';font-size:.879vw;color:#fff;line-height:1.367vw}
.press_section_content .date_time span{margin-left:.488vw;font-size:.879vw;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:1.367vw;opacity:.5}
.press_section_content .main_title{margin-top:.977vw;font-size:13px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:19px}
.press_section_content .main_title a{max-height:57px}
.press_section_content .short_intro{margin-top:.977vw;font-family:'OPPOSans-Ver2-Medium';font-size:11px;font-weight:500;color:#000;line-height:16px;opacity:.7;max-height:64px}
}
@media screen and (min-width:651px) and (max-width:1024px){.press_section_content{width:calc(50% - 2.018vw);margin-right:4.036vw;margin-top:7.813vw}
.press_section_content:nth-child(-n+3),.press_section_content:nth-child(3n){margin-top:7.813vw;margin-right:4.036vw}
.press_section_content:nth-child(-n+2){margin-top:0;margin-right:4.036vw}
.press_section_content:nth-child(2n){margin-right:0}
.press_section_content .img_box{width:100%;height:20.313vw;overflow:hidden;background:#fff}
.press_section_content .img_box img{width:100%;height:20.313vw;transform:scale(1);opacity:1;object-fit:contain}
.press_section_content .article_tip{display:inline-block;margin-top:10px;height:2.604vw;font-family:'OPPOSans-Ver2-Medium';font-size:0;color:#fff}
.press_section_content .article_tip a{display:inline-block;font-size:9px;padding:3px 6px;cursor:default;line-height:14px}
.press_section_content .article_tip span{margin-left:.651vw;font-size:1.172vw;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:1.823vw;opacity:.5}
.press_section_content .article_tip span:first-of-type{margin-left:1.953vw}
.press_section_content .article_tip .dot{background-color:#000;display:inline-block;width:.391vw;height:.391vw;border-radius:50%;vertical-align:middle;opacity:.5}
.press_section_content .date_time{display:inline-block;margin-left:0;margin-top:1.302vw;height:2.604vw;font-family:'OPPOSans-Ver2-Medium';font-size:1.172vw;color:#fff;line-height:1.823vw}
.press_section_content .date_time span{margin-left:.651vw;font-size:1.172vw;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:1.823vw;opacity:.5}
.press_section_content .main_title{margin-top:1.302vw;font-size:13px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:19px}
.press_section_content .main_title a{max-height:57px}
.press_section_content .short_intro{margin-top:1.302vw;font-family:'OPPOSans-Ver2-Medium';font-size:11px;font-weight:500;color:#000;line-height:16px;opacity:.7;max-height:64px}
}
@media screen and (max-width:650px){.press_section_content:first-child{margin-top:0}
.press_section_content{margin-top:16.667vw}
.press_section_content{display:block;width:100vw}
.press_section_content .img_box{width:91.667vw;height:69.444vw;overflow:hidden}
.press_section_content .img_box img{width:91.667vw;height:69.444vw;transform:scale(1);opacity:1}
.press_section_content .article_tip{display:inline-block;margin-top:10px;font-family:'OPPOSans-Ver2-Medium';font-size:0;color:#fff}
.press_section_content .article_tip a{display:inline-block;font-size:9px;padding:3px 6px;cursor:default;line-height:14px}
.press_section_content .article_tip span{margin-left:1.389vw;font-size:2.5vw;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:3.889vw;opacity:.5}
.press_section_content .article_tip span:first-of-type{margin-left:4.167vw}
.press_section_content .article_tip .dot{background-color:#000;display:inline-block;width:.833vw;height:.833vw;border-radius:50%;vertical-align:middle;opacity:.5}
.press_section_content .date_time{display:inline-block;margin-left:0;margin-top:2.778vw;height:5.556vw;font-family:'OPPOSans-Ver2-Medium';font-size:2.5vw;color:#fff;line-height:3.889vw}
.press_section_content .date_time span{margin-left:1.389vw;font-size:2.5vw;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:3.889vw;opacity:.5}
.press_section_content .main_title{margin-top:2.778vw;font-size:16px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:24px}
.press_section_content .main_title a{max-height:72px}
.press_section_content .short_intro{margin-top:2.778vw;font-family:'OPPOSans-Ver2-Regular';font-size:13px;font-weight:500;color:#000;line-height:20px;opacity:.7;max-height:80px}
}
.story_section_content:nth-child(3n){margin-right:0}
.story_section_content:nth-child(-n+3){margin-top:0}
.story_section_content{width:400px;margin-top:90px;margin-right:60px}
.story_section_content .img_box{width:400px;height:300px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0}
.story_section_content .img_box img{width:400px;height:300px;opacity:1;transition:all .3s ease}
@media(min-width:1440px){.story_section_content .img_box img:hover{transform:scale(1.1);opacity:.85}
}
.story_section_content .img_box .placeholder{width:110px;height:40px}
.story_section_content .article_tip{display:inline-block;margin-top:15px;height:20px;font-size:0;font-family:'OPPOSans-Ver2-Medium'}
.story_section_content .article_tip a{display:inline-block;font-size:9px;padding:3px 6px;cursor:default;line-height:14px}
.story_section_content .article_tip .gray_filling{background:#c8c9c6;color:#fff}
.story_section_content .article_tip .green_filling{background:#046a38;color:#fff}
.story_section_content .article_tip span{margin-left:5px;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:14px;opacity:.5}
.story_section_content .article_tip span:first-of-type{margin-left:15px}
.story_section_content .article_tip .dot{background-color:#000;display:inline-block;width:3px;height:3px;border-radius:50%;vertical-align:middle;opacity:.5}
.story_section_content .date_time{margin-left:15px;display:inline-block;margin-top:10px;margin-left:15px;height:20px;font-family:'OPPOSans-Ver2-Medium';font-size:9px;color:#fff;line-height:14px}
.story_section_content .date_time .dot{background-color:#000;display:none;width:3px;height:3px;border-radius:50%;vertical-align:middle;opacity:.5}
.story_section_content .date_time span{display:none;margin-left:5px;font-size:9px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:14px;opacity:.5}
.story_section_content .date_time span:first-child{margin-left:0;display:inline-block}
.story_section_content .main_title{margin-top:20px;font-size:20px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:30px}
.story_section_content .main_title a{overflow:hidden;max-height:90px}
.story_section_content .short_intro{margin-top:20px;font-family:'OPPOSans-Ver2-Medium';font-size:16px;font-weight:500;color:#000;line-height:24px;opacity:.7;overflow:hidden;max-height:96px}
@media screen and (min-width:1025px) and (max-width:1439px){.story_section_content{width:27.441vw;margin-right:3.906vw;margin-top:5.859vw}
.story_section_content .img_box{width:27.441vw;height:20.605vw;overflow:hidden}
.story_section_content .img_box img{width:27.441vw;height:20.605vw;transform:scale(1);opacity:1}
.story_section_content .article_tip{display:inline-block;margin-top:10px;height:1.953vw;font-family:'OPPOSans-Ver2-Medium';color:#fff}
.story_section_content .article_tip a{display:inline-block;font-size:9px;padding:3px 6px;cursor:default;line-height:14px}
.story_section_content .article_tip span{margin-left:.488vw;font-size:.879vw;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:1.367vw;opacity:.5}
.story_section_content .article_tip span:first-of-type{margin-left:1.465vw}
.story_section_content .article_tip .dot{background-color:#000;display:inline-block;width:.293vw;height:.293vw;border-radius:50%;vertical-align:middle;opacity:.5}
.story_section_content .date_time{display:inline-block;margin-left:15px;margin-top:.977vw;height:1.953vw;font-family:'OPPOSans-Ver2-Medium';font-size:.879vw;color:#fff;line-height:1.367vw}
.story_section_content .date_time span{font-size:.879vw;margin-left:.488vw;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:1.367vw;opacity:.5}
.story_section_content .date_time span:first-child{margin-left:0;display:inline-block}
.story_section_content .main_title{margin-top:.977vw;font-size:13px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:19px}
.story_section_content .main_title a{max-height:57px}
.story_section_content .short_intro{margin-top:.977vw;font-family:'OPPOSans-Ver2-Medium';font-size:11px;font-weight:500;color:#000;line-height:16px;opacity:.7;max-height:64px}
}
@media screen and (min-width:651px) and (max-width:1024px){.story_section_content{width:calc(50% - 2.018vw);margin-right:4.036vw;margin-top:7.813vw}
.story_section_content:nth-child(-n+3),.story_section_content:nth-child(3n){margin-top:7.813vw;margin-right:4.036vw}
.story_section_content:nth-child(-n+2){margin-top:0;margin-right:4.036vw}
.story_section_content:nth-child(2n){margin-right:0}
.story_section_content .img_box{width:100%;height:20.313vw;overflow:hidden}
.story_section_content .img_box img{width:100%;height:20.313vw;transform:scale(1);opacity:1;object-fit:cover}
.story_section_content .article_tip{display:inline-block;margin-top:10px;height:2.604vw;font-family:'OPPOSans-Ver2-Medium';font-size:0;color:#fff}
.story_section_content .article_tip a{display:inline-block;font-size:9px;padding:3px 6px;cursor:default;line-height:14px}
.story_section_content .article_tip span{margin-left:.651vw;font-size:1.172vw;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:1.823vw;opacity:.5}
.story_section_content .article_tip span:first-of-type{margin-left:1.953vw}
.story_section_content .article_tip .dot{background-color:#000;display:inline-block;width:.391vw;height:.391vw;border-radius:50%;vertical-align:middle;opacity:.5}
.story_section_content .date_time{display:inline-block;margin-left:15px;margin-top:1.302vw;height:2.604vw;font-family:'OPPOSans-Ver2-Medium';font-size:1.172vw;color:#fff;line-height:1.823vw}
.story_section_content .date_time span{font-size:1.172vw;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:1.823vw;opacity:.5;margin-left:.651vw}
.story_section_content .date_time span:first-child{margin-left:0;display:inline-block}
.story_section_content .main_title{margin-top:1.302vw;font-size:13px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:19px}
.story_section_content .main_title a{max-height:57px}
.story_section_content .short_intro{margin-top:1.302vw;font-family:'OPPOSans-Ver2-Medium';font-size:11px;font-weight:500;color:#000;line-height:16px;opacity:.7;max-height:64px}
}
@media screen and (max-width:650px){.story_section_content:first-child{margin-top:0}
.story_section_content{margin-top:16.667vw}
.story_section_content{display:block;width:91.667vw}
.story_section_content .img_box{width:91.667vw;height:69.444vw;overflow:hidden}
.story_section_content .img_box img{width:91.667vw;height:69.444vw;transform:scale(1);opacity:1}
.story_section_content .article_tip{display:inline-block;margin-top:10px;font-family:'OPPOSans-Ver2-Medium';font-size:0;color:#fff}
.story_section_content .article_tip a{display:inline-block;font-size:9px;padding:3px 6px;cursor:default;line-height:14px}
.story_section_content .article_tip span{margin-left:1.389vw;font-size:2.5vw;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:3.889vw;opacity:.5}
.story_section_content .article_tip span:first-of-type{margin-left:4.167vw}
.story_section_content .article_tip .dot{background-color:#000;display:inline-block;width:.833vw;height:.833vw;border-radius:50%;vertical-align:middle;opacity:.5}
.story_section_content .date_time{display:inline-block;margin-left:15px;margin-top:2.778vw;height:5.556vw;font-family:'OPPOSans-Ver2-Medium';font-size:2.5vw;color:#fff;line-height:3.889vw}
.story_section_content .date_time span{margin-left:1.389vw;font-size:2.5vw;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:3.889vw;opacity:.5}
.story_section_content .date_time span:first-child{margin-left:0}
.story_section_content .main_title{margin-top:2.778vw;font-size:16px;font-family:'OPPOSans-Ver2-Medium';color:#000;line-height:24px}
.story_section_content .main_title a{max-height:72px}
.story_section_content .short_intro{margin-top:2.778vw;font-family:'OPPOSans-Ver2-Regular';font-size:13px;font-weight:500;color:#000;line-height:20px;opacity:.7;max-height:80px}
}
.media_section_content:nth-child(4n){margin-right:0}
.media_section_content:nth-child(-n+4){margin-top:0}
.media_section_content{width:285px;margin-right:60px;margin-top:90px}
.media_section_content .img_box{width:285px;height:214px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0}
.media_section_content .img_box img{width:285px;height:214px;transform:scale(1);opacity:1;transition:all .3s ease}
@media(min-width:1440px){.media_section_content .img_box img:hover{transform:scale(1.1);opacity:.85}
}
.media_section_content .img_box .placeholder{width:110px;height:40px}
.media_section_content .article_tip{margin-top:15px;height:20px;font-size:9px;font-family:'OPPOSans-Ver2-Medium'}
.media_section_content .article_tip span:first-child{margin-left:0}
.media_section_content .article_tip span{margin-left:6px;color:#707070}
.media_section_content .article_tip .dot{background-color:#707070;display:inline-block;width:3px;height:3px;border-radius:50%;vertical-align:middle}
.media_section_content .main_intro{margin-top:19px;font-family:'OPPOSans-Ver2-Regular';font-size:16px;font-weight:400;color:#000;line-height:24px}
.media_section_content .main_intro a{overflow:hidden;max-height:72px}
@media screen and (min-width:1025px) and (max-width:1439px){.media_section_content{width:19.629vw;margin-right:3.906vw;margin-top:5.859vw}
.media_section_content .img_box{width:19.629vw;height:14.746vw;overflow:hidden}
.media_section_content .img_box img{width:19.629vw;height:14.746vw;transform:scale(1);opacity:1}
.media_section_content .article_tip{margin-top:1.172vw;height:1.172vw;font-family:'OPPOSans-Ver2-Medium'}
.media_section_content .article_tip span{margin-left:.586vw;color:#707070}
.media_section_content .article_tip .dot{background-color:#707070;display:inline-block;width:.293vw;height:.293vw;border-radius:50%;vertical-align:middle}
.media_section_content .main_intro{margin-top:1.367vw;font-family:'OPPOSans-Ver2-Regular';font-size:13px;font-weight:400;color:#000;line-height:19px}
.media_section_content .main_intro a{max-height:57px}
}
@media screen and (min-width:651px) and (max-width:1024px){.media_section_content{width:calc(50% - 2.018vw);margin-right:4.036vw;margin-top:7.813vw}
.media_section_content:nth-child(-n+3),.media_section_content:nth-child(3n),.media_section_content:nth-child(-n+4){margin-top:7.813vw;margin-right:4.036vw}
.media_section_content:nth-child(-n+2){margin-top:0;margin-right:4.036vw}
.media_section_content:nth-child(2n){margin-right:0}
.media_section_content .img_box{width:100%;height:20.313vw;overflow:hidden}
.media_section_content .img_box img{width:100%;height:20.313vw;transform:scale(1);opacity:1;object-fit:cover}
.media_section_content .article_tip{margin-top:1.563vw;height:1.563vw;font-family:'OPPOSans-Ver2-Medium'}
.media_section_content .article_tip span{margin-left:.781vw;color:#707070}
.media_section_content .article_tip .dot{background-color:#707070;display:inline-block;width:.391vw;height:.391vw;border-radius:50%;vertical-align:middle}
.media_section_content .main_intro{margin-top:1.823vw;font-family:'OPPOSans-Ver2-Regular';font-size:13px;font-weight:400;color:#000;line-height:19px}
.media_section_content .main_intro a{max-height:57px}
}
@media screen and (max-width:650px){.media_section_content{display:block;width:91.667vw}
.media_section_content .img_box{width:91.667vw;height:69.444vw;overflow:hidden}
.media_section_content .img_box img{width:91.667vw;height:69.444vw;transform:scale(1);opacity:1}
.media_section_content .article_tip{margin-top:3.333vw;font-family:'OPPOSans-Ver2-Medium'}
.media_section_content .article_tip span{margin-left:1.667vw;color:#707070}
.media_section_content .article_tip .dot{background-color:#707070;display:inline-block;width:.833vw;height:.833vw;border-radius:50%;vertical-align:middle}
.media_section_content .main_intro{margin-top:3.889vw;font-family:'OPPOSans-Ver2-Regular';font-size:16px;font-weight:400;color:#000;line-height:24px}
.media_section_content .main_intro a{max-height:72px}
}
.pagination_wrapper{width:100%;height:55px;display:flex;align-items:center;justify-content:center}
.pagination_wrapper .target-page,.pagination_wrapper i.slash{display:none}
.pagination_wrapper .pager{margin-right:22px;margin-left:22px;color:#000;display:inline-flex;align-items:center;justify-content:center}
.pagination_wrapper .pager .number{cursor:pointer;transition:all .3s ease;font-family:'OPPOSans-Ver2-Medium'}
.pagination_wrapper .pager .number:not(:last-of-type){margin-right:10px}
.pagination_wrapper .pager .number:hover:not(.active){opacity:.4}
.pagination_wrapper .pager .number.active a{color:#046a38}
.pagination_wrapper .pager .number.ellipsis{cursor:default}
.pagination_wrapper .pager .number .link{padding:0 10px}
.pagination_wrapper .next,.pagination_wrapper .prev{width:55px;opacity:.78;height:46px;cursor:pointer;font-size:13px;font-weight:bold;border-radius:50%;color:#000;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;border:1px solid #000}
@media(min-width:1440px){.pagination_wrapper .next:hover:not(.disable),.pagination_wrapper .prev:hover:not(.disable){height:55px;opacity:1}
}
.pagination_wrapper .next:active:not(.disable),.pagination_wrapper .prev:active:not(.disable){height:55px}
.pagination_wrapper .next.disable,.pagination_wrapper .prev.disable{opacity:.2;cursor:default}
@media(max-width:767.98px){.pagination_wrapper .target-page{display:block;width:40px;height:32px;border:1px solid #ebebeb;text-align:center;margin-left:32px}
.pagination_wrapper .target-page.active{color:#999;caret-color:#000}
.pagination_wrapper .target-page.error{color:#e02020;border:1px solid #e02020;caret-color:#000}
.pagination_wrapper i.slash{display:block;margin-left:20px;margin-right:10px}
.pagination_wrapper .pager{margin-left:0;margin-right:32px}
.pagination_wrapper .pager .number{display:none}
.pagination_wrapper .pager .number:last-child{display:block}
.pagination_wrapper .pager .number.active a{color:rgba(1,1,1,0.78)}
}
.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}
}
.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-4.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}
}
.about_banner_pic{position:relative;display:flex;justify-content:center}
.about_banner_pic .video_mask_pc{display:none;position:fixed;top:0;left:0;z-index:999;width:100vw;height:100vh;background-color:#000;justify-content:center;align-items:center}
.about_banner_pic .video_mask_pc .video_portrait{display:none;width:100vw;height:100vw}
.about_banner_pic .video_mask_pc .video_portrait:focus{border:0;outline:0}
.about_banner_pic .video_mask_pc .video_landscape{width:100vw;height:auto}
.about_banner_pic .video_mask_pc .video_landscape:focus{border:0;outline:0}
.about_banner_pic .video_mask_pc .close_btn{position:fixed;top:20px;right:20px}
.about_banner_pic .video_mask_pc .close_btn i{color:#fff;font-size:20px}
.about_banner_pic .mask_left{width:calc((100% - 1090px) / 2);height:104%;background-color:#fff;position:absolute;left:0;top:-2%}
.about_banner_pic .mask_right{width:calc((100% - 1090px) / 2);height:104%;background-color:#fff;position:absolute;right:0;top:-2%}
.about_banner_pic .pc_video{width:100vw;height:calc(100vw / 16 * 9);display:block}
.about_banner_pic .pc_video img{width:100vw;height:56.25vw}
.about_banner_pic .video_box{display:none}
.about_banner_pic .btn_banner_video{position:absolute;left:50%;transform:translateX(-50%);bottom:60px;width:163px;height:48px;background-color:#fff;text-align:center;line-height:48px;font-family:'OPPOSans-Ver2-Medium';font-size:11px;z-index:2;transition:all .5s ease}
@media(min-width:1440px){.about_banner_pic .btn_banner_video:hover{opacity:.85}
}
.about_banner_pic .btn_banner_video i{font-size:14px;color:#000;vertical-align:middle;margin-right:12px}
.about_banner_pic .btn_banner_video span{vertical-align:middle}
@media(min-width:1024px) and (max-width:1439.98px){.about_banner_pic .pc_video{width:100vw;height:56.25vw}
.about_banner_pic .pc_video img{width:100vw;height:56.25vw}
.about_banner_pic .mask_left{width:12.695vw;height:56.25vw;background-color:#fff;position:absolute;left:0;top:0}
.about_banner_pic .mask_right{width:12.695vw;height:56.25vw;background-color:#fff;position:absolute;right:0;top:0}
.about_banner_pic .btn_banner_video{position:absolute;bottom:3.906vw;font-size:11px;width:15.92vw;height:4.69vw;line-height:4.69vw}
}
@media(min-width:768px) and (max-width:1023.98px){.about_banner_pic .video_box_pc{width:100vw;height:56.25vw}
.about_banner_pic .pc_video{width:100vw;height:56.25vw}
.about_banner_pic .pc_video img{width:100vw;height:56.25vw}
.about_banner_pic .mask_left{width:5.208vw;height:56.25vw;background-color:#fff;position:absolute;left:0;top:0}
.about_banner_pic .mask_right{width:5.208vw;height:56.25vw;background-color:#fff;position:absolute;right:0;top:0}
.about_banner_pic .btn_banner_video{font-size:11px;width:21.22vw;height:6.25vw;line-height:6.25vw;bottom:5vw}
}
@media(max-width:767.98px){.about_banner_pic .mask_left,.about_banner_pic .mask_right{display:none}
.about_banner_pic .pc_video{display:none;width:91.667vw;height:114.722vw}
.about_banner_pic .video_box{width:91.667vw;height:114.722vw;display:block}
.about_banner_pic .video_box img{width:100%;height:100%}
.about_banner_pic .mobile_video{display:block;width:91.667vw;height:114.722vw}
.about_banner_pic .btn_banner_video{position:absolute !important;top:87.5vw;width:44.722vw;height:13.333vw;line-height:13.333vw;font-size:12px;margin-right:2vw}
.about_banner_pic .btn_banner_video i{font-size:16px}
}
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}
}
.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}
.oppo-error-page-container{text-align:center}
.oppo-error-page-container *{box-sizing:border-box}
.oppo-error-page-container.no-recommend .oppo-error-page-container-img{margin-top:196px}
.oppo-error-page-container.no-recommend .oppo-error-page-container-recommend{background:transparent;margin-top:0;padding-top:0;padding-bottom:196px}
.oppo-error-page-container.no-recommend .oppo-error-page-container-recommend .new-button{margin-top:40px}
.oppo-error-page-container-img{margin-top:96px;height:120px}
.oppo-error-page-container-text{color:#000;margin-top:24px}
.oppo-error-page-container-form{width:420px;height:50px;border:1.6px solid #dcdcdc;border-radius:200px;padding:0 18px;display:flex;align-items:center;margin:24px auto 0}
.oppo-error-page-container-form svg{width:24px;height:24px;fill:rgba(17,17,17,0.35)}
.oppo-error-page-container-form input{border:0;width:100%;height:100%;margin-left:6px}
.oppo-error-page-container-form input::-webkit-input-placeholder{color:rgba(0,0,0,0.12)}
.oppo-error-page-container-recommend{margin-top:40px;background:#fafafa;padding:40px 0 56px}
.oppo-error-page-container-recommend .title{color:rgba(0,0,0,0.95);text-align:left}
.oppo-error-page-container-recommend .list{display:flex;flex-wrap:wrap}
.oppo-error-page-container-recommend .list .item{margin-top:20px;width:calc(25% - 6px);margin-left:8px}
.oppo-error-page-container-recommend .list .item:nth-child(4n+1){margin-left:0}
.oppo-error-page-container-recommend .list .item a{display:block;background-color:#fff;width:100%;color:rgba(0,0,0,0.55);border:1px solid #eaeaea;border-radius:6px;padding:10px 0}
.oppo-error-page-container-recommend .list .item a:hover{border:1px solid #000;color:#000}
.oppo-error-page-container-recommend .new-button{margin-top:48px}
@media(min-width:768px) and (max-width:1023.98px){.oppo-error-page-container.no-recommend .oppo-error-page-container-img{margin-top:48px}
.oppo-error-page-container.no-recommend .oppo-error-page-container-recommend{padding-bottom:96px}
.oppo-error-page-container.no-recommend .oppo-error-page-container-recommend .new-button{margin-top:48px}
.oppo-error-page-container-img{margin-top:40px;height:100px}
.oppo-error-page-container-recommend{padding:40px 0 40px}
.oppo-error-page-container-recommend .list{margin-top:4px}
.oppo-error-page-container-recommend .list .item{width:calc(33.33% - 7px);margin-left:10px;margin-top:12px}
.oppo-error-page-container-recommend .list .item:nth-child(4n+1){margin-left:8px}
.oppo-error-page-container-recommend .list .item:nth-child(3n+1){margin-left:0}
.oppo-error-page-container-recommend .new-button{margin-top:16px}
}
@media(max-width:767.98px){.oppo-error-page-container.no-recommend .oppo-error-page-container-img{margin-top:40px}
.oppo-error-page-container.no-recommend .oppo-error-page-container-recommend{padding-bottom:40px}
.oppo-error-page-container.no-recommend .oppo-error-page-container-recommend .new-button{margin-top:24px}
.oppo-error-page-container-img{margin-top:40px;height:100px}
.oppo-error-page-container-form{width:100%}
.oppo-error-page-container-recommend{padding:40px 0 40px}
.oppo-error-page-container-recommend .list{margin-top:4px}
.oppo-error-page-container-recommend .list .item{width:calc(50% - 4px);margin-left:8px;margin-top:12px}
.oppo-error-page-container-recommend .list .item:nth-child(4n+1){margin-left:8px}
.oppo-error-page-container-recommend .list .item:nth-child(2n+1){margin-left:0}
.oppo-error-page-container-recommend .new-button{margin-top:16px}
}
.find-noscroll,.find-noscroll body{height:100vh;overflow:hidden}
html.win.find-series{background-color:#f0f2f7}
html.win.find-series::-webkit-scrollbar{width:16px;background-color:#f0f2f7}
html.win.find-series::-webkit-scrollbar-thumb{background-color:#ccc}
html.win.find-noscroll{box-sizing:border-box;padding-right:16px}
html.win.find-noscroll .find__banner{width:calc(100vw - 16px)}
html.find-series body{background-color:#000}
html.find-series .parallax.fixed{position:absolute;top:218px;left:0;right:0}
html.find-series .parallax ~ *{transition:opacity 1.5s}
html.find-series #oc-container{background-color:#000}
html.find-series .dark-theme #oc-container{padding-top:0}
html.find-series .cp-breadcrumb{position:absolute;z-index:10;top:.92rem;left:0;right:0}
.clean-theme html.find-series .cp-breadcrumb{margin-top:0}
html.find-series .cp-breadcrumb ol li+li::before{color:rgba(255,255,255,0.7)}
html.find-series .cp-breadcrumb ol li a{color:#fff}
html.find-series .cp-slide-photo-gallery{margin-top:156px;margin-bottom:174px}
html.find-series .cp-phone-compare{background-color:#fff}
html.find-series .index__two-products-1,html.find-series .index__two-products-3{margin-bottom:120px}
html.find-series .index__two-products-1 .title,html.find-series .index__two-products-1 .title a,html.find-series .index__two-products-3 .title,html.find-series .index__two-products-3 .title a,html.find-series .index__two-products-1-mb .title,html.find-series .index__two-products-1-mb .title a,html.find-series .index__two-products-3-mb .title,html.find-series .index__two-products-3-mb .title a{color:#fff}
html.find-series .index__two-products-1 .title .tag,html.find-series .index__two-products-3 .title .tag,html.find-series .index__two-products-1-mb .title .tag,html.find-series .index__two-products-3-mb .title .tag{font-size:9px;color:rgba(255,255,255,0.5) !important}
html.find-series .index__two-products-1 .desc,html.find-series .index__two-products-3 .desc,html.find-series .index__two-products-1-mb .desc,html.find-series .index__two-products-3-mb .desc{color:#fff}
html.find-series .index__two-products-1 .actions a,html.find-series .index__two-products-3 .actions a,html.find-series .index__two-products-1-mb .actions a,html.find-series .index__two-products-3-mb .actions a{color:#fff}
html.banner-fixed .cp-breadcrumb,html.banner-fixed .find__banner{position:fixed}
html.banner-fixed .find__banner{top:0}
html.banner-fixed .parallax{margin-top:200vh;margin-bottom:120px}
html.banner-fixed .parallax ~ *{opacity:0}
html.parallax-fixed .find__banner{height:1297px}
html.parallax-fixed .find__banner video,html.parallax-fixed .find__banner .tip{display:none}
html.parallax-fixed .parallax ~ *{opacity:1}
html.temp-hide-video .find__banner video,html.temp-hide-video .find__banner .tip{display:none}
@media(min-width:1024px) and (max-width:1439.98px){html.banner-fixed .parallax{margin-top:1536px;margin-bottom:90px}
html.parallax-fixed .find__banner{height:1261px}
html.find-series .parallax.fixed{top:475px}
html.find-series .cp-slide-photo-gallery{margin-top:96px;margin-bottom:120px}
html.find-series .index__two-products-1,html.find-series .index__two-products-3{margin-bottom:90px}
}
@media(min-width:768px) and (max-width:1023.98px){html.banner-fixed .parallax{margin-top:2048px;margin-bottom:90px}
html.parallax-fixed .find__banner{height:1081px}
html.find-series .parallax.fixed{top:423px}
html.find-series .cp-slide-photo-gallery{margin-top:127px;margin-bottom:120px}
html.find-series .index__two-products-1,html.find-series .index__two-products-3{margin-bottom:78px}
}
@media(max-width:767.98px){html.banner-fixed .parallax{margin-top:1280px;margin-bottom:60px}
html.parallax-fixed .find__banner{height:1533px}
html.find-series .parallax.fixed{top:131px}
html.find-series .cp-slide-photo-gallery{margin-top:30px;margin-bottom:54px}
html.find-series .index__two-products-1-mb .section-box,html.find-series .index__two-products-3-mb .section-box{margin-bottom:60px}
}
.find__banner{position:relative;width:100%;height:100vh;background-color:#000;transition:all .3s}
.find__banner video{width:100%;height:100%;object-fit:cover}
.find__banner video.mb{display:none}
.find__banner .tip{position:absolute;bottom:59px;left:0;right:0;text-align:center;color:#fff;font-size:16px;line-height:24px}
.find__banner .tip img{width:47px;margin-top:20px;cursor:pointer}
.find__banner .mb-series-nav{display:none}
@media(min-width:768px) and (max-width:1439.98px){.cp-breadcrumb{display:none}
}
@media(min-width:1024px) and (max-width:1439.98px){.find__banner{height:768px}
.find__banner .tip{bottom:90px}
}
@media(min-width:768px) and (max-width:1023.98px){.find-series #oc-wrapper{padding-top:0}
.find__banner{height:1024px}
.find__banner .tip{bottom:120px}
}
@media(max-width:767.98px){.find-series #oc-wrapper{padding-top:0}
.find__banner{height:640px}
.find__banner video.gt-mb{display:none}
.find__banner video.mb{display:block}
.find__banner .find__banner-content{display:none}
.find__banner .tip{bottom:61px}
.find__banner .mb-series-nav{display:block;position:absolute;top:77px;left:15px;right:15px;overflow-x:auto}
.find__banner .mb-series-nav::-webkit-scrollbar{display:none}
.find__banner .mb-series-nav ul{display:flex;width:fit-content}
.find__banner .mb-series-nav ul li{margin-right:20px}
.find__banner .mb-series-nav ul li:last-of-type{margin-right:0}
.find__banner .mb-series-nav ul li.active{border-bottom:1px solid #fff}
.find__banner .mb-series-nav ul li.active a{color:#fff}
.find__banner .mb-series-nav ul a{color:rgba(255,255,255,0.7);white-space:nowrap;font-size:13px;font-family:'OPPOSans-Ver2-Medium';line-height:24px}
}
.find__banner-content{position:absolute;top:208px;left:0;right:0;margin:auto;color:#fff}
.find__banner-content .title{font-size:28px;font-family:'OPPOSans-Ver2-Medium';line-height:42px}
.find__banner-content .desc{margin-top:15px}
.find__banner-content .desc h3{width:392px;font-size:20px;line-height:30px}
.find__banner-content .features{display:flex;margin-top:33px;font-size:13px;line-height:24px}
.find__banner-content .features ul:first-of-type{margin-right:37px}
.find__banner-content .features li{margin-bottom:20px}
.find__banner-content .features img{width:24px;height:24px;filter:invert(1);margin-right:10px}
.find__banner-content .features span{line-height:24px;padding-bottom:2px;border-bottom:1px solid}
@media(min-width:768px) and (max-width:1439.98px){.find__banner-content{display:flex;justify-content:space-between}
.find__banner-content .desc{margin-top:0}
.find__banner-content .features{flex-wrap:wrap}
}
@media(min-width:1024px) and (max-width:1439.98px){.find__banner-content{top:159px}
.find__banner-content .title{font-size:20px;line-height:30px}
.find__banner-content .desc{width:523px}
.find__banner-content .desc h3{width:100%}
}
@media(min-width:768px) and (max-width:1023.98px){.find__banner-content{top:140px}
.find__banner-content .title{font-size:16px;line-height:24px}
.find__banner-content .desc{width:387px}
.find__banner-content .desc h3{width:387px;font-size:16px;line-height:24px}
.find__banner-content .features{margin-top:26px;width:110%}
.find__banner-content .features ul:first-of-type{margin-right:10px}
}
@media(max-width:767.98px){.find__banner-content{height:482px;position:static;text-align:center;margin-top:60px}
.find__banner-content .title{font-size:24px;line-height:42px}
.find__banner-content .desc{margin-top:10px}
.find__banner-content .desc h3{width:100%;font-size:18px;line-height:27px}
.find__banner-content .features{font-size:12px;margin-top:40px;justify-content:center}
.find__banner-content .features ul:first-of-type{margin-right:27px}
.find__banner-content .features li{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}
.find__banner-content .features li img{margin-right:0}
.find__banner-content .features span{margin-top:7px}
}
.find__card-banner{height:965px;margin:0 auto;display:flex;justify-content:space-between;color:#fff;position:relative;align-items:flex-end}
.find__card-banner .left{width:400px}
.find__card-banner .left .img-box{background-color:#ffd3c8;height:300px;position:relative;overflow:hidden}
.find__card-banner .left .img-box img{position:absolute;left:0;right:0;bottom:0;margin:auto;width:230px}
.find__card-banner .left .title{margin-top:10px}
.find__card-banner .left .title a{color:#fff;font-size:20px;font-family:'OPPOSans-Ver2-Medium';line-height:30px}
.find__card-banner .left .title span{margin-left:8px;font-size:9px;font-family:'OPPOSans-Ver2-Medium';line-height:14px;opacity:.5}
.find__card-banner .left .subtitle{margin-top:3px;width:400px;font-size:20px;line-height:30px}
.find__card-banner .left .actions{margin-top:12px}
.find__card-banner .left .actions a{color:#fff;margin-right:20px;font-size:13px;font-family:'OPPOSans-Ver2-Medium';line-height:24px;border-bottom:1px solid;padding-bottom:2px}
.find__card-banner .left .actions a:hover{opacity:.7}
.find__card-banner .left .actions a:last-child{margin-right:0}
.find__card-banner .right{position:relative;width:745px;height:965px;flex-shrink:0;background:url("../png/cover.png") center no-repeat;background-size:cover !important;text-align:center}
.find__card-banner .right .tip{margin-top:65px;font-size:16px;line-height:24px}
.find__card-banner .right .title{position:absolute;left:0;right:0;bottom:168px;font-size:92px;line-height:110px;height:110px}
.find__card-banner .right .action{display:inline-block;margin-top:738px;background-color:#fff;padding:15px 26.5px;font-family:'OPPOSans-Ver2-Medium';font-size:13px}
.find__card-banner .middle{display:none}
@media(min-width:1024px) and (max-width:1439.98px){.find__card-banner{height:677px;align-items:flex-start}
.find__card-banner .left{width:281px}
.find__card-banner .left .img-box{height:211px}
.find__card-banner .left .img-box img{width:160px}
.find__card-banner .left .title a{font-size:16px;line-height:24px}
.find__card-banner .left .title span{font-size:9px;line-height:14px}
.find__card-banner .left .subtitle{width:281px;margin-top:5px;font-size:16px;line-height:24px}
.find__card-banner .left .actions{margin-top:10px}
.find__card-banner .right{width:523px;height:677px}
.find__card-banner .right .tip{margin-top:40px}
.find__card-banner .right .title{bottom:118px;font-size:64px;line-height:92px}
.find__card-banner .right .action{margin-top:505px}
}
@media(min-width:768px) and (max-width:1023.98px){.find__card-banner{height:568px;align-items:flex-start}
.find__card-banner .left{width:208px}
.find__card-banner .left .img-box{height:156px}
.find__card-banner .left .img-box img{width:118px}
.find__card-banner .left .title a{font-size:13px;line-height:19px}
.find__card-banner .left .title span{font-size:9px;line-height:14px}
.find__card-banner .left .subtitle{width:208px;margin-top:6px;font-size:13px;line-height:19px}
.find__card-banner .left .actions{margin-top:7px}
.find__card-banner .right{width:389px;height:568px}
.find__card-banner .right .tip{margin-top:30px;font-size:13px;line-height:19px}
.find__card-banner .right .title{bottom:99px;font-size:36px;line-height:76px}
.find__card-banner .right .action{margin-top:431px}
}
@media(max-width:767.98px){.find__card-banner{height:1402px;flex-direction:column;align-items:center;background-color:#000;width:100vw;padding-left:15px;padding-right:15px;box-sizing:border-box;justify-content:flex-start}
.find__card-banner .right{order:1;width:100vw;height:521px}
.find__card-banner .right .tip{margin-top:30px;font-size:13px;line-height:24px}
.find__card-banner .right .title{font-size:36px;line-height:76px;bottom:94px;height:auto}
.find__card-banner .right .action{margin-top:378px}
.find__card-banner .middle{order:2;display:block;height:482px}
.find__card-banner .left{order:3;width:330px}
.find__card-banner .left .img-box{height:250px}
.find__card-banner .left .img-box img{bottom:-290px}
.find__card-banner .left .title{margin-top:12px}
.find__card-banner .left .title a{font-size:13px;line-height:20px}
.find__card-banner .left .subtitle{margin-top:4px;font-size:13px;line-height:20px}
.find__card-banner .left .actions{margin-top:9px}
}
.find__spirit{width:1140px;height:1079px;margin:0 auto 180px;background-color:#fff;text-align:center;overflow:hidden}
.find__spirit .title{margin-top:60px;color:rgba(0,0,0,0.7);font-size:16px;line-height:24px}
.find__spirit .video-box{margin:60px auto 0;width:504px;height:630px}
.find__spirit .video-box video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover}
.find__spirit .quote{margin-top:40px;font-size:24px;line-height:42px}
.find__spirit .quote .italic{font-style:italic}
.find__spirit .action{margin-top:40px}
.find__spirit .action a{display:inline-block;font-size:14px;line-height:21px;font-family:'OPPOSans-Ver2-Medium';border-bottom:1px solid}
.find__spirit .action a:hover{opacity:.7}
@media(min-width:1024px) and (max-width:1439.98px){.find__spirit{width:763px;height:761px;margin-bottom:140px}
.find__spirit .title{margin-top:40px;font-size:13px;line-height:20px}
.find__spirit .video-box{margin-top:30px;width:353px;height:441px}
.find__spirit .quote{margin-top:30px;font-size:20px;line-height:30px}
.find__spirit .action{margin-top:27px}
}
@media(min-width:768px) and (max-width:1023.98px){.find__spirit{width:689px;height:747px;margin-bottom:120px}
.find__spirit .title{margin-top:30px;font-size:13px;line-height:20px}
.find__spirit .video-box{margin-top:30px;width:360px;height:448px}
.find__spirit .quote{margin-top:30px;font-size:16px;line-height:24px}
.find__spirit .action{margin-top:27px}
}
@media(max-width:767.98px){.find__spirit{width:330px;height:633px;margin-bottom:120px}
.find__spirit .title{margin-top:40px;font-size:13px;line-height:20px}
.find__spirit .video-box{margin-top:40px;width:216px;height:270px}
.find__spirit .quote{margin-top:40px;font-size:16px;line-height:24px}
.find__spirit .action{margin-top:37px}
}
.product-main_v2-3{box-sizing:border-box;margin-top:40px;padding-bottom:64px}
.clean-theme .product-main_v2-3{margin-top:120px}
.product-main_v2-3 .productList-waterFull{display:none}
.product-main_v2-3 .mobile-title{display:none}
.product-main_v2-3 .product-type{margin-top:40px}
.product-main_v2-3 .product-compare-enter{display:none;position:unset;left:88px;width:auto;padding:0 10px;height:32px;border:1px solid #000;box-sizing:border-box;border-radius:2px;text-align:center;line-height:30px;font-size:12px;cursor:pointer;margin-left:24px}
.product-main_v2-3 .type-box{margin-top:124px;max-width:1320px;margin:auto}
.product-main_v2-3 .tab-wrap{height:84px}
.product-main_v2-3 .fixed-wrap{overflow:auto;padding:20px 0;height:84px;box-sizing:border-box;scrollbar-width:none;border-bottom:1px solid rgba(0,0,0,0.08)}
.product-main_v2-3 .fixed-wrap::-webkit-scrollbar{display:none}
.product-main_v2-3 .fixed-wrap.fixed{position:fixed !important;top:0;left:0;right:0;box-shadow:0 2px 12px 0 rgba(0,0,0,0.15);border-bottom:0;z-index:99;padding:.2rem .6rem;background-color:rgba(255,255,255,0.95)}
@media screen and (max-width:1023px){.product-main_v2-3 .fixed-wrap.fixed.headerFixed{top:.4rem}
}
.product-main_v2-3 .nav-content{position:relative;display:flex;align-items:center;height:100%;width:1312px;margin:0 auto}
.product-main_v2-3 .nav-content .page-title{font-size:28px;font-family:'OPPOSans-Ver2-Medium';line-height:44px}
.product-main_v2-3 .type-nav{height:27px;font-size:16px;line-height:28px;color:#000;display:flex;align-items:center;position:absolute !important;right:0;position:relative;transition:all ease-in-out .2s}
.product-main_v2-3 .type-nav_item{opacity:.7;cursor:pointer;user-select:none;position:relative;white-space:nowrap}
.product-main_v2-3 .type-nav_item:not(:last-of-type){margin-right:20px}
.product-main_v2-3 .type-nav_item.active{opacity:1}
.product-main_v2-3 .type-nav_item.active:hover::after{display:none}
.product-main_v2-3 .type-list{display:inline-block;margin-top:32px;overflow:hidden}
.product-main_v2-3 .type-list_item{display:inline-block;position:relative;width:628px;margin-right:56px}
.product-main_v2-3 .type-list_item.active{display:block}
.product-main_v2-3 .type-list_item.hide{display:none}
.product-main_v2-3 .type-list_item .item_link{display:block;overflow:hidden}
@media(min-width:1440px){.product-main_v2-3 .type-list_item .item_link{width:628px;height:314px}
}
.product-main_v2-3 .type-list_item img{width:100%;height:314px}
@media(min-width:1440px){.product-main_v2-3 .type-list_item img{transition:all .3s}
.product-main_v2-3 .type-list_item img:hover{transform:scale(1.06);opacity:.9}
}
.product-main_v2-3 .type-list_item img.mb_img{display:none}
.product-main_v2-3 .type-list .swiper-slide{font-size:0;width:1368px}
.product-main_v2-3 .type-list .swiper-slide.to-left{animation:toLeft .3s ease forwards}
.product-main_v2-3 .type-list .swiper-slide.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)}
}
.product-main_v2-3 .type-list .swiper-slide:nth-child(2) .list-item{display:none}
.product-main_v2-3 .type-list .swiper-slide:nth-child(2) .list-item[data-type='all_item1']{display:inline-block}
.product-main_v2-3 .type-list .swiper-slide:nth-child(3) .list-item{display:none}
.product-main_v2-3 .type-list .swiper-slide:nth-child(3) .list-item[data-type='all_item2']{display:inline-block}
.product-main_v2-3 .type-list .swiper-slide:nth-child(4) .list-item{display:none}
.product-main_v2-3 .type-list .swiper-slide:nth-child(4) .list-item[data-type='all_item3']{display:inline-block}
.product-main_v2-3 .type-list .swiper-slide:nth-child(5) .list-item{display:none}
.product-main_v2-3 .type-list .swiper-slide:nth-child(5) .list-item[data-type='all_item4']{display:inline-block}
.product-main_v2-3 .type-list .swiper-slide:nth-child(6) .list-item{display:none}
.product-main_v2-3 .type-list .swiper-slide:nth-child(6) .list-item[data-type='all_item5']{display:inline-block}
.product-main_v2-3 .type-list .swiper-slide:nth-child(7) .list-item{display:none}
.product-main_v2-3 .type-list .swiper-slide:nth-child(7) .list-item[data-type='all_item6']{display:inline-block}
.product-main_v2-3 .type-list .swiper-slide:nth-child(8) .list-item{display:none}
.product-main_v2-3 .type-list .swiper-slide:nth-child(8) .list-item[data-type='all_item7']{display:inline-block}
.product-main_v2-3 .type-list .swiper-slide:nth-child(9) .list-item{display:none}
.product-main_v2-3 .type-list .swiper-slide:nth-child(9) .list-item[data-type='all_item8']{display:inline-block}
.product-main_v2-3 .type-list .description{width:100%;font-size:16px;line-height:28px;margin-top:8px}
@media(min-width:1440px){.product-main_v2-3 .type-list .description{color:#000 !important}
}
@media(min-width:768px) and (max-width:1439.98px){.product-main_v2-3 .type-list .description{color:#000 !important}
}
.product-main_v2-3 .type-list .description a{color:currentColor}
@media(min-width:1440px){.product-main_v2-3 .type-list .description a{transition:all .3s}
.product-main_v2-3 .type-list .description a:hover{opacity:.7}
}
.product-main_v2-3 .type-list .description .title{display:inline-block;font-family:'OPPOSans-Ver2-Medium'}
.product-main_v2-3 .type-list .description .subtitle{margin-top:8px}
.product-main_v2-3 .type-list .description .price{font-size:12px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';margin-top:4px}
.product-main_v2-3 .type-list .description .price .btn{position:relative;transition:all .3s}
.product-main_v2-3 .type-list .description .price .btn:hover{opacity:.7}
.product-main_v2-3 .type-list .description .price .btn:first-child{margin-right:12px}
.product-main_v2-3 .type-list .description .price .btn::after{content:'';width:100%;height:1px;bottom:-1px;left:0;position:absolute;background:currentColor}
.product-main_v2-3 .type-list .description .price .btn a{color:currentColor}
@media(min-width:1440px){.product-main_v2-3 .type-list .description .price .buy-btn{color:#000 !important}
}
@media(min-width:768px) and (max-width:1439.98px){.product-main_v2-3 .type-list .description .price .buy-btn{color:#000 !important}
}
.product-main_v2-3 .newproductlistitem.parbase.section{display:inline-block !important;position:inherit !important}
.product-main_v2-3 .type-list_item .item_link{background:#f6f6f6}
.product-main_v2-3 .type-list_item{float:left}
.waterFullproduct{box-sizing:border-box;margin-top:40px;padding-bottom:0;background-color:#f6f6f6}
.clean-theme .waterFullproduct{margin-top:120px}
.waterFullproduct .mobile-title{display:none}
.waterFullproduct .product-type{padding-top:40px}
.waterFullproduct .product-compare-enter{display:none;position:unset;left:88px;width:80px;height:32px;border:1px solid #000;box-sizing:border-box;border-radius:2px;text-align:center;line-height:30px;font-size:12px;cursor:pointer;margin-left:24px}
.waterFullproduct .type-box{margin-top:124px;max-width:1320px;margin:auto}
.waterFullproduct .tab-wrap{height:84px}
.waterFullproduct .fixed-wrap{overflow:auto;padding:20px 0;height:84px;box-sizing:border-box;scrollbar-width:none;border-bottom:1px solid rgba(0,0,0,0.08)}
.waterFullproduct .fixed-wrap::-webkit-scrollbar{display:none}
.waterFullproduct .fixed-wrap.fixed{position:fixed !important;top:0;left:0;right:0;box-shadow:0 2px 12px 0 rgba(0,0,0,0.15);border-bottom:0;padding:.2rem .6rem;background-color:rgba(255,255,255,0.95);z-index:99}
@media screen and (max-width:1023px){.waterFullproduct .fixed-wrap.fixed.headerFixed{top:.4rem}
}
.waterFullproduct .nav-content{display:flex;position:relative;align-items:center;height:100%;width:1312px;margin:0 auto}
.waterFullproduct .nav-content .page-title{font-size:28px;font-family:'OPPOSans-Ver2-Medium';line-height:44px}
.waterFullproduct .type-nav{height:27px;font-size:16px;line-height:28px;color:#000;display:flex;align-items:center;position:absolute;right:0;transition:all ease-in-out .2s}
.waterFullproduct .type-nav_item{opacity:.7;cursor:pointer;user-select:none;position:relative;white-space:nowrap}
.waterFullproduct .type-nav_item:not(:last-of-type){margin-right:20px}
.waterFullproduct .type-nav_item.active{opacity:1}
.waterFullproduct .type-nav_item.active:hover::after{display:none}
.waterFullproduct .type-list_item .description{position:absolute;bottom:0;text-align:left}
.waterFullproduct .type-list_item .description.white{text-align:center}
.waterFullproduct .type-list_item .description.white a .title{font-size:16px}
@media(min-width:1440px){.waterFullproduct .type-list_item .description.white a .title{font-family:'OPPOSans-Ver2-Bold'}
}
.waterFullproduct .type-list_item .description.white .subtitle{font-size:16px;line-height:28px}
.waterFullproduct .type-list_item .description.white .price{display:block;padding-bottom:42px}
@media(max-width:767.98px){.waterFullproduct .type-list_item .description.white .price{display:none}
}
.waterFullproduct .type-list_item .description.white .price .learn-more{display:none}
.waterFullproduct .type-list_item .description.white .price .buy-btn{display:inline-block;font-size:12px;height:24px;border-bottom:1px solid}
.waterFullproduct .type-list{display:inline-block;margin-top:55px;overflow:hidden}
.waterFullproduct .type-list_item{display:inline-block;position:relative;width:646px;margin-right:20px}
.waterFullproduct .type-list_item.active{display:block}
.waterFullproduct .type-list_item.hide{display:none}
.waterFullproduct .type-list_item .item_link{display:block;overflow:hidden}
@media(min-width:1440px){.waterFullproduct .type-list_item .item_link{width:646px;height:484px}
}
.waterFullproduct .type-list_item img{width:100%;height:100%;border-radius:2px}
@media(min-width:1440px){.waterFullproduct .type-list_item img{transition:all .3s}
.waterFullproduct .type-list_item img:hover{transform:scale(1.06);opacity:.9}
}
.waterFullproduct .type-list_item img.mb_img{display:none}
.waterFullproduct .type-list .swiper-slide{font-size:0;width:1368px;margin-bottom:128px}
@media(max-width:767.98px){.waterFullproduct .type-list .swiper-slide{margin-bottom:40px}
}
.waterFullproduct .type-list .swiper-slide.to-left{animation:toLeft .3s ease forwards}
.waterFullproduct .type-list .swiper-slide.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)}
}
.waterFullproduct .type-list .description{width:100%;font-size:16px;line-height:28px}
.waterFullproduct .type-list .description a{color:currentColor}
@media(min-width:1440px){.waterFullproduct .type-list .description a{transition:all .3s}
.waterFullproduct .type-list .description a:hover{opacity:.7}
}
.waterFullproduct .type-list .description .productList-waterFull .tag-label{display:flex;justify-content:center;padding-top:8px;padding-bottom:12px}
@media(max-width:767.98px){.waterFullproduct .type-list .description .productList-waterFull .tag-label{justify-content:start;padding-top:8px;padding-bottom:0}
}
.waterFullproduct .type-list .description .productList-waterFull .tag-label .tagLab-item{height:18px;padding:0 4px;line-height:18px;border-radius:2px;border:.5px solid #2ec84e;color:#2ec84e;margin-right:4px;font-size:12px}
@media(max-width:767.98px){.waterFullproduct .type-list .description .productList-waterFull .tag-label .tagLab-item{height:14px;padding:0 2px;line-height:13px;transform:scale(0.75);margin-left:-10px}
}
.waterFullproduct .type-list .description .title{font-size:20px;display:inline-block;font-family:'OPPOSans-Ver2-Medium'}
.waterFullproduct .type-list .description .subtitle{margin-top:8px}
.waterFullproduct .type-list .description .tag-price{font-size:12px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';margin-top:4px;display:flex;flex-direction:column;text-align:center}
@media(max-width:767.98px){.waterFullproduct .type-list .description .tag-price{align-items:left;text-align:left;margin-top:0}
}
.waterFullproduct .type-list .description .tag-price .btn{position:relative;transition:all .3s}
.waterFullproduct .type-list .description .tag-price .learn-more{font-size:18px;font-family:'OPPOSans-Ver2-Medium'}
@media(max-width:767.98px){.waterFullproduct .type-list .description .tag-price .learn-more{font-size:14px;line-height:24px}
}
.waterFullproduct .type-list .description .tag-price .buy-btn{font-size:12px;text-decoration:line-through}
@media(max-width:767.98px){.waterFullproduct .type-list .description .tag-price .buy-btn{transform:scale(0.84);margin-left:-10.5px;line-height:14px}
}
.waterFullproduct .newproductlistitem.parbase.section{display:inline-block !important;position:inherit !important}
.waterFullproduct .type-list_item .item_link{background:#fff}
.waterFullproduct .type-list_item{float:left}
@media(max-width:767.98px){.product-main_v2-3 .type-list .description.white .price .btn{border-bottom:.01rem solid #fff}
.product-main_v2-3{margin-top:0;padding-bottom:64px}
.clean-theme .product-main_v2-3{margin-top:0}
.product-main_v2-3 .mobile-title{font-size:28px;line-height:44px;box-sizing:border-box;display:flex;align-items:center;position:relative;margin:0 auto;width:330px;padding:0}
}
@media screen and (max-width:767.98px) and (max-width:320px){.product-main_v2-3 .mobile-title{margin:unset;width:unset;padding:0 16px}
}
@media(max-width:767.98px){.product-main_v2-3 .product-type{margin-top:32px}
.clean-theme .product-main_v2-3 .product-type{margin-top:84px}
.product-main_v2-3 .product-compare-enter{position:absolute;top:6px;left:unset;right:0;width:unset;min-width:80px;height:32px;padding:0 16px;border:1px solid #000;box-sizing:border-box;border-radius:2px;text-align:center;line-height:30px;font-size:12px;cursor:pointer}
}
@media screen and (max-width:767.98px) and (max-width:320px){.product-main_v2-3 .product-compare-enter{right:15px}
}
@media(max-width:767.98px){.product-main_v2-3 .type-box{max-width:330px;margin:auto}
.product-main_v2-3 .tab-wrap{height:44px}
.product-main_v2-3 .fixed-wrap{overflow:auto;padding:12px 0;margin:0 15px;height:44px;box-sizing:border-box;scrollbar-width:none;border-bottom:0}
.product-main_v2-3 .fixed-wrap::-webkit-scrollbar{display:none}
.product-main_v2-3 .fixed-wrap.fixed{position:fixed !important;top:0;left:0;right:0;box-shadow:0 2px 12px 0 rgba(0,0,0,0.15);border-bottom:0;z-index:10;padding:0;background-color:rgba(255,255,255,0.95);margin:0}
.product-main_v2-3 .nav-content{position:relative;display:flex;justify-content:space-between;align-items:center;height:100%;width:330px;margin:0 auto}
.product-main_v2-3 .nav-content .page-title{display:none}
.product-main_v2-3 .type-nav{height:20px;font-size:12px;line-height:20px;color:#000;display:flex;align-items:center;justify-content:start;left:0;margin:auto;position:relative;transition:all ease-in-out .2s}
.product-main_v2-3 .type-nav_item{opacity:.7;cursor:pointer;user-select:none;position:relative;white-space:nowrap}
.product-main_v2-3 .type-nav_item:not(:last-of-type){margin-right:20px}
.product-main_v2-3 .type-nav_item.active{opacity:1}
.product-main_v2-3 .type-nav_item.active:hover::after{display:none}
.product-main_v2-3 .type-list{display:inline-block;margin-top:20px;overflow:hidden}
.product-main_v2-3 .type-list_item{display:inline-block;position:relative;width:330px;margin-right:30px;margin-bottom:36px}
.product-main_v2-3 .type-list_item.active{display:block}
.product-main_v2-3 .type-list_item.hide{display:none}
.product-main_v2-3 .type-list_item .item_link{display:block;cursor:auto}
.product-main_v2-3 .type-list_item img{width:330px;height:330px}
.product-main_v2-3 .type-list_item img.mb_img{display:block}
.product-main_v2-3 .type-list_item img.pc_img{display:none}
.product-main_v2-3 .type-list .swiper-slide{font-size:0;width:344px}
.product-main_v2-3 .type-list .type-list_item .description{position:absolute;left:0;bottom:20px;margin-top:0;text-align:center}
.product-main_v2-3 .type-list .description{width:100%;font-size:12px;line-height:20px;margin-top:11px}
.product-main_v2-3 .type-list .description.white{color:#fff}
.product-main_v2-3 .type-list .description.white a{color:#fff}
.product-main_v2-3 .type-list .description .title{font-family:'OPPOSans-Ver2-Medium'}
.product-main_v2-3 .type-list .description .subtitle{margin-top:8px}
.product-main_v2-3 .type-list .description .price{font-size:12px;line-height:18px;font-family:'OPPOSans-Ver2-Medium';margin-top:12px;margin-bottom:1px}
.product-main_v2-3 .type-list .description .price .btn{position:relative;border-bottom:1px solid currentColor;display:inline-block}
.product-main_v2-3 .type-list .description .price .btn:first-child{margin-right:12px}
.product-main_v2-3 .type-list .description .price .btn::after{content:none}
.product-main_v2-3 .type-list .description .price .btn a{color:currentColor}
.waterFullproduct{margin-top:0;padding-bottom:0}
.clean-theme .waterFullproduct{margin-top:0}
.waterFullproduct .type-list .type-list_item .description.white{bottom:0;padding-bottom:20px;background:linear-gradient(180deg,rgba(0,0,0,0) 0,#000 100%)}
.waterFullproduct .type-list .type-list_item .description.white .subtitle{text-align:center}
.waterFullproduct .type-list .type-list_item .description.white .price{display:none;text-align:center}
.waterFullproduct .mobile-title{font-size:28px;line-height:44px;text-align:center;display:flex;align-items:center;padding:0 16px;position:relative}
.waterFullproduct .product-type{margin-top:32px}
.clean-theme .waterFullproduct .product-type{margin-top:84px}
.waterFullproduct .product-compare-enter{position:absolute;top:6px;left:unset;right:15px;width:unset;min-width:80px;height:32px;padding:0 16px;border:1px solid #000;box-sizing:border-box;border-radius:2px;text-align:center;line-height:30px;font-size:12px;cursor:pointer}
.waterFullproduct .type-box{padding:16px;padding-top:0}
.waterFullproduct .tab-wrap{height:44px}
.waterFullproduct .fixed-wrap{overflow:auto;padding:12px 0;margin:0 15px;height:44px;box-sizing:border-box;scrollbar-width:none;border-bottom:0}
.waterFullproduct .fixed-wrap::-webkit-scrollbar{display:none}
.waterFullproduct .fixed-wrap.fixed{position:fixed !important;top:0;left:0;right:0;box-shadow:0 2px 12px 0 rgba(0,0,0,0.15);border-bottom:1px solid #f6f6f6;z-index:10;padding:0;background-color:#fff;margin:0}
.waterFullproduct .nav-content{position:relative;display:flex;justify-content:space-between;align-items:center;height:100%;width:330px;margin:0 auto}
.waterFullproduct .nav-content .page-title{display:none}
.waterFullproduct .type-nav{height:20px;font-size:12px;line-height:20px;color:#000;display:flex;align-items:center;justify-content:center;margin:auto;position:relative !important;transition:all ease-in-out .2s}
.waterFullproduct .type-nav_item{opacity:.7;cursor:pointer;user-select:none;position:relative;white-space:nowrap}
.waterFullproduct .type-nav_item:not(:last-of-type){margin-right:20px}
.waterFullproduct .type-nav_item.active{opacity:1}
.waterFullproduct .type-nav_item.active:hover::after{display:none}
.waterFullproduct .type-list{display:inline-block;margin-top:20px;overflow:hidden}
.waterFullproduct .type-list_item{display:inline-block;position:relative;width:100%;margin-right:0;margin-bottom:36px}
.waterFullproduct .type-list_item.active{display:block}
.waterFullproduct .type-list_item.hide{display:none}
.waterFullproduct .type-list_item .item_link{display:block;cursor:auto}
.waterFullproduct .type-list_item img{width:calc(100vw - 32px);height:330px}
.waterFullproduct .type-list_item img.mb_img{display:block}
.waterFullproduct .type-list_item img.pc_img{display:none}
.waterFullproduct .type-list .swiper-slide{font-size:0;width:unset}
.waterFullproduct .type-list .type-list_item .description{position:absolute;left:0;bottom:20px;margin-top:0;text-align:center}
.waterFullproduct .type-list .type-list_item .description.white{text-align:center}
.waterFullproduct .type-list .type-list_item .description.white a .title{font-size:14px;line-height:24px;font-family:'OPPOSans-Ver2-Regular'}
.waterFullproduct .type-list .type-list_item .description.white .subtitle{font-size:12px;line-height:20px}
.waterFullproduct .type-list .description{width:100%;font-size:12px;line-height:20px;margin-top:11px;text-align:left}
.waterFullproduct .type-list .description .title{text-align:left;font-size:14px;font-family:'OPPOSans-Ver2-Medium'}
.waterFullproduct .type-list .description .subtitle{text-align:left;margin-top:2px}
.waterFullproduct .type-list .description .price{font-size:12px;line-height:18px;font-family:'OPPOSans-Ver2-Medium';margin-top:0;margin-bottom:1px;display:flex;flex-direction:column;align-items:unset;text-align:left}
.waterFullproduct .type-list .description .price .btn{position:relative;display:inline-block}
.waterFullproduct .type-list .description .price .learn-more{font-size:14px;font-family:'OPPOSans-Ver2-Medium'}
.waterFullproduct .type-list .description .price .buy-btn{font-size:12px;transform:scale(0.84);margin-left:-12px;text-decoration:line-through}
}
@media(min-width:768px) and (max-width:1439.98px){.product-main_v2-3{width:100vw;overflow-x:hidden}
.waterFullproduct{width:100vw;overflow-x:hidden}
}
@media(min-width:768px) and (max-width:1023.98px){.product-main_v2-3{margin-top:0;padding-bottom:64px}
.clean-theme .product-main_v2-3{margin-top:0}
.product-main_v2-3 .product-type{margin-top:25px}
.clean-theme .product-main_v2-3 .product-type{margin-top:77px}
.product-main_v2-3 .product-compare-enter{left:72px}
.product-main_v2-3 .type-box{margin-top:124px;max-width:721px;margin:auto}
.product-main_v2-3 .tab-wrap{height:84px}
.product-main_v2-3 .fixed-wrap{margin:0 24px}
.product-main_v2-3 .fixed-wrap.fixed{padding:0;margin:0}
.product-main_v2-3 .nav-content{width:721px}
.product-main_v2-3 .type-list_item{width:470px;margin-right:30px}
.product-main_v2-3 .type-list_item .item_link{cursor:auto}
.product-main_v2-3 .type-list_item img{height:235px}
.product-main_v2-3 .type-list .swiper-slide{width:751px}
.product-main_v2-3 .type-list .description{font-size:14px;line-height:24px}
.waterFullproduct{margin-top:0}
.clean-theme .waterFullproduct{margin-top:0}
.waterFullproduct .product-type{margin-top:25px}
.clean-theme .waterFullproduct .product-type{margin-top:77px}
.waterFullproduct .product-compare-enter{left:72px}
.waterFullproduct .type-box{margin-top:124px;max-width:721px;margin:auto}
.waterFullproduct .tab-wrap{height:84px}
.waterFullproduct .fixed-wrap.fixed{padding:0;margin:0}
.waterFullproduct .nav-content{width:721px}
.waterFullproduct .type-nav{position:absolute !important}
.waterFullproduct .type-list_item{width:458px;margin-right:30px}
.waterFullproduct .type-list_item .item_link{cursor:auto}
.waterFullproduct .type-list_item img{width:458px;height:300px}
.waterFullproduct .type-list .swiper-slide{width:751px}
.waterFullproduct .type-list .description{font-size:14px;line-height:24px}
.waterFullproduct .type-list .description .price{font-size:12px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';margin-top:4px;display:flex;flex-direction:column;align-items:center;text-align:center}
.waterFullproduct .type-list .description .price .btn{position:relative}
.waterFullproduct .type-list .description .price .btn a{color:currentColor}
.waterFullproduct .type-list .description .price .learn-more{font-size:18px;font-family:'OPPOSans-Ver2-Medium'}
.waterFullproduct .type-list .description .price .buy-btn{font-size:12px;text-decoration:line-through}
}
@media(min-width:1024px) and (max-width:1439.98px){.product-main_v2-3{margin-top:0;padding-bottom:64px}
.clean-theme .product-main_v2-3{margin-top:0}
.product-main_v2-3 .product-type{margin-top:40px}
.clean-theme .product-main_v2-3 .product-type{margin-top:104px}
.product-main_v2-3 .product-compare-enter{left:72px}
.product-main_v2-3 .type-box{margin-top:124px;max-width:923px;margin:auto}
.product-main_v2-3 .tab-wrap{height:84px}
.product-main_v2-3 .fixed-wrap{margin:0 50px}
.product-main_v2-3 .fixed-wrap.fixed{margin:0}
.product-main_v2-3 .nav-content{width:923px}
.product-main_v2-3 .type-list_item{width:600px;margin-right:40px}
.product-main_v2-3 .type-list_item .item_link{cursor:auto}
.product-main_v2-3 .type-list_item img{height:300px}
.product-main_v2-3 .type-list .swiper-slide{width:963px}
.waterFullproduct{margin-top:0;padding-bottom:0}
.clean-theme .waterFullproduct{margin-top:0}
.waterFullproduct .product-type{margin-top:40px}
.clean-theme .waterFullproduct .product-type{margin-top:104px}
.waterFullproduct .product-compare-enter{left:72px;width:80px}
.waterFullproduct .type-box{margin-top:124px;max-width:923px;margin:auto}
.waterFullproduct .tab-wrap{height:84px}
.waterFullproduct .fixed-wrap{margin:0 50px}
.waterFullproduct .fixed-wrap.fixed{margin:0}
.waterFullproduct .nav-content{width:923px}
.waterFullproduct .type-nav{position:absolute !important}
.waterFullproduct .type-list_item{width:608px;margin-right:40px}
.waterFullproduct .type-list_item .item_link{cursor:auto}
.waterFullproduct .type-list_item img{height:456px}
.waterFullproduct .type-list .swiper-slide{font-size:0;width:963px}
.waterFullproduct .type-list .description{padding-bottom:12px}
.waterFullproduct .type-list .description .title{font-family:'OPPOSans-Ver2-Medium'}
.waterFullproduct .type-list .description .subtitle{margin-top:8px}
.waterFullproduct .type-list .description .price{display:flex;flex-direction:column;align-items:center;text-align:center}
.waterFullproduct .type-list .description .price .learn-more{font-size:18px;font-family:'OPPOSans-Ver2-Medium'}
.waterFullproduct .type-list .description .price .buy-btn{font-size:12px;text-decoration:line-through}
}
@media(min-width:1440px){.product-main_v2-3 .product-recommond{width:100vw;box-sizing:border-box;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}
.product-main_v2-3 .type-nav_item:hover{opacity:1}
.product-main_v2-3 .type-nav_item:hover::after{content:"";display:block;position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentcolor}
}
.product-recommond .list-item{display:inline-block;width:286px;margin-right:56px;margin-bottom:57px;vertical-align:top}
.product-recommond .list-item .mobile-dots{display:none}
.product-recommond .list-item .item-box{position:relative;display:flex;justify-content:center;height:314px;width:286px;background:#f6f6f6}
@media(min-width:1440px){.product-recommond .list-item .item-box:hover img{transform:scale(1.06)}
}
.product-recommond .list-item .item-box .img-box{position:relative;display:flex;justify-content:center;margin-top:36px;height:200px;width:200px}
.product-recommond .list-item .item-box .img-wrapper{box-sizing:border-box;display:none !important;justify-content:center;opacity:0;transition:opacity .3s;align-items:center}
.product-recommond .list-item .item-box .img-wrapper.active{opacity:1;display:flex !important}
.product-recommond .list-item .item-box img{position:absolute;max-width:200px;max-height:200px;transition:all .3s}
@media all and (min-width:1440px) and (-ms-high-contrast:none),(min-width:1440px) and (-ms-high-contrast:active){.product-recommond .list-item .item-box img{position:relative}
}
.product-recommond .list-item .item-box .bottom-box{position:absolute;display:flex;justify-content:center;bottom:30px;width:120px;height:24px}
@media all and (min-width:1440px) and (-ms-high-contrast:none),(min-width:1440px) and (-ms-high-contrast:active){.product-recommond .list-item .item-box .bottom-box{left:50%;transform:translateX(-50%)}
}
.product-recommond .list-item .item-box .bottom-box i{display:none;position:absolute;width:10px;height:24px;cursor:pointer;opacity:.3}
.product-recommond .list-item .item-box .bottom-box i.prev{transform:scale(-1);left:-20px;top:0}
.product-recommond .list-item .item-box .bottom-box i.next{right:-20px;top:0}
.product-recommond .list-item .item-box .bottom-box i.disable{display:none !important}
@media(min-width:1440px){.product-recommond .list-item .item-box .bottom-box i{transition:all .3s}
.product-recommond .list-item .item-box .bottom-box i:hover{opacity:1}
}
.product-recommond .list-item .item-box .bottom-box i svg{height:24px}
.product-recommond .list-item .item-box .dot-container{overflow:hidden;position:relative;height:24px}
.product-recommond .list-item .item-box ul.dot-box{white-space:nowrap;height:100%;box-sizing:border-box;margin-left:0;transition:margin-left .3s;padding-top:6px}
.product-recommond .list-item .item-box ul.dot-box li{display:inline-block;position:relative;width:12px;height:12px;border-radius:50%;background-color:red;margin:0 6px;cursor:pointer}
.product-recommond .list-item .item-box ul.dot-box li::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border:1px solid rgba(0,0,0,0.2);border-radius:50%;opacity:0;transition:all .3s ease}
.product-recommond .list-item .item-box ul.dot-box li.active::after{opacity:1;transform:translate(-50%,-50%) scale(1.7)}
@media(min-width:1440px){.product-recommond .list-item .item-box ul.dot-box li.hover::after{opacity:1;transform:translate(-50%,-50%) scale(1.4)}
}
.product-recommond .list-item .item-box ul.dot-box li:first-child{background:linear-gradient(135deg,#d2d2d2 0,#383838 100%)}
.product-recommond .list-item .item-box ul.dot-box li:nth-child(2){background:linear-gradient(135deg,#ffefeb 0,#ff3400 100%)}
.product-recommond .list-item .item-box ul.dot-box li:nth-child(3){background:linear-gradient(135deg,#c8c8c8 0,#595959 100%)}
.product-recommond .list-item .item-box ul.dot-box li:nth-child(4){background:linear-gradient(135deg,#a1a1a1 0,#000 100%)}
.product-recommond .list-item .item-box ul.dot-box li:nth-child(5){background:linear-gradient(135deg,#d9fff3 0,#40a383 100%)}
.product-recommond .list-item .item-box ul.dot-box li:nth-child(6){background:linear-gradient(135deg,#d9fff3 0,#ff3400 100%)}
.product-recommond .list-item .item-box ul.dot-box li:nth-child(7){background:linear-gradient(135deg,#d9fff3 0,#400183 100%)}
.product-recommond .list-item .item-box ul.dot-box li:nth-child(8){background:linear-gradient(135deg,#d9fff3 0,#401001 100%)}
.waterFullproductList .swiper-slide.active{position:relative}
.waterFullproductList .list-item{position:absolute;display:inline-block;width:313px;margin-right:20px;margin-bottom:20px;vertical-align:top;background-color:#fff;border-radius:2px;text-align:center;padding:20px 20px;box-sizing:border-box}
@media(min-width:1440px){.waterFullproductList .list-item{padding-bottom:40px;cursor:pointer}
.waterFullproductList .list-item:hover .item-box img{transform:scale(1.06)}
}
@media(min-width:1440px){.waterFullproductList .list-item:nth-child(1){display:none;height:484px}
.waterFullproductList .list-item:nth-child(2){display:none;height:484px}
}
.waterFullproductList .list-item .mobile-dots{display:none}
.waterFullproductList .list-item .item-box{position:relative;display:flex;justify-content:center;height:288px}
.waterFullproductList .list-item .item-box .img-box{position:relative;display:flex;justify-content:center;margin-top:36px;height:200px;width:200px}
.waterFullproductList .list-item .item-box .img-wrapper{box-sizing:border-box;display:none !important;justify-content:center;opacity:0;transition:opacity .3s;align-items:center}
.waterFullproductList .list-item .item-box .img-wrapper.active{opacity:1;display:flex !important}
.waterFullproductList .list-item .item-box img{position:absolute;max-width:200px;max-height:200px;transition:all .3s}
.waterFullproductList .list-item .item-box .bottom-box{position:absolute;display:flex;justify-content:center;bottom:10px;width:120px;height:24px}
.waterFullproductList .list-item .item-box .bottom-box i{display:none;position:absolute;width:10px;height:24px;cursor:pointer;opacity:.3}
.waterFullproductList .list-item .item-box .bottom-box i.prev{transform:scale(-1);left:-20px;top:0}
.waterFullproductList .list-item .item-box .bottom-box i.next{right:-20px;top:0}
.waterFullproductList .list-item .item-box .bottom-box i.disable{display:none !important}
@media(min-width:1440px){.waterFullproductList .list-item .item-box .bottom-box i{transition:all .3s}
.waterFullproductList .list-item .item-box .bottom-box i:hover{opacity:1}
}
.waterFullproductList .list-item .item-box .bottom-box i svg{height:24px}
.waterFullproductList .list-item .item-box .dot-container{overflow:hidden;position:relative;height:24px}
.waterFullproductList .list-item .item-box ul.dot-box{white-space:nowrap;height:100%;box-sizing:border-box;margin-left:0;transition:margin-left .3s;padding-top:6px}
.waterFullproductList .list-item .item-box ul.dot-box li{display:inline-block;position:relative;width:12px;height:12px;border-radius:50%;background-color:red;margin:0 6px;cursor:pointer}
.waterFullproductList .list-item .item-box ul.dot-box li::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border:1px solid rgba(0,0,0,0.2);border-radius:50%;opacity:0;transition:all .3s ease}
.waterFullproductList .list-item .item-box ul.dot-box li.active::after{opacity:1;transform:translate(-50%,-50%) scale(1.7)}
@media(min-width:1440px){.waterFullproductList .list-item .item-box ul.dot-box li.hover::after{opacity:1;transform:translate(-50%,-50%) scale(1.4)}
}
.waterFullproductList .list-item .item-box ul.dot-box li:first-child{background:linear-gradient(135deg,#d2d2d2 0,#383838 100%)}
.waterFullproductList .list-item .item-box ul.dot-box li:nth-child(2){background:linear-gradient(135deg,#ffefeb 0,#ff3400 100%)}
.waterFullproductList .list-item .item-box ul.dot-box li:nth-child(3){background:linear-gradient(135deg,#c8c8c8 0,#595959 100%)}
.waterFullproductList .list-item .item-box ul.dot-box li:nth-child(4){background:linear-gradient(135deg,#a1a1a1 0,#000 100%)}
.waterFullproductList .list-item .item-box ul.dot-box li:nth-child(5){background:linear-gradient(135deg,#d9fff3 0,#40a383 100%)}
.waterFullproductList .list-item .item-box ul.dot-box li:nth-child(6){background:linear-gradient(135deg,#d9fff3 0,#ff3400 100%)}
.waterFullproductList .list-item .item-box ul.dot-box li:nth-child(7){background:linear-gradient(135deg,#d9fff3 0,#400183 100%)}
.waterFullproductList .list-item .item-box ul.dot-box li:nth-child(8){background:linear-gradient(135deg,#d9fff3 0,#401001 100%)}
@media(max-width:767.98px){.product-recommond .list-item{display:inline-block;width:158px;margin-right:14px;margin-bottom:36px;vertical-align:top}
.product-recommond .list-item .mobile-dots{display:block;font-size:0;margin-top:8px}
.product-recommond .list-item .mobile-dots ul{line-height:8px;width:164px}
.product-recommond .list-item .mobile-dots ul li.product-dots{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:12px}
.product-recommond .list-item .mobile-dots ul li.product-dots:first-child{margin-left:0;background:linear-gradient(135deg,#d2d2d2 0,#383838 100%)}
.product-recommond .list-item .mobile-dots ul li.product-dots:nth-child(2){background:linear-gradient(135deg,#ffefeb 0,#ff3400 100%)}
.product-recommond .list-item .mobile-dots ul li.product-dots:nth-child(3){background:linear-gradient(135deg,#c8c8c8 0,#595959 100%)}
.product-recommond .list-item .mobile-dots ul li.product-dots:nth-child(4){background:linear-gradient(135deg,#a1a1a1 0,#000 100%)}
.product-recommond .list-item .mobile-dots ul li.product-dots:nth-child(5){background:linear-gradient(135deg,#d9fff3 0,#40a383 100%)}
.product-recommond .list-item .mobile-dots ul li.product-dots:nth-child(6){background:linear-gradient(135deg,#d9fff3 0,#ff3400 100%)}
.product-recommond .list-item .mobile-dots ul li.product-dots:nth-child(7){background:linear-gradient(135deg,#d9fff3 0,#400183 100%)}
.product-recommond .list-item .mobile-dots ul li.product-dots:nth-child(8){background:linear-gradient(135deg,#d9fff3 0,#401001 100%)}
.product-recommond .list-item .mobile-dots ul li.product-dots:nth-child(9){background:linear-gradient(135deg,#d9fff3 0,#401001 100%)}
.product-recommond .list-item .mobile-dots ul li.product-dots:nth-child(10){background:linear-gradient(135deg,#d9fff3 0,#401001 100%)}
.product-recommond .list-item .mobile-dots ul li.product-dots:nth-child(11){background:linear-gradient(135deg,#d9fff3 0,#401001 100%)}
.product-recommond .list-item .item-box{position:relative;display:flex;justify-content:center;width:158px;height:188px;background:#f6f6f6}
.product-recommond .list-item .item-box a.img-box{position:relative;display:flex;justify-content:center;margin-top:0;width:100%;height:100%}
.product-recommond .list-item .item-box .img-wrapper{box-sizing:border-box;display:none !important;justify-content:center;align-items:center}
.product-recommond .list-item .item-box .img-wrapper.active{display:flex !important}
.product-recommond .list-item .item-box img{position:absolute;max-width:132px;max-height:132px}
.product-recommond .list-item .item-box .bottom-box{display:none}
.waterFullproductList .list-item{display:inline-block;width:calc((100vw - 40px) / 2);margin-right:8px;margin-bottom:12px;vertical-align:top;border-radius:2px}
.waterFullproductList .list-item:nth-child(2n-1){margin-right:0}
.waterFullproductList .list-item .mobile-dots{display:block;font-size:0;margin-top:8px}
.waterFullproductList .list-item .mobile-dots ul{line-height:8px;width:164px;text-align:left}
.waterFullproductList .list-item .mobile-dots ul li.product-dots{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.waterFullproductList .list-item .mobile-dots ul li.product-dots:first-child{margin-left:0;background:linear-gradient(135deg,#d2d2d2 0,#383838 100%)}
.waterFullproductList .list-item .mobile-dots ul li.product-dots:nth-child(2){background:linear-gradient(135deg,#ffefeb 0,#ff3400 100%)}
.waterFullproductList .list-item .mobile-dots ul li.product-dots:nth-child(3){background:linear-gradient(135deg,#c8c8c8 0,#595959 100%)}
.waterFullproductList .list-item .mobile-dots ul li.product-dots:nth-child(4){background:linear-gradient(135deg,#a1a1a1 0,#000 100%)}
.waterFullproductList .list-item .mobile-dots ul li.product-dots:nth-child(5){background:linear-gradient(135deg,#d9fff3 0,#40a383 100%)}
.waterFullproductList .list-item .mobile-dots ul li.product-dots:nth-child(6){background:linear-gradient(135deg,#d9fff3 0,#ff3400 100%)}
.waterFullproductList .list-item .mobile-dots ul li.product-dots:nth-child(7){background:linear-gradient(135deg,#d9fff3 0,#400183 100%)}
.waterFullproductList .list-item .mobile-dots ul li.product-dots:nth-child(8){background:linear-gradient(135deg,#d9fff3 0,#401001 100%)}
.waterFullproductList .list-item .mobile-dots ul li.product-dots:nth-child(9){background:linear-gradient(135deg,#d9fff3 0,#401001 100%)}
.waterFullproductList .list-item .mobile-dots ul li.product-dots:nth-child(10){background:linear-gradient(135deg,#d9fff3 0,#401001 100%)}
.waterFullproductList .list-item .mobile-dots ul li.product-dots:nth-child(11){background:linear-gradient(135deg,#d9fff3 0,#401001 100%)}
.waterFullproductList .list-item .item-box{position:relative;display:flex;justify-content:center;height:unset}
.waterFullproductList .list-item .item-box a.img-box{position:relative;display:flex;justify-content:center;margin-top:0;width:100%;height:100%}
.waterFullproductList .list-item .item-box .img-wrapper{height:132px;box-sizing:border-box;display:none !important;justify-content:center;align-items:center}
.waterFullproductList .list-item .item-box .img-wrapper.active{display:flex !important}
.waterFullproductList .list-item .item-box img{position:absolute;max-width:132px;max-height:120px}
.waterFullproductList .list-item .item-box .bottom-box{display:none}
}
@media(min-width:768px) and (max-width:1023.98px){.product-recommond .list-item{display:inline-block;width:220px;margin-right:30px;margin-bottom:40px;vertical-align:top}
.product-recommond .list-item .item-box{position:relative;display:flex;justify-content:center;width:220px;height:235px;background:#f6f6f6}
.product-recommond .list-item .item-box .img-box{position:relative;display:flex;justify-content:center;margin-top:36px;height:142px;width:142px}
.product-recommond .list-item .item-box .img-wrapper{box-sizing:border-box;display:none !important;justify-content:center}
.product-recommond .list-item .item-box .img-wrapper.active{display:flex !important}
.product-recommond .list-item .item-box img{position:absolute;max-width:142px;max-height:142px}
.product-recommond .list-item .item-box .bottom-box{position:absolute;bottom:23px;width:120px;height:20px}
.product-recommond .list-item .item-box .bottom-box i{display:none;position:absolute;width:10px;height:20px;cursor:pointer}
.product-recommond .list-item .item-box .bottom-box i.disable{opacity:.3}
.product-recommond .list-item .item-box .bottom-box i svg{height:20px}
.product-recommond .list-item .item-box .dot-container{overflow:hidden;position:relative;height:20px}
.product-recommond .list-item .item-box ul.dot-box{height:100%;box-sizing:border-box;margin-left:0;transition:margin-left .3s;padding-top:5px}
.product-recommond .list-item .item-box ul.dot-box li{display:inline-block;position:relative;width:10px;height:10px;border-radius:50%;background-color:red;margin:0 7px;cursor:pointer}
.product-recommond .list-item .item-box ul.dot-box li::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border:.5px solid rgba(0,0,0,0.2);border-radius:50%;opacity:0;transition:all .3s}
.product-recommond .list-item .item-box ul.dot-box li.active::after{opacity:1;transform:translate(-50%,-50%) scale(1.65)}
.waterFullproductList .list-item{display:inline-block;width:220px;margin-right:16px;margin-bottom:16px;vertical-align:top}
}
@media(min-width:768px) and (max-width:1023.98px) and (min-width:768px) and (max-width:1023.98px){.waterFullproductList .list-item:nth-child(1){display:none;height:300px}
.waterFullproductList .list-item:nth-child(2){display:none;height:300px}
}
@media(min-width:768px) and (max-width:1023.98px){.waterFullproductList .list-item .item-box{position:relative;display:flex;justify-content:center;height:235px}
.waterFullproductList .list-item .item-box .img-box{position:relative;display:flex;justify-content:center;margin-top:36px;height:142px;width:142px}
.waterFullproductList .list-item .item-box .img-wrapper{box-sizing:border-box;display:none !important;justify-content:center}
.waterFullproductList .list-item .item-box .img-wrapper.active{display:flex !important}
.waterFullproductList .list-item .item-box img{position:absolute;max-width:142px;max-height:142px}
.waterFullproductList .list-item .item-box .bottom-box{position:absolute;bottom:23px;width:120px;height:20px}
.waterFullproductList .list-item .item-box .bottom-box i{display:none;position:absolute;width:10px;height:20px;cursor:pointer}
.waterFullproductList .list-item .item-box .bottom-box i.disable{opacity:.3}
.waterFullproductList .list-item .item-box .bottom-box i svg{height:20px}
.waterFullproductList .list-item .item-box .dot-container{overflow:hidden;position:relative;height:20px}
.waterFullproductList .list-item .item-box ul.dot-box{height:100%;box-sizing:border-box;margin-left:0;transition:margin-left .3s;padding-top:5px}
.waterFullproductList .list-item .item-box ul.dot-box li{display:inline-block;position:relative;width:10px;height:10px;border-radius:50%;background-color:red;margin:0 7px;cursor:pointer}
.waterFullproductList .list-item .item-box ul.dot-box li::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border:.5px solid rgba(0,0,0,0.2);border-radius:50%;opacity:0;transition:all .3s}
.waterFullproductList .list-item .item-box ul.dot-box li.active::after{opacity:1;transform:translate(-50%,-50%) scale(1.65)}
}
@media(min-width:1024px) and (max-width:1439.98px){.product-recommond .list-item{display:inline-block;width:280px;margin-right:40px;margin-bottom:40px;vertical-align:top}
.product-recommond .list-item .item-box{position:relative;display:flex;justify-content:center;height:300px;width:280px;background:#f6f6f6}
.product-recommond .list-item .item-box .img-box{position:relative;display:flex;justify-content:center;margin-top:36px;width:154px;height:182px}
.product-recommond .list-item .item-box .slick-slide{width:154px !important}
.product-recommond .list-item .item-box .img-wrapper{box-sizing:border-box;display:none !important;justify-content:center}
.product-recommond .list-item .item-box .img-wrapper.active{display:flex !important}
.product-recommond .list-item .item-box img{position:absolute;max-width:182px;max-height:182px}
.product-recommond .list-item .item-box .bottom-box{position:absolute;bottom:30px;width:140px;height:20px}
.product-recommond .list-item .item-box .bottom-box i{display:none;position:absolute;width:10px;height:20px;cursor:pointer}
.product-recommond .list-item .item-box .bottom-box i.disable{opacity:.3}
.product-recommond .list-item .item-box .bottom-box i svg{height:20px}
.product-recommond .list-item .item-box .dot-container{overflow:hidden;position:relative;height:20px}
.product-recommond .list-item .item-box ul.dot-box{white-space:nowrap;height:100%;box-sizing:border-box;margin-left:0;transition:margin-left .3s;padding-top:5px}
.product-recommond .list-item .item-box ul.dot-box li{display:inline-block;position:relative;width:10px;height:10px;border-radius:50%;background-color:red;margin:0 9px;cursor:pointer}
.product-recommond .list-item .item-box ul.dot-box li::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border:.5px solid rgba(0,0,0,0.2);border-radius:50%;opacity:0;transition:all .3s}
.product-recommond .list-item .item-box ul.dot-box li.active::after{opacity:1;transform:translate(-50%,-50%) scale(1.65)}
.waterFullproductList .list-item{display:inline-block;width:294px;margin-right:20px;margin-bottom:20px;vertical-align:top}
}
@media(min-width:1024px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){.waterFullproductList .list-item:nth-child(1){display:none;height:456px}
.waterFullproductList .list-item:nth-child(2){display:none;height:456px}
}
@media(min-width:1024px) and (max-width:1439.98px){.waterFullproductList .list-item .item-box{position:relative;display:flex;justify-content:center;height:300px;width:280px}
.waterFullproductList .list-item .item-box .img-box{position:relative;display:flex;justify-content:center;margin-top:36px;width:154px;height:182px}
.waterFullproductList .list-item .item-box .slick-slide{width:154px !important}
.waterFullproductList .list-item .item-box .img-wrapper{box-sizing:border-box;display:none !important;justify-content:center}
.waterFullproductList .list-item .item-box .img-wrapper.active{display:flex !important}
.waterFullproductList .list-item .item-box img{position:absolute;max-width:182px;max-height:182px}
.waterFullproductList .list-item .item-box .bottom-box{position:absolute;bottom:30px;width:140px;height:20px}
.waterFullproductList .list-item .item-box .bottom-box i{display:none;position:absolute;width:10px;height:20px;cursor:pointer}
.waterFullproductList .list-item .item-box .bottom-box i.disable{opacity:.3}
.waterFullproductList .list-item .item-box .bottom-box i svg{height:20px}
.waterFullproductList .list-item .item-box .dot-container{overflow:hidden;position:relative;height:20px}
.waterFullproductList .list-item .item-box ul.dot-box{white-space:nowrap;height:100%;box-sizing:border-box;margin-left:0;transition:margin-left .3s;padding-top:5px}
.waterFullproductList .list-item .item-box ul.dot-box li{display:inline-block;position:relative;width:10px;height:10px;border-radius:50%;background-color:red;margin:0 9px;cursor:pointer}
.waterFullproductList .list-item .item-box ul.dot-box li::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border:.5px solid rgba(0,0,0,0.2);border-radius:50%;opacity:0;transition:all .3s}
.waterFullproductList .list-item .item-box ul.dot-box li.active::after{opacity:1;transform:translate(-50%,-50%) scale(1.65)}
}
.oc-container-v2 .product-main_v2-3.product-main_v2-3-cn{margin-top:32px}
.clean-theme .oc-container-v2 .product-main_v2-3.product-main_v2-3-cn{margin-top:32px}
@media(max-width:1024px){.clean-theme .oc-container-v2 .product-main_v2-3.product-main_v2-3-cn{margin-top:82px}
}
.product-main_v2-3.product-main_v2-3-cn{margin-top:32px}
.clean-theme .product-main_v2-3.product-main_v2-3-cn{margin-top:112px}
@media(max-width:1024px){.clean-theme .product-main_v2-3.product-main_v2-3-cn{margin-top:80px}
}
.product-main_v2-3.product-main_v2-3-cn .product-recommond{max-width:unset;padding:unset;margin:unset}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-type{margin-top:0}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header{width:100%}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed{position:fixed;width:100vw;top:0;left:0;right:0;z-index:101;background-color:#fff;box-shadow:0 1px 0 #ececec;opacity:1;transition:opacity cubic-bezier(0.48,0.04,0.52,0.96) .2s}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed .border-box{box-shadow:0 1px 0 #ececec}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed .header-box{box-shadow:unset}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed .header-box.nav-header-box{padding-top:0}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed .header-box .header-box-list li{height:88px;margin-right:8px;transition:all cubic-bezier(0.48,0.04,0.52,0.96) .32s}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed .header-box .header-box-list li p{font-size:12px;line-height:20px;transition:all cubic-bezier(0.48,0.04,0.52,0.96) .32s}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed .header-box .header-box-list li .img-box img{width:40px;transition:all cubic-bezier(0.48,0.04,0.52,0.96) .32s}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed .header-box .header-box-list li a{width:72px;transition:all cubic-bezier(0.48,0.04,0.52,0.96) .32s}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed .header-box .header-box-list li a:hover::after,.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed .header-box .header-box-list li a.active::after{content:'';width:40px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed .header-box .header-box-list li p{font-size:12px;line-height:20px;transition:all cubic-bezier(0.48,0.04,0.52,0.96) .32s}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed .header-box .header-box-list li .img-box img{width:40px;transition:all cubic-bezier(0.48,0.04,0.52,0.96) .32s}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed .header-box .header-box-title{font-size:20px;line-height:28px;display:flex;align-items:center;padding-top:0;transition:all cubic-bezier(0.48,0.04,0.52,0.96) .32s}
@media(max-width:1024px){.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed .header-box .header-box-title{display:none}
}
@media(min-width:650px) and (max-width:1023.98px){.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed .header-box .header-box-list li{height:102px;margin-right:20px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed .header-box .header-box-list li a{width:80px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed .header-box .header-box-list li p{font-weight:400;font-size:14px;line-height:22px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header.nav-header-fixed .header-box.nav-header-box .nav-header-list li{padding:12px 24px}
}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box{display:flex;margin:0 auto;justify-content:space-between;box-shadow:0 1px 0 #ececec;max-width:1312px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-title{font-family:'OPPOSans-Ver2-Medium';font-size:28px;line-height:36px;color:rgba(0,0,0,0.55);padding-top:48px;transition:width cubic-bezier(0.48,0.04,0.52,0.96) .32s}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-title .compare-btn{display:none}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li{display:inline-block;height:132px;align-items:center;margin-right:20px;transition:all cubic-bezier(0.48,0.04,0.52,0.96) .32s}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li:last-child{margin-right:0}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li .img-box{padding:16px 0 2px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li .img-box img{width:68px;margin:0 auto;transition:width cubic-bezier(0.48,0.04,0.52,0.96) .32s}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li p{font-size:16px;line-height:24px;color:rgba(0,0,0,0.55);transition:width cubic-bezier(0.48,0.04,0.52,0.96) .32s}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li a{position:relative;display:block;width:100px;height:100%;text-align:center;transition:width cubic-bezier(0.48,0.04,0.52,0.96) .32s}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li a:hover p,.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li a.active p{color:rgba(0,0,0,0.95)}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li a:hover::after,.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li a:hover::after,.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li a.active::after,.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li a.active::after{content:'';position:absolute;width:68px;height:2px;bottom:-1px;left:50%;transform:translateX(-50%);background:#2cff73}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .compare-btn{display:flex;align-items:center}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .compare-btn:hover a{background:linear-gradient(0,rgba(0,0,0,0.12),rgba(0,0,0,0.12)),#ebebeb}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .compare-btn a{text-align:center;padding:6px 18px;background:#ebebeb;border-radius:36px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .compare-btn a svg{vertical-align:middle}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .compare-btn a span{font-family:'OPPOSans-Ver2-Medium';font-size:12px;color:rgba(0,0,0,0.95);padding-left:6px}
@media(min-width:1024.02px) and (max-width:1439.98px){.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box{max-width:923px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box.nav-header-box{padding-top:20px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-title{padding-top:26px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li{height:88px;margin-right:8px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li a{width:72px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li a:hover::after,.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li a.active::after{content:'';width:40px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li .img-box img{width:40px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li p{font-size:12px;line-height:20px}
}
@media(min-width:650px) and (max-width:1024px){.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li{height:130px;margin-right:20px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li .img-box img{width:68px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li a{width:116px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li a:hover::after,.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li a.active::after{content:'';width:68px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-title{padding:0 24px 20px}
}
@media(max-width:649.98px){.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li{height:98px;margin-right:8px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li .img-box img{width:40px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li p{font-weight:400;font-size:14px;line-height:22px;color:rgba(0,0,0,0.55)}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li a{width:72px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li a:hover::after,.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list li a.active::after{content:'';width:40px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-title{padding:0 16px 16px}
}
@media(max-width:1024px){.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box{display:block;max-width:unset;width:100%}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-title{display:flex;justify-content:space-between;font-size:20px;line-height:28px;color:rgba(0,0,0,0.55);font-family:'OPPOSans-Ver2-Medium'}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-title .compare-btn{display:flex}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-title .compare-btn a{height:28px;line-height:28px;padding:0 16px;font-size:10px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-title .compare-btn a svg{width:14px;height:14px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-title .compare-btn a span{padding-left:0}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list{display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .header-box .header-box-list::-webkit-scrollbar{display:none}
}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .nav-header-box{padding-top:16px;box-shadow:unset}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .nav-header-box .nav-header-list li{position:relative;display:inline-block;padding:12px 16px;font-family:'OPPOSans-Ver2-Medium';font-size:14px;color:rgba(0,0,0,0.55);white-space:nowrap;cursor:pointer}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .nav-header-box .nav-header-list li.active{color:rgba(0,0,0,0.95)}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .nav-header-box .nav-header-list li:first-child{padding:12px 16px 12px 0}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .nav-header-box .nav-header-list li::after{content:'';position:absolute;width:1px;height:8px;background-color:#dcdcdc;right:0;top:50%;transform:translateY(-50%)}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .nav-header-box .nav-header-list li:last-child::after{content:'';display:none}
@media(min-width:650px) and (max-width:1024px){.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .nav-header-box .nav-header-list li,.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .nav-header-box .nav-header-list li:first-child{padding:16px 24px;font-size:12px;line-height:20px}
}
@media(max-width:649.98px){.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .nav-header-box .nav-header-list li:first-child{padding:12px 16px}
}
@media(max-width:1024px){.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .nav-header-box{padding-top:0}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .nav-header-box .nav-header-list{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .nav-header-box .nav-header-list li{font-family:'OPPOSans-Ver2-Medium';font-size:12px}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .nav-header-box .nav-header-list::-webkit-scrollbar{display:none}
.product-main_v2-3.product-main_v2-3-cn .product-recommond .product-header .nav-header-box .compare-btn{display:none}
}
#oc-container .aesthetics-store-title{margin:96px auto}
#oc-container .aesthetics-store-title h1.title{text-align:center;margin:0 auto 12px}
#oc-container .aesthetics-store-title .title{letter-spacing:-1.5px;width:1088px;word-break:break-word;font-size:96px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;color:#000;line-height:144px}
#oc-container .aesthetics-store-title .title a{border:0}
#oc-container .aesthetics-store-title .subtitle{letter-spacing:0;text-align:center;margin:auto;width:1088px;font-size:52px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;color:#000;line-height:80px}
@media(min-width:1025px) and (max-width:1440px){#oc-container .aesthetics-store-title h1.title{margin:0 auto 32px}
#oc-container .aesthetics-store-title .title{letter-spacing:-0.2px;line-height:88px;font-size:60px}
#oc-container .aesthetics-store-title .subtitle{letter-spacing:-0.2px;line-height:64px;font-size:42px}
}
@media(max-width:767.98px){#oc-container .aesthetics-store-title{margin:64px auto}
#oc-container .aesthetics-store-title h1.title{text-align:left;width:320px;padding-left:20px;padding-right:20px;font-size:52px;line-height:80px;letter-spacing:0;margin:0 auto 24px}
#oc-container .aesthetics-store-title .subtitle{margin:0 20px;text-align:left;width:276px;font-size:28px;line-height:44px;letter-spacing:-0.1px}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){#oc-container .aesthetics-store-title h1.title{width:896px;font-size:60px;line-height:88px;letter-spacing:-0.2px;margin-bottom:32px}
#oc-container .aesthetics-store-title .subtitle{width:896px;font-size:42px;line-height:64px;letter-spacing:-0.2px}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:768px) and (max-width:1023.98px){#oc-container .aesthetics-store-title{margin:64px auto}
#oc-container .aesthetics-store-title h1.title{width:658px;font-size:48px;line-height:72px;letter-spacing:-0.3px;margin-bottom:32px}
#oc-container .aesthetics-store-title .subtitle{width:658px;font-size:36px;line-height:56px;letter-spacing:-0.2px}
}
.mix-content-left{position:relative;width:1312px;margin:64px auto}
.mix-content-left .left-side{display:block;float:left;margin-right:32px;width:640px}
.mix-content-left .left-side .picture-box{height:inherit;position:relative}
.mix-content-left .left-side .picture-box img.smallPic{display:block;width:640px;height:100%}
.mix-content-left .left-side .picture-box .locator-video-play-btn{position:absolute;left:50%;transform:translateX(-50%);width:fit-content;bottom:44px;padding-left:20px;padding-right:20px;height:48px;background-color:#fff;text-align:center;line-height:48px;font-family:'OPPOSans-Ver2-Medium';font-size:13px;z-index:2}
.mix-content-left .left-side .picture-box .locator-video-play-btn i{font-size:18px;color:#000;vertical-align:middle;margin-right:.87vw}
.mix-content-left .left-side .picture-box .locator-video-play-btn span{vertical-align:middle}
.mix-content-left .left-side h3{letter-spacing:-0.1px;position:relative;display:inline-block;margin-top:128px;margin-bottom:24px;height:28px;font-size:16px;font-family:'OPPOSans-Ver2-Medium';font-weight:normal;color:#000;line-height:28px}
.mix-content-left .left-side h3:after{content:'';width:100%;display:block;position:absolute;bottom:-12px;height:.02rem;background-color:#000}
.mix-content-left .left-side .leftPart{letter-spacing:-0.05px;width:362px;font-size:12px;font-family:'OPPOSans-Ver2-Medium';font-weight:normal;color:#000;line-height:20px}
.mix-content-left .rightPart{letter-spacing:-0.12px;display:inline-block;width:640px;font-size:20px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;color:#000;line-height:32px}
.mix-content-left:after{display:block;content:'';height:0;clear:both}
@media(min-width:1025px) and (max-width:1440px){.mix-content-left{width:1087px}
.mix-content-left .left-side .picture-box{height:inherit;position:relative}
.mix-content-left .left-side .picture-box img.smallPic{width:527px;height:100%}
.mix-content-left .left-side h3{margin-top:128px}
.mix-content-left .rightPart{width:528px}
}
@media(max-width:767.98px){.mix-content-left{width:320px;margin:32px auto}
.mix-content-left .left-side{display:inline-block;margin-right:0}
.mix-content-left .left-side .picture-box{height:inherit;position:relative}
.mix-content-left .left-side .picture-box img.smallPic{margin:0;width:320px;height:100%}
.mix-content-left .left-side .picture-box .locator-video-play-btn{width:70px;height:18px;bottom:16px;line-height:18px;padding-left:7px;padding-right:4px}
.mix-content-left .left-side .picture-box .locator-video-play-btn i{font-size:8px;width:6px;height:8px}
.mix-content-left .left-side .picture-box .locator-video-play-btn span{width:50px;font-size:9px;line-height:16px}
.mix-content-left .left-side h3{letter-spacing:-0.05px;margin-top:32px;height:24px;font-size:12px;font-family:'OPPOSans-Ver2-Medium';line-height:24px}
.mix-content-left .left-side .leftPart{letter-spacing:-0.04px;width:317px;height:32px;font-size:9px;line-height:16px}
.mix-content-left .rightPart{letter-spacing:-0.05px;margin-top:32px;width:316px;font-size:12px;line-height:24px}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){.mix-content-left{width:896px;margin:64px auto}
.mix-content-left .left-side{display:inline-block;margin-right:32px;width:432px}
.mix-content-left .left-side .picture-box{height:inherit;position:relative}
.mix-content-left .left-side .picture-box img.smallPic{margin:0;width:432px;height:100%}
.mix-content-left .left-side .picture-box .locator-video-play-btn{bottom:24px}
.mix-content-left .left-side h3{letter-spacing:-0.1px;margin-top:96px;height:28px;font-size:16px;font-family:'OPPOSans-Ver2-Medium';line-height:28px}
.mix-content-left .left-side .leftPart{letter-spacing:-0.05px;width:362px;height:40px;font-size:12px;line-height:20px}
.mix-content-left .rightPart{letter-spacing:-0.12px;width:432px;font-size:20px;line-height:32px}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:768px) and (max-width:1023.98px){.mix-content-left{margin:48px auto;width:658px}
.mix-content-left .left-side{letter-spacing:-0.05px}
.mix-content-left .left-side .leftPart{width:596px}
.mix-content-left .left-side .picture-box{height:inherit;position:relative}
.mix-content-left .left-side .picture-box img.smallPic{width:658px;height:100%}
.mix-content-left .left-side .picture-box .locator-video-play-btn{bottom:24px}
.mix-content-left .rightPart{margin-top:64px;width:596px;letter-spacing:-0.12px}
}
.mix-content-right{position:relative;width:1312px;margin:64px auto}
.mix-content-right .left-side{display:block;float:right;margin-left:32px}
.mix-content-right .left-side .picture-box{height:inherit;position:relative}
.mix-content-right .left-side .picture-box img.smallPic{display:block;width:640px;height:100%}
.mix-content-right .left-side .picture-box .locator-video-play-btn{position:absolute;left:50%;transform:translateX(-50%);width:fit-content;bottom:44px;padding-left:20px;padding-right:20px;height:48px;background-color:#fff;text-align:center;line-height:48px;font-family:'OPPOSans-Ver2-Medium';font-size:13px;z-index:2}
.mix-content-right .left-side .picture-box .locator-video-play-btn i{font-size:18px;color:#000;vertical-align:middle;margin-right:.87vw}
.mix-content-right .left-side .picture-box .locator-video-play-btn span{vertical-align:middle}
.mix-content-right .left-side h3{letter-spacing:-0.1px;position:relative;display:inline-block;margin-top:128px;margin-bottom:24px;height:28px;font-size:16px;font-family:'OPPOSans-Ver2-Medium';font-weight:normal;color:#000;line-height:28px}
.mix-content-right .left-side h3:after{content:'';width:100%;display:block;position:absolute;bottom:-12px;height:.02rem;background-color:#000}
.mix-content-right .left-side .leftPart{letter-spacing:-0.05px;width:362px;font-size:12px;font-family:'OPPOSans-Ver2-Medium';font-weight:normal;color:#000;line-height:20px}
.mix-content-right .rightPart{letter-spacing:-0.12px;display:inline-block;width:640px;font-size:20px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;color:#000;line-height:32px}
.mix-content-right:after{display:block;content:'';height:0;clear:both}
@media(min-width:1025px) and (max-width:1440px){.mix-content-right{width:1087px}
.mix-content-right .left-side .picture-box{height:inherit;position:relative}
.mix-content-right .left-side .picture-box img.smallPic{width:527px;height:100%}
.mix-content-right .left-side h3{margin-top:128px}
.mix-content-right .rightPart{width:528px}
}
@media(max-width:767.98px){.mix-content-right{width:320px;margin:32px auto}
.mix-content-right .left-side{display:inline-block;margin-left:0}
.mix-content-right .left-side .picture-box{height:inherit;position:relative}
.mix-content-right .left-side .picture-box img.smallPic{margin:0;width:320px;height:100%}
.mix-content-right .left-side .picture-box .locator-video-play-btn{width:70px;height:18px;bottom:16px;line-height:18px;padding-left:7px;padding-right:4px}
.mix-content-right .left-side .picture-box .locator-video-play-btn i{font-size:8px;width:6px;height:8px}
.mix-content-right .left-side .picture-box .locator-video-play-btn span{width:50px;font-size:9px;line-height:16px}
.mix-content-right .left-side h3{letter-spacing:-0.05px;margin-top:32px;height:24px;font-size:12px;font-family:'OPPOSans-Ver2-Medium';line-height:24px}
.mix-content-right .left-side .leftPart{letter-spacing:-0.04px;width:317px;height:32px;font-size:9px;line-height:16px}
.mix-content-right .rightPart{letter-spacing:-0.05px;margin-top:32px;width:316px;font-size:12px;line-height:24px}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){.mix-content-right{width:896px;margin:64px auto}
.mix-content-right .left-side{display:inline-block}
.mix-content-right .left-side .picture-box{height:inherit;position:relative}
.mix-content-right .left-side .picture-box img.smallPic{margin:0;width:432px;height:100%}
.mix-content-right .left-side .picture-box .locator-video-play-btn{bottom:24px}
.mix-content-right .left-side h3{letter-spacing:-0.1px;margin-top:96px;height:28px;font-size:16px;font-family:'OPPOSans-Ver2-Medium';line-height:28px}
.mix-content-right .left-side .leftPart{letter-spacing:-0.05px;width:362px;height:40px;font-size:12px;line-height:20px}
.mix-content-right .rightPart{letter-spacing:-0.12px;width:432px;font-size:20px;line-height:32px}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:768px) and (max-width:1023.98px){.mix-content-right{margin:48px auto;width:658px}
.mix-content-right .left-side{letter-spacing:-0.05px}
.mix-content-right .left-side .leftPart{width:596px}
.mix-content-right .left-side .picture-box{height:inherit;position:relative}
.mix-content-right .left-side .picture-box img.smallPic{width:658px;height:100%}
.mix-content-right .left-side .picture-box .locator-video-play-btn{bottom:24px}
.mix-content-right .rightPart{margin-top:64px;width:596px;letter-spacing:-0.12px}
}
.aesthetics-text{letter-spacing:-0.12px;width:864px;margin:64px auto}
.aesthetics-text .phrase{margin:64px auto}
.aesthetics-text .phrase p{font-size:20px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;color:#000;line-height:32px}
@media(max-width:767.98px){.aesthetics-text{margin:32px auto;letter-spacing:-0.05px;width:320px}
.aesthetics-text .phrase{margin:32px auto}
.aesthetics-text .phrase p{font-size:12px;line-height:24px}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){.aesthetics-text{width:728px;margin:64px auto}
.aesthetics-text .phrase{margin:64px auto}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:768px) and (max-width:1023.98px){.aesthetics-text{width:596px;margin:48px auto}
.aesthetics-text .phrase{margin:48px auto}
}
.aesthetics-image{height:inherit;text-align:center;position:relative}
.aesthetics-image img.mb{display:none}
.aesthetics-image img.pc{margin:auto;display:block;width:100%;height:inherit}
.aesthetics-image .locator-video-play-btn{position:absolute;left:50%;transform:translateX(-50%);width:fit-content;bottom:44px;padding-left:20px;padding-right:20px;height:48px;background-color:#fff;text-align:center;line-height:48px;font-family:'OPPOSans-Ver2-Medium';font-size:13px;z-index:2}
.aesthetics-image .locator-video-play-btn i{font-size:18px;color:#000;vertical-align:middle;margin-right:.87vw}
.aesthetics-image .locator-video-play-btn span{vertical-align:middle}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){.aesthetics-image img.pc{display:block;margin:auto;width:100%;height:inherit}
.aesthetics-image .locator-video-play-btn{bottom:24px}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:768px) and (max-width:1023.98px){.aesthetics-image img.pc{display:none}
.aesthetics-image img.mb{display:block;margin:auto;width:100%;height:inherit}
.aesthetics-image .locator-video-play-btn{bottom:24px}
}
@media(max-width:767.98px){.aesthetics-image img.pc{display:none}
.aesthetics-image img.mb{display:block;margin:auto;width:100%;height:inherit}
.aesthetics-image .locator-video-play-btn{bottom:16px}
}
.white-mask{background-color:white}
.contribute .patent-title{font-size:52px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;color:#000;line-height:80px;text-align:center;height:120px}
.contribute .patent-title a.learnmore{top:-25px;font-size:16px;font-family:'OPPOSans-Ver2-Medium';font-weight:normal;color:#000;line-height:28px}
.patent-leftcontent{position:relative;max-width:1312px;margin:auto;padding-bottom:182px}
.patent-leftcontent .left-side{display:block;float:left;margin-right:128px}
.patent-leftcontent .left-side .picture-box{width:864px;height:576px;overflow:hidden}
.patent-leftcontent .left-side .picture-box img.smallPic{width:100%;transition:all .3s;transform:scale(1.06)}
.patent-leftcontent .left-side .picture-box img.smallPic:hover{transform:scale(1) !important}
.patent-leftcontent .rightPart{display:inline-block;height:576px;position:relative}
.patent-leftcontent .rightPart .patent-title{text-align:left;padding-top:260px;padding-bottom:0;width:320px;font-size:48px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;line-height:72px;letter-spacing:-0.3px;margin:0}
.patent-leftcontent .rightPart .desc{position:absolute;bottom:80px;width:320px;font-size:16px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;line-height:28px}
.patent-leftcontent .rightPart .btn{position:absolute;margin-top:32px;bottom:0}
.patent-leftcontent .rightPart .btn a.btn-learn{display:inline-block;text-decoration:none;width:fit-content;height:44px;line-height:44px;text-align:center;border:2px solid #000;min-width:160px;transition:all .3s}
.patent-leftcontent .rightPart .btn a.btn-learn span{padding:12px 0;height:24px;font-size:14px;font-family:'OPPOSans-Ver2-Medium';font-weight:normal;line-height:24px}
.patent-leftcontent .rightPart .btn a.btn-learn:hover{background-color:black;color:white}
.patent-rightcontent{position:relative;max-width:1312px;margin:auto;padding-bottom:128px}
.patent-rightcontent .right-side{display:block;float:right;margin-left:128px}
.patent-rightcontent .right-side .picture-box{width:864px;height:576px;overflow:hidden}
.patent-rightcontent .right-side .picture-box img.smallPic{width:100%;transition:all .3s;transform:scale(1.06)}
.patent-rightcontent .right-side .picture-box img.smallPic:hover{transform:scale(1) !important}
.patent-rightcontent .leftPart{display:inline-block;height:576px;position:relative}
.patent-rightcontent .leftPart .patent-title{text-align:left;padding-top:260px;padding-bottom:0;width:320px;font-size:48px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;line-height:72px;letter-spacing:-0.3px;margin:0}
.patent-rightcontent .leftPart .desc{position:absolute;bottom:80px;width:320px;font-size:16px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;line-height:28px}
.patent-rightcontent .leftPart .btn{position:absolute;margin-top:32px;bottom:0}
.patent-rightcontent .leftPart .btn a.btn-learn{display:inline-block;text-decoration:none;width:fit-content;height:44px;line-height:44px;text-align:center;border:2px solid #000;min-width:160px;transition:all .3s}
.patent-rightcontent .leftPart .btn a.btn-learn span{padding:12px 0;height:24px;font-size:14px;font-family:'OPPOSans-Ver2-Medium';font-weight:normal;line-height:24px}
.patent-rightcontent .leftPart .btn a.btn-learn:hover{background-color:black;color:white}
@media(max-width:767.98px){.contribute .patent-title{padding-top:64px;padding-bottom:0;height:auto}
.contribute .patent-title h2.title{font-size:32px;line-height:48px;letter-spacing:-0.1px}
.contribute .patent-title a.learnmore{top:-25px;font-size:14px;font-family:'OPPOSans-Ver2-Regular';line-height:24px;letter-spacing:-0.06px;padding-bottom:1px;border-bottom:1px solid}
.patent-leftcontent{position:relative;max-width:1312px;margin:auto;padding-bottom:128px}
.patent-leftcontent .left-side{display:block;text-align:center;float:none;margin-right:0}
.patent-leftcontent .left-side .picture-box{width:auto;height:auto}
.patent-leftcontent .left-side .picture-box img.smallPic{width:320px;height:240px}
.patent-leftcontent .rightPart{height:auto;margin:0 20px}
.patent-leftcontent .rightPart .patent-title{padding-top:0;padding-bottom:0;text-align:left;width:320px;font-size:20px;font-family:'OPPOSans-Ver2-Medium';line-height:32px;letter-spacing:-0.12px;margin:12px 0 8px}
.patent-leftcontent .rightPart .desc{position:relative;bottom:unset;width:320px;font-size:12px;font-family:'OPPOSans-Ver2-Regular';line-height:20px}
.patent-leftcontent .rightPart .btn{margin-top:20px;bottom:unset}
.patent-leftcontent .rightPart .btn a.btn-learn{height:40px;line-height:40px;text-align:center;border:2px solid #000;min-width:120px}
.patent-leftcontent .rightPart .btn a.btn-learn span{padding:8px 0;height:24px;font-size:14px;line-height:24px}
.patent-rightcontent{position:relative;max-width:1312px;margin:auto;padding-bottom:128px}
.patent-rightcontent .right-side{display:block;text-align:center;float:none;margin-left:0}
.patent-rightcontent .right-side .picture-box{width:auto;height:auto}
.patent-rightcontent .right-side .picture-box img.smallPic{width:320px;height:240px}
.patent-rightcontent .leftPart{height:auto;margin:0 20px}
.patent-rightcontent .leftPart .patent-title{padding-top:0;padding-bottom:0;text-align:left;width:320px;font-size:20px;font-family:'OPPOSans-Ver2-Medium';line-height:32px;letter-spacing:-0.12px;margin:12px 0 8px}
.patent-rightcontent .leftPart .desc{position:relative;bottom:unset;width:320px;font-size:12px;font-family:'OPPOSans-Ver2-Regular';line-height:20px}
.patent-rightcontent .leftPart .btn{margin-top:20px;bottom:unset}
.patent-rightcontent .leftPart .btn a.btn-learn{height:40px;line-height:40px;text-align:center;border:2px solid #000;min-width:120px}
.patent-rightcontent .leftPart .btn a.btn-learn span{padding:8px 0;height:24px;font-size:14px;line-height:24px}
}
@media(min-width:1024px) and (max-width:1439.98px){.contribute .patent-title{padding-top:96px;padding-bottom:0;height:120px}
.contribute .patent-title h2.title{font-size:42px;line-height:64px;letter-spacing:-0.2px}
.contribute .patent-title a.learnmore{top:-42px;font-size:14px;font-family:'OPPOSans-Ver2-Regular';line-height:24px;letter-spacing:-0.06px;padding-bottom:2px;border-bottom:1px solid}
.patent-leftcontent{position:relative;max-width:895px;margin:auto;padding-bottom:80px}
.patent-leftcontent .left-side{display:block;float:left;margin-right:95px}
.patent-leftcontent .left-side .picture-box{width:auto;height:auto}
.patent-leftcontent .left-side .picture-box img.smallPic{width:510px;height:339.67px}
.patent-leftcontent .rightPart{display:inline-block;height:339.67px;position:relative}
.patent-leftcontent .rightPart .patent-title{text-align:left;padding-top:96px;width:290px;font-size:36px;line-height:56px;letter-spacing:-0.2px;margin:0}
.patent-leftcontent .rightPart .desc{position:absolute;bottom:72px;width:290px;font-size:14px;line-height:24px}
.patent-leftcontent .rightPart .btn{position:absolute;margin-top:32px;bottom:0}
.patent-leftcontent .rightPart .btn a.btn-learn{height:40px;line-height:40px;border:2px solid #000;min-width:120px}
.patent-leftcontent .rightPart .btn a.btn-learn span{padding:8px 0;height:24px;font-size:14px;line-height:24px}
.patent-rightcontent{position:relative;max-width:896px;margin:auto;padding-bottom:96px}
.patent-rightcontent .right-side{margin-left:96px}
.patent-rightcontent .right-side .picture-box{width:auto;height:auto}
.patent-rightcontent .right-side .picture-box img.smallPic{width:510px;height:339.67px}
.patent-rightcontent .leftPart{display:inline-block;height:339.67px;position:relative}
.patent-rightcontent .leftPart .patent-title{padding-top:96px;text-align:left;width:290px;font-size:36px;line-height:56px;letter-spacing:-0.2px;margin:0}
.patent-rightcontent .leftPart .desc{position:absolute;bottom:72px;width:290px;font-size:14px;line-height:24px}
.patent-rightcontent .leftPart .btn{position:absolute;margin-top:32px;bottom:0}
.patent-rightcontent .leftPart .btn a.btn-learn{height:40px;line-height:40px;border:2px solid #000;min-width:120px}
.patent-rightcontent .leftPart .btn a.btn-learn span{padding:8px 0;height:24px;font-size:14px;line-height:24px}
}
@media(min-width:768px) and (max-width:1023.98px){.contribute .patent-title{padding-top:64px;padding-bottom:0}
.contribute .patent-title h2.title{font-size:32px;line-height:56px;letter-spacing:-0.1px}
.contribute .patent-title a.learnmore{top:-42px;font-size:14px;font-family:'OPPOSans-Ver2-Regular';line-height:24px;letter-spacing:-0.06px;padding-bottom:2px;border-bottom:1px solid}
.patent-leftcontent{position:relative;max-width:640px;margin:auto;padding-bottom:64px}
.patent-leftcontent .left-side{display:block;float:left;margin-right:80px}
.patent-leftcontent .left-side .picture-box{width:auto;height:auto}
.patent-leftcontent .left-side .picture-box img.smallPic{width:376px;height:250.67px}
.patent-leftcontent .rightPart{display:inline-block;height:250.67px;position:relative}
.patent-leftcontent .rightPart .patent-title{padding-top:31px;width:184px;font-size:28px;line-height:44px;letter-spacing:-0.1px;margin:0}
.patent-leftcontent .rightPart .desc{position:absolute;bottom:64px;width:184px;font-size:12px;line-height:20px}
.patent-leftcontent .rightPart .btn{position:absolute;margin-top:20px;bottom:0}
.patent-leftcontent .rightPart .btn a.btn-learn{height:40px;line-height:40px;border:2px solid #000;min-width:120px}
.patent-leftcontent .rightPart .btn a.btn-learn span{padding:8px 0;height:24px;font-size:14px;line-height:24px}
.patent-rightcontent{position:relative;max-width:640px;margin:auto;padding-bottom:64px}
.patent-rightcontent .right-side{margin-left:80px}
.patent-rightcontent .right-side .picture-box{width:auto;height:auto}
.patent-rightcontent .right-side .picture-box img.smallPic{width:376px;height:250.67px}
.patent-rightcontent .leftPart{display:inline-block;height:250.67px;position:relative}
.patent-rightcontent .leftPart .patent-title{padding-top:31px;width:184px;font-size:28px;line-height:44px;letter-spacing:-0.1px;margin:0}
.patent-rightcontent .leftPart .desc{position:absolute;bottom:64px;width:184px;font-size:12px;line-height:20px}
.patent-rightcontent .leftPart .btn{position:absolute;margin-top:32px;bottom:0}
.patent-rightcontent .leftPart .btn a.btn-learn{height:40px;line-height:40px;border:2px solid #000;min-width:120px}
.patent-rightcontent .leftPart .btn a.btn-learn span{padding:8px 0;height:24px;font-size:14px;line-height:24px}
}
.white-mask{background-color:white}
.patent-discovery{height:1080px}
.patent-discovery .patent-title{font-size:52px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;color:#fff;line-height:80px;text-align:center;height:120px}
.patent-discovery .patent-title a.learnmore{top:-25px;font-size:16px;font-family:'OPPOSans-Ver2-Medium';font-weight:normal;color:#fff;line-height:28px}
.patent-discovery .patent-title a.learnmore::after{background-color:#fff}
.patent-discovery .static-background{z-index:-1;position:relative}
.patent-discovery .static-background img.img{width:100vw;height:100vh;top:0;position:fixed}
.patent-discovery .static-background img.mb{display:none}
.patent-discovery .module{margin:auto;width:max-content;height:571px;overflow-y:hidden}
@media all and (min-width:1440px) and (-ms-high-contrast:none),(min-width:1440px) and (-ms-high-contrast:active){.patent-discovery .module{width:1372px}
}
.patent-discovery .module .item{margin:0 26px;display:inline-block;transition:all .3s}
.patent-discovery .module .item .img-box{width:403px;height:403px;overflow:hidden}
.patent-discovery .module .item .img-box img{width:100%;transform:scale(1.06);transition:all .3s}
.patent-discovery .module .item .img-box img:hover{transform:scale(1)}
.patent-discovery .module .item .img-box img.mb{display:none}
.patent-discovery .module .item .signature{display:grid;background-color:white;padding:32px;width:339px;transition:all .3s cubic-bezier(0.42,0,0.58,1)}
.patent-discovery .module .item .signature span{padding-bottom:8px;letter-spacing:-0.02px;font-size:42px;font-family:'OPPOSans-Ver2-Medium';font-weight:normal;color:#4796f0;line-height:64px}
.patent-discovery .module .item .signature h2{font-size:20px;font-family:'OPPOSans-Ver2-Medium';font-weight:normal;color:#000;line-height:32px}
.patent-discovery .module .item .signature p{letter-spacing:-0.1px;height:84px;font-size:16px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;color:#000;line-height:28px;margin-top:34px;opacity:0;transition:all ease .3s}
.patent-discovery .module .item .signature a.learnmore{margin-top:20px;margin-top:5px;position:relative;font-size:16px;font-family:'OPPOSans-Ver2-Medium';font-weight:normal;line-height:28px;letter-spacing:-0.1px;border-bottom:1px solid;width:max-content}
.patent-discovery .module .item .signature:hover,.patent-discovery .module .item .signature.occur{transform:translateY(-132px)}
.patent-discovery .module .item .signature:hover p,.patent-discovery .module .item .signature.occur p{margin-top:8px;opacity:.55;transition:all ease .3s}
@media(max-width:767.98px){.patent-discovery{height:auto}
.patent-discovery .patent-title{padding-top:64px;padding-bottom:0}
.patent-discovery .patent-title h2.title{font-size:32px;line-height:48px;letter-spacing:-0.1px}
.patent-discovery .patent-title a.learnmore{top:-25px;font-size:14px;font-family:'OPPOSans-Ver2-Regular';line-height:24px;letter-spacing:-0.06px;padding-bottom:1px;border-bottom:1px solid}
.patent-discovery .static-background{z-index:-1;position:relative}
.patent-discovery .static-background img.img{width:100vw;height:100vh;top:0;position:fixed}
.patent-discovery .static-background img.mb{display:block}
.patent-discovery .static-background img.pc{display:none}
.patent-discovery .module{margin:auto;width:auto;height:100%;overflow-y:unset;text-align:center}
.patent-discovery .module .item{margin:auto;margin-bottom:52px;display:inline-block}
.patent-discovery .module .item .img-box{width:320px;height:240px;overflow:hidden}
.patent-discovery .module .item .img-box img.pc{display:none}
.patent-discovery .module .item .img-box img.mb{display:block}
.patent-discovery .module .item .signature{text-align:left;display:grid;background-color:white;padding:20px;width:280px;transition:all .3s}
.patent-discovery .module .item .signature span{padding-bottom:4px;letter-spacing:-0.2px;font-size:36px;line-height:56px}
.patent-discovery .module .item .signature h2{font-size:16px;line-height:28px}
.patent-discovery .module .item .signature p{letter-spacing:-0.1px;height:auto;font-size:14px;line-height:24px;max-height:48px;overflow:hidden;margin-top:0;opacity:.55}
.patent-discovery .module .item .signature a.learnmore{margin-top:20px;position:relative;font-size:14px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;line-height:24px;letter-spacing:-0.06px;padding-bottom:1px;border-bottom:1px solid;width:max-content}
.patent-discovery .module .item .signature:hover{transform:unset;margin-top:unset}
}
@media(min-width:1024px) and (max-width:1439.98px){.patent-discovery{height:784px}
.patent-discovery .patent-title{padding-top:96px;padding-bottom:0}
.patent-discovery .patent-title h2.title{font-size:42px;line-height:64px;letter-spacing:-0.2px}
.patent-discovery .patent-title a.learnmore{top:-42px;font-size:14px;font-family:'OPPOSans-Ver2-Regular';line-height:24px;letter-spacing:-0.06px;padding-bottom:2px;border-bottom:1px solid}
.patent-discovery .static-background{z-index:-1;position:relative}
.patent-discovery .static-background img.img{width:100vw;height:100vh;top:0;position:fixed}
.patent-discovery .static-background img.mb{display:none}
.patent-discovery .static-background img.pc{display:block}
.patent-discovery .module{margin:auto;width:auto;height:432px;overflow-y:unset;text-align:center}
.patent-discovery .module .item{margin:0;display:inline-block}
.patent-discovery .module .item .img-box{width:266px;height:200px;overflow:hidden}
.patent-discovery .module .item .img-box img.pc{display:block}
.patent-discovery .module .item .img-box img.mb{display:none}
.patent-discovery .module .item .signature{text-align:left;display:grid;background-color:white;padding:20px;width:226px}
.patent-discovery .module .item .signature span{padding-bottom:12px;letter-spacing:-0.2px;font-size:36px;line-height:56px}
.patent-discovery .module .item .signature h2{font-size:16px;line-height:28px}
.patent-discovery .module .item .signature p{letter-spacing:-0.06px;height:auto;font-size:14px;line-height:24px;max-height:48px;overflow:hidden;margin-top:0;opacity:.55}
.patent-discovery .module .item .signature a.learnmore{top:0;margin-top:20px;position:relative;font-size:14px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;line-height:24px;letter-spacing:-0.06px;width:max-content;padding-bottom:2px;border-bottom:1px solid}
.patent-discovery .module .item .signature:hover{transform:unset}
.patent-discovery .module .item:nth-child(2){margin:0 49px}
}
@media(min-width:768px) and (max-width:1023.98px){.patent-discovery{height:auto}
.patent-discovery .patent-title{padding-top:64px;padding-bottom:0}
.patent-discovery .patent-title h2.title{font-size:32px;line-height:56px;letter-spacing:-0.1px}
.patent-discovery .patent-title a.learnmore{top:-42px;font-size:14px;font-family:'OPPOSans-Ver2-Regular';line-height:24px;letter-spacing:-0.06px;padding-bottom:2px;border-bottom:1px solid}
.patent-discovery .static-background{z-index:-1;position:relative}
.patent-discovery .static-background img.img{width:100vw;height:100vh;top:0;position:fixed}
.patent-discovery .static-background img.mb{display:block}
.patent-discovery .static-background img.pc{display:none}
.patent-discovery .module{margin:auto;width:auto;height:100%;overflow-y:unset;text-align:center}
.patent-discovery .module .item{margin:0;display:inline-block;margin-bottom:64px}
.patent-discovery .module .item .img-box{width:192px;height:144px;overflow:hidden}
.patent-discovery .module .item .img-box img.pc{display:none}
.patent-discovery .module .item .img-box img.mb{display:block}
.patent-discovery .module .item .signature{text-align:left;display:grid;background-color:white;padding-top:12px;padding-bottom:20px;padding-left:20px;padding-right:20px;width:152px}
.patent-discovery .module .item .signature span{padding-bottom:8px;letter-spacing:-0.1px;font-size:28px;line-height:44px}
.patent-discovery .module .item .signature h2{font-size:14px;line-height:24px}
.patent-discovery .module .item .signature p{letter-spacing:-0.05px;height:auto;font-size:12px;line-height:20px;max-height:60px;overflow:hidden;margin-top:0;opacity:.55}
.patent-discovery .module .item .signature a.learnmore{margin-top:12px;position:relative;font-size:14px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;line-height:24px;letter-spacing:-0.06px;padding-bottom:2px;border-bottom:1px solid;width:max-content}
.patent-discovery .module .item .signature:hover{transform:unset}
.patent-discovery .module .item:nth-child(2){margin:0 32px}
}
.white-mask{background-color:white}
.related-news{width:1312px;padding-bottom:182px;margin:auto;overflow:hidden}
.related-news .patent-title{font-size:52px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;color:#000;line-height:80px;text-align:center;height:120px;padding-bottom:0}
.related-news .patent-title a.learnmore{top:-25px;font-size:16px;font-family:'OPPOSans-Ver2-Medium';font-weight:normal;color:#000;line-height:28px}
.related-news .item-box{position:relative;width:max-content;font-size:0;left:0;transition:all .3s}
.related-news .item-box .item{width:416px;margin-right:32px;display:inline-block;vertical-align:top}
.related-news .item-box .item .img-box{margin-top:64px;width:400px;height:300px;overflow:hidden}
.related-news .item-box .item .img-box img{transform:scale(1.06);transition:all .3s;width:100%}
.related-news .item-box .item .img-box img:hover{transform:scale(1) !important}
.related-news .item-box .item .tag-box{margin-top:12px;height:20px;font-size:8px;line-height:20px;font-family:'OPPOSans-Ver2-Medium'}
.related-news .item-box .item .tag-box .tag{display:inline-block;color:#fff;letter-spacing:-0.05px;width:50px;height:20px;background-color:#046a38;text-align:center}
.related-news .item-box .item .tag-box .date{display:inline-block;opacity:.56;margin-left:12px}
.related-news .item-box .item .main-title{margin-top:32px;font-family:'OPPOSans-Ver2-Medium';font-size:20px;line-height:32px;width:100%;display:-webkit-box;display:-moz-box;/*! autoprefixer:ignore next */-webkit-box-orient:vertical;/*! autoprefixer:ignore next */-moz-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}
.related-news .item-box .item .sub-title{display:-webkit-box;display:-moz-box;/*! autoprefixer:ignore next */-webkit-box-orient:vertical;/*! autoprefixer:ignore next */-moz-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;margin-top:12px;opacity:.78;font-size:16px;line-height:28px;width:100%}
@media(max-width:767.98px){.related-news{width:320px;margin:auto;padding-bottom:64px;overflow:hidden}
.related-news .patent-title{padding-top:64px;padding-bottom:0;margin-bottom:-70px}
.related-news .patent-title .title{font-size:32px;line-height:48px;letter-spacing:-0.1px}
.related-news .patent-title a.learnmore{top:-25px;font-size:14px;font-family:'OPPOSans-Ver2-Regular';line-height:24px;letter-spacing:-0.06px;padding-bottom:1px;border-bottom:1px solid}
.related-news .item-box{width:100%;display:block}
.related-news .item-box .item{width:320px;margin-right:0;display:none}
.related-news .item-box .item:nth-of-type(-n+3){display:block}
.related-news .item-box .item .img-box{margin-top:64px;width:100%;height:240px;overflow:hidden}
.related-news .item-box .item .img-box img{width:100%;height:auto;transform:scale(1)}
.related-news .item-box .item .tag-box{margin-top:12px;height:20px;font-size:8px;line-height:20px;font-family:'OPPOSans-Ver2-Medium'}
.related-news .item-box .item .tag-box .tag{display:inline-block;color:#fff;letter-spacing:-0.05px;width:50px;height:20px;background-color:#046a38;text-align:center}
.related-news .item-box .item .tag-box .date{display:inline-block;opacity:.56;margin-left:12px}
.related-news .item-box .item .main-title{margin-top:12px;font-family:'OPPOSans-Ver2-Medium';font-size:16px;line-height:28px;width:100%}
.related-news .item-box .item .sub-title{margin-top:12px;opacity:.78;font-size:14px;line-height:24px;width:100%}
}
@media(min-width:1024px) and (max-width:1439.98px){.related-news{width:895px;margin:auto;padding-bottom:96px;overflow:hidden}
.related-news .patent-title{padding-top:96px;padding-bottom:0;margin-bottom:-50px}
.related-news .patent-title .title{font-size:42px;line-height:64px;letter-spacing:-0.2px}
.related-news .patent-title a.learnmore{top:-42px;font-size:14px;font-family:'OPPOSans-Ver2-Regular';line-height:24px;letter-spacing:-0.06px;padding-bottom:2px;border-bottom:1px solid}
.related-news .item-box{position:relative;width:max-content;font-size:0;left:0;transition:all .3s}
.related-news .item-box .item{width:277px;margin-right:32px;display:inline-block;vertical-align:top}
.related-news .item-box .item .img-box{margin-top:48px;width:100%;height:208px;overflow:hidden}
.related-news .item-box .item .img-box img{width:100%;height:auto;transform:scale(1)}
.related-news .item-box .item .tag-box{margin-top:12px;height:20px;font-size:8px;line-height:20px;font-family:'OPPOSans-Ver2-Medium'}
.related-news .item-box .item .tag-box .tag{display:inline-block;color:#fff;letter-spacing:-0.05px;width:50px;height:20px;background-color:#046a38;text-align:center}
.related-news .item-box .item .tag-box .date{display:inline-block;opacity:.56;margin-left:12px}
.related-news .item-box .item .main-title{margin-top:32px;font-family:'OPPOSans-Ver2-Medium';font-size:16px;line-height:28px;width:100%}
.related-news .item-box .item .sub-title{margin-top:12px;opacity:.78;font-size:12px;line-height:20px;width:100%}
}
@media(min-width:768px) and (max-width:1023.98px){.related-news{width:721px;margin:auto;padding-bottom:64px;overflow:hidden}
.related-news .patent-title{padding-top:64px;padding-bottom:0;margin-bottom:-70px}
.related-news .patent-title .title{font-size:32px;line-height:56px;letter-spacing:-0.1px}
.related-news .patent-title a.learnmore{top:-42px;font-size:14px;font-family:'OPPOSans-Ver2-Regular';line-height:24px;letter-spacing:-0.06px;padding-bottom:2px;border-bottom:1px solid}
.related-news .item-box{position:relative;width:max-content;font-size:0;left:0;transition:all .3s}
.related-news .item-box .item{width:219px;margin-right:32px;display:inline-block;vertical-align:top}
.related-news .item-box .item .img-box{margin-top:64px;width:100%;height:165px;overflow:hidden}
.related-news .item-box .item .img-box img{width:100%;height:auto;transform:scale(1)}
.related-news .item-box .item .tag-box{margin-top:12px;height:20px;font-size:8px;line-height:20px;font-family:'OPPOSans-Ver2-Medium'}
.related-news .item-box .item .tag-box .tag{display:inline-block;color:#fff;letter-spacing:-0.05px;width:50px;height:20px;background-color:#046a38;text-align:center}
.related-news .item-box .item .tag-box .date{display:inline-block;opacity:.56;margin-left:12px}
.related-news .item-box .item .main-title{margin-top:32px;font-family:'OPPOSans-Ver2-Medium';font-size:16px;line-height:28px;width:100%}
.related-news .item-box .item .sub-title{margin-top:12px;opacity:.78;font-size:12px;line-height:20px;width:100%}
}
main.search-page.search-page-v2{background:#fff}
main.search-page.search-page-v2 *{box-sizing:border-box}
main.search-page.search-page-v2 a{display:block;text-decoration:none}
main.search-page.search-page-v2 .tab-contain .tab-wrapper{padding-top:109px}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box{display:flex;align-items:center;position:relative;margin:0 auto;width:755px;height:48px;font-size:0}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .search-icon{position:absolute;left:20px;width:24px;height:24px}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .search-icon .mob-icon{display:none}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .search-icon img{width:100%;height:100%}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .search-keywords{width:100%;height:48px;padding-left:51px;background-color:transparent;box-sizing:border-box;border:0;font-size:16px;line-height:48px;letter-spacing:-0.1px;border:1px solid #999;border-radius:35px;background:#fff;font-family:'OPPOSans-Ver2-Regular'}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .close{display:none;cursor:pointer;position:absolute;right:20px;width:14px;height:14px;opacity:.4}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .close .mob-icon{display:none}
@media(min-width:1440px){main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .close:hover{opacity:1}
}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .close img{width:100%;height:100%}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop{display:none;position:absolute;left:0;bottom:0;width:100%;background:#fff;transform:translateY(calc(100% + 8px));z-index:1;box-shadow:0 4px 26px rgba(0,0,0,0.1);padding:0 46px 32px}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .search-pop-group{padding-top:32px}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .search-pop-group .pop-group-title{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .search-pop-group .pop-group-title p{font-size:12px;line-height:20px;padding-bottom:16px}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .search-pop-group .pop-group-title .pop-group-delete{display:block;background-position:center;cursor:pointer}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .search-pop-group .pop-group-title .pop-group-delete svg{width:20px;height:20px}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .search-pop-group .pop-group-container{display:flex;flex-wrap:wrap;align-items:center;margin:0 -2px}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .search-pop-group .pop-group-container .history-item{flex:0 1 auto;padding:0 2px;margin-bottom:4px}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .search-pop-group .pop-group-container .history-item .item-row{display:flex;flex-wrap:nowrap;align-items:center;padding:2px 12px;background:#f4f4f4}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .search-pop-group .pop-group-container .history-item .item-row a{font-size:12px;line-height:20px;margin-right:6px}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .search-pop-group .pop-group-container .history-item .item-row i{display:block;background-position:center;cursor:pointer}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .search-pop-group .pop-group-container .history-item .item-row i svg{width:12px;height:12px;color:#666}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .tips-words-group .pop-group-container,main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .keywords-group .pop-group-container{display:block}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .tips-words-group .pop-group-container .keywords-item,main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .keywords-group .pop-group-container .keywords-item{padding:4px 18px;margin-bottom:8px}
@media(min-width:1440px){main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .tips-words-group .pop-group-container .keywords-item:hover,main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .keywords-group .pop-group-container .keywords-item:hover{background:#f4f4f4}
}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .tips-words-group .pop-group-container .keywords-item:last-child,main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .keywords-group .pop-group-container .keywords-item:last-child{margin-bottom:0}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .tips-words-group .pop-group-container .keywords-item a,main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .keywords-group .pop-group-container .keywords-item a{font-size:14px;line-height:24px;color:#999}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .tips-words-group .pop-group-container .keywords-item a strong,main.search-page.search-page-v2 .tab-contain .input-box-wraper .input-box .ch-search-pop .search-pop-row .keywords-group .pop-group-container .keywords-item a strong{color:#000;font-weight:normal;font-family:'OPPOSans-Ver2-Medium'}
main.search-page.search-page-v2 .tab-contain .input-box-wraper .search-mob-text{display:none}
main.search-page.search-page-v2 .tab-contain .search-value{padding-top:116px}
main.search-page.search-page-v2 .tab-contain .search-value .result-nav{position:relative;width:100%}
main.search-page.search-page-v2 .tab-contain .search-value .result-nav::after{content:'';position:absolute;bottom:0;height:1px;width:100%;background:rgba(0,0,0,0.08)}
main.search-page.search-page-v2 .tab-contain .search-value .result-nav .result-tab{display:flex;justify-content:center}
main.search-page.search-page-v2 .tab-contain .search-value .result-nav .result-tab .result-item{position:relative;margin:0 40px;font-family:'OPPOSans-Ver2-Regular';font-size:16px;line-height:24px;opacity:.78;cursor:pointer;padding-bottom:14px}
main.search-page.search-page-v2 .tab-contain .search-value .result-nav .result-tab .result-item.active{font-family:'OPPOSans-Ver2-Medium';opacity:1}
@media(min-width:1440px){main.search-page.search-page-v2 .tab-contain .search-value .result-nav .result-tab .result-item:hover{opacity:1;font-family:'OPPOSans-Ver2-Regular'}
main.search-page.search-page-v2 .tab-contain .search-value .result-nav .result-tab .result-item.active:hover{font-family:'OPPOSans-Ver2-Medium'}
}
main.search-page.search-page-v2 .search-result{display:none;width:100%;font-size:0;width:1316px;margin:0 auto}
main.search-page.search-page-v2 .search-result.active{display:block}
main.search-page.search-page-v2 .search-result .result-funtion{display:flex;justify-content:space-between;width:100%;margin:0 auto;font-size:16px;line-height:28px}
main.search-page.search-page-v2 .search-result .result-funtion .result-length{font-size:14px;line-height:24px;letter-spacing:-0.05px;opacity:.55;padding:80px 0 42px}
main.search-page.search-page-v2 .search-result .result-funtion .compare,main.search-page.search-page-v2 .search-result .result-funtion .rank{cursor:pointer;font-family:'OPPOSans-Ver2-Medium';font-size:14px;line-height:24px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box{display:flex;padding:80px 0 42px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter{display:none}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box{display:none}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .compare img{width:24px;height:24px;margin-right:2px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .col{margin:0 28px;opacity:.08}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank{position:relative}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank img{width:20px;height:20px;vertical-align:text-top}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank .rank-box{display:none;position:absolute;top:40px;right:0;width:208px;padding:20px 0;background:#fff;box-shadow:0 8px 12px 0 rgba(0,0,0,0.04);border-radius:2px;border:1px solid rgba(0,0,0,0.04);box-sizing:border-box;z-index:1}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank .rank-box .rank-item{margin:12px auto 0;width:160px;font-size:14px;line-height:24px;box-sizing:border-box;padding:4px 0 4px 12px;color:rgba(0,0,0,0.78)}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank .rank-box .rank-item:first-child{margin-top:0}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank .rank-box .rank-item.active{background:#f4f4f4}
@media(min-width:1440px){main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank .rank-box .rank-item:hover{color:#000;background:#f4f4f4}
}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box{width:100%;margin:0 auto;padding-top:91px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .oppo_title{color:#045c31}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box b,main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box strong{font-weight:normal}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box strong,main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .oppo_content{color:#046a38}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-block{padding-bottom:128px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .prd-title{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #efefef;padding-bottom:17px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .prd-title .mx-title-left .mx-title-name{font-family:'OPPOSans-Ver2-Medium';float:left;font-size:32px;line-height:38.4px;margin:0;margin-right:8px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .prd-title .mx-title-left .mx-title-result,main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .prd-title .mx-title-left .mx-title-result_mb{font-family:'OPPOSans-Ver2-Regular';float:left;font-size:14px;line-height:24px;color:#999;margin-top:14px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .prd-title .mx-title-left .mx-title-result_mb{display:none}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .prd-title .mx-title-right .right-more{display:flex;justify-content:space-between;align-items:center;margin-top:11px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .prd-title .mx-title-right .mx-title-more{font-family:'OPPOSans-Ver2-Regular';font-size:16px;color:#000;margin-right:12px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .prd-title .mx-title-right .mx-title-icon{width:8px;height:14px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product{width:100%;margin-right:auto;margin-left:auto}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card{margin-right:-10px;margin-left:-10px;margin-top:68px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row{width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item{color:#000;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding-right:10px;padding-left:10px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-img{position:relative;width:100%;padding-bottom:100%;background-color:#f6f6f6;display:flex;justify-content:center;align-items:center;margin-bottom:14px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-img .item-phoneImg{max-width:60%;max-height:60%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
@media(min-width:1440px){main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-img .item-phoneImg{transition:all .3s}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-img .item-phoneImg:hover{transform:translate(-50%,-50%) scale(1.05)}
}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-container{width:100%}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-container .new-products{display:none}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-container .item-container-phoneName{font-family:'OPPOSans-Ver2-Medium';font-size:16px;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-container .item-container-content{font-family:'OPPOSans-Ver2-Regular';font-size:14px;line-height:24px;height:48px;margin:12px 0 0;color:#000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-container .item-price{min-height:10px;margin-bottom:4px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-container .phone-price{font-size:14px;line-height:22px;height:22px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-container .item-container-more,main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-container .item-container-buy{font-family:'OPPOSans-Ver2-Regular';display:inline-block;font-size:14px;line-height:24px;border-bottom:1px solid #000;margin-right:20px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-content-list .content-list{margin-top:68px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-content-list .content-list .content-list-title{font-family:'OPPOSans-Ver2-Medium';font-size:20px;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-content-list .content-list .content-list-introduce{font-family:'OPPOSans-Ver2-Regular';font-size:14px;color:#000;line-height:23.8px;margin-top:16px;margin-bottom:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-content-list .content-list .content-list-link{font-family:'OPPOSans-Ver2-Regular';font-size:14px;color:#046a38;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
@media(min-width:1440px){main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-content-list .content-list .content-list-link:hover{text-decoration:underline}
}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list{width:100%;margin-top:68px;display:flex;flex-wrap:nowrap}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-img{display:block;flex:0 0 252px;margin-right:30px;overflow:hidden}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-img img{display:block;width:100%;height:189px;object-fit:cover}
@media(min-width:1440px){main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-img img{transform:scale(1.05);transition:all .3s}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-img img:hover{transform:scale(1)}
}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-right{flex:1 1 auto}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-right .about-list-title{font-family:'OPPOSans-Ver2-Medium';position:relative;font-size:20px;color:#000;line-height:30px;margin-bottom:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-right .brand-date-box{display:flex;flex-wrap:wrap}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-right .brand-date-box .brand{font-family:'OPPOSans-Ver2-Regular';display:block;font-size:12px;line-height:20px;padding:2px 8px;background-color:#046a38;color:#fff;border-radius:4px;margin-right:8px;margin-bottom:16px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-right .brand-date-box .about-list-time{font-family:'OPPOSans-Ver2-Regular';font-size:12px;color:#666;line-height:24px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-right .about-list-content{font-family:'OPPOSans-Ver2-Regular';font-size:14px;line-height:23.8px;color:#000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-right .about-list-link{font-family:'OPPOSans-Ver2-Regular';position:relative;display:inline-block;font-size:14px;color:#046a38;line-height:24px}
@media(min-width:1440px){main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-right .about-list-link:hover{text-decoration:underline}
}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .without-result{padding-bottom:128px}
main.search-page.search-page-v2 .search-result.product-container{padding-bottom:200px}
main.search-page.search-page-v2 .search-result.product-container *{box-sizing:border-box}
main.search-page.search-page-v2 .search-result.product-container .container-filter{width:100%;margin:0 auto;justify-content:space-between}
main.search-page.search-page-v2 .search-result.product-container .filter-box{width:312px;flex:0 0 312px;height:fit-content;border:1px solid rgba(0,0,0,0.08);box-sizing:border-box}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-header{height:94px;width:100%;padding:0 32px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,0.08);font-family:'OPPOSans-Ver2-Medium'}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-header .title{font-family:'OPPOSans-Ver2-Medium';font-size:16px;letter-spacing:-0.12px;line-height:24px}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-header .reset{position:relative;display:flex;align-items:center;flex-wrap:nowrap;font-size:16px;line-height:21px;color:#000;cursor:pointer}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-header .reset img{display:block;width:20px;height:20px;margin-left:2px}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group{width:239px;margin:0 auto;padding:28px 0;border-bottom:1px solid rgba(0,0,0,0.08)}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group:last-child{border:0}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .group-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .group-title .title{font-size:16px;letter-spacing:-0.1px;line-height:28px;font-family:'OPPOSans-Ver2-Medium'}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .group-title .filter-all{display:flex;align-items:center;font-size:12px;line-height:20px;color:rgba(0,0,0,0.55);letter-spacing:-0.05px;cursor:pointer}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .group-title .filter-all img{margin-left:8px;width:24px;height:24px}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .group-title .filter-all .selected{display:none}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .group-title .filter-all.ch-is-selected .selected{display:block}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .group-title .filter-all.ch-is-selected .not-selected{display:none}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-item{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding:4px 0 8px 12px;margin-top:8px;font-size:14px;font-family:'OPPOSans-Ver2-Medium';line-height:20px;color:rgba(0,0,0,0.85);cursor:pointer}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-item .title{font-family:'OPPOSans-Ver2-Regular'}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-item:first-child{margin-top:0}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-item .is-selected img{width:24px;height:24px}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-item .is-selected .selected{display:none}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-item.ch-is-selected .selected{display:block}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-item.ch-is-selected .not-selected{display:none}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group.series{display:none}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group.is-5g .group-title{margin-bottom:0}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group.params{display:none}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-params-box .ch-params-item .ch-params-item-title{display:flex;flex-wrap:nowrap;justify-content:space-between;cursor:pointer;padding:6px 0 6px 12px}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-params-box .ch-params-item .ch-params-item-title span{font-size:14px;line-height:20px}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-params-box .ch-params-item .ch-params-item-title i{display:block;width:16px;height:16px;margin-left:12px;background:url(../%5bobject%20module%5d-4.html)}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-params-box .ch-params-item .ch-params-item-title i.ch-slide-up{background:url(../%5bobject%20module%5d-4.html)}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-params-box .ch-params-item .ch-params-item-list li{padding-left:28px;font-size:14px;line-height:24px;margin:8px 0;color:#999;cursor:pointer}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-params-box .ch-params-item .ch-params-item-list li.ch-is-selected{color:#2ec84e}
@media(min-width:1440px){main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-params-box .ch-params-item .ch-params-item-list li:hover{color:#2ec84e}
}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group.price{padding-bottom:132px}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-price-box{font-size:12px}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-price-box .ch-price-input{display:flex;flex-wrap:nowrap;align-items:center}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-price-box .ch-price-input input{flex:1 1 38px;display:block;width:38px;border:1px solid #c7c7c7;border-radius:4px;padding:7px 20px 7px 12px;font-size:12px;line-height:20px}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-price-box .ch-price-input input.error-price{color:red;border-color:red}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-price-box .ch-price-input input::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0;-moz-appearance:textfield}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-price-box .ch-price-input input[type="number"]{-moz-appearance:textfield}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-price-box .ch-price-input i{width:20px;height:1px;background:#c7c7c7;margin:0 8px}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-price-box .ch-prive-select{display:flex;flex-wrap:wrap;margin-top:28px}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-price-box .ch-prive-select .ch-price-select-item{padding:8px 16px;margin:0 8px 8px 0;font-size:12px;line-height:16px;background:rgba(0,0,0,0.04);color:#000;border:1px solid transparent;border-radius:4px}
main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-price-box .ch-prive-select .ch-price-select-item.ch-is-selected{color:#2ec84e;border:1px solid #2ec84e}
@media(min-width:1440px){main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-group .filter-price-box .ch-prive-select .ch-price-select-item:hover{color:#2ec84e;border:1px solid #2ec84e}
}
main.search-page.search-page-v2 .search-result.product-container .filter-none{display:none;width:349px;font-size:16px;line-height:32px;color:#999;text-align:center;justify-content:center;padding-top:132px;margin:0 auto}
main.search-page.search-page-v2 .search-result.product-container .product-box{width:auto;flex:1 1 auto;margin-left:109px}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-wraper{display:flex;flex-wrap:wrap;margin:0 -10px}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item{width:33.33333%;flex:1 1 33.3333333%;max-width:33.333333%;padding:0 10px;margin-bottom:64px;margin-right:0}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .img-box{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:0;padding-bottom:100%;background-color:#f6f6f6}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .img-box img{position:absolute;left:50%;top:50%;max-width:60%;max-height:60%;transform:translate(-50%,-50%);transition:all .3s}
@media(min-width:1440px){main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .img-box img:hover{transform:translate(-50%,-50%) scale(1.05)}
}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .product-tag{display:none}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .title{display:block;margin-top:16px;font-family:'OPPOSans-Ver2-Medium';font-size:16px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .desc{font-size:14px;line-height:24px;margin-top:12px;max-height:48px;height:48px}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .desc .text{width:100%;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .item-price{margin-top:2px}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .phone-price{font-size:14px;line-height:22px;height:22px}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .more{display:flex;justify-content:flex-start;flex-wrap:nowrap;margin-top:8px}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .more a{margin-right:20px;font-size:14px;font-family:'OPPOSans-Ver2-Medium';line-height:24px;border-bottom:1px solid #000;transition:all .3s}
@media(min-width:1440px){main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .more a:hover{opacity:.7}
}
main.search-page.search-page-v2 .search-result.serve-container{padding-bottom:200px}
main.search-page.search-page-v2 .search-result.serve-container .result-funtion{display:block;width:100%}
main.search-page.search-page-v2 .search-result.serve-container .result-funtion .result-length{padding:12px 0 42px}
main.search-page.search-page-v2 .search-result.serve-container .result-tab-children{width:100%;display:flex;flex-wrap:nowrap;margin:0 auto;padding-top:80px}
main.search-page.search-page-v2 .search-result.serve-container .result-tab-children .children-item{font-family:'OPPOSans-Ver2-Medium';flex:0 1 auto;font-size:16px;line-height:24px;color:#666;padding:0 20px;border-right:1px solid rgba(0,0,0,0.08)}
main.search-page.search-page-v2 .search-result.serve-container .result-tab-children .children-item:hover{color:#000}
main.search-page.search-page-v2 .search-result.serve-container .result-tab-children .children-item.active{color:#000}
main.search-page.search-page-v2 .search-result.serve-container .result-tab-children .children-item:first-child{padding-left:0}
main.search-page.search-page-v2 .search-result.serve-container .result-tab-children .children-item:last-child{padding-right:0;border-right:0}
main.search-page.search-page-v2 .search-result.serve-container .serve-box{width:100%;margin:0 auto}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box *{box-sizing:border-box}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap{display:flex;flex-wrap:wrap;margin:0 -10px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap .server-info-item{padding:0 10px;flex:1 1 25%;max-width:25%;margin-bottom:80px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap .server-info-item .item-img{display:block;width:100%;height:auto;margin-bottom:20px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap .server-info-item .item-img img{display:block;width:100%}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap .server-info-item .item-text .item-information{display:flex;flex-wrap:nowrap;align-items:center;margin-bottom:20px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap .server-info-item .item-text .item-information .item-icon{font-family:'OPPOSans-Ver2-Regular';font-size:12px;line-height:20px;padding:2px 8px;background:#2ec84e;margin-right:8px;border-radius:4px;color:#fff}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap .server-info-item .item-text .item-information .item-date{font-family:'OPPOSans-Ver2-Regular';font-size:12px;line-height:20px;color:#666}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap .server-info-item .item-text .item-title{margin-bottom:8px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap .server-info-item .item-text .item-title a{font-family:'OPPOSans-Ver2-Medium';font-size:16px;line-height:24px;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap .server-info-item .item-text .item-des p{font-family:'OPPOSans-Ver2-Regular';font-size:14px;line-height:24px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:48px;height:48px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .serve-item{margin:0 auto 68px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .serve-item:first-child{margin-top:38px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .serve-item:last-child{margin-bottom:82px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .serve-item .title{position:relative;display:inline-block;max-width:100%;font-size:16px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .serve-item .title strong{color:#046a38;font-weight:normal}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .serve-item .desc{font-family:'OPPOSans-Ver2-Regular';display:block;margin:16px 0 8px;font-size:14px;line-height:24px;letter-spacing:-0.06px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .serve-item .desc .text{width:100%;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .serve-item .desc .text strong{color:#046a38;font-weight:normal}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .serve-item .href{font-family:'OPPOSans-Ver2-Regular';position:relative;display:inline;margin-top:0;color:#046a38;font-size:14px;line-height:24px;letter-spacing:-0.06px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
@media(min-width:1440px){main.search-page.search-page-v2 .search-result.serve-container .serve-box .serve-item .href:hover{text-decoration:underline}
}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-selfhelp-box .server-selfhelp{padding:36px 0 82px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-selfhelp-box .server-selfhelp .selfhelp-item{margin-bottom:68px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-selfhelp-box .server-selfhelp .selfhelp-item .item-title{font-family:'OPPOSans-Ver2-Medium';display:inline-block;font-size:16px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-selfhelp-box .server-selfhelp .selfhelp-item .item-des{font-family:'OPPOSans-Ver2-Regular';font-size:14px;line-height:24px;margin:16px 0 8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-selfhelp-box .server-selfhelp .selfhelp-item .item-url{font-family:'OPPOSans-Ver2-Regular';font-size:14px;line-height:24px;color:#046a38;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
@media(min-width:1440px){main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-selfhelp-box .server-selfhelp .selfhelp-item .item-url:hover{text-decoration:underline}
}
main.search-page.search-page-v2 .search-result.serve-container .search-page_list2{padding-top:0}
main.search-page.search-page-v2 .search-result.news-container{padding-bottom:200px}
main.search-page.search-page-v2 .search-result.news-container .result-funtion{width:100%}
main.search-page.search-page-v2 .search-result.news-container .news-filter{width:100%;margin:0 auto;font-size:16px;line-height:24px;letter-spacing:-0.1px;color:#999}
main.search-page.search-page-v2 .search-result.news-container .news-filter ul{display:flex}
main.search-page.search-page-v2 .search-result.news-container .news-filter ul li{padding:0 20px;border-right:1px solid rgba(0,0,0,0.08);cursor:pointer}
main.search-page.search-page-v2 .search-result.news-container .news-filter ul li:first-child{padding-left:0}
main.search-page.search-page-v2 .search-result.news-container .news-filter ul li:last-child{border:0}
main.search-page.search-page-v2 .search-result.news-container .news-filter ul li.active{font-family:'OPPOSans-Ver2-Medium';color:#000}
@media(min-width:1440px){main.search-page.search-page-v2 .search-result.news-container .news-filter ul li:hover{font-family:'OPPOSans-Ver2-Medium'}
}
main.search-page.search-page-v2 .search-result.news-container .news-filter-none{display:none;margin-top:100px;font-size:16px;line-height:32px;text-align:center;justify-content:center;padding-top:132px;margin:0 auto}
main.search-page.search-page-v2 .search-result.news-container .news-box{width:100%;margin:0 auto}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item{width:100%;display:flex;justify-content:space-between;margin-top:68px}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item:first-child{margin-top:80px}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .left-box{flex:1 1 auto}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .img-box{display:block;flex:0 0 252px;overflow:hidden;margin-right:30px}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .img-box img{width:100%;height:189px;object-fit:cover}
@media(min-width:1440px){main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .img-box img{transform:scale(1.05);transition:all .3s}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .img-box img:hover{transform:scale(1)}
}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .title{display:inline-block;max-width:100%;font-size:20px;line-height:30px;letter-spacing:-0.1px;font-family:'OPPOSans-Ver2-Medium'}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .title .text{display:inline-block;position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .title .text strong{color:#046a38;font-weight:normal}
@media(min-width:1440px){main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .title .text:hover{text-decoration:underline}
}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .desc{font-size:14px;line-height:24px;max-height:72px;overflow:hidden}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .desc .text{width:100%;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .desc .text strong{color:#046a38;font-weight:normal}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .tag-box{margin-top:8px;margin-bottom:16px}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .tag-box .tag{vertical-align:middle;display:inline-block;padding:2px 8px;font-size:12px;line-height:20px;color:#fff;font-family:'OPPOSans-Ver2-Medium';background:#046a38;margin-right:8px;border-radius:4px}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .tag-box .date{vertical-align:middle;display:inline-block;font-size:12px;line-height:20px;color:#666;font-family:'OPPOSans-Ver2-Medium'}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .news-learn-more a{font-size:14px;line-height:24px;color:#046a38;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-break:break-all}
@media(min-width:1440px){main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .news-learn-more a:hover{text-decoration:underline}
}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item.without-pic .img-box{display:none}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item.without-pic .left-box{width:100%}
main.search-page.search-page-v2 .search-result.coloros-container{padding-bottom:200px}
main.search-page.search-page-v2 .search-result.coloros-container .result-funtion{width:100%}
@media(min-width:767.98px){main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap{width:100%;padding:0;margin:0 auto}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column{width:100%;margin-right:135px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column:last-child{margin-right:0}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select{width:100%;position:relative;display:flex}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-input{width:100%;box-sizing:border-box;border-radius:2px;display:flex;justify-content:flex-start;align-items:center}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-input.sidekeep::after{width:100%;opacity:1}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-input::after{content:'';width:212px;height:2px;background-color:#000;position:absolute;bottom:-10px;left:50%;z-index:10;transition:all .3s cubic-bezier(0.48,0.04,0.52,0.96);transform:translateX(-50%);opacity:0}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-input .input-text{font-size:18px;margin-right:9px;line-height:27px;letter-spacing:-0.1px;cursor:pointer}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-input .input-icon{width:18px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-input .input-icon svg{transition:transform .34s cubic-bezier(0.48,0.04,0.52,0.96)}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-input .input-icon svg.input-icon-open{transform:rotate(-180deg)}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-input .input-icon svg.prod-open{display:block}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-input .space-element{flex:1 0 auto}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-input .learn-more{font-size:14px;line-height:24px;border-bottom:1px solid #000}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list{display:none;width:314px;position:absolute;z-index:8;background-color:#fff;top:35px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;box-sizing:border-box}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-list-title,main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-list-van{display:none}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series:first-child .series-box{border-top:0;box-sizing:content-box}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series .series-box{width:274px;margin:0 auto;height:65px;font-size:16px;line-height:150%;display:flex;align-items:center;cursor:pointer;border-top:1px solid rgba(0,0,0,0.08)}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series .series-box.checke{border-bottom:1px solid rgba(0,0,0,0.08)}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series .series-box.checke .series-open.tf-rotate{transform:rotate(90deg)}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series .series-box.checke .series-open.tf-rotate i::before{opacity:0}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series .series-text{width:100%;font-size:16px;font-family:'OPPOSans-Ver2-Medium';line-height:150%}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series .series-open{width:.14rem;height:.14rem;position:relative;transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.96)}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series .series-open i::before{content:'';position:absolute;left:50%;top:50%;width:14px;transform:translate(-50%,-50%);border-top:2px solid;transition:opacity .24s cubic-bezier(0.48,0.04,0.52,0.96)}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series .series-open i::after{content:'';position:absolute;left:50%;top:50%;height:14px;transform:translate(-50%,-50%);border-left:2px solid}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series .series-list{display:none;max-height:184px;overflow-y:auto;padding:12px 0;box-sizing:border-box}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series .series-list .series-list-current{background:#f6f6f6}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series .series-list::-webkit-scrollbar{width:8px;height:5px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series .series-list::-webkit-scrollbar-thumb{border-radius:5px;background-color:#c7c7c7}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series .series-list::-webkit-scrollbar-track{border-radius:0}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series .series-list li{width:100%;height:40px;font-size:14px;line-height:170%;display:flex;align-items:center;padding:0 20px;box-sizing:border-box;cursor:pointer}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series .series-list li.list-back{background:#f6f6f6}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series .series-list li:hover{background:#f6f6f6}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list ul .series .series-list li p{width:274px;line-height:40px;margin:0 auto}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-all-pcbtn-box{display:block}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-all-pcbtn-box .select-all-pcbtn{display:flex;align-items:center;justify-content:flex-end;padding:16px 0;margin:0 20px;border-bottom:1px solid rgba(0,0,0,0.08)}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-all-pcbtn-box .select-all-pcbtn a{font-size:16px;line-height:21px;color:#2d683e}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-all-pcbtn-box .select-all-pcbtn::after{content:'';display:block;width:20px;height:20px;background:url(../%5bobject%20module%5d-4.html) no-repeat;background-size:contain;margin-left:2px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .masking{display:none}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-all-pcbtn-box{display:block}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-all-pcbtn-box .select-all-pcbtn{display:flex;align-items:center;justify-content:flex-end;padding:16px 0;margin:0 20px;border-bottom:1px solid rgba(0,0,0,0.08)}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-all-pcbtn-box .select-all-pcbtn a{font-size:16px;line-height:21px;color:#2d683e}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-all-pcbtn-box .select-all-pcbtn::after{content:'';display:block;width:20px;height:20px;background:url(../%5bobject%20module%5d-4.html) no-repeat;background-size:contain;margin-left:2px}
}
@media(min-width:767.98px) and (max-width:768px){main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-all-pcbtn-box{display:none}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-list-title .select-all-mobbtn{position:absolute;display:flex;align-items:center;left:0;top:18px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-list-title .select-all-mobbtn a{font-size:12px;line-height:16px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-list-title .select-all-mobbtn::after{content:'';display:block;width:16px;height:16px;background:url(../%5bobject%20module%5d-4.html) no-repeat;background-size:contain;margin-left:2px}
}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-filter-none{display:none;width:349px;font-size:16px;line-height:32px;color:#999;text-align:center;justify-content:center;padding-top:132px;margin:0 auto}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box{margin-top:80px}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .oppo_title{color:#045c31}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .oppo_content{color:#046a38}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item{margin-bottom:68px}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item:last-child{margin-bottom:0}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap{display:flex;flex-wrap:nowrap}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-img{flex:0 0 312px;max-width:312px}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-img img{display:block;width:100%;height:auto}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text{padding-left:32px}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text .item-title{display:flex;flex-wrap:nowrap;align-items:center}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text .item-title .item-icon{flex:0 0 auto;font-family:'OPPOSans-Ver2-Bold';font-size:14px;line-height:24px;padding:2px 8px;background:#2ec84e;margin-right:8px;border-radius:4px;color:#fff}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text .item-title .item-time{display:none}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text .item-title .item-write{font-family:'OPPOSans-Ver2-Medium';font-size:20px;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text .item-mb-title{display:none}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text .item-des{margin:16px 0 8px}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text .item-des p{font-family:'OPPOSans-Ver2-Regular';font-size:14px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-all}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text .item-url a{font-family:'OPPOSans-Ver2-Regular';display:inline-block;font-size:14px;line-height:24px;color:#046a38;border-bottom:1px solid #046a38}
main.search-page.search-page-v2 .search-result.offline-container{width:100%;padding-bottom:80px;background:#fafafa}
main.search-page.search-page-v2 .search-result.offline-container .please-entertext{padding-top:40px}
main.search-page.search-page-v2 .search-result.offline-container .please-entertext p{font-family:'OPPOSans-Ver2-Regular';font-size:12px;line-height:20px;color:rgba(0,0,0,0.3);text-align:center;padding-bottom:20px}
main.search-page.search-page-v2 .search-result.offline-container .offline-core{width:1316px;margin:0 auto;font-size:0}
main.search-page.search-page-v2 .search-result.offline-container .result-funtion .result-length{padding:0}
main.search-page.search-page-v2 .search-result.offline-container .result-funtion .right-box{padding:0}
main.search-page.search-page-v2 .search-result.offline-container .result-funtion .right-box .result-more{font-family:'OPPOSans-Ver2-Regular';display:block;font-size:14px;line-height:22px;color:#000;border-bottom:1px solid #000}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-content{display:flex;flex-wrap:wrap;margin:0 -10px}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item{flex:1 1 33.33333%;max-width:33.33333%;padding:0 10px;margin-top:20px}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item .offline-item-wrap{height:100%;background:#fff;border-radius:8px;padding:20px;word-break:break-all;color:rgba(0,0,0,0.95)}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item .title{font-size:16px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';margin-bottom:8px}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item .icon-tag{display:flex;flex-wrap:wrap;margin:0 -2px 0}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item .icon-tag .tag-item{padding:0 2px;margin-bottom:4px}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item .icon-tag .tag-item:last-child{margin-bottom:8px}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item .icon-tag .tag-item .tag-wrap{font-size:12px;line-height:20px;padding:0 8px;background:#d7ffdb;border-radius:4px}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item .offline-des{position:relative;padding-left:20px;font-size:14px;line-height:22px;margin-bottom:4px}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item .offline-des svg{position:absolute;left:0;top:3px;width:16px;height:16px}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item .offline-des.phone{width:max-content}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item .offline-des:last-of-type{margin-bottom:0}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item .offline-info{display:flex;flex-wrap:wrap;margin-top:8px}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item .offline-info .offline-info-btn{position:relative;font-size:14px;line-height:22px;font-family:'OPPOSans-Ver2-Medium';color:#2660f5;padding-right:16px}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item .offline-info .offline-info-btn svg{position:absolute;right:0;top:3px;width:16px;height:16px}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item .offline-info .offline-info-btn:first-child{margin-right:16px}
main.search-page.search-page-v2 .search-result.offline-container .page_list{padding-top:20px}
main.search-page.search-page-v2 .search-result .page_list{display:none;padding-top:80px;font-size:14px;line-height:24px}
main.search-page.search-page-v2 .search-result .page_list .pagination_wrapper{height:37px}
main.search-page.search-page-v2 .search-result .page_list .pagination_wrapper .next,main.search-page.search-page-v2 .search-result .page_list .pagination_wrapper .prev{width:37px;height:37px}
main.search-page.search-page-v2 .search-result .without-result{display:none;margin-top:132px;font-size:0}
main.search-page.search-page-v2 .search-result .without-result .title{text-align:center;font-size:14px;line-height:24px;letter-spacing:-0.06px}
main.search-page.search-page-v2 .search-result .without-result .title img{width:16px;height:16px;margin-right:8px}
main.search-page.search-page-v2 .search-result .without-result .title .timeout{display:none}
main.search-page.search-page-v2 .search-result .without-result.sorry .timeout{display:inline-block}
main.search-page.search-page-v2 .search-result .without-result.sorry .noresult{display:none}
main.search-page.search-page-v2 .search-result .without-result .contact-text{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;padding-top:48px}
main.search-page.search-page-v2 .search-result .without-result .contact-text i{display:block;margin-right:12px}
main.search-page.search-page-v2 .search-result .without-result .contact-text i svg{width:24px;height:24px}
main.search-page.search-page-v2 .search-result .without-result .contact-text a{font-size:14px;line-height:24px;border-bottom:1px solid #000}
main.search-page.search-page-v2 .search-result .without-result .button-box{display:flex;justify-content:space-between;margin:128px auto 0;width:574px}
main.search-page.search-page-v2 .search-result .without-result .button-box a.button{position:relative;display:flex;justify-content:center;align-items:center;width:273px;height:56px;border:1px solid #eaeaea;transition:all .3s;background:#fff;box-sizing:border-box;border-radius:6px}
@media(min-width:1440px){main.search-page.search-page-v2 .search-result .without-result .button-box a.button:hover{background:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.04)}
}
main.search-page.search-page-v2 .search-result .without-result .button-box a.button .icon{width:36px;height:36px;margin-left:0}
main.search-page.search-page-v2 .search-result .without-result .button-box a.button .text{margin-left:12px}
main.search-page.search-page-v2 .search-result .without-result .button-box a.button .text .title{font-size:14px;line-height:24px;text-align:left}
main.search-page.search-page-v2.init-all .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box{display:none}
main.search-page.search-page-v2.init-all .search-result.multiple-container .mx-multiple-tab .without-result{display:block}
main.search-page.search-page-v2.init-all .search-result.product-container .result-funtion{display:none}
main.search-page.search-page-v2.init-all .search-result.product-container .container-filter{display:none}
main.search-page.search-page-v2.init-all .search-result.product-container .without-result{display:block}
main.search-page.search-page-v2.init-all .search-result.serve-container .result-funtion,main.search-page.search-page-v2.init-all .search-result.serve-container .result-tab-children{display:none}
main.search-page.search-page-v2.init-all .search-result.serve-container .without-result{display:block}
main.search-page.search-page-v2.init-all .search-result.news-container .result-funtion,main.search-page.search-page-v2.init-all .search-result.news-container .news-filter,main.search-page.search-page-v2.init-all .search-result.news-container .news-box{display:none}
main.search-page.search-page-v2.init-all .search-result.news-container .without-result{display:block}
main.search-page.search-page-v2.init-all .search-result.coloros-container .result-funtion,main.search-page.search-page-v2.init-all .search-result.coloros-container .video-model,main.search-page.search-page-v2.init-all .search-result.coloros-container .coloros-box{display:none}
main.search-page.search-page-v2.init-all .search-result.coloros-container .without-result{display:block}
main.search-page.search-page-v2.init-all .search-result.offline-container .result-funtion,main.search-page.search-page-v2.init-all .search-result.offline-container .video-model,main.search-page.search-page-v2.init-all .search-result.offline-container .offline-box{display:none}
main.search-page.search-page-v2.init-all .search-result.offline-container .without-result{display:block}
@media(min-width:1024px) and (max-width:1439.98px){main.search-page.search-page-v2 .search-result{display:none;width:100%;font-size:0;padding-left:62px;padding-right:62px}
main.search-page.search-page-v2 .search-result.active{display:block}
main.search-page.search-page-v2 .search-result .result-funtion{display:flex;justify-content:space-between;width:100%;margin:0 auto;font-size:16px;line-height:28px}
main.search-page.search-page-v2 .search-result .result-funtion .result-length{font-size:14px;line-height:24px;letter-spacing:-0.05px;opacity:.55}
main.search-page.search-page-v2 .search-result .result-funtion .compare,main.search-page.search-page-v2 .search-result .result-funtion .rank{cursor:pointer;font-family:'OPPOSans-Ver2-Medium'}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .compare{font-size:14px;line-height:24px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .col{margin:0 32px;opacity:.08}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank{font-size:14px;line-height:24px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank img{width:20px;height:20px;vertical-align:text-top}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank .rank-box{display:none;position:absolute;top:40px;right:0;width:200px;padding:20px 0;background:#fff;box-shadow:0 8px 12px 0 rgba(0,0,0,0.04);border-radius:2px;border:1px solid rgba(0,0,0,0.04);box-sizing:border-box;z-index:1}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank .rank-box .rank-item{margin:12px auto 0;width:136px;height:32px;font-size:14px;line-height:32px;box-sizing:border-box;padding-left:12px}
main.search-page.search-page-v2 .search-result.product-container .product-box{margin-left:55px}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item{width:50%;flex:1 1 50%;max-width:50%}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .serve-item{width:100%}
main.search-page.search-page-v2 .search-result.offline-container{padding-left:62px;padding-right:62px}
main.search-page.search-page-v2 .search-result.offline-container .offline-core{width:100%}
main.search-page.search-page-v2 .search-result .page_list{padding-top:80px;font-size:14px;line-height:24px}
}
@media(min-width:768px) and (max-width:1023.98px){body.mask{overflow:hidden}
main.search-page.search-page-v2 .tab-contain .tab-wrapper{width:100%;padding-top:109px;background-color:white}
main.search-page.search-page-v2 .tab-contain .tab-wrapper.fixed{position:fixed;top:0;left:0;z-index:999}
main.search-page.search-page-v2 .tab-contain .tab-wrapper.fixed .search-value .result-nav{width:100%}
main.search-page.search-page-v2 .tab-contain .tab-wrapper.header-fixed{top:48px}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .input-box-wraper .input-box{width:640px}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .search-value{padding-top:116px}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .search-value .result-nav::after{left:50%;transform:translateX(-50%);width:100%}
main.search-page.search-page-v2 .search-result{display:none;width:100%;padding-top:20px;font-size:0;padding-left:62px;padding-right:62px}
main.search-page.search-page-v2 .search-result.active{display:block}
main.search-page.search-page-v2 .search-result .result-funtion{display:block;width:100%;margin:0 auto;font-size:14px;line-height:24px}
main.search-page.search-page-v2 .search-result .result-funtion .result-length{font-size:12px;line-height:20px;letter-spacing:-0.05px;opacity:.56;font-family:'OPPOSans-Ver2-Medium'}
main.search-page.search-page-v2 .search-result .result-funtion .compare,main.search-page.search-page-v2 .search-result .result-funtion .rank{cursor:pointer;font-family:'OPPOSans-Ver2-Medium'}
main.search-page.search-page-v2 .search-result .result-funtion .right-box{margin-top:0;justify-content:space-between;padding:14px 0 12px;margin-bottom:24px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .compare img{width:20px;height:20px;margin-right:2px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .col{margin:0 18px;opacity:.08}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter{display:block;font-family:'OPPOSans-Ver2-Medium';font-size:14px;line-height:24px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter img{width:20px;height:20px;margin-right:8px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank img{width:20px;height:20px;margin-right:2px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank .rank-box{display:none;position:absolute;top:28px;right:0;width:128px;padding:24px 20px;background:#fff;box-shadow:0 8px 12px 0 rgba(0,0,0,0.1);border-radius:2px;border:1px solid rgba(0,0,0,0.04);box-sizing:border-box;z-index:1}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank .rank-box .rank-item{margin:8px auto 0;width:100%;height:auto;font-size:14px;line-height:24px;box-sizing:border-box;text-align:center;padding:4px 6px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank .rank-box .rank-item:first-child{margin-top:0}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box{display:block;position:fixed;bottom:0;left:0;width:100%;height:auto;transition:all .3s;background:#fff;z-index:1001;transform:translateY(100%)}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box.show{height:auto;transform:translateY(0)}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box.news.show{height:auto}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-close{position:absolute;right:12px;top:12px;width:24px;height:24px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-close img{width:100%;height:100%}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .title-filter{position:relative;width:100%;margin-top:24px;margin-bottom:14px;font-size:20px;line-height:30px;text-align:center}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .title-filter::after{content:'';position:absolute;left:0;bottom:-14px;height:1px;width:100%;background:rgba(0,0,0,0.04)}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap{width:100%;height:562px;overflow-y:scroll;background:rgba(0,0,0,0.04)}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain{width:100%;margin:10px auto;background:#fff;padding:20px 20px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title{position:relative;font-size:14px;font-family:'OPPOSans-Ver2-Medium';line-height:24px;margin-bottom:12px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title img{position:absolute;right:0;top:5px;width:18px;height:18px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title img.selected{display:none}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title.selected img.selected{display:block}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title.selected img.no-selected{display:none}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-box{display:flex;flex-wrap:wrap;margin:0 -8px;padding:0;font-size:0}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-box .choose-item{flex:1 1 33.33333%;max-width:33.33333%;box-sizing:border-box;margin-top:8px;padding:0 8px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-box .choose-item p{font-size:12px;line-height:36px;text-align:center;color:rgba(0,0,0,0.9);background:rgba(0,0,0,0.04);border:1px solid transparent}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-box .choose-item.ch-is-selected p{color:#2ec84e;background:#f9fdfa;border:1px solid #2ec84e}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain.params{display:none}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain.series{display:none}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item{padding:0 20px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item .ch-params-item-title{display:flex;flex-wrap:nowrap;justify-content:space-between;padding:13px 0 13px 0;margin:0;border-bottom:1px solid rgba(0,0,0,0.08)}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item .ch-params-item-title span{font-family:'OPPOSans-Ver2-Regular';font-size:14px;line-height:24px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item .ch-params-item-title i{display:block;width:24px;height:24px;margin-left:12px;background:url(../%5bobject%20module%5d-4.html) no-repeat;background-position:center}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item .ch-params-item-title i.ch-slide-up{background:url(../%5bobject%20module%5d-4.html) no-repeat;background-position:center}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item .ch-params-item-list{display:none;padding:12px 0 24px;border-bottom:1px solid rgba(0,0,0,0.08)}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item .ch-params-item-list li{padding:4px 0 4px 22px;font-size:14px;line-height:24px;color:#999;cursor:pointer}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item .ch-params-item-list li.ch-is-selected{color:#2ec84e}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item.ch-item-slide-up:last-child .ch-params-item-title{border-bottom:1px solid transparent}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box{font-size:12px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box .ch-price-input{display:flex;flex-wrap:nowrap;align-items:center}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box .ch-price-input input{flex:1 1 38px;display:block;width:38px;border:1px solid #c7c7c7;border-radius:4px;padding:7px 20px 7px 12px;font-size:12px;line-height:20px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box .ch-price-input input.error-price{color:red;border-color:red}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box .ch-price-input i{width:20px;height:1px;background:#c7c7c7;margin:0 8px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box .ch-prive-select{display:flex;flex-wrap:wrap;margin:12px -8px 0}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box .ch-prive-select .ch-price-select-item{flex:1 1 33.33333%;max-width:33.33333%;padding:0 8px;margin-top:8px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box .ch-prive-select .ch-price-select-item.ch-is-selected p{color:#2ec84e;background:#f9fdfa;border:1px solid #2ec84e}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box .ch-prive-select .ch-price-select-item p{font-size:12px;line-height:16px;color:#000;padding:8px 0;background:rgba(0,0,0,0.04);border:1px solid transparent;text-align:center}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain.is5g .item-title{margin-bottom:0}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap::-webkit-scrollbar{width:4px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:10px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .filter-mask{display:none;width:100vw;height:100vh;position:fixed;top:0;left:0;background:#000;opacity:.6;z-index:1000}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .filter-footer{display:flex;justify-content:center;align-items:center;width:100%;box-shadow:0 -2px 8px 0 rgba(0,0,0,0.03)}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .filter-footer .reset,main.search-page.search-page-v2 .search-result .result-funtion .right-box .filter-footer .filter-submit{width:180px;height:40px;background:#000;display:flex;justify-content:center;align-items:center;font-size:16px;font-family:'OPPOSans-Ver2-Medium';color:#fff;line-height:24px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .filter-footer .reset{font-family:'OPPOSans-Ver2-Regular';color:#000;background:#dfdfdf}
main.search-page.search-page-v2 .search-result.product-container .container-filter{width:100%}
main.search-page.search-page-v2 .search-result.product-container .container-filter .filter-box{display:none}
main.search-page.search-page-v2 .search-result.product-container .product-box{margin-left:0;margin-top:42px}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item{width:33.33333%;flex:1 1 33.33333%;max-width:33.33333%}
main.search-page.search-page-v2 .search-result.offline-container{padding-left:62px;padding-right:62px;padding-top:0}
main.search-page.search-page-v2 .search-result.offline-container .offline-core{width:100%}
main.search-page.search-page-v2 .search-result.offline-container .result-funtion{display:flex}
main.search-page.search-page-v2 .search-result.offline-container .result-funtion .result-length{font-size:14px;line-height:24px;padding:0}
main.search-page.search-page-v2 .search-result.offline-container .result-funtion .right-box{padding:0;margin-bottom:0}
main.search-page.search-page-v2 .search-result.offline-container .result-funtion .right-box .result-more{font-size:14px;line-height:22px}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item{flex:1 1 50%;max-width:50%}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item .offline-des svg{top:2px}
main.search-page.search-page-v2 .search-result .page_list{padding-top:80px;font-size:14px;line-height:24px;font-family:'OPPOSans-Ver2-Medium'}
}
@media(max-width:767.98px){body.mask{overflow:hidden}
main.search-page.search-page-v2{padding-top:0;background:white}
main.search-page.search-page-v2 .tab-contain .tab-wrapper{width:100%;background-color:white;padding:12px 20px 0}
main.search-page.search-page-v2 .tab-contain .tab-wrapper.fixed{position:fixed;top:0;left:0;z-index:999}
main.search-page.search-page-v2 .tab-contain .tab-wrapper.fixed .search-value .result-nav{width:initial}
main.search-page.search-page-v2 .tab-contain .tab-wrapper.header-fixed{top:48px}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .input-box-wraper{display:flex;align-items:center;padding:0 3px 0 2px}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .input-box-wraper .input-box{height:40px;margin:0;flex:1 1 auto}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .input-box-wraper .input-box .search-icon{left:11px}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .input-box-wraper .input-box .search-icon .pc-icon{display:none}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .input-box-wraper .input-box .search-icon .mob-icon{display:block}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .input-box-wraper .input-box .search-keywords{height:40px;padding-left:39px;background-color:#f6f6f6;border-radius:100px;border:0;font-size:12px;line-height:40px}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .input-box-wraper .input-box .close{right:14px;width:14px;height:14px}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .input-box-wraper .input-box .close .pc-icon{display:none}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .input-box-wraper .input-box .close .mob-icon{display:block}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .input-box-wraper .input-box .close img{width:100%;height:100%}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .input-box-wraper .search-mob-text{display:block;flex:0 0 auto;padding-left:12px}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .input-box-wraper .search-mob-text p{font-family:'OPPOSans-Ver2-Regular';font-size:12px;line-height:24px}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .search-value{padding-top:20px}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .search-value .result-nav{margin:0 -20px;width:initial}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .search-value .result-nav .result-tab{width:100%;margin:0 auto;display:flex;justify-content:space-between;overflow-x:auto;padding-left:20px;padding-right:20px}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .search-value .result-nav .result-tab::-webkit-scrollbar{display:none}
main.search-page.search-page-v2 .tab-contain .tab-wrapper .search-value .result-nav .result-tab .result-item{margin:0;font-size:14px;line-height:24px;flex:1 0 20%;text-align:center}
main.search-page.search-page-v2 .search-result{display:none;width:100%;font-size:0;padding-top:1px;padding-left:20px;padding-right:20px;background:#f6f6f6}
main.search-page.search-page-v2 .search-result.active{display:block}
main.search-page.search-page-v2 .search-result.multiple-container{padding-left:0;padding-right:0}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box{width:100%;padding-top:0}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-block{margin:12px 0}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .prd-title{align-items:center;border:0;padding-bottom:0;padding:14px 0 12px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .prd-title .mx-title-left .mx-title-name{font-size:16px;line-height:24px;margin-right:4px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .prd-title .mx-title-left .mx-title-result{display:none}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .prd-title .mx-title-left .mx-title-result_mb{display:inline-block;font-size:12px;line-height:17px;margin-top:7px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .prd-title .mx-title-right .right-more{margin-top:4px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .prd-title .mx-title-right .right-more .mx-title-more{font-size:12px;line-height:14px;margin-right:5px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .prd-title .mx-title-right .right-more .mx-title-icon{width:5px;height:10px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product{width:100%;padding:0 20px;background-color:#fff;padding-bottom:0}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card::-webkit-scrollbar{width:0}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card{margin-top:0;overflow:scroll;margin-right:0;margin-left:0;padding:24px 0 48px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row{width:760px !important;min-width:760px;display:flex;margin-right:-8px;margin-left:-8px;width:max-content}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item{height:auto;width:152px;padding-right:8px;padding-left:8px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-img{width:100%;height:auto;margin-bottom:7px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-container .new-products{display:block;font-size:12px;line-height:13px;color:#2ec84e}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-container .item-container-phoneName{font-family:'OPPOSans-Ver2-Medium';font-size:12px;line-height:20px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-container .item-container-content{font-size:12px;line-height:20px;height:40px;margin:6px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-container .item-container-more,main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-container .item-container-buy{font-family:'OPPOSans-Ver2-Medium';display:inline-block;width:auto;font-size:12px;line-height:20px;margin-right:20px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row .mx-prd-item .prd-item-container .item-container-buy{margin:0}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-content-list{padding-bottom:52px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-content-list .content-list{margin-top:0;border-bottom:1px solid #efefef;padding:24px 0 24px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-content-list .content-list:last-child{padding-bottom:0}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-content-list .content-list .content-list-title{font-size:14px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-content-list .content-list .content-list-introduce{margin-top:8px;margin-bottom:8px;font-size:12px;line-height:20.4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-content-list .content-list .content-list-link{width:auto;font-size:14px;line-height:23.8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-break:break-all}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-content-list .content-list:nth-child(3){border:0}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-service .mx-content-list .content-list{padding:32px 0 32px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-service .mx-content-list .content-list:last-child{padding-bottom:0}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-content-list>div{border-bottom:1px solid #efefef}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-content-list>div:last-child{border:0}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-content-list .content-list{margin:0;padding:24px 0}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-service,main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-colorOs,main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-explore{width:100%;padding:0 20px 0;background-color:#fff}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-service .mx-explore-list,main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-colorOs .mx-explore-list,main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-explore .mx-explore-list{display:flex;flex-wrap:wrap}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-service .mx-explore-list .mx-content-list,main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-colorOs .mx-explore-list .mx-content-list,main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-explore .mx-explore-list .mx-content-list{width:100%;order:1}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list{margin-top:0;padding:24px 0}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list:last-child{padding-bottom:0;border:0}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-img{flex:0 0 100px;margin-right:12px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-img img{height:75px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-right .about-list-title{flex:1 1 100%;font-size:14px;line-height:23.8px;margin-bottom:2px;margin-bottom:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-right .brand-date-box{flex:1 1 100%;margin:2px 0 8px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-right .brand-date-box .brand{margin:0;font-size:12px;line-height:14px;padding:2px 8px;margin-right:8px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-right .brand-date-box .about-list-time{font-size:12px;line-height:18px;margin:0}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-right .about-list-content{flex:1 1 100%;font-size:12px;line-height:20.4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-right .about-list-link{display:none}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .without-result{margin:0}
main.search-page.search-page-v2 .search-result .result-funtion{display:block;width:100%;margin:0;font-family:'OPPOSans-Ver2-Medium';font-size:14px;line-height:24px;letter-spacing:-0.06px}
main.search-page.search-page-v2 .search-result .result-funtion .result-length{letter-spacing:-0.05px;opacity:.56;font-family:'OPPOSans-Ver2-Regular';font-size:14px;line-height:24px;padding:11px 20px 15px;background:#f6f6f6;margin:0 -20px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box{display:none;margin-top:0;justify-content:space-between;padding:14px 0 12px;margin-bottom:24px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .compare img{width:20px;height:20px;margin-right:2px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .col{margin:0 18px;opacity:.08}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter{display:block;font-family:'OPPOSans-Ver2-Medium';font-size:14px;line-height:24px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter img{width:20px;height:20px;margin-right:8px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank img{width:20px;height:20px;margin-right:2px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank .rank-box{display:none;position:absolute;top:28px;right:0;width:128px;padding:24px 20px;background:#fff;box-shadow:0 8px 12px 0 rgba(0,0,0,0.1);border-radius:2px;border:1px solid rgba(0,0,0,0.04);box-sizing:border-box;z-index:1}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank .rank-box .rank-item{margin:8px auto 0;width:100%;height:auto;font-size:14px;line-height:24px;box-sizing:border-box;text-align:center;padding:4px 6px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .rank .rank-box .rank-item:first-child{margin-top:0}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box{display:block;position:fixed;bottom:0;left:0;width:100%;height:auto;transition:all .3s;background:#fff;z-index:1001;transform:translateY(100%)}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box.show{height:auto;transform:translateY(0)}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box.news.show{height:auto}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-close{position:absolute;right:12px;top:12px;width:24px;height:24px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-close img{width:100%;height:100%}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .title-filter{position:relative;width:100%;margin-top:24px;margin-bottom:14px;font-size:20px;line-height:30px;text-align:center}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .title-filter::after{content:'';position:absolute;left:0;bottom:-14px;height:1px;width:100%;background:rgba(0,0,0,0.04)}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap{width:100%;height:500px;overflow-y:scroll;background:rgba(0,0,0,0.04)}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain{width:100%;margin:10px auto;background:#fff;padding:20px 20px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title{position:relative;font-size:14px;font-family:'OPPOSans-Ver2-Medium';line-height:24px;margin-bottom:12px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title img{position:absolute;right:0;top:5px;width:18px;height:18px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title img.selected{display:none}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title.selected img.selected{display:block}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title.selected img.no-selected{display:none}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-box{display:flex;flex-wrap:wrap;margin:0 -8px;padding:0;font-size:0}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-box .choose-item{flex:1 1 33.33333%;max-width:33.33333%;box-sizing:border-box;margin-top:8px;padding:0 8px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-box .choose-item p{font-size:12px;line-height:36px;text-align:center;color:rgba(0,0,0,0.9);background:rgba(0,0,0,0.04);border:1px solid transparent}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-box .choose-item.ch-is-selected p{color:#2ec84e;background:#f9fdfa;border:1px solid #2ec84e}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain.params{display:none}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain.series{display:none}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item{padding:0 20px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item .ch-params-item-title{display:flex;flex-wrap:nowrap;justify-content:space-between;padding:13px 0 13px 0;margin:0;border-bottom:1px solid rgba(0,0,0,0.08)}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item .ch-params-item-title span{font-family:'OPPOSans-Ver2-Regular';font-size:14px;line-height:24px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item .ch-params-item-title i{display:block;width:24px;height:24px;margin-left:12px;background:url(../%5bobject%20module%5d-4.html) no-repeat;background-position:center}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item .ch-params-item-title i.ch-slide-up{background:url(../%5bobject%20module%5d-4.html) no-repeat;background-position:center}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item .ch-params-item-list{display:none;padding:12px 0 24px;border-bottom:1px solid rgba(0,0,0,0.08)}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item .ch-params-item-list li{padding:4px 0 4px 22px;font-size:14px;line-height:24px;color:#999;cursor:pointer}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item .ch-params-item-list li.ch-is-selected{color:#2ec84e}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-params-box .ch-params-item.ch-item-slide-up:last-child .ch-params-item-title{border-bottom:1px solid transparent}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box{font-size:12px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box .ch-price-input{display:flex;flex-wrap:nowrap;align-items:center}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box .ch-price-input input{flex:1 1 38px;display:block;width:38px;border:1px solid #c7c7c7;border-radius:4px;padding:7px 20px 7px 12px;font-size:12px;line-height:20px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box .ch-price-input input.error-price{color:red;border-color:red}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box .ch-price-input i{width:20px;height:1px;background:#c7c7c7;margin:0 8px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box .ch-prive-select{display:flex;flex-wrap:wrap;margin:12px -8px 0}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box .ch-prive-select .ch-price-select-item{flex:1 1 33.33333%;max-width:33.33333%;padding:0 8px;margin-top:8px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box .ch-prive-select .ch-price-select-item p{font-size:12px;line-height:16px;color:#000;text-align:center;padding:8px 0;background:rgba(0,0,0,0.04);border:1px solid transparent}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .filter-price-box .ch-prive-select .ch-price-select-item.ch-is-selected p{color:#2ec84e;background:#f9fdfa;border:1px solid #2ec84e}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain.is5g .item-title{margin-bottom:0}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap::-webkit-scrollbar{width:4px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .mb-filter-box .filter-wrap::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:10px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .filter-mask{display:none;width:100vw;height:100vh;position:fixed;top:0;left:0;background:#000;opacity:.6;z-index:1000}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .filter-footer{display:flex;justify-content:center;align-items:center;width:100%;box-shadow:0 -2px 8px 0 rgba(0,0,0,0.03)}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .filter-footer .reset,main.search-page.search-page-v2 .search-result .result-funtion .right-box .filter-footer .filter-submit{flex:1 1 50%;width:50%;max-width:50%;padding:17px 0;background:#000;display:flex;justify-content:center;align-items:center;font-size:16px;font-family:'OPPOSans-Ver2-Medium';color:#fff;line-height:24px}
main.search-page.search-page-v2 .search-result .result-funtion .right-box .filter-footer .reset{color:#000;background:#dfdfdf}
main.search-page.search-page-v2 .search-result.serve-container{padding-bottom:48px;background:#fff}
main.search-page.search-page-v2 .search-result.serve-container .result-funtion .result-length{font-size:12px;padding:12px 20px 15px;background:#fff}
main.search-page.search-page-v2 .search-result.serve-container .result-tab-children{padding:20px 0 0}
main.search-page.search-page-v2 .search-result.serve-container .result-tab-children .children-item{font-size:12px;line-height:20px;padding:0 20px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box{padding-top:24px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap{margin:0 -9px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap .server-info-item{padding:0 9px;flex:1 1 50%;max-width:50%;margin-bottom:37px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap .server-info-item .item-img{margin-bottom:14px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap .server-info-item .item-text .item-information{margin-bottom:12px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap .server-info-item .item-text .item-information .item-icon{font-size:12px;line-height:14px;padding:2px 8px;margin-right:8px;border-radius:4px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap .server-info-item .item-text .item-information .item-date{font-size:12px;line-height:17px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap .server-info-item .item-text .item-title{margin-bottom:8px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap .server-info-item .item-text .item-title a{font-size:14px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-info-box .server-info-wrap .server-info-item .item-text .item-des p{font-size:12px;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:40px;height:40px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .serve-item{margin:0 auto;padding:32px 0;border-bottom:1px solid #efefef}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .serve-item:first-child{margin-top:0;padding-top:0}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .serve-item:last-child{margin-bottom:0;padding-bottom:37px;border:0}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .serve-item .title{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .serve-item .desc{margin:8px 0;font-size:12px;line-height:20px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .serve-item .href{margin-top:0;font-size:14px;line-height:24px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-selfhelp-box .server-selfhelp{padding:0}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-selfhelp-box .server-selfhelp .selfhelp-item{margin-bottom:0;padding-bottom:32px;padding-top:32px;border-bottom:1px solid #efefef}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-selfhelp-box .server-selfhelp .selfhelp-item:first-child{margin-top:0;padding-top:0}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-selfhelp-box .server-selfhelp .selfhelp-item:last-child{margin-bottom:0;padding-bottom:37px;border:0}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-selfhelp-box .server-selfhelp .selfhelp-item .item-title{font-size:14px;line-height:24px;width:100%}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-selfhelp-box .server-selfhelp .selfhelp-item .item-des{font-size:12px;line-height:20px;margin:8px 0 8px}
main.search-page.search-page-v2 .search-result.serve-container .serve-box .server-selfhelp-box .server-selfhelp .selfhelp-item .item-url{width:100%;font-size:14px;line-height:24px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
main.search-page.search-page-v2 .search-result.serve-container .search-page_list2{padding-top:27px}
main.search-page.search-page-v2 .search-result.product-container{padding-bottom:50px;background:#fff}
main.search-page.search-page-v2 .search-result.product-container .filter-box{display:none}
main.search-page.search-page-v2 .search-result.product-container .filter-none{display:none;width:100%;font-size:16px;line-height:32px;text-align:center;justify-content:center;padding-top:82px;padding-bottom:82px}
main.search-page.search-page-v2 .search-result.product-container .product-box{width:100%;flex:1 1 100%;margin-left:0}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-wraper{margin:0 -8px}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item{width:50%;flex:1 1 50%;max-width:50%;padding:0 8px;margin-bottom:48px}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .img-box{background:#efefef}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .product-tag{display:block;margin-top:7px;font-size:12px;line-height:12px;color:#2ec84e}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .title{margin-top:1px;font-size:12px;line-height:20px;height:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .desc{font-size:12px;line-height:20px;height:40px;margin-top:6px;max-height:40px;height:40px}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .desc .text{word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .more{margin-top:6px}
main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .more a{margin-right:20px;font-size:12px;line-height:20px}
main.search-page.search-page-v2 .search-result.product-container .search-page_list1{padding-top:0}
main.search-page.search-page-v2 .search-result.news-container{padding-bottom:50px;background:#fff}
main.search-page.search-page-v2 .search-result.news-container .result-funtion{position:relative;width:100%}
main.search-page.search-page-v2 .search-result.news-container .result-funtion .right-box{display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);padding:0;margin:0;z-index:1}
main.search-page.search-page-v2 .search-result.news-container .result-funtion .right-box .rank{font-family:'OPPOSans-Ver2-Medium';font-size:12px;line-height:12px;color:rgba(0,0,0,0.56)}
main.search-page.search-page-v2 .search-result.news-container .result-funtion .right-box .rank>img{opacity:.56}
main.search-page.search-page-v2 .search-result.news-container .news-filter{font-size:12px;line-height:20px;padding:20px 0 10px;overflow-x:auto}
main.search-page.search-page-v2 .search-result.news-container .news-filter ul{width:max-content}
main.search-page.search-page-v2 .search-result.news-container .news-box{width:100%;margin:0 auto 13px}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item{position:relative;width:100%;display:flex;justify-content:space-between;margin-top:0;padding:24px 0;border-bottom:1px solid #efefef}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item:first-child{margin-top:0}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item:last-child{border:0;padding-bottom:0}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item.without-pic .desc{width:320px}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item.without-pic .tag-box{width:320px}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .img-box{flex:0 0 100px;margin-top:0}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .img-box img{height:75px;object-fit:cover}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .left-box .title{font-family:'OPPOSans-Ver2-Medium';display:block;width:100%;font-size:14px;line-height:24px;letter-spacing:0;max-height:unset;overflow:unset}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .left-box .title .text{float:unset}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .left-box .desc{font-size:12px;line-height:20px}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .left-box .desc::before{display:none}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .left-box .desc::after{display:none}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .left-box .tag-box{margin-top:4px;margin-bottom:6px}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .left-box .tag-box .tag{display:inline-block;padding:2px 8px;font-size:12px;margin-left:0;line-height:14px;color:#fff;font-family:'OPPOSans-Ver2-Regular';background:#046a38;vertical-align:middle;margin-right:12px;margin-bottom:2px}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .left-box .tag-box .date{display:inline-block;font-size:12px;line-height:17px;opacity:.4;font-family:'OPPOSans-Ver2-Regular';vertical-align:middle;margin-bottom:2px}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .left-box .news-learn-more{width:100%}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .left-box .news-learn-more a{font-size:14px;line-height:24px;color:#046a38;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-break:break-all}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .left-box.news-item-is-img .title .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .left-box.news-item-is-img .tag-box{margin-top:2px}
main.search-page.search-page-v2 .search-result.news-container .news-box .news-item .left-box.news-item-is-img .desc .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
main.search-page.search-page-v2 .search-result.coloros-container{background:#fff;padding-bottom:55px}
main.search-page.search-page-v2 .search-result.coloros-container .result-funtion{margin:0}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap{width:100%;padding:0}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column{width:100%;margin-right:16px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column.third-column{display:none}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column.second-column{margin-right:0}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select{width:100%;position:relative}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-input{width:100%;justify-content:flex-start;padding-top:17px;padding-bottom:13px;box-sizing:border-box;border-radius:2px;display:flex;align-items:center}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-input .input-text{font-size:12px;margin-right:4px;line-height:24px;letter-spacing:-0.1px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-input .input-icon{width:13px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-input .input-icon svg{transition:transform .34s cubic-bezier(0.48,0.04,0.52,0.96)}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-input .input-icon svg.input-icon-open{transform:rotate(180deg)}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-input .input-icon svg.prod-open{display:block}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .space-element{flex:1 0 auto}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .learn-more{font-size:12px;line-height:17px;border-bottom:1px solid #000}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list{display:none;width:100%;height:360px;position:fixed;bottom:0;left:0;top:unset;z-index:999;background-color:#fff;padding:0 20px 67px;box-sizing:border-box}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-list-title{width:100%;position:relative;padding-top:32px;margin-bottom:20px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-list-title p{width:100%;font-size:20px;line-height:150%;text-align:center}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-list-title .select-list-open{position:absolute;top:18px;right:-7px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-list-van{border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:22px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-list-van .list-tab{width:100%;display:flex;padding:0 12px;box-sizing:border-box;transform:translateY(1px)}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-list-van .list-tab .tab-item{color:#666;font-size:16px;line-height:150%;margin-right:24px;padding-bottom:7px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-list-van .list-tab .tab-item.active{color:#000;border-bottom:2px solid #2dc84d}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .tab-box{position:relative}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .tab-box .tab-ul{box-sizing:border-box;width:100%;max-height:195px;overflow-y:scroll}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .tab-box .tab-ul::-webkit-scrollbar{width:8px;height:5px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .tab-box .tab-ul::-webkit-scrollbar-thumb{border-radius:5px;background-color:#c7c7c7}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .tab-box .tab-ul::-webkit-scrollbar-track{border-radius:0}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series .series-box{margin-bottom:12px;line-height:24px;padding:4px 12px;box-sizing:border-box;display:inline-block;border:0}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series .series-box.checke{background-color:#f6f6f6}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series .series-box .series-text{font-size:14px;line-height:24px;display:inline}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series .series-box .series-open{display:none}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series-list{width:100%;height:195px;overflow-y:auto;display:none;position:absolute;top:0;left:0;background-color:#fff}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series-list .series-list-current{background:#f6f6f6}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series-list::-webkit-scrollbar{width:8px;height:5px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series-list::-webkit-scrollbar-thumb{border-radius:5px;background-color:#c7c7c7}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series-list::-webkit-scrollbar-track{border-radius:0}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series-list li{margin-bottom:12px;line-height:24px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series-list li.list-back .list-text{background-color:#f6f6f6}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series-list li .list-text{font-size:14px;line-height:24px;padding:4px 12px;box-sizing:border-box;display:inline-block}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-all-pcbtn-box{display:none}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-list-title .select-all-mobbtn{position:absolute;display:flex;align-items:center;left:0;top:18px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-list-title .select-all-mobbtn a{font-size:12px;line-height:16px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .column .select .select-list .select-list-title .select-all-mobbtn::after{content:'';display:block;width:16px;height:16px;background:url(../%5bobject%20module%5d-4.html) no-repeat;background-size:contain;margin-left:2px}
main.search-page.search-page-v2 .search-result.coloros-container .video-model .model-wrap .masking{display:none;width:100vw;height:100vh;position:fixed;top:0;left:0;background:black;opacity:.56;z-index:998}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-filter-none{width:100%;padding-top:82px;padding-bottom:82px}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box{margin-top:25px}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box *{box-sizing:border-box}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container{display:flex;flex-wrap:wrap;margin:0 -9px}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item{flex:1 1 50%;max-width:50%;margin-bottom:38px;padding:0 9px}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap{flex-wrap:wrap}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-img{flex:0 0 100%;max-width:100%;margin-bottom:14px}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text{padding-left:0}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text .item-title{flex-wrap:wrap;margin-bottom:12px}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text .item-title .item-icon{font-size:12px;line-height:14px}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text .item-title .item-time{display:block;font-size:12px;line-height:17px;color:#666}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text .item-title .item-write{display:none}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text .item-mb-title{display:block}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text .item-mb-title .item-write{font-family:'OPPOSans-Ver2-Medium';font-size:14px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text .item-des{margin:8px 0 0 0}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text .item-des p{font-size:12px;line-height:20px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
main.search-page.search-page-v2 .search-result.coloros-container .coloros-box .ch-coloros-container .ch-coloros-item .item-wrap .item-text .item-url{display:none}
main.search-page.search-page-v2 .search-result.coloros-container .search-page_list4{padding-top:16px}
main.search-page.search-page-v2 .search-result.offline-container .offline-core{width:100%}
main.search-page.search-page-v2 .search-result.offline-container .result-funtion{display:flex}
main.search-page.search-page-v2 .search-result.offline-container .result-funtion .result-length{margin:0}
main.search-page.search-page-v2 .search-result.offline-container .result-funtion .right-box{display:block;margin:0}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-content{margin:0}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item{flex:1 1 100%;max-width:100%;padding:0}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item .offline-des{font-size:12px;line-height:20px;margin-bottom:4px}
main.search-page.search-page-v2 .search-result.offline-container .offline-box .offline-item .offline-des svg{top:2px}
main.search-page.search-page-v2 .search-result.offline-container .without-result{margin-top:20px}
main.search-page.search-page-v2 .search-result .page_list{padding-top:64px;font-size:14px;line-height:24px;font-family:'OPPOSans-Ver2-Medium'}
main.search-page.search-page-v2 .search-result .page_list .pagination_wrapper{height:30px}
main.search-page.search-page-v2 .search-result .page_list .target-page{margin-left:17px}
main.search-page.search-page-v2 .search-result .page_list .pager{margin-right:17px}
main.search-page.search-page-v2 .search-result .page_list .pagination_wrapper .next,main.search-page.search-page-v2 .search-result .page_list .pagination_wrapper .prev{width:30px;height:30px}
main.search-page.search-page-v2 .search-result .without-result{margin:0 -20px;padding:67px 30px 101px;background:#FFF}
main.search-page.search-page-v2 .search-result .without-result .title{width:100%;margin:0 auto;text-align:center;font-size:14px;line-height:24px;letter-spacing:-0.05px;color:#999;padding:0 34px}
main.search-page.search-page-v2 .search-result .without-result .title img{width:14px;height:12px;margin-right:3px}
main.search-page.search-page-v2 .search-result .without-result .button-box{display:block;margin:74px auto 0;width:100%}
main.search-page.search-page-v2 .search-result .without-result .button-box a.button{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;height:57px;border:0;border:1px solid #eaeaea;margin-bottom:12px;padding-left:79px}
main.search-page.search-page-v2 .search-result .without-result .button-box a.button:last-child{margin-bottom:0}
main.search-page.search-page-v2 .search-result .without-result .button-box a.button .icon{width:36px;height:36px;margin-left:0}
main.search-page.search-page-v2 .search-result .without-result .button-box a.button .text{margin-left:12px}
main.search-page.search-page-v2 .search-result .without-result .button-box a.button .text .title{text-align:left;font-family:'OPPOSans-Ver2-Medium'}
}
@media(max-width:768.98px) and (min-width:767.98px){main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card{overflow-x:scroll}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .mx-multiple-product .prd-card .mx-prd-row{width:1000px}
main.search-page.search-page-v2 .search-result.multiple-container .mx-multiple-tab .mx-multiple-tab-box .explore-about-list .about-list-right .about-list-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
}
#ch-play-skillbanner *,#ch-play-skillicon *,#ch-play-skilllist *{box-sizing:border-box}
#ch-play-skillbanner{background:linear-gradient(180deg,#e6eef4 0,#f4f8fa 60%,#fff 100%)}
#ch-play-skillbanner .skill-title{width:1312px;margin:0 auto;padding:128px 0 80px;margin:0 auto}
#ch-play-skillbanner .skill-title p{font-size:68px;line-height:82px;text-align:center}
#ch-play-skillbanner .skill-banner{width:100%;margin:0 auto;margin-bottom:136px}
#ch-play-skillbanner .skill-banner .banner-wrap .item-slick-prev,#ch-play-skillbanner .skill-banner .banner-wrap .item-slick-next{position:absolute;top:50%;width:52px;height:52px;cursor:pointer}
#ch-play-skillbanner .skill-banner .banner-wrap .item-slick-prev{left:7.625vw;z-index:1;transform:translate(0,-50%);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADCSURBVHgB7dbRDYIwFEbhWydwBNzEFZzAERxBR9AN3EA30E1gA9ig/k2KwYYBeu35kptCwwMnEIIZAAAAmhNjPGpGzcO8yzFLnXm1EnM3r3Tzp3+KORNTI2JqRUytvMeE5UmK0XIprnlb3Z4hhNt88g1SzFbLaD7tFDWkg828o41Jy2D+DHNMUr5ynZaXpstbKfJgdYdO+WGsS1GafvFR6KPnv+mEKC+I8oIoL5qJMu+KKK//f79y1FWzNwAAAAAN+AAWYbo233e5PAAAAABJRU5ErkJggg==) no-repeat}
#ch-play-skillbanner .skill-banner .banner-wrap .item-slick-next{right:7.625vw;transform:translate(0,-50%) rotate(180deg);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADCSURBVHgB7dbRDYIwFEbhWydwBNzEFZzAERxBR9AN3EA30E1gA9ig/k2KwYYBeu35kptCwwMnEIIZAAAAmhNjPGpGzcO8yzFLnXm1EnM3r3Tzp3+KORNTI2JqRUytvMeE5UmK0XIprnlb3Z4hhNt88g1SzFbLaD7tFDWkg828o41Jy2D+DHNMUr5ynZaXpstbKfJgdYdO+WGsS1GafvFR6KPnv+mEKC+I8oIoL5qJMu+KKK//f79y1FWzNwAAAAAN+AAWYbo233e5PAAAAABJRU5ErkJggg==) no-repeat}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots{bottom:-32px}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li.active button::before{background-color:transparent !important}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li{margin:0;padding:5px 12px;width:12px;height:12px;vertical-align:top}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li.active button::before{border-radius:50%}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li.active button svg circle.annulus{stroke-dashoffset:0;transition:stroke-dashoffset 5s linear;stroke:rgba(0,0,0,0.78)}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li.active button svg circle.background{stroke:rgba(0,0,0,0.2)}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li button{position:relative;padding:0;width:12px;height:12px}
#ch-play-skillbanner .skill-banner .banner-wrap .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:rgba(0,0,0,0.28)}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li button svg{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;transform:rotate(-90deg) translateZ(0)}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li button svg circle{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:31 31;stroke-dashoffset:31}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li button svg circle.background{stroke-dashoffset:0}
@media(min-width:1024px) and (max-width:1439.98px){#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li{padding:5px 8px}
}
@media(max-width:1023.98px){#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li{padding:5px;width:10px;height:10px}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li button{width:10px;height:10px}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li button::before{width:7px;height:7px}
}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item{padding:0 9px}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item .item-wrap{display:block}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item .item-wrap .item-img{position:relative}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item .item-wrap .item-img img.item-img-pc{display:block}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item .item-wrap .item-img img.item-img-mob{display:none}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item .item-wrap .item-img img{display:block;width:100%}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item .item-wrap .item-img .banner-item-text{position:absolute;width:475px;bottom:64px;left:48px;color:#fff}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item .item-wrap .item-img .banner-item-text .banner-item-des{font-size:18px;line-height:27px;margin-bottom:4px;color:rgba(255,255,255,0.78)}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item .item-wrap .item-img .banner-item-text .banner-item-title{font-size:42px;line-height:50px}
#ch-play-skillicon .skill-icon{padding-bottom:96px}
#ch-play-skillicon .skill-icon .skill-icon-box{max-width:1160px;width:auto;margin:0 auto}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -32px}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item{flex:0 0 140px;margin:0 32px 32px;cursor:pointer}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content{padding:0 30px}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content .icon-img{position:relative;margin-bottom:10px}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content .icon-img img{display:block;width:80px;height:80px;transition:all .5s}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content .icon-img .icon-img-hover{position:absolute;left:0;top:0;opacity:0}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content .icon-des{font-size:18px;line-height:27px;word-break:break-all;text-align:center}
@media(min-width:768.98px){#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content:hover .icon-img-hover{opacity:1}
}
#ch-play-skilllist .skill-list{padding:128px 0 64px;background:#f6f6f7}
#ch-play-skilllist .skill-list .skill-list-box{width:1312px;margin:0 auto}
#ch-play-skilllist .skill-list .skill-list-wrap .list-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-title p{font-size:36px;line-height:43px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-title a{font-size:18px;line-height:27px;border-bottom:1px solid #000}
#ch-play-skilllist .skill-list .skill-list-wrap .list-title a:hover{color:rgba(0,0,0,0.78);border-bottom:1px solid rgba(0,0,0,0.78)}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:0 -32.5px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item{width:33.333333333%;flex:0 0 33.333333333%;padding:0 32.5px;margin-bottom:64px;cursor:pointer}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap{display:flex;flex-wrap:wrap;flex-direction:column;height:100%;background:#fff}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img{position:relative;width:100%}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img img{display:block;width:100%;height:auto}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img:hover .img-hover{opacity:1}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover{opacity:0;position:absolute;left:0;top:0;display:flex;width:100%;height:100%;background:rgba(0,0,0,0.4);padding:16px;transition:all .3s}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail{display:flex;align-items:center;align-self:flex-end;background:#fff;border-radius:3px;padding:6px 8px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail i{display:block;width:16px;height:16px;margin-right:13px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABpSURBVHgB1ZJbDYAwDEVvUIAEJCABJ5MCEnCABCQgBQlIKB2hycIHW7ss2U5yPnv7SIEaOV9HGKHAjR2ghD76aVxOgLinTkMR59wAWeuhQwH+Ol/sYg04YDyi7+qgICxe2R5K5JUnNMENpzY+I5xT7zgAAAAASUVORK5CYII=) no-repeat}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail{display:flex;flex-direction:column;flex:1 0 auto;justify-content:space-between;padding:12px 16px 24px;background:#fff}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip{display:flex;align-items:center;margin-bottom:14px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-btn-new{display:flex;align-items:center;flex:1 1 auto}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-btn-new .tip-new{display:block;font-size:12px;line-height:20px;color:#fff;padding:0 8px;background:#2ec84e;border-radius:2px;margin-right:12px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-btn-new .tip-date{font-size:12px;line-height:20px;color:rgba(0,0,0,0.4)}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-share{display:block;width:24px;height:24px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACjSURBVHgB7ZSxDYQwDEW/TrfHTXIbsAFMEmoYgQ2YhB3oQWIACnoclEgUDnEwBUWe9KVIsf0T2TKQeSMVaSFtAXli9wdfxsCQZlKHa9rTuST9IMS+ooYc43JGMD/4QIdxj7G/6bkAjcG5eBMKumsgKh4i1gOD9D6JDf5QFo8ZeBOOGg9N0ZASrB3TbKCHW3YrqUA6NmeSBNp17RdXihaXm3kZO/0bNUJifJsYAAAAAElFTkSuQmCC) no-repeat;cursor:pointer}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text{margin-bottom:12px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .item-detail-title{font-size:18px;line-height:27px;font-family:'OPPOSans-Ver2-Medium';margin-bottom:4px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .item-detail-des{font-size:14px;line-height:24px;color:rgba(0,0,0,0.56)}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-title{font-size:14px;font-family:'OPPOSans-Ver2-Medium';line-height:24px;margin-bottom:12px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-box{display:flex;cursor:default;margin:0 -4px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-box i{display:block;font-size:13px;line-height:24px;color:rgba(0,0,0,0.56);background:rgba(0,0,0,0.08);border-radius:4px;text-align:center;flex:0 1 25%;padding:0;max-width:25%;padding:0 6px;margin:0 4px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-box i:last-child{margin-right:0}
@media(max-width:1440px){#ch-play-skillbanner .skill-title{width:100%;padding:96px 96px 80px}
#ch-play-skillbanner .skill-title p{font-size:60px;line-height:72px}
#ch-play-skillbanner .skill-banner{margin-bottom:120px}
#ch-play-skillbanner .skill-banner .banner-wrap .item-slick-prev{left:68px}
#ch-play-skillbanner .skill-banner .banner-wrap .item-slick-next{right:68px}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item .item-wrap .item-img .banner-item-text{width:27.77777vw;left:3.61111vw;bottom:2.77777vw}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item .item-wrap .item-img .banner-item-text .banner-item-des{font-size:1.11111vw;line-height:1.66666vw}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item .item-wrap .item-img .banner-item-text .banner-item-title{font-size:2.5vw;line-height:3.05555vw}
#ch-play-skillbanner .skill-banner .banner-wrap .item-slick-prev,#ch-play-skillbanner .skill-banner .banner-wrap .item-slick-next{width:3.61111vw;height:3.61111vw;background-size:cover}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item{padding:0 8px}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots{bottom:-33px}
#ch-play-skillicon .skill-icon{padding-bottom:68px}
#ch-play-skillicon .skill-icon .skill-icon-box{max-width:1080px}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap{margin:0 -24px}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item{flex:0 0 140px;margin:0 24px 28px}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content{padding:0 34px}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content .icon-img{margin-bottom:8px}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content .icon-img img{width:72px;height:72px}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content .icon-des{font-size:16px;line-height:24px}
#ch-play-skilllist .skill-list{padding:96px 64px 64px}
#ch-play-skilllist .skill-list .skill-list-box{width:100%;margin:0 auto}
#ch-play-skilllist .skill-list .skill-list-wrap .list-title{margin-bottom:40px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-title p{font-size:36px;line-height:43px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-title a{font-size:18px;line-height:27px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap{margin:0 -32.5px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item{padding:0 32.5px;margin-bottom:64px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img img{height:auto}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover{padding:16px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail{border-radius:3px;padding:6px 8px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail i{width:16px;height:16px;margin-right:13px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail{padding:12px 16px 24px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip{margin-bottom:14px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-btn-new .tip-new{font-size:12px;line-height:20px;padding:0 8px;border-radius:2px;margin-right:12px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-btn-new .tip-date{font-size:12px;line-height:20px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-share{width:24px;height:24px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text{margin-bottom:12px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .item-detail-title{font-size:18px;line-height:27px;margin-bottom:4px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .item-detail-des{font-size:14px;line-height:24px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-title{font-size:14px;line-height:24px;margin-bottom:12px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-box i{font-size:13px;line-height:24px;border-radius:4px}
}
@media(max-width:1024px){#ch-play-skillbanner .skill-banner{margin-bottom:112px}
#ch-play-skillbanner .skill-title{padding:80px 64px 64px}
#ch-play-skillbanner .skill-title p{font-size:48px;line-height:57px}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li button::before{width:6px;height:6px}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li button{width:10px;height:10px}
#ch-play-skillicon .skill-icon{padding:0 64px 60px}
#ch-play-skillicon .skill-icon .skill-icon-box{max-width:100%}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap{margin:0 -17.5px}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item{flex:0 0 120px;margin:0 17.5px 20px}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content{padding:0 28px}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content .icon-img{margin-bottom:8px}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content .icon-img img{width:64px;height:64px}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content .icon-des{font-size:14px;line-height:24px}
#ch-play-skilllist .skill-list{padding:80px 0 56px}
#ch-play-skilllist .skill-list .skill-list-box{width:100%;margin:0 auto;padding:0 64px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-title{margin-bottom:32px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-title p{font-size:32px;line-height:38px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-title a{font-size:12px;line-height:20px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap{margin:0 -20px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item{padding:0 20px;margin-bottom:44px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img img{height:auto}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover{padding:8px 4px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail{border-radius:3px;padding:6px 8px;background:transparent;color:#fff}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail i{width:16px;height:16px;margin-right:13px;background:url(../%5bobject%20module%5d-4.html) no-repeat}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail{padding:10px 12px 20px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip{margin-bottom:10px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-btn-new .tip-new{font-size:12px;line-height:20px;padding:0 8px;border-radius:2px;margin-right:12px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-btn-new .tip-date{font-size:12px;line-height:20px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-share{width:24px;height:24px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text{margin-bottom:8px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .item-detail-title{font-size:16px;line-height:24px;margin-bottom:4px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .item-detail-des{font-size:12px;line-height:20px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-title{font-size:12px;line-height:20px;margin-bottom:8px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-box i{font-size:13px;line-height:24px;border-radius:4px}
}
@media(max-width:768px){#ch-play-skillbanner .skill-title{padding:40px 20px 32px}
#ch-play-skillbanner .skill-title p{font-size:40px;line-height:42px;text-align:left}
#ch-play-skillbanner .skill-banner{width:100%;margin:0 auto;margin-bottom:48px}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots{position:relative;bottom:unset;display:flex;justify-content:center;margin-top:15px}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li{padding:0;width:8px;height:8px;margin-right:4px}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li button{width:8px;height:8px}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li button::before{width:6px;height:6px}
#ch-play-skillbanner .skill-banner .banner-wrap .slick-dots li.slick-active button::before{background:rgba(0,0,0,0.56)}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item{padding:0 2px}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item .item-wrap .item-img .banner-item-text{width:90%;bottom:32px;left:24px}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item .item-wrap .item-img .banner-item-text .banner-item-des{font-size:14px;line-height:20px;margin-bottom:4px}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item .item-wrap .item-img .banner-item-text .banner-item-title{font-size:28px;line-height:42px}
#ch-play-skillicon .skill-icon{padding:0 20px 32px}
#ch-play-skillicon .skill-icon .skill-icon-box{max-width:100%;width:100%;margin:0 auto}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -8px}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item{margin:0 0 16px;padding:0 8px}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content{padding:0}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content .icon-img{margin:0 auto 8px;width:48px;height:48px}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content .icon-img img{display:block;width:100%;height:100%}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap .icon-item .item-content .icon-des{font-size:12px;line-height:26px;word-break:break-all;text-align:center}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap.icon-item-1_3 .icon-item{flex:0 0 33.333333333%}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap.icon-item-4 .icon-item{flex:0 0 25%}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap.icon-item-5 .icon-item{flex:0 0 20%}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap.icon-item-6 .icon-item{flex:0 0 33.333333333%}
#ch-play-skillicon .skill-icon .skill-icon-box .icon-wrap.icon-item-7_8 .icon-item{flex:0 0 25%}
#ch-play-skilllist .skill-list{padding:48px 0 48px}
#ch-play-skilllist .skill-list .skill-list-box{width:100%;margin:0 auto;padding:0 20px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-title{margin-bottom:24px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-title p{font-size:20px;line-height:26px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-title a{font-size:14px;line-height:24px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap{margin:0}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item{width:100%;flex:0 0 100%;padding:0;margin-bottom:32px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img img{height:auto}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover{opacity:1;padding:13px 16px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail{border-radius:0;padding:0;background:transparent}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail i{width:16px;height:16px;margin-right:13px;background:url(../%5bobject%20module%5d-4.html) no-repeat}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail p{font-size:12px;line-height:21px;color:#fff}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail{padding:13px 16px 26px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip{margin-bottom:14px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-btn-new .tip-new{font-size:12px;line-height:20px;padding:0 8px;border-radius:2px;margin-right:12px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-btn-new .tip-date{font-size:12px;line-height:20px;color:rgba(0,0,0,0.4)}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-share{width:24px;height:24px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text{margin-bottom:12px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .item-detail-title{font-size:16px;line-height:21px;margin-bottom:4px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .item-detail-des{font-size:14px;line-height:20px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-title{font-size:12px;line-height:20px;margin-bottom:8px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-box i{padding:0 4px;font-size:12px;line-height:24px;border-radius:4px;max-width:unset;flex:0 0 80px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-box i:nth-child(4){margin-right:0;flex:1 0 auto;padding:0 8px}
}
@media(max-width:768px) and (min-width:767.98px){#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap{margin:0 -20px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item{width:50%;flex:0 0 50%;padding:0 20px}
}
@media(max-width:767.98px){#ch-play-skillbanner .skill-banner .banner-wrap .banner-item .item-wrap .item-img img.item-img-pc{display:none}
#ch-play-skillbanner .skill-banner .banner-wrap .banner-item .item-wrap .item-img img.item-img-mob{display:block}
}
#ch-play-skillbanner .item-slick-prev{animation-name:arrow_prev;animation-duration:1.8s;animation-timing-function:linear;animation-iteration-count:infinite}
#ch-play-skillbanner .item-slick-next{animation-name:arrow_next;animation-duration:1.8s;animation-timing-function:linear;animation-iteration-count:infinite}
#ch-play-skillbanner .skill-banner .banner-wrap .item-slick-prev,#ch-play-skillbanner .skill-banner .banner-wrap .item-slick-next{opacity:0;transition:opacity .5s}
#ch-play-skillbanner .skill-banner .banner-wrap:hover .item-slick-prev{opacity:1}
#ch-play-skillbanner .skill-banner .banner-wrap:hover .item-slick-next{opacity:1}
@media(max-width:768px){#ch-play-skillbanner .skill-banner .banner-wrap:hover .slick-arrow{opacity:0 !important}
}
@keyframes arrow_prev{25%{transform:translate(-25%,-50%)}
50%{transform:translate(0,-50%)}
75%{transform:translate(25%,-50%)}
100%{transform:translate(0,-50%)}
}
@keyframes arrow_next{25%{transform:translate(25%,-50%) rotate(180deg)}
50%{transform:translate(0,-50%) rotate(180deg)}
75%{transform:translate(-25%,-50%) rotate(180deg)}
100%{transform:translate(0,-50%) rotate(180deg)}
}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .text-ellipsis-ch{max-height:48px;overflow:hidden}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .text-ellipsis-ch .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .text-ellipsis-ch.item-detail-title{max-height:54px}
@media(max-width:1024px){#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .text-ellipsis-ch{max-height:40px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .text-ellipsis-ch.item-detail-title{max-height:48px}
}
@media(max-width:768px){#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .text-ellipsis-ch{max-height:40px}
#ch-play-skilllist .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .text-ellipsis-ch.item-detail-title{max-height:42px}
}
@media(min-width:1440px){#ch-play-skillbanner .skill-banner .banner-wrap .slick-slide{width:68.02083vw}
}
@media(max-width:1439.98px) and (min-width:1024px){#ch-play-skillbanner .skill-banner .banner-wrap .slick-slide{width:75.69444vw}
}
@media(max-width:1023.98px) and (min-width:768.98px){#ch-play-skillbanner .skill-banner .banner-wrap .slick-slide{width:75vw}
}
@media(max-width:768px) and (min-width:767.98px){#ch-play-skillbanner .skill-banner .banner-wrap .slick-slide{width:100vw}
}
@media(max-width:767px){#ch-play-skillbanner .skill-banner .banner-wrap .slick-slide{width:88.88888vw}
}
#ch-play-skillicon .skill-icon .skill-icon-box.icon-pc-4{width:752px}
@media(max-width:1024px){#ch-play-skillicon .skill-icon .skill-icon-box.icon-pc-4{width:620px}
}
#ch-play-skill-list *{box-sizing:border-box}
#ch-play-skill-list .video-list-head{background:linear-gradient(180deg,#e6eef4 0,#fff 100%)}
#ch-play-skill-list .video-list-head .head-wrap{width:1312px;margin:0 auto}
#ch-play-skill-list .video-list-head .head-wrap .video-crumbs{padding-top:64px;padding-bottom:43px;display:inline-flex}
#ch-play-skill-list .video-list-head .head-wrap .video-crumbs .crumbs-wrap-mob{display:none}
#ch-play-skill-list .video-list-head .head-wrap .video-crumbs a{font-size:12px;line-height:20px;margin:0 4px;border-bottom:1px solid #000}
#ch-play-skill-list .video-list-head .head-wrap .video-crumbs a:first-child{margin-left:0}
#ch-play-skill-list .video-list-head .head-wrap .video-crumbs a:last-child{margin-right:0;border-bottom:0}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-title{margin-bottom:80px}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-title p{font-size:60px;line-height:72px;text-align:center}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search{display:flex;display:none;justify-content:center;padding-bottom:64px}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search .top-search-box{position:relative}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search .top-search-box:before{content:'';position:absolute;left:16px;top:50%;display:block;width:24px;height:24px;transform:translateY(-50%);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEGSURBVHgB7VSrDsJQDC0PARYJhmTwARgkSPgOLN/AH5CgMAgEXzHsJPwCE4ghh5xB0MPtAiH3wbZglp3kpNlt19P2diOqUHrUHP42c8IcCIGIGTBPVFCgw1yKDSVxIkIeM2ZuxeYSWJHqYM+8fPkgshDBtVgtGobzsXCnSQ6g6itzynwYYl6oG84x99D2ovhAzxJjFOg5kqe40fvyMwkAbXIjcQWYBFB9l9zAeCLKIYD5f+6+Dqk/sMQYtwhVjUhtErYl1iTHmmKDDmTBrx8aRoauWqQWAAKYP+7JZx4pYwckCdD+nTkk1VFfns9SOTqYS3xIfwIENsyZztmk4vDFun6cFcqKJz7WMpVM2VvnAAAAAElFTkSuQmCC) no-repeat;z-index:1}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input{position:relative;width:480px;height:48px;padding:12px 16px 12px 48px;border-radius:2px;background:#fff;border:0}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input::-webkit-input-placeholder,#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input textarea::-webkit-input-placeholder{color:rgba(0,0,0,0.4);font-size:16px;line-height:24px}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input:-moz-placeholder,#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input textarea:-moz-placeholder{color:rgba(0,0,0,0.4);font-size:16px;line-height:24px}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input::-moz-placeholder,#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input textarea::-moz-placeholder{color:rgba(0,0,0,0.4);font-size:16px;line-height:24px}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input:-ms-input-placeholder,#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input textarea:-ms-input-placeholder{color:rgba(0,0,0,0.4);font-size:16px;line-height:24px}
#ch-play-skill-list .video-list-head .head-wrap .video-select{display:flex;justify-content:center;-ms-overflow-style:none;overflow:-moz-scrollbars-none}
#ch-play-skill-list .video-list-head .head-wrap .video-select .video-select-wrap{display:flex;justify-content:center;width:max-content}
#ch-play-skill-list .video-list-head .head-wrap .video-select .video-select-wrap .video-select-item{margin:0 32px}
@media(min-width:768.98px){#ch-play-skill-list .video-list-head .head-wrap .video-select .video-select-wrap .video-select-item:hover p{color:#000}
}
#ch-play-skill-list .video-list-head .head-wrap .video-select .video-select-wrap .video-select-item p{position:relative;font-size:18px;line-height:27px;padding-bottom:12px;cursor:pointer;color:rgba(0,0,0,0.56)}
#ch-play-skill-list .video-list-head .head-wrap .video-select .video-select-wrap .video-select-item p:after{content:'';position:absolute;left:50%;bottom:0;width:0;height:3px;transform:translateX(-50%);background:#2ec84e;transition:all .36s cubic-bezier(0.4,0.8,0.74,1)}
#ch-play-skill-list .video-list-head .head-wrap .video-select .video-select-wrap .video-select-item p.video-select-current{color:#000}
#ch-play-skill-list .video-list-head .head-wrap .video-select .video-select-wrap .video-select-item p.video-select-current:after{width:100%}
#ch-play-skill-list .video-list-head .head-wrap .video-select::-webkit-scrollbar{display:none}
#ch-play-skill-list .video-model{background:#f6f6f7}
#ch-play-skill-list .video-model .model-wrap{width:1312px;padding:0;margin:0 auto}
#ch-play-skill-list .video-list_group{background:#f6f6f7}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list{padding:0 0 32px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-box{width:1312px;margin:0 auto}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-title p{font-size:36px;line-height:43px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-title a{font-size:18px;line-height:27px;border-bottom:1px solid #000}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:0 -32.5px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item{width:33.333333333%;flex:0 0 33.333333333%;padding:0 32.5px;margin-bottom:64px;cursor:pointer}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap{display:flex;flex-wrap:wrap;flex-direction:column;height:100%;background:#fff}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img{position:relative;width:100%}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img img{display:block;width:100%}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img:hover .img-hover{opacity:1}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover{opacity:0;position:absolute;left:0;top:0;display:flex;width:100%;height:100%;background:rgba(0,0,0,0.4);padding:16px;transition:all .3s}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail{display:flex;align-items:center;align-self:flex-end;background:#fff;border-radius:3px;padding:6px 8px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail i{display:block;width:16px;height:16px;margin-right:13px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABpSURBVHgB1ZJbDYAwDEVvUIAEJCABJ5MCEnCABCQgBQlIKB2hycIHW7ss2U5yPnv7SIEaOV9HGKHAjR2ghD76aVxOgLinTkMR59wAWeuhQwH+Ol/sYg04YDyi7+qgICxe2R5K5JUnNMENpzY+I5xT7zgAAAAASUVORK5CYII=) no-repeat}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail{display:flex;flex-direction:column;flex:1 0 auto;justify-content:space-between;padding:12px 16px 24px;background:#fff}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip{display:flex;align-items:center;margin-bottom:14px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-btn-new{display:flex;align-items:center;flex:1 1 auto}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-btn-new .tip-new{display:block;font-size:12px;line-height:20px;color:#fff;padding:0 8px;background:#2ec84e;border-radius:2px;margin-right:12px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-btn-new .tip-date{font-size:12px;line-height:20px;color:rgba(0,0,0,0.4)}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-share{display:block;width:24px;height:24px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACjSURBVHgB7ZSxDYQwDEW/TrfHTXIbsAFMEmoYgQ2YhB3oQWIACnoclEgUDnEwBUWe9KVIsf0T2TKQeSMVaSFtAXli9wdfxsCQZlKHa9rTuST9IMS+ooYc43JGMD/4QIdxj7G/6bkAjcG5eBMKumsgKh4i1gOD9D6JDf5QFo8ZeBOOGg9N0ZASrB3TbKCHW3YrqUA6NmeSBNp17RdXihaXm3kZO/0bNUJifJsYAAAAAElFTkSuQmCC) no-repeat;cursor:pointer}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text{margin-bottom:12px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .item-detail-title{font-size:18px;line-height:27px;font-family:'OPPOSans-Ver2-Medium';margin-bottom:4px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .item-detail-des{font-size:14px;line-height:24px;color:rgba(0,0,0,0.56)}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-title{font-size:14px;font-family:'OPPOSans-Ver2-Medium';line-height:24px;margin-bottom:12px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-box{display:flex;cursor:default;margin:0 -4px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-box i{display:block;font-size:13px;line-height:24px;color:rgba(0,0,0,0.56);background:rgba(0,0,0,0.08);border-radius:4px;text-align:center;padding:0;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;flex:0 1 25%;max-width:25%;padding:0 6px;margin:0 4px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-box i:last-child{margin-right:0}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list-btn{display:flex;justify-content:center;padding-bottom:128px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list-btn a{display:block;font-size:14px;line-height:24px;border:1px solid #000;padding:10px 24px;border-radius:2px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list-btn a:hover{color:rgba(0,0,0,0.6);border:1px solid rgba(0,0,0,0.6)}
#ch-play-skill-list .video-list_group .skill-list-null{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:102px 0 182px}
#ch-play-skill-list .video-list_group .skill-list-null .null-img{width:255px;height:195px;background:url(../car.html);background-size:cover;margin-bottom:38px}
#ch-play-skill-list .video-list_group .skill-list-null .null-text{text-align:center}
#ch-play-skill-list .video-list_group .skill-list-null .null-text .null-title{font-size:24px;line-height:36px;margin-bottom:8px;color:#111}
#ch-play-skill-list .video-list_group .skill-list-null .null-text .null-des{font-size:16px;line-height:26px;color:rgba(17,17,17,0.7)}
@media(max-width:1440px){#ch-play-skill-list .video-list-head .head-wrap{width:100%;margin:0 auto;padding:0 64px}
#ch-play-skill-list .video-list-head .head-wrap .video-crumbs{padding-bottom:40px}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-title{margin-bottom:64px}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-title p{font-size:52px;line-height:64px}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search{padding-bottom:52px}
#ch-play-skill-list .video-model .model-wrap{width:100%;padding:0 64px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list{padding:0 64px 32px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-box{width:100%;margin:0 auto}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-title{margin-bottom:40px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-title p{font-size:36px;line-height:43px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-title a{font-size:18px;line-height:27px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap{margin:0 -32.5px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item{padding:0 32.5px;margin-bottom:64px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover{padding:16px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail{border-radius:3px;padding:6px 8px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail i{width:16px;height:16px;margin-right:13px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail{padding:12px 16px 24px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip{margin-bottom:14px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-btn-new .tip-new{font-size:12px;line-height:20px;padding:0 8px;border-radius:2px;margin-right:12px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-btn-new .tip-date{font-size:12px;line-height:20px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-share{width:24px;height:24px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text{margin-bottom:12px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .item-detail-title{font-size:18px;line-height:27px;margin-bottom:4px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .item-detail-des{font-size:14px;line-height:24px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-title{font-size:14px;line-height:24px;margin-bottom:12px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-box i{font-size:13px;line-height:24px;border-radius:4px}
}
@media(max-width:1024px){#ch-play-skill-list .video-list-head .head-wrap .video-crumbs{padding-top:40px;padding-bottom:32px}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-title{margin-bottom:52px}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-title p{font-size:42px;line-height:50px}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search{padding-bottom:40px}
#ch-play-skill-list .video-list-head .head-wrap .video-select .video-select-wrap .video-select-item p{font-size:16px;line-height:24px;padding-bottom:7px}
#ch-play-skill-list .video-list-head .head-wrap .video-select .video-select-wrap .video-select-item p:after{height:2px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list{padding:0}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-box{width:100%;margin:0 auto;padding:0 64px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-title{margin-bottom:32px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-title p{font-size:32px;line-height:38px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-title a{font-size:12px;line-height:20px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap{margin:0 -20px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item{padding:0 20px;margin-bottom:44px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover{padding:8px 4px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail{border-radius:3px;padding:6px 8px;background:transparent;color:#fff}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail i{width:16px;height:16px;margin-right:13px;background:url(../%5bobject%20module%5d-4.html) no-repeat}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail{padding:10px 12px 20px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip{margin-bottom:10px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-btn-new .tip-new{font-size:12px;line-height:20px;padding:0 8px;border-radius:2px;margin-right:12px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-btn-new .tip-date{font-size:12px;line-height:20px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip .tip-share{width:24px;height:24px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text{margin-bottom:8px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .item-detail-title{font-size:16px;line-height:24px;margin-bottom:4px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .item-detail-des{font-size:12px;line-height:20px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-title{font-size:12px;line-height:20px;margin-bottom:8px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label .label-box i{padding:0 6px;font-size:13px;line-height:24px;border-radius:4px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list-btn{padding-bottom:96px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list-btn a{font-size:14px;line-height:24px;padding:8px 24px}
#ch-play-skill-list .video-list_group .skill-list-null{padding:72px 0 128px}
#ch-play-skill-list .video-list_group .skill-list-null .null-img{width:206px;height:157px;margin-bottom:28px}
#ch-play-skill-list .video-list_group .skill-list-null .null-text .null-title{font-size:20px;line-height:30px;margin-bottom:8px}
#ch-play-skill-list .video-list_group .skill-list-null .null-text .null-des{font-size:14px;line-height:24px}
}
@media(max-width:768px){#ch-play-skill-list .video-list-head .head-wrap{padding:0 20px}
#ch-play-skill-list .video-list-head .head-wrap .video-crumbs{padding:12px 0 32px}
#ch-play-skill-list .video-list-head .head-wrap .video-crumbs .crumbs-wrap-pc{display:none}
#ch-play-skill-list .video-list-head .head-wrap .video-crumbs .crumbs-wrap-mob{display:block}
#ch-play-skill-list .video-list-head .head-wrap .video-crumbs .crumbs-wrap-mob .crumbs-mob-content .crumbs-mob-content-box{display:flex;align-items:center}
#ch-play-skill-list .video-list-head .head-wrap .video-crumbs .crumbs-wrap-mob .crumbs-mob-content .crumbs-mob-icon{display:block;width:24px;height:24px;margin-right:6px;background:url(../%5bobject%20module%5d-4.html) no-repeat}
#ch-play-skill-list .video-list-head .head-wrap .video-crumbs .crumbs-wrap-mob .crumbs-mob-content .crumbs-mob-text{flex:1 1 auto}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-title{display:none}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search{display:block;display:none;padding-bottom:32px}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search .top-search-box{display:block}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input{width:100%;height:40px;padding:8px 12px 8px 40px;border-radius:2px}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input::-webkit-input-placeholder,#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input textarea::-webkit-input-placeholder{font-size:14px}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input:-moz-placeholder,#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input textarea:-moz-placeholder{font-size:14px}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input::-moz-placeholder,#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input textarea::-moz-placeholder{font-size:14px}
#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input:-ms-input-placeholder,#ch-play-skill-list .video-list-head .head-wrap .video-top .top-wrap .top-search input textarea:-ms-input-placeholder{font-size:14px}
#ch-play-skill-list .video-list-head .head-wrap .video-select{justify-content:flex-start;overflow-x:auto}
#ch-play-skill-list .video-list-head .head-wrap .video-select .video-select-wrap{justify-content:flex-start}
#ch-play-skill-list .video-list-head .head-wrap .video-select .video-select-wrap .video-select-item{width:max-content;margin:0 16px}
#ch-play-skill-list .video-list-head .head-wrap .video-select .video-select-wrap .video-select-item p{position:relative;font-size:14px;line-height:20px;padding-bottom:4px}
#ch-play-skill-list .video-list-head .head-wrap .video-select .video-select-wrap .video-select-item:first-child{margin-left:0}
#ch-play-skill-list .video-list-head .head-wrap .video-select .video-select-wrap .video-select-item:last-child{margin-right:0}
#ch-play-skill-list .video-model .model-wrap{width:100%;padding:0 20px}
#ch-play-skill-list .video-model,#ch-play-skill-list .video-list_group{padding:0 20px;background:#fff}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list{padding:0 0 28px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-box{width:100%;margin:0 auto;padding:0}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-title{margin-bottom:24px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-title p{font-size:20px;line-height:26px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-title a{font-size:14px;line-height:24px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap{margin:0 -8px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item{width:50%;flex:0 0 50%;padding:0 8px;margin-bottom:20px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img img{height:auto}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover{opacity:1;padding:5px 7px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail{border-radius:0;padding:0;background:transparent}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail i{width:16px;height:16px;margin-right:11px;background:url(../%5bobject%20module%5d-4.html) no-repeat}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-img .img-hover .img-hover-detail p{font-size:12px;line-height:21px;color:#fff}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail{padding:10px 0 0}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-tip{display:none}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text{margin-bottom:0}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .item-detail-title{font-size:12px;line-height:16px;font-weight:normal}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .item-detail-des{display:none}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-label{display:none}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list-btn{padding-bottom:64px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list-btn a{font-size:12px;line-height:20px;padding:6px 16px}
#ch-play-skill-list .video-list_group .skill-list-null{padding:64px 0 80px}
#ch-play-skill-list .video-list_group .skill-list-null .null-img{width:116px;height:96px;margin-bottom:20px}
#ch-play-skill-list .video-list_group .skill-list-null .null-text .null-title{font-size:18px;line-height:27px;margin-bottom:8px}
#ch-play-skill-list .video-list_group .skill-list-null .null-text .null-des{font-size:14px;line-height:23px}
}
@media(min-width:768.98px){#ch-play-skill-list .video-model .model-wrap .column{width:100%;margin-right:135px}
#ch-play-skill-list .video-model .model-wrap .column:last-child{margin-right:0}
#ch-play-skill-list .video-model .model-wrap .column .select{width:100%;position:relative;display:flex}
#ch-play-skill-list .video-model .model-wrap .column .select .select-input{width:100%;padding-top:52px;padding-bottom:32px;box-sizing:border-box;border-radius:2px;display:flex;justify-content:flex-start;align-items:center}
#ch-play-skill-list .video-model .model-wrap .column .select .select-input.sidekeep::after{width:100%;opacity:1}
#ch-play-skill-list .video-model .model-wrap .column .select .select-input::after{content:'';width:212px;height:2px;background-color:#000;position:absolute;bottom:-10px;left:50%;z-index:10;transition:all .3s cubic-bezier(0.48,0.04,0.52,0.96);transform:translateX(-50%);opacity:0}
#ch-play-skill-list .video-model .model-wrap .column .select .select-input .input-text{font-size:18px;margin-right:9px;line-height:27px;letter-spacing:-0.1px;cursor:pointer}
#ch-play-skill-list .video-model .model-wrap .column .select .select-input .input-icon{width:18px}
#ch-play-skill-list .video-model .model-wrap .column .select .select-input .input-icon svg{transition:transform .34s cubic-bezier(0.48,0.04,0.52,0.96)}
#ch-play-skill-list .video-model .model-wrap .column .select .select-input .input-icon svg.input-icon-open{transform:rotate(-180deg)}
#ch-play-skill-list .video-model .model-wrap .column .select .select-input .input-icon svg.prod-open{display:block}
#ch-play-skill-list .video-model .model-wrap .column .select .select-input .space-element{flex:1 0 auto}
#ch-play-skill-list .video-model .model-wrap .column .select .select-input .learn-more{display:none;font-style:14px;line-height:24px;border-bottom:1px solid #000}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list{display:none;width:314px;position:absolute;z-index:8;background-color:#fff;top:80px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;box-sizing:border-box}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .select-list-title,#ch-play-skill-list .video-model .model-wrap .column .select .select-list .select-list-van{display:none}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series:first-child .series-box{border-top:0;box-sizing:content-box}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series .series-box{width:274px;margin:0 auto;height:65px;font-size:16px;line-height:150%;display:flex;align-items:center;cursor:pointer;border-top:1px solid rgba(0,0,0,0.08)}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series .series-box.checke{border-bottom:1px solid rgba(0,0,0,0.08)}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series .series-box.checke .series-open.tf-rotate{transform:rotate(90deg)}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series .series-box.checke .series-open.tf-rotate i::before{opacity:0}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series .series-text{width:100%;font-size:16px;font-family:'OPPOSans-Ver2-Medium';line-height:150%}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series .series-open{width:.14rem;height:.14rem;position:relative;transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.96)}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series .series-open i::before{content:'';position:absolute;left:50%;top:50%;width:14px;transform:translate(-50%,-50%);border-top:2px solid;transition:opacity .24s cubic-bezier(0.48,0.04,0.52,0.96)}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series .series-open i::after{content:'';position:absolute;left:50%;top:50%;height:14px;transform:translate(-50%,-50%);border-left:2px solid}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series .series-list{display:none;max-height:184px;overflow-y:auto;padding:12px 0;box-sizing:border-box}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series .series-list .series-list-current{background:#f6f6f6}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series .series-list::-webkit-scrollbar{width:8px;height:5px}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series .series-list::-webkit-scrollbar-thumb{border-radius:5px;background-color:#c7c7c7}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series .series-list::-webkit-scrollbar-track{border-radius:0}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series .series-list li{width:100%;height:40px;font-size:14px;line-height:170%;display:flex;align-items:center;padding:0 20px;box-sizing:border-box;cursor:pointer}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series .series-list li.list-back{background:#f6f6f6}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series .series-list li:hover{background:#f6f6f6}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list ul .series .series-list li p{width:274px;line-height:40px;margin:0 auto}
#ch-play-skill-list .video-model .model-wrap .masking{display:none}
}
@media(max-width:768px){#ch-play-skill-list .video-model .model-wrap{width:100%;padding:0}
#ch-play-skill-list .video-model .model-wrap .column{width:100%;margin-right:16px}
#ch-play-skill-list .video-model .model-wrap .column.third-column{display:none}
#ch-play-skill-list .video-model .model-wrap .column.second-column{margin-right:0}
#ch-play-skill-list .video-model .model-wrap .column .select{width:100%;position:relative}
#ch-play-skill-list .video-model .model-wrap .column .select .select-input{width:100%;justify-content:flex-start;padding-top:24px;padding-bottom:24px;box-sizing:border-box;border-radius:2px;display:flex;align-items:center}
#ch-play-skill-list .video-model .model-wrap .column .select .select-input .input-text{font-size:12px;margin-right:4px;line-height:24px;letter-spacing:-0.1px}
#ch-play-skill-list .video-model .model-wrap .column .select .select-input .input-icon{width:13px}
#ch-play-skill-list .video-model .model-wrap .column .select .select-input .input-icon svg{transition:transform .34s cubic-bezier(0.48,0.04,0.52,0.96)}
#ch-play-skill-list .video-model .model-wrap .column .select .select-input .input-icon svg.input-icon-open{transform:rotate(180deg)}
#ch-play-skill-list .video-model .model-wrap .column .select .select-input .input-icon svg.prod-open{display:block}
#ch-play-skill-list .video-model .model-wrap .column .select .space-element{flex:1 0 auto}
#ch-play-skill-list .video-model .model-wrap .column .select .learn-more{display:none;font-size:12px;line-height:20px;border-bottom:1px solid #000}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list{display:none;width:100%;height:360px;position:fixed;bottom:0;left:0;top:unset;z-index:999;background-color:#fff;padding:0 20px 67px;box-sizing:border-box}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .select-list-title{width:100%;position:relative;padding-top:32px;margin-bottom:20px}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .select-list-title p{width:100%;font-size:20px;line-height:150%;text-align:center}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .select-list-title .select-list-open{position:absolute;top:18px;right:-7px}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .select-list-van{border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:22px}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .select-list-van .list-tab{width:100%;display:flex;padding:0 12px;box-sizing:border-box;transform:translateY(1px)}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .select-list-van .list-tab .tab-item{color:#666;font-size:16px;line-height:150%;margin-right:24px;padding-bottom:7px}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .select-list-van .list-tab .tab-item.active{color:#000;border-bottom:2px solid #2dc84d}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .tab-box{position:relative}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .tab-box .tab-ul{box-sizing:border-box;width:100%;max-height:195px;overflow-y:scroll}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .tab-box .tab-ul::-webkit-scrollbar{width:8px;height:5px}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .tab-box .tab-ul::-webkit-scrollbar-thumb{border-radius:5px;background-color:#c7c7c7}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .tab-box .tab-ul::-webkit-scrollbar-track{border-radius:0}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series .series-box{margin-bottom:12px;line-height:24px;padding:4px 12px;box-sizing:border-box;display:inline-block;border:0}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series .series-box.checke{background-color:#f6f6f6}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series .series-box .series-text{font-size:14px;line-height:24px;display:inline}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series .series-box .series-open{display:none}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series-list{width:100%;height:195px;overflow-y:auto;display:none;position:absolute;top:0;left:0;background-color:#fff}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series-list .series-list-current{background:#f6f6f6}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series-list::-webkit-scrollbar{width:8px;height:5px}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series-list::-webkit-scrollbar-thumb{border-radius:5px;background-color:#c7c7c7}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series-list::-webkit-scrollbar-track{border-radius:0}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series-list li{margin-bottom:12px;line-height:24px}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series-list li.list-back .list-text{background-color:#f6f6f6}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .tab-box .tab-ul .series-list li .list-text{font-size:14px;line-height:24px;padding:4px 12px;box-sizing:border-box;display:inline-block}
#ch-play-skill-list .video-model .model-wrap .masking{display:none;width:100vw;height:100vh;position:fixed;top:0;left:0;background:black;opacity:.56;z-index:998}
}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .text-ellipsis-ch{max-height:48px;overflow:hidden}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .text-ellipsis-ch .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .text-ellipsis-ch.item-detail-title{max-height:54px}
@media(max-width:1024px){#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .text-ellipsis-ch{max-height:40px}
#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .text-ellipsis-ch.item-detail-title{max-height:48px}
}
@media(max-width:768px){#ch-play-skill-list .video-list_group .list_group-wrap .skill-list .skill-list-wrap .list-content .list-content-wrap .list-item .item-wrap .item-detail .item-detail-text .text-ellipsis-ch.item-detail-title{max-height:32px;margin-bottom:0}
}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .select-all-pcbtn-box{display:block}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .select-all-pcbtn-box .select-all-pcbtn{display:flex;align-items:center;justify-content:flex-end;padding:16px 0;margin:0 20px;border-bottom:1px solid rgba(0,0,0,0.08)}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .select-all-pcbtn-box .select-all-pcbtn a{font-size:16px;line-height:21px;color:#2d683e}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .select-all-pcbtn-box .select-all-pcbtn::after{content:'';display:block;width:20px;height:20px;background:url(../%5bobject%20module%5d-4.html) no-repeat;background-size:contain;margin-left:2px}
@media(max-width:768px){#ch-play-skill-list .video-model .model-wrap .column .select .select-list .select-all-pcbtn-box{display:none}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .select-list-title .select-all-mobbtn{position:absolute;display:flex;align-items:center;left:0;top:18px}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .select-list-title .select-all-mobbtn a{font-size:12px;line-height:16px}
#ch-play-skill-list .video-model .model-wrap .column .select .select-list .select-list-title .select-all-mobbtn::after{content:'';display:block;width:16px;height:16px;background:url(../%5bobject%20module%5d-4.html) no-repeat;background-size:contain;margin-left:2px}
}
#ch-play-skill-video{background:linear-gradient(180deg,#e6eef4 0,#fff 57.81%)}
#ch-play-skill-video *{box-sizing:border-box}
#ch-play-skill-video .skill-video-box{width:1312px;margin:0 auto}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs{margin-top:64px;margin-bottom:52px;display:inline-flex}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs .crumbs-wrap-mob{display:none}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs a{font-size:12px;line-height:20px;margin:0 4px;border-bottom:1px solid #000}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs a:first-child{margin-left:0}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs a:last-child{margin-right:0;border-bottom:0}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs a:hover{color:rgba(0,0,0,0.78);border-bottom:1px solid rgba(0,0,0,0.78)}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-content{width:100%;background:#000}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-content .video-content-wrap video{display:block;width:100%}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-content .video-content-wrap .video-origin{display:none}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-content .video-content-wrap .video-ifram{display:none;width:100%;height:738px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-content .video-content-wrap .video-ifram iframe{width:100%;height:100%}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-content .video-content-wrap .video-main-play{display:block}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-content .video-content-wrap .video-main-play iframe{width:100%;height:100%}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail{padding:26px 0 128px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-tip{display:flex;align-items:center;margin-bottom:14px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-tip .tip-btn-new{display:flex;align-items:center;flex:1 1 auto}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-tip .tip-btn-new .tip-new{display:block;font-size:12px;line-height:20px;color:#fff;padding:0 8px;background:#2ec84e;border-radius:2px;margin-right:12px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-tip .tip-btn-new .tip-date{font-size:12px;line-height:20px;color:rgba(0,0,0,0.4)}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-tip .tip-share{display:flex;justify-content:flex-end;align-items:center}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-tip .tip-share .tip-share-list{display:flex}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-tip .tip-share .tip-share-list .tip-share-item{display:block;width:24px;height:24px;margin-right:10px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-tip .tip-share .tip-share-list .tip-share-item:last-child{margin-right:0}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-tip .tip-share .tip-share-list .tip-share-facebook{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEXSURBVHgBtVW7DcIwEH18BqCkvFEYgRHYIN4g6WhpqZIRYIJASQUbmJIONghnYSSLJL5LhJ/0rMjyu1/OZyCOBTNn1kzLbDyffi9jEkaAvIFGyRIDHGU+wmYgncZIxvMRhn+ZxyLXGLDMK9r/JWQrE4KuLKsfXYX+clF4sFQYL9FGFTlfh9FrSlMEhjNvQMp6MedlDR3uwbeBri3NjJetcPjG3DNPzIffmzAv+FzEJQRIaZYRbS1o7dRHMRaSlgD9BdoEQqvVuQzuSIdXagc35+CMdDg6Bzukw8E5eOHT4/9GhaD8BPk+bAKx1EWtYedgFCILXYv2PjyFQjxkKHbCIOGT+QUhPuu7Zj9hBAjds9/6vQLCPHoDfq0DSvmNIt8AAAAASUVORK5CYII=) no-repeat}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-tip .tip-share .tip-share-list .tip-share-linkin{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE1SURBVHgBtVaLcYMwDH3hOgDdwCN0g7JBu0GvE8AGeIR2gmSDphNAJmg2gA3CBlRK5MQ4ELATv7sH/gg9ydbZALeREktiRWyIvfAgYzlRIQBKHPQLuYaHUC4R9p7kb4o552WAY5flrchd4x/iJkDkKhOF62WprPk/T4EDnD1ZTxilYtgEZHEMcGU5cLEn7qT9QeyItfQzEW9lPMM4nvlRTESgLcNKsoQjYKAwXnk6occb/FFL5AYt8XvE7pUFXuAPhVOF2YWwHbN7wjDVpeBlfbfEWgwzOgskCMPioBJRj4UutsCeBXaIh18W+EI8bFfS4HLLnMkWl+XjUu6cvtnoWt4phiW/IX6ajkLYHbD4sGMUDxSYvHj0A5xrzKBAxCvTQMHvJqtwx99FLg7srBoZ05g5Nv4BOM7rxQgdSEEAAAAASUVORK5CYII=) no-repeat}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-tip .tip-share .tip-share-list .tip-share-twitter{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEvSURBVHgBtVZtdcMwDLw3BIYgCINQCGOwMWgZxEwyBoNgCBsDj0EgeNamrK4juXba3nuXH/44WXpnOUAbLnPKDJkxMwkXGTtmEnaARCB1csZAoKOcMA2S95yuiU87hGtOrZOnO3GTCWFfWVrlojLAPCjwKRkzYyFargnl6ZMy6Q3xD2zxjL/a10HY5r/10mzHeMOl/5OI1XAyXgfwgO73pdhMEmhdR9CxGJVQJ7jGL+iHg15Ozl6dCBjDAbYhxi+MgrkVIMJO79AZwNJYnvLn29hE6MPUWPvFH4/2peL0nSHwio6WoTmAXRQkOBniPb3rf2/Atv4sUF8qkvHQIT7XG1vNLmKsGW6aHaC3jL00Hx5/B3GPKzjhgU/mCsp8HxAPuOHvYnVNmVXE2cauJfAD10BTGtJbSRoAAAAASUVORK5CYII=) no-repeat}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-tip .tip-share .tip-share-list .tip-share-youtube{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE1SURBVHgBtVbRccMgDH3t9b+MQDfoBm0n6HWCphPYG5hNkhGygTtCN7A7Qd0JHBGLHFEwGOK8u8cZEE9CNsJAHIrYEFtiRxyZfzxWETUKoFlgXMgtMhxVHOGYSbumTok3BcKSTSzycSVe7ESjLC2xdFlNPHipUcJpTxwEHZRn7561mN8S31z0MgKDfGwCOscgajHYoRyt0DL31LwLo++ZxZ/MGH5F/8U6eE4YOTwRd4gfql70tXWgkIcNplSkdnNyUAIb1P8SQ+ugDyyOYY8pXXukMYQcPM4Y28PzwRxmbLTo/9jG4PzTalGODoGSoZBRsCJoAjr6jidt1K9iQY/z9MXKhcZlenbEL3gGNyl2PuoVHcxePGYFcYMEatzwynTQmF7SUvEWV/xdVCzg76rjMYPEyT8AiE/xq72dLuwAAAAASUVORK5CYII=) no-repeat}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-text{margin-bottom:12px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-text .item-detail-title{font-size:20px;line-height:30px;font-family:'OPPOSans-Ver2-Medium';margin-bottom:4px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-text .item-detail-des{font-size:16px;line-height:24px;color:rgba(0,0,0,0.56)}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-label{margin-bottom:12px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-label .label-title{font-size:14px;font-family:'OPPOSans-Ver2-Medium';line-height:24px;margin-bottom:12px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-label .label-box{display:flex;flex-wrap:wrap}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-label .label-box a{display:block;padding:4px 8px;font-size:12px;line-height:20px;color:#000;border:1px solid #000;margin-right:12px;border-radius:4px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center;margin-bottom:8px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-label .label-box a:hover{color:rgba(0,0,0,0.6);border:1px solid rgba(0,0,0,0.6)}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-label .label-box a:last-child{margin-right:0}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-about a{font-size:12px;line-height:20px;color:#999}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page{padding:24px 0 182px;border-top:1px solid rgba(0,0,0,0.12)}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page .page-wrap{display:flex;justify-content:space-between}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page .page-wrap .page-item-next,#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page .page-wrap .page-item-pre{flex:1 1 auto}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page .page-wrap .page-item-next .page-des,#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page .page-wrap .page-item-pre .page-des{font-size:14px;line-height:24px;margin-bottom:8px;color:rgba(0,0,0,0.4)}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page .page-wrap .page-item-next .page-btn,#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page .page-wrap .page-item-pre .page-btn{font-size:14px;line-height:24px;border-bottom:1px solid #000}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page .page-wrap .page-item-next .page-btn:hover,#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page .page-wrap .page-item-pre .page-btn:hover{color:rgba(0,0,0,0.78);border-bottom:1px solid rgba(0,0,0,0.78)}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page .page-wrap .page-item-next{text-align:right}
@media(max-width:1439.98px) and (min-width:1024.98px){#ch-play-skill-video .skill-video-box{width:100%;padding:0 24px}
}
@media(max-width:1024px) and (min-width:650.98px){#ch-play-skill-video .skill-video-box{width:100%;padding:0 24px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs{margin-top:40px;margin-bottom:52px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-content .video-content-wrap .video-ifram{height:504px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail{padding:26px 0 80px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-text{margin-bottom:12px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-text .item-detail-title{font-size:20px;line-height:30px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-text .item-detail-des{font-size:14px;line-height:24px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-label .label-title{font-size:12px;line-height:20px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-about a{font-size:10px;line-height:17px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page{padding:24px 0 128px}
}
@media(max-width:650px){#ch-play-skill-video .skill-video-box{width:100%;padding:0}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs{display:block;padding:12px 20px 24px;margin-top:0;margin-bottom:0}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs .crumbs-wrap-pc{display:none}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs .crumbs-wrap-mob{display:block}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs .crumbs-wrap-mob .crumbs-mob-content .crumbs-mob-content-box{display:flex;align-items:center}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs .crumbs-wrap-mob .crumbs-mob-content .crumbs-mob-icon{display:block;width:24px;height:24px;margin-right:6px;background:url(../%5bobject%20module%5d-4.html) no-repeat}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs .crumbs-wrap-mob .crumbs-mob-content .crumbs-mob-text{flex:1 1 auto}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs .crumbs-wrap-mob .crumbs-mob-pop{display:none}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs .crumbs-wrap-mob .crumbs-mob-pop .crumbs-mob-pop-box{display:flex;align-items:center;justify-content:flex-end}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs .crumbs-wrap-mob .crumbs-mob-pop .pop-des{font-size:14px;line-height:24px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs .crumbs-wrap-mob .crumbs-mob-pop .pop-box{display:flex;align-items:center}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs .crumbs-wrap-mob .crumbs-mob-pop .pop-box .tip-share-item{display:block;width:24px;height:24px;margin-right:20px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs .crumbs-wrap-mob .crumbs-mob-pop .pop-box .tip-share-facebook{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEXSURBVHgBtVW7DcIwEH18BqCkvFEYgRHYIN4g6WhpqZIRYIJASQUbmJIONghnYSSLJL5LhJ/0rMjyu1/OZyCOBTNn1kzLbDyffi9jEkaAvIFGyRIDHGU+wmYgncZIxvMRhn+ZxyLXGLDMK9r/JWQrE4KuLKsfXYX+clF4sFQYL9FGFTlfh9FrSlMEhjNvQMp6MedlDR3uwbeBri3NjJetcPjG3DNPzIffmzAv+FzEJQRIaZYRbS1o7dRHMRaSlgD9BdoEQqvVuQzuSIdXagc35+CMdDg6Bzukw8E5eOHT4/9GhaD8BPk+bAKx1EWtYedgFCILXYv2PjyFQjxkKHbCIOGT+QUhPuu7Zj9hBAjds9/6vQLCPHoDfq0DSvmNIt8AAAAASUVORK5CYII=) no-repeat}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs .crumbs-wrap-mob .crumbs-mob-pop .pop-box .tip-share-linkin{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE1SURBVHgBtVaLcYMwDH3hOgDdwCN0g7JBu0GvE8AGeIR2gmSDphNAJmg2gA3CBlRK5MQ4ELATv7sH/gg9ydbZALeREktiRWyIvfAgYzlRIQBKHPQLuYaHUC4R9p7kb4o552WAY5flrchd4x/iJkDkKhOF62WprPk/T4EDnD1ZTxilYtgEZHEMcGU5cLEn7qT9QeyItfQzEW9lPMM4nvlRTESgLcNKsoQjYKAwXnk6occb/FFL5AYt8XvE7pUFXuAPhVOF2YWwHbN7wjDVpeBlfbfEWgwzOgskCMPioBJRj4UutsCeBXaIh18W+EI8bFfS4HLLnMkWl+XjUu6cvtnoWt4phiW/IX6ajkLYHbD4sGMUDxSYvHj0A5xrzKBAxCvTQMHvJqtwx99FLg7srBoZ05g5Nv4BOM7rxQgdSEEAAAAASUVORK5CYII=) no-repeat}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs .crumbs-wrap-mob .crumbs-mob-pop .pop-box .tip-share-twitter{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEvSURBVHgBtVZtdcMwDLw3BIYgCINQCGOwMWgZxEwyBoNgCBsDj0EgeNamrK4juXba3nuXH/44WXpnOUAbLnPKDJkxMwkXGTtmEnaARCB1csZAoKOcMA2S95yuiU87hGtOrZOnO3GTCWFfWVrlojLAPCjwKRkzYyFargnl6ZMy6Q3xD2zxjL/a10HY5r/10mzHeMOl/5OI1XAyXgfwgO73pdhMEmhdR9CxGJVQJ7jGL+iHg15Ozl6dCBjDAbYhxi+MgrkVIMJO79AZwNJYnvLn29hE6MPUWPvFH4/2peL0nSHwio6WoTmAXRQkOBniPb3rf2/Atv4sUF8qkvHQIT7XG1vNLmKsGW6aHaC3jL00Hx5/B3GPKzjhgU/mCsp8HxAPuOHvYnVNmVXE2cauJfAD10BTGtJbSRoAAAAASUVORK5CYII=) no-repeat}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs .crumbs-wrap-mob .crumbs-mob-pop .pop-box .tip-share-youtube{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE1SURBVHgBtVbRccMgDH3t9b+MQDfoBm0n6HWCphPYG5hNkhGygTtCN7A7Qd0JHBGLHFEwGOK8u8cZEE9CNsJAHIrYEFtiRxyZfzxWETUKoFlgXMgtMhxVHOGYSbumTok3BcKSTSzycSVe7ESjLC2xdFlNPHipUcJpTxwEHZRn7561mN8S31z0MgKDfGwCOscgajHYoRyt0DL31LwLo++ZxZ/MGH5F/8U6eE4YOTwRd4gfql70tXWgkIcNplSkdnNyUAIb1P8SQ+ugDyyOYY8pXXukMYQcPM4Y28PzwRxmbLTo/9jG4PzTalGODoGSoZBRsCJoAjr6jidt1K9iQY/z9MXKhcZlenbEL3gGNyl2PuoVHcxePGYFcYMEatzwynTQmF7SUvEWV/xdVCzg76rjMYPEyT8AiE/xq72dLuwAAAAASUVORK5CYII=) no-repeat}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs .crumbs-wrap-mob .crumbs-mob-pop .pop-cancel{color:#2dc84d}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs a{font-size:12px;line-height:20px;margin:0 4px;border-bottom:1px solid #000}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs a:first-child{margin-left:0}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-crumbs a:last-child{margin-right:0;border-bottom:0}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-content{width:100%}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-content .video-content-wrap video{display:block;width:100%}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-content .video-content-wrap .video-ifram{height:204px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail{padding:20px 20px 64px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-tip{margin-bottom:12px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-tip .tip-btn-new .tip-new{font-size:12px;line-height:20px;padding:0 8px;border-radius:2px;margin-right:12px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-tip .tip-btn-new .tip-date{font-size:12px;line-height:20px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-tip .tip-share{display:none}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-text{margin-bottom:12px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-text .item-detail-title{font-size:16px;line-height:21px;margin-bottom:4px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-text .item-detail-des{font-size:14px;line-height:20px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-label{margin-bottom:4px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-label .label-title{font-size:12px;line-height:20px;margin-bottom:6px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-label .label-box{display:flex;flex-wrap:wrap;margin:0 -4px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-label .label-box a{padding:4px 7px;font-size:12px;line-height:20px;margin:0 4px 8px;border-radius:2px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-label .label-box a:last-child{margin:0 4px 8px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail .item-about a{font-size:12px;line-height:16px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page{padding:24px 0 80px;margin-left:20px;margin-right:20px}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page .page-wrap .page-item-next,#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page .page-wrap .page-item-pre{max-width:128px;flex:0 1 auto}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page .page-wrap .page-item-next .page-des,#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page .page-wrap .page-item-pre .page-des{font-size:12px;line-height:20px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page .page-wrap .page-item-next .page-btn,#ch-play-skill-video .skill-video-box .skill-video-wrap .video-page .page-wrap .page-item-pre .page-btn{display:block;font-size:12px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
#ch-play-skill-video.it{background:linear-gradient(180deg,#e6eef4 0,rgba(230,238,244,0.2) 100%)}
#ch-play-skill-video .skill-video-box .skill-video-wrap .video-detail .item-detail{padding-bottom:0}
#ch-play-skill-video .video-picturetext-content{padding:80px 0 60px}
#ch-play-skill-video .video-picturetext{display:block}
#ch-play-skill-video .video-picturetext .picturetext-item{background:#fff;overflow:hidden;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;border-radius:24px}
#ch-play-skill-video .video-picturetext .picturetext-item.toggle-direction .picturetext-des{order:2;border-top-right-radius:24px;border-bottom-right-radius:24px}
#ch-play-skill-video .video-picturetext .picturetext-item.toggle-direction .picturetext-img{order:1;border-top-left-radius:24px;border-bottom-left-radius:24px}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-des{flex:1 1 auto;padding:48px;display:flex;flex-wrap:nowrap;border-top-left-radius:24px;border-bottom-left-radius:24px;flex:1 1 auto}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-des p{font-size:16px;line-height:27px;color:rgba(0,0,0,0.56)}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-des .des-order{flex:0 0 24px}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-des b{font-family:'OPPOSans-Ver2-Medium';color:#000;font-weight:normal}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-img{position:relative;flex:1 0 auto;max-width:50%;background:#fafafa;border-top-right-radius:24px;border-bottom-right-radius:24px}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-img .picturetext-img-wrap{display:block}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-img .picturetext-img-wrap img{display:block;width:100%}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-img .picturetext-img-wrap .picturetext-video{position:relative}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-img .picturetext-img-wrap .picturetext-video .picturetext-play{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);z-index:1}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-img .picturetext-img-wrap .picturetext-video .picturetext-play .picturetext-play-btn{position:absolute;display:block;width:64px;height:64px;left:50%;top:50%;transform:translate(-50%,-50%);background:url(../%5bobject%20module%5d-4.html) no-repeat;background-position:center;background-size:100%;cursor:pointer}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-img .picturetext-img-wrap .picturetext-video video{display:block;width:100%}
#ch-play-skill-video.it .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-text .item-detail-title{font-size:40px;line-height:48px;font-family:'OPPOSans-Ver2-Medium';margin-bottom:8px}
#ch-play-skill-video.it .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-text .item-detail-des{font-size:14px;line-height:24px}
@media(max-width:1439.98px) and (min-width:1024.98px){#ch-play-skill-video .video-picturetext-content{padding:64px 0 48px}
#ch-play-skill-video .video-picturetext .picturetext-item{margin-bottom:16px}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-des{padding:32px}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-des p{font-size:14px;line-height:24px}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-des .des-order{flex:0 0 21px}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-img{max-width:50%}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-img .picturetext-img-wrap .picturetext-video .picturetext-play .picturetext-play-btn{width:48px;height:48px}
#ch-play-skill-video.it .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-text .item-detail-title{font-size:32px;line-height:38px;margin-bottom:8px}
#ch-play-skill-video.it .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-text .item-detail-des{font-size:14px;line-height:24px}
}
@media(max-width:1024px) and (min-width:650.98px){#ch-play-skill-video .video-picturetext-content{padding:46px 0 30px}
#ch-play-skill-video .video-picturetext .picturetext-item{margin-bottom:16px;border-radius:16px}
#ch-play-skill-video .video-picturetext .picturetext-item.toggle-direction .picturetext-des{border-top-right-radius:16px;border-bottom-right-radius:16px}
#ch-play-skill-video .video-picturetext .picturetext-item.toggle-direction .picturetext-img{border-top-left-radius:16px;border-bottom-left-radius:16px}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-des{padding:24px;border-top-left-radius:16px;border-bottom-left-radius:16px}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-des p{font-size:12px;line-height:20px}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-des .des-order{flex:0 0 18px}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-img{max-width:50%;border-top-right-radius:16px;border-bottom-right-radius:16px}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-img .picturetext-img-wrap .picturetext-video .picturetext-play .picturetext-play-btn{width:48px;height:48px}
#ch-play-skill-video.it .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-text .item-detail-title{font-size:28px;line-height:34px;margin-bottom:8px}
#ch-play-skill-video.it .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-text .item-detail-des{font-size:14px;line-height:24px}
}
@media(max-width:650px){#ch-play-skill-video .video-picturetext-content{padding:46px 20px 30px}
#ch-play-skill-video .video-picturetext .picturetext-item{flex-wrap:wrap;margin-bottom:16px;border-radius:16px}
#ch-play-skill-video .video-picturetext .picturetext-item.toggle-direction .picturetext-des{order:2;border-top-right-radius:16px;border-bottom-right-radius:16px}
#ch-play-skill-video .video-picturetext .picturetext-item.toggle-direction .picturetext-img{order:1;border-top-left-radius:16px;border-bottom-left-radius:16px}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-des{order:2;flex:0 0 100%;padding:20px;border-top-left-radius:16px;border-bottom-left-radius:16px}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-des p{font-size:14px;line-height:24px}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-des .des-order{flex:0 0 20px}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-img{order:1;flex:0 0 100%;max-width:100%;border-top-right-radius:16px;border-bottom-right-radius:16px}
#ch-play-skill-video .video-picturetext .picturetext-item .picturetext-img .picturetext-img-wrap .picturetext-video .picturetext-play .picturetext-play-btn{width:48px;height:48px}
#ch-play-skill-video.it .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-text .item-detail-title{font-size:18px;line-height:27px;margin-bottom:8px}
#ch-play-skill-video.it .skill-video-box .skill-video-wrap .video-detail .item-detail .item-detail-text .item-detail-des{font-size:14px;line-height:24px}
}
.reward{background-color:#fff;padding:.52rem 0 1.16rem;max-width:1312px;margin:0 auto}
.reward .member-title{font-size:28px;line-height:120%;padding-bottom:24px;color:#111}
.reward ul{width:100%;display:flex;flex-wrap:wrap}
.reward ul li{display:flex;align-items:center;justify-content:space-around;width:calc((100% - 240px) / 3);margin-right:24px;border-radius:2px;overflow:hidden;padding:25px 32px}
.reward ul li:nth-child(3n){margin-right:0}
.reward .left{flex:1}
.reward .left p{color:#fff;font-size:16px;line-height:150%}
.reward .left p:last-child{margin-top:2px;font-size:14px}
.reward .right{margin-left:12px}
.reward .right a{display:block;padding:6px 16px;background:#fff;line-height:20px;border-radius:2px}
.reward .right a:hover{background:#eaeaea;color:rgba(0,0,0,0.78)}
@media(min-width:1024px) and (max-width:1439.98px){.reward{padding:.52rem .3rem 1.16rem}
}
@media(min-width:768px) and (max-width:1200px){.reward{max-width:896px;padding:.4rem .2rem .64rem}
.reward .member-title{padding-bottom:20px;font-size:24px}
.reward ul li{width:calc((100% - 98px) / 2);padding:25px 20px;margin-bottom:16px;margin-right:16px}
.reward ul li:nth-child(3n){margin-right:16px}
.reward ul li:nth-child(2n){margin-right:0}
.reward .right a{font-size:12px}
}
@media(max-width:768px){.reward{margin:24px 0 56px;width:auto;padding:0 20px}
.reward .member-title{font-size:16px;margin-top:24px;padding-bottom:8px}
.reward ul{display:block}
.reward ul li{position:relative;width:auto;margin-right:0;padding:20px;margin-bottom:8px}
.reward .left p{font-size:14px;line-height:20px;padding-bottom:4px}
.reward .left p:last-child{font-size:12px;transform:scale(0.83);margin-left:-10%;padding-bottom:0;margin-top:0}
.reward .right a{font-size:12px}
}
.experience{background:#f6f6f6;padding:40px 40px 16px;max-width:1312px;margin:0 auto}
.experience .earn-title{font-size:28px;line-height:120%;color:#111}
.experience .earn-subTitle{font-size:14px;line-height:170%;color:rgba(0,0,0,0.56)}
.experience ul{width:100%;display:flex;flex-wrap:wrap;margin-top:32px}
.experience ul li{display:flex;align-items:center;justify-content:space-around;width:calc((100% - 240px) / 3);height:76px;margin-right:24px;margin-bottom:24px;border-radius:2px;overflow:hidden;padding:12px 32px;background:#fff}
.experience ul li:nth-child(3n){margin-right:0}
.experience ul li .earn-left{flex:1}
.experience ul li .earn-left p:first-child{font-size:16px;line-height:150%;color:rgba(0,0,0,0.78)}
.experience ul li .earn-left p:last-child{font-size:14px;line-height:170%;color:rgba(0,0,0,0.56)}
.experience ul li .earn-left p:last-child i{color:#2ec84e}
.experience ul li .earn-right{width:92px;margin-left:15px}
.experience ul li .earn-right a{display:block;width:100%;padding:6px 0;text-align:center;color:#fff;font-size:12px;line-height:20px;background:#2ec84e;border-radius:2px}
.experience ul li .earn-right a:hover{background:rgba(46,200,78,0.78)}
@media(min-width:768px) and (max-width:1200px){.experience{max-width:896px;padding:32px 32px 16px}
.experience ul li{width:calc((100% - 144px) / 2);margin-right:16px;margin-bottom:16px}
.experience ul li:nth-child(3n){margin-right:16px}
.experience ul li:nth-child(2n){margin-right:0}
}
@media(max-width:768px){.experience{padding:24px 20px}
.experience .earn-title{font-size:18px;line-height:26px;margin-bottom:8px}
.experience .earn-subTitle{font-size:12px;line-height:20px}
.experience ul{display:block;margin-top:24px}
.experience ul li{padding:16px;margin-right:0;width:auto;height:auto;margin-bottom:8px}
.experience ul li .earn-left p:first-child,.experience ul li .earn-left p:last-child{font-size:12px;line-height:20px}
.experience ul li .earn-right{width:75px}
.experience ul li .earn-right a{width:120%;padding:9.5px 0;font-size:12px;transform:scale(0.83);margin-left:-8px}
}
.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}
}
body.clean-theme #oc-container.page-aesthetic{padding-top:0;margin-top:96px}
#oc-container.page-aesthetic{padding-top:80px;margin-top:96px}
#features{margin:96px auto;position:relative;width:1312px;height:100%}
.pictures{margin:64px auto;position:relative;width:864px;height:100%}
.aesthetic-main-content .phrase1,.aesthetic-main-content .phrase2{margin:96px auto}
.aesthetic-main-content .three-img-box{text-align:center;margin:-32px auto;width:864px;height:100%}
.aesthetic-main-content .three-img-box img{width:100%;height:inherit}
.aesthetic-main-content .pictures.video{margin:-32px auto;width:864px;height:100%}
.aesthetic-main-content .pictures.heavy{width:1312px;height:100%}
@media(min-width:1025px) and (max-width:1440px){#features{margin:96px auto;position:relative;width:1088px;height:100%}
.aesthetic-main-content .pictures.heavy{width:1088px;height:100%}
}
@media(max-width:767.98px){#oc-container.page-aesthetic{padding-top:52px;margin-top:64px}
#features{margin:64px auto;position:relative;width:320px;height:100%}
.pictures{margin:32px auto;position:relative;width:320px;height:100%}
.aesthetic-main-content .phrase1,.aesthetic-main-content .phrase2{margin:48px auto}
.aesthetic-main-content .three-img-box{width:320px;height:100%;margin:32px auto}
.aesthetic-main-content .three-img-box img{width:100%}
.aesthetic-main-content .pictures.video{width:320px;height:100%;margin:32px auto}
.aesthetic-main-content .pictures.heavy{width:320px;height:100%}
.aesthetic-main-content .pictures{text-align:center}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){#oc-container.page-aesthetic{padding-top:64px}
#features{margin:96px auto;position:relative;width:896px;height:100%}
.pictures{margin:64px auto;position:relative;width:728px;height:100%}
.aesthetic-main-content .pictures{text-align:center}
.aesthetic-main-content .three-img-box{margin:0 auto;width:728px;height:100%}
.aesthetic-main-content .three-img-box img{width:100%}
.aesthetic-main-content .pictures.video{width:728px;height:100%;margin:64px auto}
.aesthetic-main-content .pictures.heavy{width:896px;height:100%}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:768px) and (max-width:1023.98px){#oc-container.page-aesthetic{padding-top:52px;margin-top:64px}
#features{margin:64px auto;position:relative;width:658px;height:100%}
.pictures{margin:48px auto;position:relative;width:596px;height:100%}
.aesthetic-main-content .phrase1,.aesthetic-main-content .phrase2{margin:48px auto}
.aesthetic-main-content .pictures{text-align:center}
.aesthetic-main-content .three-img-box{text-align:inherit;margin:-16px auto;width:596px;height:100%}
.aesthetic-main-content .three-img-box img{width:100%}
.aesthetic-main-content .pictures.video{width:596px;height:100%;margin:-16px auto}
.aesthetic-main-content .pictures.heavy{width:658px;height:100%}
}
#oc-container .aesthetics-store-title{margin:96px auto}
#oc-container .aesthetics-store-title h1.title{text-align:center;margin:0 auto 12px}
#oc-container .aesthetics-store-title .title{letter-spacing:-1.5px;width:1088px;word-break:break-word;font-size:96px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;color:#000;line-height:144px}
#oc-container .aesthetics-store-title .title a{border:0}
#oc-container .aesthetics-store-title .subtitle{letter-spacing:0;text-align:center;margin:auto;width:1088px;font-size:52px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;color:#000;line-height:80px}
@media(min-width:1025px) and (max-width:1440px){#oc-container .aesthetics-store-title h1.title{margin:0 auto 32px}
#oc-container .aesthetics-store-title .title{letter-spacing:-0.2px;line-height:88px;font-size:60px}
#oc-container .aesthetics-store-title .subtitle{letter-spacing:-0.2px;line-height:64px;font-size:42px}
}
@media(max-width:767.98px){#oc-container .aesthetics-store-title{margin:64px auto}
#oc-container .aesthetics-store-title h1.title{text-align:left;width:320px;padding-left:20px;padding-right:20px;font-size:52px;line-height:80px;letter-spacing:0;margin:0 auto 24px}
#oc-container .aesthetics-store-title .subtitle{margin:0 20px;text-align:left;width:276px;font-size:28px;line-height:44px;letter-spacing:-0.1px}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){#oc-container .aesthetics-store-title h1.title{width:896px;font-size:60px;line-height:88px;letter-spacing:-0.2px;margin-bottom:32px}
#oc-container .aesthetics-store-title .subtitle{width:896px;font-size:42px;line-height:64px;letter-spacing:-0.2px}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:768px) and (max-width:1023.98px){#oc-container .aesthetics-store-title{margin:64px auto}
#oc-container .aesthetics-store-title h1.title{width:658px;font-size:48px;line-height:72px;letter-spacing:-0.3px;margin-bottom:32px}
#oc-container .aesthetics-store-title .subtitle{width:658px;font-size:36px;line-height:56px;letter-spacing:-0.2px}
}
.aesthetics-image{height:inherit;text-align:center;position:relative}
.aesthetics-image img.mb{display:none}
.aesthetics-image img.pc{margin:auto;display:block;width:100%;height:inherit}
.aesthetics-image .locator-video-play-btn{position:absolute;left:50%;transform:translateX(-50%);width:fit-content;bottom:44px;padding-left:20px;padding-right:20px;height:48px;background-color:#fff;text-align:center;line-height:48px;font-family:'OPPOSans-Ver2-Medium';font-size:13px;z-index:2}
.aesthetics-image .locator-video-play-btn i{font-size:18px;color:#000;vertical-align:middle;margin-right:.87vw}
.aesthetics-image .locator-video-play-btn span{vertical-align:middle}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){.aesthetics-image img.pc{display:block;margin:auto;width:100%;height:inherit}
.aesthetics-image .locator-video-play-btn{bottom:24px}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:768px) and (max-width:1023.98px){.aesthetics-image img.pc{display:none}
.aesthetics-image img.mb{display:block;margin:auto;width:100%;height:inherit}
.aesthetics-image .locator-video-play-btn{bottom:24px}
}
@media(max-width:767.98px){.aesthetics-image img.pc{display:none}
.aesthetics-image img.mb{display:block;margin:auto;width:100%;height:inherit}
.aesthetics-image .locator-video-play-btn{bottom:16px}
}
.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}
}
.aesthetics-text{letter-spacing:-0.12px;width:864px;margin:64px auto}
.aesthetics-text .phrase{margin:64px auto}
.aesthetics-text .phrase p{font-size:20px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;color:#000;line-height:32px}
@media(max-width:767.98px){.aesthetics-text{margin:32px auto;letter-spacing:-0.05px;width:320px}
.aesthetics-text .phrase{margin:32px auto}
.aesthetics-text .phrase p{font-size:12px;line-height:24px}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){.aesthetics-text{width:728px;margin:64px auto}
.aesthetics-text .phrase{margin:64px auto}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:768px) and (max-width:1023.98px){.aesthetics-text{width:596px;margin:48px auto}
.aesthetics-text .phrase{margin:48px auto}
}
.mix-content-left{position:relative;width:1312px;margin:64px auto}
.mix-content-left .left-side{display:block;float:left;margin-right:32px;width:640px}
.mix-content-left .left-side .picture-box{height:inherit;position:relative}
.mix-content-left .left-side .picture-box img.smallPic{display:block;width:640px;height:100%}
.mix-content-left .left-side .picture-box .locator-video-play-btn{position:absolute;left:50%;transform:translateX(-50%);width:fit-content;bottom:44px;padding-left:20px;padding-right:20px;height:48px;background-color:#fff;text-align:center;line-height:48px;font-family:'OPPOSans-Ver2-Medium';font-size:13px;z-index:2}
.mix-content-left .left-side .picture-box .locator-video-play-btn i{font-size:18px;color:#000;vertical-align:middle;margin-right:.87vw}
.mix-content-left .left-side .picture-box .locator-video-play-btn span{vertical-align:middle}
.mix-content-left .left-side h3{letter-spacing:-0.1px;position:relative;display:inline-block;margin-top:128px;margin-bottom:24px;height:28px;font-size:16px;font-family:'OPPOSans-Ver2-Medium';font-weight:normal;color:#000;line-height:28px}
.mix-content-left .left-side h3:after{content:'';width:100%;display:block;position:absolute;bottom:-12px;height:.02rem;background-color:#000}
.mix-content-left .left-side .leftPart{letter-spacing:-0.05px;width:362px;font-size:12px;font-family:'OPPOSans-Ver2-Medium';font-weight:normal;color:#000;line-height:20px}
.mix-content-left .rightPart{letter-spacing:-0.12px;display:inline-block;width:640px;font-size:20px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;color:#000;line-height:32px}
.mix-content-left:after{display:block;content:'';height:0;clear:both}
@media(min-width:1025px) and (max-width:1440px){.mix-content-left{width:1087px}
.mix-content-left .left-side .picture-box{height:inherit;position:relative}
.mix-content-left .left-side .picture-box img.smallPic{width:527px;height:100%}
.mix-content-left .left-side h3{margin-top:128px}
.mix-content-left .rightPart{width:528px}
}
@media(max-width:767.98px){.mix-content-left{width:320px;margin:32px auto}
.mix-content-left .left-side{display:inline-block;margin-right:0}
.mix-content-left .left-side .picture-box{height:inherit;position:relative}
.mix-content-left .left-side .picture-box img.smallPic{margin:0;width:320px;height:100%}
.mix-content-left .left-side .picture-box .locator-video-play-btn{width:70px;height:18px;bottom:16px;line-height:18px;padding-left:7px;padding-right:4px}
.mix-content-left .left-side .picture-box .locator-video-play-btn i{font-size:8px;width:6px;height:8px}
.mix-content-left .left-side .picture-box .locator-video-play-btn span{width:50px;font-size:9px;line-height:16px}
.mix-content-left .left-side h3{letter-spacing:-0.05px;margin-top:32px;height:24px;font-size:12px;font-family:'OPPOSans-Ver2-Medium';line-height:24px}
.mix-content-left .left-side .leftPart{letter-spacing:-0.04px;width:317px;height:32px;font-size:9px;line-height:16px}
.mix-content-left .rightPart{letter-spacing:-0.05px;margin-top:32px;width:316px;font-size:12px;line-height:24px}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){.mix-content-left{width:896px;margin:64px auto}
.mix-content-left .left-side{display:inline-block;margin-right:32px;width:432px}
.mix-content-left .left-side .picture-box{height:inherit;position:relative}
.mix-content-left .left-side .picture-box img.smallPic{margin:0;width:432px;height:100%}
.mix-content-left .left-side .picture-box .locator-video-play-btn{bottom:24px}
.mix-content-left .left-side h3{letter-spacing:-0.1px;margin-top:96px;height:28px;font-size:16px;font-family:'OPPOSans-Ver2-Medium';line-height:28px}
.mix-content-left .left-side .leftPart{letter-spacing:-0.05px;width:362px;height:40px;font-size:12px;line-height:20px}
.mix-content-left .rightPart{letter-spacing:-0.12px;width:432px;font-size:20px;line-height:32px}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:768px) and (max-width:1023.98px){.mix-content-left{margin:48px auto;width:658px}
.mix-content-left .left-side{letter-spacing:-0.05px}
.mix-content-left .left-side .leftPart{width:596px}
.mix-content-left .left-side .picture-box{height:inherit;position:relative}
.mix-content-left .left-side .picture-box img.smallPic{width:658px;height:100%}
.mix-content-left .left-side .picture-box .locator-video-play-btn{bottom:24px}
.mix-content-left .rightPart{margin-top:64px;width:596px;letter-spacing:-0.12px}
}
.mix-content-right{position:relative;width:1312px;margin:64px auto}
.mix-content-right .left-side{display:block;float:right;margin-left:32px}
.mix-content-right .left-side .picture-box{height:inherit;position:relative}
.mix-content-right .left-side .picture-box img.smallPic{display:block;width:640px;height:100%}
.mix-content-right .left-side .picture-box .locator-video-play-btn{position:absolute;left:50%;transform:translateX(-50%);width:fit-content;bottom:44px;padding-left:20px;padding-right:20px;height:48px;background-color:#fff;text-align:center;line-height:48px;font-family:'OPPOSans-Ver2-Medium';font-size:13px;z-index:2}
.mix-content-right .left-side .picture-box .locator-video-play-btn i{font-size:18px;color:#000;vertical-align:middle;margin-right:.87vw}
.mix-content-right .left-side .picture-box .locator-video-play-btn span{vertical-align:middle}
.mix-content-right .left-side h3{letter-spacing:-0.1px;position:relative;display:inline-block;margin-top:128px;margin-bottom:24px;height:28px;font-size:16px;font-family:'OPPOSans-Ver2-Medium';font-weight:normal;color:#000;line-height:28px}
.mix-content-right .left-side h3:after{content:'';width:100%;display:block;position:absolute;bottom:-12px;height:.02rem;background-color:#000}
.mix-content-right .left-side .leftPart{letter-spacing:-0.05px;width:362px;font-size:12px;font-family:'OPPOSans-Ver2-Medium';font-weight:normal;color:#000;line-height:20px}
.mix-content-right .rightPart{letter-spacing:-0.12px;display:inline-block;width:640px;font-size:20px;font-family:'OPPOSans-Ver2-Regular';font-weight:normal;color:#000;line-height:32px}
.mix-content-right:after{display:block;content:'';height:0;clear:both}
@media(min-width:1025px) and (max-width:1440px){.mix-content-right{width:1087px}
.mix-content-right .left-side .picture-box{height:inherit;position:relative}
.mix-content-right .left-side .picture-box img.smallPic{width:527px;height:100%}
.mix-content-right .left-side h3{margin-top:128px}
.mix-content-right .rightPart{width:528px}
}
@media(max-width:767.98px){.mix-content-right{width:320px;margin:32px auto}
.mix-content-right .left-side{display:inline-block;margin-left:0}
.mix-content-right .left-side .picture-box{height:inherit;position:relative}
.mix-content-right .left-side .picture-box img.smallPic{margin:0;width:320px;height:100%}
.mix-content-right .left-side .picture-box .locator-video-play-btn{width:70px;height:18px;bottom:16px;line-height:18px;padding-left:7px;padding-right:4px}
.mix-content-right .left-side .picture-box .locator-video-play-btn i{font-size:8px;width:6px;height:8px}
.mix-content-right .left-side .picture-box .locator-video-play-btn span{width:50px;font-size:9px;line-height:16px}
.mix-content-right .left-side h3{letter-spacing:-0.05px;margin-top:32px;height:24px;font-size:12px;font-family:'OPPOSans-Ver2-Medium';line-height:24px}
.mix-content-right .left-side .leftPart{letter-spacing:-0.04px;width:317px;height:32px;font-size:9px;line-height:16px}
.mix-content-right .rightPart{letter-spacing:-0.05px;margin-top:32px;width:316px;font-size:12px;line-height:24px}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){.mix-content-right{width:896px;margin:64px auto}
.mix-content-right .left-side{display:inline-block}
.mix-content-right .left-side .picture-box{height:inherit;position:relative}
.mix-content-right .left-side .picture-box img.smallPic{margin:0;width:432px;height:100%}
.mix-content-right .left-side .picture-box .locator-video-play-btn{bottom:24px}
.mix-content-right .left-side h3{letter-spacing:-0.1px;margin-top:96px;height:28px;font-size:16px;font-family:'OPPOSans-Ver2-Medium';line-height:28px}
.mix-content-right .left-side .leftPart{letter-spacing:-0.05px;width:362px;height:40px;font-size:12px;line-height:20px}
.mix-content-right .rightPart{letter-spacing:-0.12px;width:432px;font-size:20px;line-height:32px}
}
@media(min-width:768px) and (max-width:1439.98px) and (min-width:768px) and (max-width:1023.98px){.mix-content-right{margin:48px auto;width:658px}
.mix-content-right .left-side{letter-spacing:-0.05px}
.mix-content-right .left-side .leftPart{width:596px}
.mix-content-right .left-side .picture-box{height:inherit;position:relative}
.mix-content-right .left-side .picture-box img.smallPic{width:658px;height:100%}
.mix-content-right .left-side .picture-box .locator-video-play-btn{bottom:24px}
.mix-content-right .rightPart{margin-top:64px;width:596px;letter-spacing:-0.12px}
}