.cp-breadcrumb{font-size:11px;line-height:19px;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';font-variation-settings:'wght' 550} .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;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;} .about-history-container .about_history_list .about_history_list_left li .list_title .list_title_introduce{font-size:20px;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;} .about-history-container .about_history_list .about_history_list_right li .list_title .list_title_introduce{font-size:20px;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-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-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:60px;display:flex;justify-content:center;font-size:92px;color:#000;line-height:110px} .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 #oc-header.fixed .newslist-tab .position_nav{top:52px} .newslist-tab .position_nav{margin-top:20px;position:relative} .newslist-tab .position-static{position:static} .newslist-tab .newslist_tab_nav{width:100%;display:flex;justify-content:center;height:70px;background-color:#fff;z-index:9;margin-top:0;transition:top .1s ease} .newslist-tab .newslist_tab_nav li{margin-right:20px;font-size:20px;color:#000;line-height:70px;opacity:.6;cursor:pointer} @media(min-width:1440px){.newslist-tab .newslist_tab_nav li:hover{opacity:1} } .newslist-tab .newslist_tab_nav li:last-of-type{margin-right:0} .newslist-tab .newslist_tab_nav .current{opacity:1} .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{margin-top:194px;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_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-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;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-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;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;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-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-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;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-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;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;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-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(min-width:1024px) and (max-width:1439.98px){.newslist-tab .newslist_title{margin-top:40px;display:flex;justify-content:center;font-size:92px;color:#000;line-height:110px} .newslist-tab .nav_scroll_fixed{position:fixed;top:0;box-shadow:0 0 15vw 0 rgba(0,0,0,0.15)} .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:15px;position:relative} .newslist-tab .position-static{position:static} .newslist-tab .newslist_tab_nav{display:flex;justify-content:center;height:70px} .newslist-tab .newslist_tab_nav li{margin-right:20px;font-size:20px;color:#000;line-height:70px;opacity:.7} .newslist-tab .newslist_tab_nav li:last-of-type{margin-right:0} .newslist-tab .newslist_tab_nav p{position:absolute;bottom:18px;border-bottom:1px solid #000} .newslist-tab .newslist_visible_box{margin-top:180px;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;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;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-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;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;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-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;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;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-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;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;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-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 .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(min-width:768px) and (max-width:1023.98px){#oc-header.fixed ~ #oc-container .position_nav{top:52px} .newslist-tab .newslist_title{margin-top:40px;display:flex;justify-content:center;font-size:64px;color:#000;line-height:83px} .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:10px;position:sticky;z-index:3;top:0;transition:top .1s ease} .newslist-tab .position-static{position:sticky} .newslist-tab .newslist_tab_nav{display:flex;justify-content:center;height:50px} .newslist-tab .newslist_tab_nav li{margin-right:2.604vw;font-size:16px;color:#000;line-height:6.51vw;opacity:.7} .newslist-tab .newslist_tab_nav li:last-of-type{margin-right:0} .newslist-tab .newslist_tab_nav p{position:absolute;bottom:1.563vw;border-bottom:1px solid #000} .newslist-tab .newslist_visible_box{margin-top:60px;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(2n){margin-left:4.036vw} .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:688px} .newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content{margin-top:8.333vw;width:328px} .newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .img_box{width:328px;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:328px;height:246px;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;height:2.604vw;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;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-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;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;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-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:328px} .newslist-tab .newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_right .latest_right_content .img_box{width:328px;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:328px;height:246px;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;height:2.604vw;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;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-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;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;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-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 .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(max-width:767.98px){.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} #oc-header.fixed ~ #oc-container .position_nav{top:51px} #oc-header.fixed ~ #oc-container .uc-fixed{top:51px} .newslist-tab .clean-theme .newslist_title{margin-top:30.556vw} .newslist-tab .newslist_title{margin-top:16.111vw;display:flex;justify-content:center;font-size:36px;color:#000;line-height:13.056vw} .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:30px;position:sticky;z-index:3;top:-1px;transition:top .1s ease} .newslist-tab .position-static{position:sticky} .newslist-tab .newslist_tab_nav{width:100vw;display:flex;justify-content:center;height:16.667vw;background-color:#fff;margin-top:0} .newslist-tab .newslist_tab_nav li{margin-right:5.556vw;font-size:3.611vw;color:#000;opacity:.7;line-height:16.667vw} .newslist-tab .newslist_tab_nav li:last-of-type{margin-right:0} .newslist-tab .newslist_tab_nav p{position:absolute;bottom:5vw;border-bottom:1px solid #000} .newslist-tab .newslist_visible_box{margin-top:60px;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 .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-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;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-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;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;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-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-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;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-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;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;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-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 #oc-header,.my-oppo #footer,.my-oppo #progress{display:none !important} .my-oppo #oc-header.fixed ~ #oc-container .position_nav{top:0} } .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;} .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;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-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;color:#000;line-height:14px;opacity:.5} .press_section_content .main_title{margin-top:20px;font-size:20px;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-size:16px;font-weight:500;color:#000;line-height:24px;opacity:.7;overflow:hidden;max-height:96px} @media(min-width:1024px) and (max-width:1439.98px){.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;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;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-size:.879vw;color:#fff;line-height:1.367vw} .press_section_content .date_time span{margin-left:.488vw;font-size:.879vw;color:#000;line-height:1.367vw;opacity:.5} .press_section_content .main_title{margin-top:.977vw;font-size:13px;color:#000;line-height:19px} .press_section_content .main_title a{max-height:57px} .press_section_content .short_intro{margin-top:.977vw;font-size:11px;font-weight:500;color:#000;line-height:16px;opacity:.7;max-height:64px} } @media(min-width:768px) and (max-width:1023.98px){.press_section_content{width:27.083vw;margin-right:4.036vw;margin-top:7.813vw} .press_section_content .img_box{width:27.083vw;height:20.313vw;overflow:hidden} .press_section_content .img_box img{width:27.083vw;height:20.313vw;transform:scale(1);opacity:1} .press_section_content .article_tip{display:inline-block;margin-top:10px;height:2.604vw;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;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-size:1.172vw;color:#fff;line-height:1.823vw} .press_section_content .date_time span{margin-left:.651vw;font-size:1.172vw;color:#000;line-height:1.823vw;opacity:.5} .press_section_content .main_title{margin-top:1.302vw;font-size:13px;color:#000;line-height:19px} .press_section_content .main_title a{max-height:57px} .press_section_content .short_intro{margin-top:1.302vw;font-size:11px;font-weight:500;color:#000;line-height:16px;opacity:.7;max-height:64px} } @media(max-width:767.98px){.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-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;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-size:2.5vw;color:#fff;line-height:3.889vw} .press_section_content .date_time span{margin-left:1.389vw;font-size:2.5vw;color:#000;line-height:3.889vw;opacity:.5} .press_section_content .main_title{margin-top:2.778vw;font-size:16px;color:#000;line-height:24px} .press_section_content .main_title a{max-height:72px} .press_section_content .short_intro{margin-top:2.778vw;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;} .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;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-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;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;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-size:16px;font-weight:500;color:#000;line-height:24px;opacity:.7;overflow:hidden;max-height:96px} @media(min-width:1024px) and (max-width:1439.98px){.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;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;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-size:.879vw;color:#fff;line-height:1.367vw} .story_section_content .date_time span{font-size:.879vw;margin-left:.488vw;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;color:#000;line-height:19px} .story_section_content .main_title a{max-height:57px} .story_section_content .short_intro{margin-top:.977vw;font-size:11px;font-weight:500;color:#000;line-height:16px;opacity:.7;max-height:64px} } @media(min-width:768px) and (max-width:1023.98px){.story_section_content{width:27.083vw;margin-right:4.036vw;margin-top:7.813vw} .story_section_content .img_box{width:27.083vw;height:20.313vw;overflow:hidden} .story_section_content .img_box img{width:27.083vw;height:20.313vw;transform:scale(1);opacity:1} .story_section_content .article_tip{display:inline-block;margin-top:10px;height:2.604vw;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;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-size:1.172vw;color:#fff;line-height:1.823vw} .story_section_content .date_time span{font-size:1.172vw;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;color:#000;line-height:19px} .story_section_content .main_title a{max-height:57px} .story_section_content .short_intro{margin-top:1.302vw;font-size:11px;font-weight:500;color:#000;line-height:16px;opacity:.7;max-height:64px} } @media(max-width:767.98px){.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-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;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-size:2.5vw;color:#fff;line-height:3.889vw} .story_section_content .date_time span{margin-left:1.389vw;font-size:2.5vw;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;color:#000;line-height:24px} .story_section_content .main_title a{max-height:72px} .story_section_content .short_intro{margin-top:2.778vw;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;} .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-size:16px;font-weight:400;color:#000;line-height:24px} .media_section_content .main_intro a{overflow:hidden;max-height:72px} @media(min-width:1024px) and (max-width:1439.98px){.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;} .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-size:13px;font-weight:400;color:#000;line-height:19px} .media_section_content .main_intro a{max-height:57px} } @media(min-width:768px) and (max-width:1023.98px){.media_section_content:nth-child(4n){margin-right:3.906vw} .media_section_content:nth-child(3n){margin-right:0} .media_section_content:nth-child(4){margin-top:7.813vw} .media_section_content{width:27.083vw;margin-right:3.906vw;margin-top:7.813vw} .media_section_content .img_box{width:27.083vw;height:20.313vw;overflow:hidden} .media_section_content .img_box img{width:27.083vw;height:20.313vw;transform:scale(1);opacity:1} .media_section_content .article_tip{margin-top:1.563vw;height:1.563vw;} .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-size:13px;font-weight:400;color:#000;line-height:19px} .media_section_content .main_intro a{max-height:57px} } @media(max-width:767.98px){.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;} .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-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;} .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';font-variation-settings:'wght' 550} .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-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';font-variation-settings:'wght' 550} .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;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;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-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} } .cp-phone-compare{padding:120px 0;text-align:center;border-top:1px solid rgba(0,0,0,0.15)} .cp-phone-compare .title{font-size:28px} .cp-phone-compare .actions{margin-top:25px;font-size:13px} .cp-phone-compare .action{padding-bottom:2px;border-bottom:1px solid;margin:0 6px} @media(min-width:1440px){.cp-phone-compare .text-button1{transition:all .3s} .cp-phone-compare .text-button1:hover{opacity:.7} .cp-phone-compare .text-button1:active{opacity:1} } @media(max-width:767.98px){.cp-phone-compare{padding:90px 0} .cp-phone-compare .title{font-size:30px;line-height:45px;color:#000} .cp-phone-compare .actions{margin-top:17px} .cp-phone-compare .action{display:inline-block;margin-bottom:10px;color:#000} } @media(min-width:768px) and (max-width:1023.98px){.cp-phone-compare{padding:120px 123px} } .tab_nav_content .fa-chevron-right{font-size:14px} .service-popular-faqs{width:100%;overflow-x:hidden} .service-popular-faqs .service_tab_nav>div{padding-bottom:13px} .service-popular-faqs .service_tab_nav p{top:initial;bottom:0} @media(max-width:767.98px){.service-popular-faqs{margin-bottom:45px} .service-popular-faqs .border-class{border-top:1px solid rgba(0,0,0,0.1);width:320px;margin:0 auto;margin-top:32px} .service-popular-faqs .faq_wrap{display:flex;transition:all .3s ease;position:relative;width:99999px;left:0} .service-popular-faqs .faq_wrap .tab_nav_content{transition:all .3s ease} .service-popular-faqs .faq_wrap .tab_nav_content a{border-bottom:1px solid rgba(0,0,0,0.1);font-size:14px;line-height:24px} .service-popular-faqs .service_tab_nav{padding:0 20px;border-bottom:none !important;height:initial} .service-popular-faqs .service_tab_nav>div{cursor:pointer;margin-right:20px} .service-popular-faqs .service_tab_nav p{height:2px} .service-popular-faqs .title{font-size:24px;font-weight:400;line-height:40px;text-align:center;letter-spacing:-0.24px;margin-bottom:30px} .service-popular-faqs .view_all{font-size:13px;font-weight:400;line-height:24px;text-align:center;margin:0 auto 80px} .service-popular-faqs .view_all a{border-bottom:1px solid #000;padding-bottom:2px} .service-popular-faqs .view_all img{width:15px;height:15px} .question_content{display:inline-block;width:100vw;padding:0 20px;box-sizing:border-box;position:relative;margin-top:0} .tab_nav_content{margin-bottom:40px;font-size:13px;font-weight:400;line-height:19.5px} .tab_nav_content a{display:flex;height:80px;align-items:center;border-bottom:1px solid #979797;padding-right:18px} .tab_nav_content a p{flex:auto;margin-right:15px;} .tab_nav_content a img{width:14px;height:14px} } @media(min-width:1440px){.service-popular-faqs .title{text-align:center;margin-bottom:32px;font-size:28px;font-weight:400;color:#000;line-height:44px} .service-popular-faqs .faq_wrap{display:flex;transition:all .3s ease;position:relative;width:99999px;left:0} .service-popular-faqs .faq_wrap .tab_nav_content{transition:all .3s ease} .service-popular-faqs .faq_wrap .tab_nav_content a{border-bottom:1px solid rgba(0,0,0,0.1)} .service-popular-faqs .faq_wrap .tab_nav_content li:first-child{border-top:1px solid rgba(0,0,0,0.1)} .service-popular-faqs .view_all{line-height:24px;text-align:center;margin:0 auto;font-size:13px;font-weight:500;cursor:pointer} .service-popular-faqs .view_all img{width:15px;height:15px;vertical-align:text-bottom} .service-popular-faqs .view_all span{display:inline-block} .service-popular-faqs .view_all a{border-bottom:1px solid #000;padding-bottom:2px} .question_content{display:inline-block;box-sizing:border-box;position:relative} .tab_nav_content{width:100vw;margin-bottom:57px;display:block;padding:0 calc((100vw - 860px) / 2)} .tab_nav_content li:first-child{border-top:1px solid #979797} .tab_nav_content a{display:flex;height:84px;align-items:center;border-bottom:1px solid #979797;padding-right:32px} .tab_nav_content a p{flex:auto;margin-right:15px;font-size:16px;font-weight:bold;line-height:24px} .tab_nav_content a img{margin-right:34px;width:14px;height:14px} } @media(min-width:1024px) and (max-width:1439.98px){.service-popular-faqs{padding-bottom:60px} .service-popular-faqs .faq_wrap{display:flex;transition:all .3s ease;position:relative;width:99999px;left:0} .service-popular-faqs .faq_wrap .tab_nav_content{transition:all .3s ease} .service-popular-faqs .faq_wrap .tab_nav_content a{border-bottom:1px solid rgba(0,0,0,0.1)} .service-popular-faqs .service_tab_nav{margin-bottom:0;height:auto;border-bottom:none !important} .service-popular-faqs .service_tab_nav>div{padding-bottom:13px;cursor:pointer} .service-popular-faqs .service_tab_nav p{top:initial;bottom:0} .service-popular-faqs .title{font-size:28px;font-weight:400;line-height:30px;text-align:center;letter-spacing:-0.24px;margin-bottom:30px} .service-popular-faqs .view_all{font-size:13px;font-weight:400;line-height:24px;text-align:center;margin:0 auto} .service-popular-faqs .view_all img{width:20px;height:20px} .service-popular-faqs .view_all a{border-bottom:1px solid #000;padding-bottom:2px} .question_content{display:inline-block;width:100vw;padding:0 130px;box-sizing:border-box;position:relative} .tab_nav_content{margin-bottom:57px;font-size:13px;font-weight:400;line-height:19.5px} .tab_nav_content a{display:flex;height:70px;align-items:center;border-bottom:1px solid #979797;padding-right:28px} .tab_nav_content a p{flex:auto;margin-right:15px;} .tab_nav_content a img{margin-right:25px} } @media(min-width:768px) and (max-width:1023.98px){.service-popular-faqs{margin-bottom:60px} .service-popular-faqs .faq_wrap{display:flex;transition:all .3s ease;position:relative;width:99999px;left:0} .service-popular-faqs .faq_wrap .tab_nav_content{transition:all .3s ease} .service-popular-faqs .faq_wrap .tab_nav_content a{border-bottom:1px solid rgba(0,0,0,0.1)} .service-popular-faqs .service_tab_nav{border-bottom:none !important;margin-bottom:0} .service-popular-faqs .service_tab_nav>div{padding-bottom:13px;cursor:pointer} .service-popular-faqs .service_tab_nav p{top:initial;bottom:0} .service-popular-faqs .title{font-size:28px;font-weight:400;line-height:30px;text-align:center;letter-spacing:-0.24px;margin-bottom:30px} .service-popular-faqs .view_all{font-size:13px;font-weight:400;line-height:24px;text-align:center;margin:0 auto} .service-popular-faqs .view_all img{width:20px;height:20px} .service-popular-faqs .view_all a{border-bottom:1px solid #000;padding-bottom:2px} .question_content{display:inline-block;width:100vw;padding:0 100px;box-sizing:border-box;position:relative} .tab_nav_content{margin-bottom:57px;font-size:13px;font-weight:400;line-height:19.5px} .tab_nav_content a{display:flex;height:68px;align-items:center;border-bottom:1px solid #979797;padding-right:15px} .tab_nav_content a p{flex:auto;margin-right:15px;font-size:13px;color:#000;line-height:19px} .tab_nav_content a img{margin-right:19px} } .service_tab_nav_fa{white-space:nowrap;overflow:auto;overflow-y:hidden;scrollbar-width:none} .service_tab_nav_fa::-webkit-scrollbar{display:none} @media(min-width:1440px){.service_tab_nav{display:flex;height:34px;margin-bottom:80px;justify-content:center;position:relative} .service_tab_nav div{position:relative;font-size:14px;font-weight:400;line-height:24px;text-align:center;color:rgba(0,0,0,0.6);margin-right:20px;transition:all ease-in-out .2s;cursor:pointer} .service_tab_nav div:last-of-type{margin-right:0} .service_tab_nav div:hover{color:#000} .service_tab_nav div:hover::after{display:block;height:1px;position:absolute;content:"";left:0;right:0;bottom:0;background:#000} .service_tab_nav .active{color:#000} .service_tab_nav .active::after{display:none} .service_tab_nav .active:hover::after{display:none} .service_tab_nav p{position:absolute;height:1px;background:#000;bottom:0;left:0;transition:all .3s ease} } @media(min-width:1024px) and (max-width:1439.98px){.service_tab_nav{display:flex;height:34px;margin-bottom:0;justify-content:center;position:relative} .service_tab_nav div{font-size:13px;font-weight:400;line-height:19px;text-align:center;color:rgba(0,0,0,0.7);margin-right:20px;opacity:.7} .service_tab_nav div:last-of-type{margin-right:0} .service_tab_nav .active{color:#000;opacity:1} .service_tab_nav p{position:absolute;height:1px;background:#000;top:25px;left:0;transition:all .3s ease} } @media(min-width:768px) and (max-width:1023.98px){.service_tab_nav{display:flex;height:34px;justify-content:center;position:relative} .service_tab_nav div{font-size:13px;font-weight:400;line-height:19px;text-align:center;color:rgba(0,0,0,0.7);margin-right:20px;opacity:.7} .service_tab_nav div:last-of-type{margin-right:0} .service_tab_nav .active{color:#000;opacity:1} .service_tab_nav p{position:absolute;height:1px;background:#000;top:20px;left:0;transition:all .3s ease} } @media(max-width:767.98px){.service_tab_nav{height:34px;justify-content:center;position:relative;width:fit-content;margin:0 auto} .service_tab_nav div{font-size:13px;font-weight:400;line-height:19px;text-align:center;color:rgba(0,0,0,0.7);margin-right:20px;display:inline-block;opacity:.7} .service_tab_nav div:last-of-type{margin-right:0} .service_tab_nav .active{color:#000;opacity:1} .service_tab_nav p{position:absolute;height:1px;background:#000;top:20px;left:0;transition:all .3s ease} } .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} } @media(min-width:1440px){.service-self{margin-bottom:128px;width:1090px;margin-left:auto;margin-right:auto} .service-self .title{font-size:28px;font-weight:400;color:#000;line-height:42px;text-align:center;margin-bottom:60px} .service-self .self_wrap{font-size:0;width:1120px} .service-self .lode_more,.service-self .close_more{text-align:center;margin-top:70px} .service-self .lode_more img,.service-self .close_more img{cursor:pointer;width:55px;height:46px;margin-bottom:10px} .service-self .lode_more img:active,.service-self .close_more img:active{transform:scaleY(1.19565);opacity:.5} .service-self .close_more{display:none} } @media(max-width:767.98px){.service-self{padding:0 15px;margin-bottom:96px;margin-top:32px} .service-self .title{font-size:24px;font-weight:400;line-height:40px;text-align:center;letter-spacing:-0.24px;margin-bottom:34px} .service-self .lode_more,.service-self .close_more{text-align:center;margin-top:60px} .service-self .lode_more img,.service-self .close_more img{width:55px;height:46px;margin-bottom:10px} .service-self .close_more{display:none} .service-self .self_wrap ul{width:100%} } @media(min-width:768px) and (max-width:1023.98px){.service-self{margin-top:137px;padding:0 40px;margin-bottom:120px} .service-self .title{font-size:24px;font-weight:400;line-height:36px;text-align:center;letter-spacing:-0.24px;margin-bottom:60px} .service-self .self_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:60px} .service-self .lode_more,.service-self .close_more{text-align:center} .service-self .lode_more img,.service-self .close_more img{width:55px;height:46px;margin-bottom:10px} .service-self .close_more{display:none} } @media(min-width:1024px) and (max-width:1439.98px){.service-self{margin-top:91px;padding:0 130px;margin-bottom:120px} .service-self .title{font-size:24px;font-weight:400;line-height:36px;text-align:center;letter-spacing:-0.24px;margin-bottom:60px} .service-self .self_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:60px} .service-self .lode_more,.service-self .close_more{text-align:center} .service-self .lode_more img,.service-self .close_more img{width:55px;height:46px;margin-bottom:10px} .service-self .close_more{display:none} } @media(max-width:767.98px){ul.self_service_long a{display:flex;height:92px;background:#f4f4f4;margin-bottom:8px;align-items:center;position:relative} ul.self_service_long a .icon{width:36px;height:36px;margin-left:15px;margin-right:24px} ul.self_service_long a .icon img{width:100%} ul.self_service_long a .content{flex:1;margin-right:59px} ul.self_service_long a .content h2{font-size:13px;font-weight:400;line-height:19px;margin-bottom:4px} ul.self_service_long a .content p{height:38px;font-size:13px;font-weight:400;line-height:20px;max-height:40px;overflow:hidden} ul.self_service_long a img.arrow_left{position:absolute;right:30px} } @media(min-width:1440px){ul.self_service_long{display:inline-block;margin-right:20px} ul.self_service_long a{height:182px;background:#f4f4f4;margin-bottom:20px;position:relative;width:720px;cursor:pointer;padding-top:35px;padding-left:37px;padding-right:37px;box-sizing:border-box;display:inline-block} ul.self_service_long a .icon{width:36px;height:36px;margin-bottom:14px} ul.self_service_long a .icon img{width:100%} ul.self_service_long a .content{flex:auto} ul.self_service_long a .content h2{font-size:13px;margin-bottom:6px;color:#000;line-height:20px} ul.self_service_long a .content p{font-size:13px;font-weight:400;line-height:20px;max-height:40px;overflow:hidden} ul.self_service_long a img.arrow_left{display:none;position:absolute;right:30px} ul.self_service_long a:hover{background:rgba(0,0,0,0.1)} } @media(min-width:1024px) and (max-width:1439.98px){ul.self_service_long{display:inline-block;margin-right:20px} ul.self_service_long a{height:129px;background:#f4f4f4;margin-bottom:29px;position:relative;width:248px;cursor:pointer;padding-top:22px;padding-left:23px;padding-right:37px;box-sizing:border-box;display:inline-block} ul.self_service_long a .icon{width:36px;height:36px;margin-bottom:14px} ul.self_service_long a .icon img{width:100%} ul.self_service_long a .content{flex:auto} ul.self_service_long a .content h2{font-size:13px;margin-bottom:6px;color:#000;line-height:20px} ul.self_service_long a .content p{font-size:13px;font-weight:400;line-height:20px;max-height:40px;overflow:hidden} ul.self_service_long a img.arrow_left{display:none;position:absolute;right:30px} ul.self_service_long a:hover{background:rgba(0,0,0,0.1)} } @media(min-width:768px) and (max-width:1023.98px){ul.self_service_long a{display:flex;height:92px;background:#f4f4f4;margin-bottom:8px;align-items:center;position:relative;width:44.271vw} ul.self_service_long a .icon{width:30px;height:30px;margin-left:25px;margin-right:24px} ul.self_service_long a .icon img{width:100%} ul.self_service_long a .content{flex:1;margin-right:59px} ul.self_service_long a .content h2{font-size:13px;font-weight:400;line-height:19px;margin-bottom:4px} ul.self_service_long a .content p{height:38px;font-size:13px;font-weight:400;line-height:20px;max-height:40px;overflow:hidden} ul.self_service_long a img.arrow_left{position:absolute;right:30px} } @media(max-width:767.98px){ul.self_service_short a{display:flex;height:92px;background:#f4f4f4;margin-bottom:8px;align-items:center;position:relative} ul.self_service_short a .icon{width:36px;height:36px;margin-left:15px;margin-right:24px} ul.self_service_short a .icon img{width:100%} ul.self_service_short a .content{flex:1;margin:20px 59px 0 0} ul.self_service_short a .content h2{font-size:12px;font-weight:400;line-height:19px;margin-bottom:4px} ul.self_service_short a .content p{height:38px;font-size:12px;font-weight:400;line-height:20px;max-height:40px;overflow:hidden} ul.self_service_short a img.arrow_left{position:absolute;right:30px} } @media(min-width:1440px){ul.self_service_short{display:inline-block;margin-right:20px;vertical-align:top} ul.self_service_short a{height:182px;background:#f4f4f4;margin-bottom:20px;position:relative;width:350px;cursor:pointer;padding-top:35px;padding-left:37px;padding-right:37px;box-sizing:border-box;display:inline-block} ul.self_service_short a .icon{width:36px;height:36px;margin-bottom:14px;display:flex} ul.self_service_short a .icon img{width:100%;margin:auto} ul.self_service_short a .content{flex:auto} ul.self_service_short a .content h2{font-size:13px;margin-bottom:6px;color:#000;line-height:20px} ul.self_service_short a .content p{font-size:13px;font-weight:400;line-height:20px;max-height:40px;overflow:hidden} ul.self_service_short a img.arrow_left{display:none;position:absolute;right:30px} ul.self_service_short a:hover{background:rgba(0,0,0,0.1)} } @media(min-width:1024px) and (max-width:1439.98px){.self_service_short a{display:flex;height:92px;background:#f4f4f4;margin-bottom:8px;align-items:center;position:relative;width:36.816vw} .self_service_short a .icon{width:36px;height:36px;margin-left:15px;margin-right:24px} .self_service_short a .icon img{width:100%} .self_service_short a .content{flex:1;margin-right:59px} .self_service_short a .content h2{font-size:13px;font-weight:400;line-height:19px;margin-bottom:4px} .self_service_short a .content p{height:38px;font-size:13px;font-weight:400;line-height:20px;max-height:40px;overflow:hidden} .self_service_short a img.arrow_left{position:absolute;right:30px} } @media(min-width:768px) and (max-width:1023.98px){.self_service_short a{display:flex;height:92px;background:#f4f4f4;margin-bottom:8px;align-items:center;position:relative;width:44.271vw} .self_service_short a .icon{width:30px;height:30px;margin-left:25px;margin-right:24px} .self_service_short a .icon img{width:100%} .self_service_short a .content{flex:1;margin-right:59px} .self_service_short a .content h2{font-size:13px;font-weight:400;line-height:19px;margin-bottom:4px} .self_service_short a .content p{height:38px;font-size:13px;font-weight:400;line-height:20px;max-height:40px;overflow:hidden} .self_service_short a img.arrow_left{position:absolute;right:15px} } /*.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(../../../../cn/assets/src/assets/product/product/Bitmap.png) 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;} .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-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;} .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-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(../../../../cn/assets/src/assets/product/product/Bitmap.png) 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%;} .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;} 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';font-variation-settings:'wght' 550} .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;} .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';font-variation-settings:'wght' 550} .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{display: flex; align-items: center; font-size: 20px; margin-top: 16px; line-height: 150%;} .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:36px;line-height:42px;} .top-reno-left-top .top-art-p{color:#666;width:26vw;margin:15px 0 0;font-size:16px;line-height:28px;min-height:80px;} .top-reno-left-top .top-art-ul{overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;} .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;font-weight:600} .top-reno-left-top .title{font-weight:bold;font-size:45px;line-height:42px} .top-reno-left-top .top-art-p{width:100%;margin:10px 0 0;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:26px;line-height:24px;font-weight:bold} .top-reno-left-top .top-art-p{width:50.39vw;color:#666;margin:15px 0 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} .left-image { margin: 0 44px 0 0 !important; } } /*@media(min-width:1440px){.top-reno-left-top .top-art-p{width:375px}*/ /*}*/ @font-face{font-family:"iconfont";src:url(../../../../etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-design/resources/fonts/iconfont.eot);src:url(../../../../etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-design/resources/fonts/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(../../../../etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-design/resources/fonts/iconfont.woff) format("woff"),url(../../../../etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-design/resources/fonts/iconfont.ttf) format("truetype"),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPCEtLQoyMDEzLTktMzA6IENyZWF0ZWQuCi0tPgo8c3ZnPgo8bWV0YWRhdGE+CkNyZWF0ZWQgYnkgaWNvbmZvbnQKPC9tZXRhZGF0YT4KPGRlZnM+Cgo8Zm9udCBpZD0iaWNvbmZvbnQiIGhvcml6LWFkdi14PSIxMDI0IiA+CiAgPGZvbnQtZmFjZQogICAgZm9udC1mYW1pbHk9Imljb25mb250IgogICAgZm9udC13ZWlnaHQ9IjUwMCIKICAgIGZvbnQtc3RyZXRjaD0ibm9ybWFsIgogICAgdW5pdHMtcGVyLWVtPSIxMDI0IgogICAgYXNjZW50PSI4OTYiCiAgICBkZXNjZW50PSItMTI4IgogIC8+CiAgICA8bWlzc2luZy1nbHlwaCAvPgogICAgCiAgICA8Z2x5cGggZ2x5cGgtbmFtZT0ibW9vbmJ5dWVsaWFuZyIgdW5pY29kZT0iJiM1OTA0MDsiIGQ9Ik01MjkuNjExMzczLTEyNy4zODU2NWMtMTQ2LjExMjk2NSAwLTI3MC44MjYwNjMgNTEuNzA3ODEyLTM3NC4zNDQwNzggMTU1LjIyNTgyN0M1MS43NDkyOCAxMzEuMzU4MTkyIDAuMDQxNDY5IDI1Ni4xNzM2ODIgMC4wNDE0NjkgNDAyLjE4NDI1NWMwIDEwNS4wNTM4OTEgMjkuNjkzNTk1IDIwMi4zMjYwMTIgODguOTc4MzkzIDI5Mi4yMjU5MyA1OS4zODcxOSA4OS43OTc1MjYgMTM3LjAwMDEwMyAxNTUuOTQyNTY5IDIzMi44Mzg3NCAxOTguNjM5OTEgNi4wNDExMTEgNC42MDc2MjcgMTIuMTg0NjEzIDMuNzg4NDkzIDE4LjIyNTcyNC0yLjI1MjYxOCA3LjU3Njk4Ni00LjYwNzYyNyA5LjkzMTk5Ni0xMS4zNjU0NzkgNi44NjAyNDQtMjAuNTgwNzMzQzMyMi42Nzc3MzUgODEyLjI2MzAzOSAzMTAuNDkzMTIyIDc1My43OTczNzQgMzEwLjQ5MzEyMiA2OTQuNDEwMTg1YzAtMTM1LjQ2NDIyNyA0OC4zMjg4ODUtMjUxLjQ3NDAzMSAxNDQuOTg2NjU2LTM0OC4xMzE4MDEgOTYuNjU3NzcxLTk2LjY1Nzc3MSAyMTIuNjY3NTc0LTE0NC45ODY2NTYgMzQ4LjEzMTgwMS0xNDQuOTg2NjU2IDc0LjU0MTE2MiAwIDEzOS4yNTI3MjEgMTEuMzY1NDc5IDE5NC4wMzIyODMgMzQuMTk4ODNDMTAwMy42ODQ5NzQgMjQwLjIwMDU3NiAxMDA5LjcyNjA4NCAyMzkuMzgxNDQyIDEwMTUuNzY3MTk1IDIzMy4zNDAzMzFjNy41NzY5ODYtNC42MDc2MjcgOS45MzE5OTYtMTEuMzY1NDc5IDYuODYwMjQ0LTIwLjU4MDczM0M5ODMuMTA0MjQxIDEwOS4yNDE1ODMgOTE4LjgwMjI0OSAyNi43MTM4NjggODI5LjcyMTQ2NS0zNC45MjU5MzkgNzQwLjc0MzA3Mi05Ni41NjU3NDYgNjQwLjcwNjM3NS0xMjcuMzg1NjUgNTI5LjYxMTM3My0xMjcuMzg1NjV6IiAgaG9yaXotYWR2LXg9IjEwMjQiIC8+CgogICAgCiAgICA8Z2x5cGggZ2x5cGgtbmFtZT0ieGlhbmdqaSIgdW5pY29kZT0iJiM1ODg5MzsiIGQ9Ik05MDEuODg4IDY5OS4yMzg0aC03OC41MzA1NmwtMjAuNzE1NTIgNDEuMDIxNDRjLTguNjQyNTYgMjIuNTQ4NDgtMjQuODAxMjggNjIuOTM1MDQtNzQuMTk5MDQgNjIuOTM1MDRIMzA2LjU2NTEyYy00NC4yMzY4IDAtNjAuODY2NTYtMzAuMTA1Ni03My42NDYwOC02MS41NzMxMmwtMjguNTI4NjQtNDIuMzgzMzZoLTgxLjUyMDY0Yy02Ny43NTgwOCAwLTEyMi44OC01MS4yMjA0OC0xMjIuODgtMTE0LjE4NjI0di01MDYuMDQwMzJjMC02Mi45NTU1MiA1NS4xMjE5Mi0xMTQuMTg2MjQgMTIyLjg4LTExNC4xODYyNGg3NzkuMDE4MjRjNjcuNzU4MDggMCAxMjIuODggNTEuMjMwNzIgMTIyLjg4IDExNC4xODYyNFY1ODUuMDQxOTJjMCA2Mi45NjU3Ni01NS4xMjE5MiAxMTQuMTk2NDgtMTIyLjg4IDExNC4xOTY0OHogbTgxLjkyLTYyMC4yMzY4YzAtNDAuMzc2MzItMzYuNzUxMzYtNzMuMjI2MjQtODEuOTItNzMuMjI2MjRIMTIyLjg2OTc2Yy00NS4xNjg2NCAwLTgxLjkyIDMyLjg0OTkyLTgxLjkyIDczLjIyNjI0VjU4NS4wNDE5MmMwIDQwLjM3NjMyIDM2Ljc1MTM2IDczLjIyNjI0IDgxLjkyIDczLjIyNjI0aDEwMy4zMjE2bDQxLjkxMjMyIDYyLjI0ODk2IDIuMDE3MjggMy44MTk1MmMxMy4wODY3MiAzMi42NjU2IDIwLjIzNDI0IDM3Ljg4OCAzNi40NDQxNiAzNy44ODhINzI4LjQ0Mjg4YzE1LjQ3MjY0IDAgMjMuOTQxMTItNS4yMjI0IDM2LjMyMTI4LTM3LjU5MTA0bDMzLjQwMjg4LTY2LjM2NTQ0aDEwMy43MzEyYzQ1LjE2ODY0IDAgODEuOTItMzIuODQ5OTIgODEuOTItNzMuMjI2MjR2LTUwNi4wNDAzMnpNNTEyLjM3ODg4IDU0Mi4wNjQ2NGMtMTAwLjIyOTEyIDAtMTgxLjc2LTgxLjUzMDg4LTE4MS43Ni0xODEuNzZzODEuNTMwODgtMTgxLjc2IDE4MS43Ni0xODEuNzZjMTAwLjIxODg4IDAgMTgxLjc2IDgxLjU0MTEyIDE4MS43NiAxODEuNzZTNjEyLjU5Nzc2IDU0Mi4wNjQ2NCA1MTIuMzc4ODggNTQyLjA2NDY0eiBtMC0zMjIuNTQ5NzZjLTc3LjYzOTY4IDAtMTQwLjggNjMuMTYwMzItMTQwLjggMTQwLjhzNjMuMTYwMzIgMTQwLjggMTQwLjggMTQwLjggMTQwLjgtNjMuMTYwMzIgMTQwLjgtMTQwLjhjMC03Ny42NDk5Mi02My4xNjAzMi0xNDAuOC0xNDAuOC0xNDAuOHoiICBob3Jpei1hZHYteD0iMTAyNCIgLz4KCiAgICAKICAgIDxnbHlwaCBnbHlwaC1uYW1lPSJkdW9tZWl0aWljb24tIiB1bmljb2RlPSImIzU4OTE1OyIgZD0iTTYwMC40NDggNjgyLjY2NjY2N2wzNS42NDgtNzEuMjk2IDE3LjY4NTMzMy0zNS4zNzA2NjdIODUzLjMzMzMzM2MxMS43NTQ2NjcgMCAyMS4zMzMzMzMtOS41Nzg2NjcgMjEuMzMzMzM0LTIxLjMzMzMzM3YtNDI2LjY2NjY2N2MwLTExLjc1NDY2Ny05LjU3ODY2Ny0yMS4zMzMzMzMtMjEuMzMzMzM0LTIxLjMzMzMzM0gxNzAuNjY2NjY3Yy0xMS43NTQ2NjcgMC0yMS4zMzMzMzMgOS41Nzg2NjctMjEuMzMzMzM0IDIxLjMzMzMzM1Y1NTQuNjY2NjY3YzAgMTEuNzU0NjY3IDkuNTc4NjY3IDIxLjMzMzMzMyAyMS4zMzMzMzQgMjEuMzMzMzMzaDE5OS41NTJsMTcuNjg1MzMzIDM1LjM3MDY2N0w0MjMuNTUyIDY4Mi42NjY2NjdoMTc2Ljg5Nm0xMy4xODQgNjRoLTIwMy4yNjRhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDAgMS0zOC4xNjUzMzMtMjMuNTk0NjY3TDMzMC42NjY2NjcgNjQwSDE3MC42NjY2NjdhODUuMzMzMzMzIDg1LjMzMzMzMyAwIDAgMS04NS4zMzMzMzQtODUuMzMzMzMzdi00MjYuNjY2NjY3YTg1LjMzMzMzMyA4NS4zMzMzMzMgMCAwIDEgODUuMzMzMzM0LTg1LjMzMzMzM2g2ODIuNjY2NjY2YTg1LjMzMzMzMyA4NS4zMzMzMzMgMCAwIDEgODUuMzMzMzM0IDg1LjMzMzMzM1Y1NTQuNjY2NjY3YTg1LjMzMzMzMyA4NS4zMzMzMzMgMCAwIDEtODUuMzMzMzM0IDg1LjMzMzMzM2gtMTYwbC00MS41MzYgODMuMDcyQTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAwIDEgNjEzLjYzMiA3NDYuNjY2NjY3ek01MTIgNDI2LjY2NjY2N2M0Ny4wNjEzMzMgMCA4NS4zMzMzMzMtMzguMjcyIDg1LjMzMzMzMy04NS4zMzMzMzRzLTM4LjI3Mi04NS4zMzMzMzMtODUuMzMzMzMzLTg1LjMzMzMzMy04NS4zMzMzMzMgMzguMjcyLTg1LjMzMzMzMyA4NS4zMzMzMzMgMzguMjcyIDg1LjMzMzMzMyA4NS4zMzMzMzMgODUuMzMzMzM0bTAgNjRhMTQ5LjMzMzMzMyAxNDkuMzMzMzMzIDAgMSAxIDAtMjk4LjY2NjY2NyAxNDkuMzMzMzMzIDE0OS4zMzMzMzMgMCAwIDEgMCAyOTguNjY2NjY3ek0yMTMuMzMzMzMzIDUxMm0tMjEuMzMzMzMzIDBhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDEgMSA0Mi42NjY2NjcgMCAyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMSAxLTQyLjY2NjY2NyAwWiIgIGhvcml6LWFkdi14PSIxMDI0IiAvPgoKICAgIAogICAgPGdseXBoIGdseXBoLW5hbWU9InNoYW5kaWFuIiB1bmljb2RlPSImIzU5NTg5OyIgZD0iTTM5NS43NjUzMzMgMzA5LjQyOTMzM2gtMTcxLjczMzMzM2MtMjIuNDIxMzMzIDAtMzcuODg4IDIyLjQ0MjY2Ny0yOS45MDkzMzMgNDMuMzgxMzM0TDM2NC43NjggODAwLjcyNTMzM0EzMiAzMiAwIDAgMCAzOTQuNjY2NjY3IDgyMS4zMzMzMzNoMjg3Ljk1NzMzM2MyMi43MiAwIDM4LjIwOC0yMy4wMTg2NjcgMjkuNjMyLTQ0LjA2NGwtOTkuMzYtMjQzLjg4MjY2NmgxODcuMDUwNjY3YzI3LjUwOTMzMyAwIDQyLjE4NjY2Ny0zMi40MjY2NjcgMjQuMDQyNjY2LTUzLjA5ODY2N2wtNDU4LjYwMjY2Ni01MjIuNTZjLTIyLjI5MzMzMy0yNS40MDgtNjMuNjI2NjY3LTMuMzkyLTU0Ljk3NiAyOS4yOGw4NS4zNTQ2NjYgMzIyLjQyMTMzM3oiICBob3Jpei1hZHYteD0iMTAyNCIgLz4KCiAgICAKICAgIDxnbHlwaCBnbHlwaC1uYW1lPSJxcF9pY29uX3NoYWtlIiB1bmljb2RlPSImIzU5MTgyOyIgZD0iTTQyNy4zMDY2NjcgNjU4LjEzMzMzM2E2OC4yNjY2NjcgNjguMjY2NjY3IDAgMSAxLTEwMy42OCA4OC44NzQ2NjdsLTEzNi41MzMzMzQtMTU5LjI3NDY2N2E2OC4yNjY2NjcgNjguMjY2NjY3IDAgMCAxIDAtODguODc0NjY2TDI4NS41NjggMzg0bC05OC40NzQ2NjctMTE0Ljg1ODY2N2E2OC4yNjY2NjcgNjguMjY2NjY3IDAgMCAxIDAtODguODc0NjY2bDEzNi41MzMzMzQtMTU5LjI3NDY2N2E2OC4yNjY2NjcgNjguMjY2NjY3IDAgMCAxIDEwMy42OCA4OC44NzQ2NjdsLTk4LjQ3NDY2NyAxMTQuODU4NjY2IDk4LjQ3NDY2NyAxMTQuODU4NjY3YTY4LjI2NjY2NyA2OC4yNjY2NjcgMCAwIDEgMCA4OC44MzJMMzI4LjgzMiA1NDMuMjc0NjY3bDk4LjQ3NDY2NyAxMTQuODU4NjY2eiBtNDA5LjYgMGE2OC4yNjY2NjcgNjguMjY2NjY3IDAgMCAxLTEwMy42OCA4OC44NzQ2NjdsLTEzNi41MzMzMzQtMTU5LjI3NDY2N2E2OC4yNjY2NjcgNjguMjY2NjY3IDAgMCAxIDAtODguODc0NjY2TDY5NS4xNjggMzg0bC05OC40NzQ2NjctMTE0Ljg1ODY2N2E2OC4yNjY2NjcgNjguMjY2NjY3IDAgMCAxIDAtODguODc0NjY2bDEzNi41MzMzMzQtMTU5LjI3NDY2N2E2OC4yNjY2NjcgNjguMjY2NjY3IDAgMCAxIDEwMy42OCA4OC44NzQ2NjdsLTk4LjQ3NDY2NyAxMTQuODU4NjY2IDk4LjQ3NDY2NyAxMTQuODU4NjY3YTY4LjI2NjY2NyA2OC4yNjY2NjcgMCAwIDEgMCA4OC44MzJsLTk4LjQ3NDY2NyAxMTQuODU4NjY3IDk4LjQ3NDY2NyAxMTQuODU4NjY2eiIgIGhvcml6LWFkdi14PSIxMDI0IiAvPgoKICAgIAoKCiAgPC9mb250Pgo8L2RlZnM+PC9zdmc+Cg==#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%;} .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;} 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';font-variation-settings:'wght' 550} .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;} .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';font-variation-settings:'wght' 550} .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{display: grid;grid-template-columns: 60% 40%;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;} .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-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;margin-bottom: 60px} .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} .right-twoImg .find-left-image_box{ margin-bottom: 60px !important; } .right-twoImg .find-left-image_box:last-child{ margin-bottom: unset !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%;/*position:absolute*/} .series__find-banner .main:not(.flex) .text .top-reno-left-top{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:unset} .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:50%;margin-top:229px;height: 100%}*/ .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:1200px;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} } .left-image{/*width:70%;*/margin: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;flex-flow: column;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{font-weight: bold;display:flex;align-items:center;font-size:20px;margin-top:16px;line-height:150%;} .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;} html:lang(ar) .find-left-image_box .tag{margin-left:right;margin-right:14px;display:inline-block} .desc{margin-top:3px;font-size:14px;line-height:170%;width:auto;opacity:1;text-align:left;color: #666} .actions{margin-top:10px;padding-bottom:4px;display: flex} .actions .learn-more,.find-left-image_box .actions .buy{font-size:14px;margin-right:12px;font-weight:500;text-align: center;min-width: 80px} .actions .learn-more:hover,.find-left-image_box .actions .buy:hover{opacity:.7;color:#fff;} .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} .learn-more{background-color:#0164F9;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-weight: bold} .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:30px;line-height:21px} .find-left-image_box .desc{margin-top:15px;font-size:18px;line-height:24px;text-align: center} .find-left-image_box .actions{margin-top:30px;justify-content: center;flex-flow: row-reverse;} .find-left-image_box .actions .learn-more,.find-left-image_box .actions .buy{ margin: auto 10px; font-size: 20px; min-width: 120px; display: flex; align-items: baseline; justify-content: center; font-weight: bold; border: 2px solid #0164F9; } .find-left-image_box .actions .buy{ border-radius: 60px; background: #ffffff; color: #0164F9; display: none; } .find-left-image_box .actions .learn-more{border-radius:60px} } @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%} } @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} .left-image{/*width:70%;*/margin:auto} } .service-news{width:100%;overflow-x:hidden} .service-news .press_section_content:nth-child(3n){margin-right:0} .service-news .press_section_content:nth-child(-n+3){margin-top:0} .service-news .press_section_content{width:400px;margin-right:60px;margin-top:90px} .service-news .press_section_content .img_box{width:400px;height:300px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0} .service-news .press_section_content .img_box img{width:400px;height:300px;transform:scale(1);opacity:1;transition:all .3s ease} .service-news .press_section_content .img_box img:hover{transform:scale(1.1);opacity:.85} .service-news .press_section_content .img_box .placeholder{width:110px;height:40px} .service-news .press_section_content .article_tips{display:none} .service-news .press_section_content .date_times{display:none} .service-news .press_section_content .article_tip{display:inline-block;margin-top:15px;height:20px;font-size:0;} .service-news .press_section_content .article_tip a{display:inline-block;padding:3px 6px;cursor:default;font-size:9px;line-height:14px} .service-news .press_section_content .article_tip .gray_filling{background:#c8c9c6;color:#fff} .service-news .press_section_content .article_tip .green_filling{background:#046a38;color:#fff} .service-news .press_section_content .article_tip span{margin-left:5px;font-size:9px;color:#000;line-height:14px;opacity:.5} .service-news .press_section_content .article_tip span:first-of-type{margin-left:15px} .service-news .press_section_content .date_time{display:inline-block;margin-top:10px;margin-left:15px;height:20px;font-size:9px;color:#fff;line-height:14px} .service-news .press_section_content .date_time .dot{background-color:#000;display:none;width:3px;height:3px;border-radius:50%;vertical-align:middle;opacity:.5} .service-news .press_section_content .date_time span:first-child{display:block} .service-news .press_section_content .date_time span{display:none;margin-left:5px;font-size:9px;color:#000;line-height:14px;opacity:.5} .service-news .press_section_content .main_title{margin-top:20px;font-size:20px;color:#000;line-height:30px;overflow:hidden;max-height:90px} .service-news .press_section_content .short_intro{margin-top:20px;font-size:16px;font-weight:500;color:#000;line-height:24px;opacity:.7;overflow:hidden;max-height:96px} @media screen and (max-width:400px){.article_tips{display:block} .article_tip{display:none !important} .date_times{display:block} .date_time{display:none !important} } @media(min-width:1024px) and (max-width:1439.98px){.service-news{margin-bottom:120px} .service-news .title{font-weight:400;color:#000;text-align:center;margin-bottom:31px;font-size:28px;line-height:30px} .service-news .service_tab_nav>div:hover{cursor:pointer} .service-news .news_content{display:flex;flex-wrap:wrap;justify-content:space-between} .service-news .news_content .tab_nav_content .tab_nav_content_img{width:27.148vw;height:20.605vw;margin-bottom:15px} .service-news .news_content .tab_nav_content a{height:100%} .service-news .news_content .tab_nav_content img{width:100%;height:100%} .service-news .news_content .tab_nav_content .tab_nav_content_time{margin-bottom:24px} .service-news .news_content .tab_nav_content .tab_nav_content_time .title{display:inline-block;width:45px;height:20px;color:#fff;background:#046a38;font-size:9px;color:#fff;line-height:20px;padding:2px 6px 4px 6px;margin-right:15px;text-align:center} .service-news .news_content .tab_nav_content .tab_nav_content_time .split{margin-left:5px;margin-right:5px;vertical-align:text-top} .service-news .news_content .tab_nav_content .tab_nav_content_time .time_start,.service-news .news_content .tab_nav_content .tab_nav_content_time .time_end{vertical-align:middle} .service-news .news_content .tab_nav_content .content-title{width:278px;margin-bottom:20px;color:#000;line-height:19px;font-size:13px} .service-news .news_content .tab_nav_content .content{width:278px;font-size:13px;font-weight:500;color:#000;line-height:19px} .service-news .see_more{font-size:13px;font-weight:500;color:#000;line-height:24px;text-align:center;width:80px;margin:5.859vw auto 0} .service-news .see_more img{width:20px;height:20px} .service-news .see_more a{display:inline-block;border-bottom:1px solid #000} .service-news .newslist_press_section{display:flex;width:9999999px;transition:margin-left .3s ease;margin-top:60px} .service-news .newslist_press_section .press_content{display:flex;justify-content:center;width:100vw} .service-news .newslist_press_section:after{content:'';display:block;width:1px;height:1px;clear:both} .service-news .press_section_content{width:27.441vw;margin-right:3.906vw;margin-top:5.859vw} .service-news .press_section_content .img_box{width:27.441vw;height:20.605vw;overflow:hidden} .service-news .press_section_content .img_box img{width:27.441vw;height:20.605vw;transform:scale(1);opacity:1;transition:all .3s ease} .service-news .press_section_content .img_box img:hover{transform:scale(1.1);opacity:.85} .service-news .press_section_content .article_tip{display:inline-block;margin-top:10px;height:1.953vw;color:#fff} .service-news .press_section_content .article_tip a{display:inline-block;font-size:9px;padding:3px 6px;cursor:default;line-height:14px} .service-news .press_section_content .article_tip span{margin-left:.488vw;font-size:.879vw;color:#000;line-height:1.367vw;opacity:.5;display:none} .service-news .press_section_content .article_tip span:first-of-type{margin-left:1.465vw} .service-news .press_section_content .date_time{display:inline-block;margin-left:0;margin-top:.977vw;height:1.953vw;font-size:.879vw;color:#fff;line-height:1.367vw} .service-news .press_section_content .date_time span{margin-left:.488vw;font-size:.879vw;color:#000;line-height:1.367vw;opacity:.5} .service-news .press_section_content .main_title{margin-top:.977vw;font-size:13px;color:#000;line-height:19px;max-height:57px} .service-news .press_section_content .main_title a{max-height:57px} .service-news .press_section_content .short_intro{margin-top:.977vw;font-size:11px;font-weight:500;color:#000;line-height:16px;opacity:.7;max-height:64px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} } @media(min-width:768px) and (max-width:1023.98px){.service-news{margin-bottom:120px} .service-news .title{font-weight:400;color:#000;text-align:center;margin-bottom:25px;font-size:28px;line-height:30px} .service-news .newslist_press_section{display:flex;width:999999px;transition:margin-left .3s ease} .service-news .newslist_press_section .press_content{display:flex;justify-content:center;width:100vw;margin-top:60px} .service-news .newslist_press_section:after{content:'';display:block;width:1px;height:1px;clear:both} .service-news .news_content{display:flex;flex-wrap:wrap;justify-content:space-between} .service-news .news_content .tab_nav_content .tab_nav_content_img{width:27.083vw;height:20.313vw;margin-bottom:15px} .service-news .news_content .tab_nav_content a{height:100%} .service-news .news_content .tab_nav_content img{width:100%;height:100%} .service-news .news_content .tab_nav_content .tab_nav_content_time{margin-bottom:24px} .service-news .news_content .tab_nav_content .tab_nav_content_time .title{display:inline-block;width:45px;height:20px;color:#fff;background:#046a38;font-size:9px;color:#fff;line-height:14px;padding:2px 6px 4px 6px;margin-right:15px} .service-news .news_content .tab_nav_content .tab_nav_content_time .split{display:none;margin-left:5px;margin-right:5px} .service-news .news_content .tab_nav_content .tab_nav_content_time .time_end{display:none} .service-news .news_content .tab_nav_content .content-title{width:208px;margin-bottom:20px;color:#000;line-height:19px;font-size:13px} .service-news .news_content .tab_nav_content .content{width:208px;font-size:13px;font-weight:500;color:#000;line-height:19px} .service-news .see_more{border-bottom:1px solid #000;font-size:13px;font-weight:500;color:#000;line-height:24px;text-align:center;width:80px;margin:0 auto} .service-news .see_more img{width:20px;height:20px} .service-news .see_more a{display:inline-block;padding-top:60px} .service-news .press_section_content{width:27.083vw;margin-right:4.036vw;margin-top:7.813vw} .service-news .press_section_content .img_box{width:27.083vw;height:20.313vw;overflow:hidden} .service-news .press_section_content .img_box img{width:27.083vw;height:20.313vw;transform:scale(1);opacity:1;transition:all .3s ease} .service-news .press_section_content .img_box img:hover{transform:scale(1.1);opacity:.85} .service-news .press_section_content .article_tip{display:inline-block;margin-top:10px;height:2.604vw;font-size:0;color:#fff} .service-news .press_section_content .article_tip a{display:inline-block;font-size:9px;padding:3px 6px;cursor:default;line-height:14px} .service-news .press_section_content .article_tip span{margin-left:.651vw;font-size:1.172vw;color:#000;line-height:1.823vw;opacity:.5} .service-news .press_section_content .article_tip span:first-of-type{margin-left:1.953vw} .service-news .press_section_content .article_tip .dot{background-color:#000;display:inline-block;width:.391vw;height:.391vw;border-radius:50%;vertical-align:middle;opacity:.5} .service-news .press_section_content .date_time{display:inline-block;margin-left:0;margin-top:1.302vw;height:2.604vw;font-size:1.172vw;color:#fff;line-height:1.823vw} .service-news .press_section_content .date_time span{margin-left:.651vw;font-size:1.172vw;color:#000;line-height:1.823vw;opacity:.5} .service-news .press_section_content .main_title{margin-top:1.302vw;font-size:13px;color:#000;line-height:19px;max-height:57px} .service-news .press_section_content .main_title a{max-height:57px} .service-news .press_section_content .short_intro{margin-top:1.302vw;font-size:11px;font-weight:500;color:#000;line-height:16px;opacity:.7;max-height:64px} } @media(min-width:1440px){.service-news{margin-bottom:180px} .service-news .title{font-size:28px;font-weight:400;color:#000;line-height:42px;text-align:center;margin-bottom:31px} .service-news .service_tab_nav div{cursor:pointer;padding-bottom:13px} .service-news .news_content{display:flex;flex-wrap:wrap;justify-content:space-between} .service-news .news_content .tab_nav_content .tab_nav_content_img{width:400px;height:300px;margin-bottom:15px;overflow:hidden} .service-news .news_content .tab_nav_content .tab_nav_content_img a{height:100%} .service-news .news_content .tab_nav_content .tab_nav_content_img img{width:100%;height:100%;cursor:pointer;transform:scale(1.05);transition:all .3s ease} .service-news .news_content .tab_nav_content .tab_nav_content_img img:hover{transform:scale(1)} .service-news .news_content .tab_nav_content .tab_nav_content_time{margin-bottom:24px} .service-news .news_content .tab_nav_content .tab_nav_content_time .title{display:inline-block;width:46px;height:20px;color:#fff;background:#046a38;font-size:9px;color:#fff;line-height:20px;padding:6px;margin-right:15px;text-align:center} .service-news .news_content .tab_nav_content .tab_nav_content_time .split{margin-left:5px;margin-right:5px;vertical-align:text-top} .service-news .news_content .tab_nav_content .tab_nav_content_time .time_start,.service-news .news_content .tab_nav_content .tab_nav_content_time .time_end{vertical-align:middle} .service-news .news_content .tab_nav_content .content-title{width:400px;margin-bottom:20px;font-size:20px;color:#000;line-height:30px;cursor:pointer} .service-news .news_content .tab_nav_content .content{width:400px;font-size:13px;font-weight:400;color:#000;line-height:20px} .service-news .see_more{border-bottom:1px solid #000;font-size:14px;font-weight:500;color:#000;line-height:24px;text-align:center;width:100px;margin:0 auto;cursor:pointer} .service-news .see_more a{display:inline-block;padding-top:64px} .service-news .see_more a img{width:15px;height:15px} .service-news .newslist_press_section{display:flex;width:999999px;transition:margin .3s ease} .service-news .newslist_press_section .press_content{display:flex;justify-content:center;width:100vw;padding:0 calc((100vw - 1440px) / 2);box-sizing:border-box} .service-news .newslist_press_section:after{content:'';display:block;width:1px;height:1px;clear:both;margin-top:83px} } @media(max-width:767.98px){.service-news{margin-bottom:92px} .service-news .title{font-size:24px;font-weight:400;color:#000;line-height:40px;text-align:center;margin-bottom:20px} .service-news .tab_nav_content{margin-bottom:60px} .service-news .tab_nav_content .tab_nav_content_img{margin-bottom:15px} .service-news .tab_nav_content a{height:100%} .service-news .tab_nav_content img{width:100%;height:100%} .service-news .tab_nav_content .tab_nav_content_time{margin-bottom:10px} .service-news .tab_nav_content .tab_nav_content_time .title{display:inline-block;width:53px;height:20px;color:#fff;background:#046a38;font-size:9px;line-height:20px;padding:4px 6px;margin-right:15px} .service-news .tab_nav_content .tab_nav_content_time .split{margin-left:5px;margin-right:5px} .service-news .tab_nav_content .content-title{font-size:16px;color:#000;line-height:24px;margin-bottom:15px} .service-news .tab_nav_content .content{font-size:13px;font-weight:400;color:#000;line-height:20px} .service-news .see_more{border-bottom:1px solid #000;font-size:13px;font-weight:500;color:#000;line-height:24px;text-align:center;width:90px;margin:0 auto;margin-top:20px} .service-news .see_more a{display:inline-block;padding-top:58px} .service-news .see_more a img{width:15px;height:15px} .service-news .service_tab_nav{display:flex;padding:0 20px;margin-bottom:40px;height:auto} .service-news .service_tab_nav div{line-height:19px;font-size:14px} .service-news .service_tab_nav div:not(:last-of-type){margin-right:20px} .service-news .service_tab_nav p{height:2px;top:21px} .service-news .newslist_press_section{display:flex;width:999999px;transition:margin-left .3s ease} .service-news .newslist_press_section .press_content{width:100vw;display:flex;flex-direction:column;align-items:center} .service-news .newslist_press_section .press_content .press_section_content:first-child{margin-top:0} .service-news .newslist_press_section .press_content .press_section_content{margin-top:32px;padding-bottom:39px;border-bottom:1px solid rgba(0,0,0,0.08);width:320px} .service-news .newslist_press_section .press_content .story_section_content{margin-right:0;margin-top:60px} .service-news .newslist_press_section:after{content:'';display:block;width:1px;height:1px;clear:both} .service-news .press_section_content{display:block;width:91.667vw;margin-right:15px;margin-left:15px;position:relative} .service-news .press_section_content .img_box{width:128px;height:98px;overflow:hidden;margin-left:190px} .service-news .press_section_content .img_box img{width:128px;height:98px;transform:scale(1);opacity:1;transition:all .3s ease} .service-news .press_section_content .img_box img:hover{transform:scale(1.1);opacity:.85} .service-news .press_section_content .news{width:172px;position:absolute;top:-10px} .service-news .press_section_content .article_tips{display:inline-block;margin-top:2.778vw;font-size:2.5vw} .service-news .press_section_content .article_tips a{padding:1.2vw 1.667vw} .service-news .press_section_content .article_tips .gray_filling{background:#046a38;color:#fff} .service-news .press_section_content .article_tips span{margin-left:1.389vw;font-size:2.5vw;font-weight:bold;color:#000;line-height:3.889vw;opacity:.5} .service-news .press_section_content .article_tips span:first-of-type{margin-left:4.167vw} .service-news .press_section_content .article_tips .dot{background-color:#000;display:inline-block;width:.833vw;height:.833vw;border-radius:50%;vertical-align:middle;opacity:.5} .service-news .press_section_content .date_times{display:inline-block;margin-left:0;margin-top:2.778vw;height:5.556vw;font-size:2.5vw;font-weight:bold;color:#fff;line-height:3.889vw} .service-news .press_section_content .date_times span{margin-left:1.389vw;font-size:7px;font-weight:bold;color:#000;line-height:10px;opacity:.5} .service-news .press_section_content .main_title{margin-top:2.778vw;font-size:14px;font-weight:bold;color:#000;line-height:24px;max-height:48px} .service-news .press_section_content .main_title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .service-news .press_section_content .short_intro{margin-top:8px;font-size:12px;font-weight:500;color:#000;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;max-height:20px} .service-news .press_section_content:nth-child(3n){margin-right:15px} } .index__store-locator{height:1005px;position:relative;text-align:center} .index__store-locator .bg{background-color:#4d93be;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto} .index__store-locator .title{opacity:.6} .index__store-locator .content{position:absolute;left:12.15vw;right:12.15vw;margin:auto;padding-top:60px} .index__store-locator .content .img-box{position:absolute;top:144px;left:0;right:0;margin:auto;width:630px;height:503px;overflow:hidden} .index__store-locator .content .img-box img{width:100%;height:100%;transform:scale(1.1);transition:all .5s} .index__store-locator .content .img-box img.normal-size{transform:scale(1)} .index__store-locator .content .shop-name{position:absolute;top:658px;left:0;right:0;margin:auto;opacity:.6} .index__store-locator .content .tip{position:absolute;left:0;right:0;top:725px;margin:auto;width:520px;font-size:36px;line-height:46px;text-align:center} .index__store-locator .content .locate-store-btn{display:flex;align-items:center;justify-content:center;position:absolute;left:0;right:0;top:857px;margin:auto} .index__store-locator .content .locate-store-btn:hover{opacity:.7} .index__store-locator .content .locate-store-btn i{font-size:28px;vertical-align:middle;margin-right:10px} .index__store-locator .content .locate-store-btn a{font-size:13px;border-bottom:1px solid;vertical-align:middle;} @media(min-width:1440px){.index__store-locator .text-button1{transition:all .3s} .index__store-locator .text-button1:hover{opacity:.7} .index__store-locator .text-button1:active{opacity:1} } @media(max-width:767.98px){.index__store-locator{height:503px;margin:90px 15px;background-color:#4d93be} .index__store-locator .bg{position:static} .index__store-locator .content{position:static;top:0;left:0;right:0;bottom:0;margin:auto;padding-top:40px} .index__store-locator .content .title{font-size:13px} .index__store-locator .content .img-box{top:100px;width:270px;height:211px} .index__store-locator .content .shop-name{display:none} .index__store-locator .content .tip{width:226px;top:341px;font-size:20px;line-height:30px;padding:0 4px;box-sizing:border-box} .index__store-locator .content .locate-store-btn{top:421px} .index__store-locator .content .locate-store-btn i{font-size:22px} .index__store-locator .content .locate-store-btn a{font-size:13px;color:#000} } @media(min-width:1024px) and (max-width:1439.98px){.index__store-locator{height:786px;margin:120px 0} .index__store-locator .content .img-box{top:139px;width:441px;height:353px} .index__store-locator .content .shop-name{top:502px;font-size:13px} .index__store-locator .content .tip{top:561px;font-size:28px;width:441px} .index__store-locator .content .locate-store-btn{top:679px} .index__store-locator .content .locate-store-btn i{font-size:14px} } @media(min-width:768px) and (max-width:1023.98px){.index__store-locator{height:594px;margin:90px 0} .index__store-locator .content{padding-top:30px} .index__store-locator .content .title{font-size:13px} .index__store-locator .content .img-box{top:79px;width:330px;height:265px} .index__store-locator .content .shop-name{top:354px;font-size:11px} .index__store-locator .content .tip{width:254px;top:393px;font-size:20px;line-height:30px} .index__store-locator .content .locate-store-btn{top:487px} .index__store-locator .content .locate-store-btn i{font-size:14px} .index__store-locator .content .locate-store-btn a{font-size:13px;line-height:24px} } @media(min-width:1440px){.index__store-locator{margin:180px 0} .index__store-locator .content{left:0;right:0;width:1090px} .index__store-locator .content .img-box{width:630px} .index__store-locator .content .shop-name a:hover{opacity:.7} } .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-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;object-fit: cover} .cp-slide-photo-gallery .slides .desc{opacity:0;margin-top:17px;text-align:center;font-size:13px;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;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{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{} .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;} .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;} .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;} .related-banner-3l .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;} @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;} .related-banner-3l .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;} } @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;} .related-banner-3l .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;} } @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;} .related-banner-3l .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;} } .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;} .related-banner-3r .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;} @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;} .related-banner-3r .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;} } @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;} .related-banner-3r .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;} } @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;} .related-banner-3r .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;} } .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;} .related-banner-2r .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;} @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;} .related-banner-2r .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;} } @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;} .related-banner-2r .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;} } @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;} .related-banner-2r .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;} } .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;} .related-banner-2l .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;} @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;} .related-banner-2l .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;} } @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;} .related-banner-2l .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;} } @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;} .related-banner-2l .more{margin-top:1px;border-bottom:1px solid #000;font-size:13px;line-height:24px;transition:all .3s ease;} } .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;} .cp-banner-content .title a{color:#fff} .cp-banner-content .title a:hover{opacity:.9} .cp-banner-content .subtitle{margin-top:12px;font-size:28px;line-height:44px;} .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;color:#000;line-height:28px;background-color:#fff} .cp-banner-content .btn-text{font-size:14px;line-height:24px;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;} .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';font-variation-settings:'wght' 550} .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{} .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 .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;} .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 .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} .clean-theme section.error-box{margin-top:141px} section.error-box{margin-top:42px;margin-bottom:96px} section.error-box img{display:block;width:900px;height:auto;margin:0 auto} section.error-box img.mb{display:none} section.error-box .text{text-align:center;font-size:16px;line-height:28px;letter-spacing:-0.1px;margin-top:48px} section.error-box a{display:block;width:160px;height:48px;line-height:48px;background:#046a38;text-align:center;margin:20px auto 0;font-size:12px;color:#fff;transition:opacity .3s} @media(min-width:1440px){section.error-box a:hover{opacity:.85} } @media(min-width:1024px) and (max-width:1439.98px){.clean-theme section.error-box{margin-top:116px} section.error-box{margin-top:23px;margin-bottom:96px} section.error-box img{display:block;width:924px;height:auto;margin:0 auto} section.error-box img.mb{display:none} } @media(min-width:768px) and (max-width:1023.98px){.clean-theme section.error-box{margin-top:118px} section.error-box{margin-top:66px;margin-bottom:96px} section.error-box img{display:block;width:720px;height:auto;margin:0 auto} section.error-box img.mb{display:none} } @media(max-width:767.98px){.clean-theme section.error-box{margin-top:75px} section.error-box{height:600vh;margin-top:23px;margin-bottom:96px} section.error-box img{display:block;width:320px;height:auto;margin:0 auto} section.error-box img.mb{display:block} section.error-box img.pc{display:none} section.error-box .text{text-align:center;font-size:14px;line-height:24px;letter-spacing:-0.06px;margin-top:48px} section.error-box a{display:block;width:95px;height:36px;line-height:36px;background:#046a38;text-align:center;margin:12px auto 0;font-size:10px;color:#fff} section.error-box.error404500{height:auto} } .clean-theme section.error-box{margin-top:141px} section.error-box{margin-top:42px;margin-bottom:96px} section.error-box img{display:block;width:900px;height:auto;margin:0 auto} section.error-box img.mb{display:none} section.error-box .text{text-align:center;font-size:16px;line-height:28px;letter-spacing:-0.1px;margin-top:48px} section.error-box a{display:block;width:160px;height:48px;line-height:48px;background:#046a38;text-align:center;margin:20px auto 0;font-size:12px;color:#fff;transition:opacity .3s} @media(min-width:1440px){section.error-box a:hover{opacity:.85} } @media(min-width:1024px) and (max-width:1439.98px){.clean-theme section.error-box{margin-top:116px} section.error-box{margin-top:23px;margin-bottom:96px} section.error-box img{display:block;width:924px;height:auto;margin:0 auto} section.error-box img.mb{display:none} } @media(min-width:768px) and (max-width:1023.98px){.clean-theme section.error-box{margin-top:118px} section.error-box{margin-top:66px;margin-bottom:96px} section.error-box img{display:block;width:720px;height:auto;margin:0 auto} section.error-box img.mb{display:none} } @media(max-width:767.98px){.clean-theme section.error-box{margin-top:75px} section.error-box{margin-top:23px;margin-bottom:96px} section.error-box img{display:block;width:320px;height:auto;margin:0 auto} section.error-box img.mb{display:block} section.error-box img.pc{display:none} section.error-box .text{text-align:center;font-size:14px;line-height:24px;letter-spacing:-0.06px;margin-top:48px} section.error-box a{display:block;width:95px;height:36px;line-height:36px;background:#046a38;text-align:center;margin:12px auto 0;font-size:10px;color:#fff} } .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-header{background-color:transparent} 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 #oc-header,html.banner-fixed .cp-breadcrumb,html.banner-fixed .find__banner{position:fixed} html.banner-fixed .find__banner{top:0} html.banner-fixed .parallax{margin-top:200vh;margin-bottom: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;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;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;line-height:30px} .find__card-banner .left .title span{margin-left:8px;font-size:9px;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;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("https://uat-www.oppo.com/content/dam/oppo/common/mkt/find/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-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;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:10;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;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:55px;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;} .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;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;z-index:10;padding:.2rem .6rem;background-color:rgba(255,255,255,0.95)} @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;line-height:44px} .waterFullproduct .type-nav{height:27px;font-size:16px;line-height:28px;color:#000;display:flex;align-items:center;position:absolute !important;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';font-variation-settings:'wght' 1000} } .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;} .waterFullproduct .type-list .description .subtitle{margin-top:8px} .waterFullproduct .type-list .description .tag-price{font-size:12px;line-height:24px;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;} @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{} .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;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';font-variation-settings:'wght' 550} .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;} .waterFullproduct .type-list .description .subtitle{text-align:left;margin-top:2px} .waterFullproduct .type-list .description .price{font-size:12px;line-height:18px;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;} .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{position:unset;left:72px;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:721px;margin:auto} .product-main_v2-3 .tab-wrap{height:84px} .product-main_v2-3 .fixed-wrap{overflow:auto;padding:20px 0;margin:0 24px;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:10;padding:0;background-color:rgba(255,255,255,0.95);margin:0} .product-main_v2-3 .nav-content{display:flex;position:relative;align-items:center;height:100%;width:721px;margin:0 auto} .product-main_v2-3 .nav-content .page-title{font-size:28px;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:55px;overflow:hidden} .product-main_v2-3 .type-list_item{display:inline-block;position:relative;width:470px;margin-right:30px} .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:100%;height:235px} .product-main_v2-3 .type-list_item img.mb_img{display:none} .product-main_v2-3 .type-list .swiper-slide{font-size:0;width:751px} .product-main_v2-3 .type-list .description{width:100%;font-size:14px;line-height:24px;margin-top:8px} .product-main_v2-3 .type-list .description .title{} .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;margin-top:4px} .product-main_v2-3 .type-list .description .price .btn{position:relative} .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} .waterFullproduct{margin-top:0;padding-bottom: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{position:unset;left:72px;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:721px;margin:auto} .waterFullproduct .tab-wrap{height:84px} .waterFullproduct .fixed-wrap{overflow:auto;padding:20px 0;margin:0 24px;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;z-index:10;padding:0;background-color:rgba(255,255,255,0.95);margin:0} .waterFullproduct .nav-content{display:flex;position:relative;align-items:center;height:100%;width:721px;margin:0 auto} .waterFullproduct .nav-content .page-title{font-size:28px;line-height:44px} .waterFullproduct .type-nav{height:27px;font-size:16px;line-height:28px;color:#000;display:flex;align-items:center;position:absolute !important;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{display:inline-block;margin-top:55px;overflow:hidden} .waterFullproduct .type-list_item{display:inline-block;position:relative;width:458px;margin-right:30px} .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:458px;height:300px;border-radius:2px} .waterFullproduct .type-list_item img.mb_img{display:none} .waterFullproduct .type-list .swiper-slide{font-size:0;width:751px} .waterFullproduct .type-list .description{width:100%;font-size:14px;line-height:24px} .waterFullproduct .type-list .description .title{} .waterFullproduct .type-list .description .subtitle{margin-top:8px} .waterFullproduct .type-list .description .price{font-size:12px;line-height:24px;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;} .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{position:unset;left:72px;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:923px;margin:auto} .product-main_v2-3 .tab-wrap{height:84px} .product-main_v2-3 .fixed-wrap{overflow:auto;padding:20px 0;margin:0 50px;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:10;padding:0;background-color:rgba(255,255,255,0.95);margin:0} .product-main_v2-3 .nav-content{display:flex;position:relative;align-items:center;height:100%;width:923px;margin:0 auto} .product-main_v2-3 .nav-content .page-title{font-size:28px;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;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:55px;overflow:hidden} .product-main_v2-3 .type-list_item{display:inline-block;position:relative;width:600px;margin-right:40px} .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:100%;height:300px} .product-main_v2-3 .type-list_item img.mb_img{display:none} .product-main_v2-3 .type-list .swiper-slide{font-size:0;width:963px} .product-main_v2-3 .type-list .description{width:100%;font-size:16px;line-height:28px;margin-top:8px} .product-main_v2-3 .type-list .description .title{} .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;margin-top:4px} .product-main_v2-3 .type-list .description .price .btn{position:relative} .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} .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{position:unset;left:72px;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:923px;margin:auto} .waterFullproduct .tab-wrap{height:84px} .waterFullproduct .fixed-wrap{overflow:auto;padding:20px 0;margin:0 50px;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;z-index:10;padding:0;background-color:rgba(255,255,255,0.95);margin:0} .waterFullproduct .nav-content{display:flex;position:relative;align-items:center;height:100%;width:923px;margin:0 auto} .waterFullproduct .nav-content .page-title{font-size:28px;line-height:44px} .waterFullproduct .type-nav{height:27px;font-size:16px;line-height:28px;color:#000;display:flex;align-items:center;position:absolute !important;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{display:inline-block;margin-top:55px;overflow:hidden} .waterFullproduct .type-list_item{display:inline-block;position:relative;width:608px;margin-right:40px} .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:100%;height:456px;border-radius:2px} .waterFullproduct .type-list_item img.mb_img{display:none} .waterFullproduct .type-list .swiper-slide{font-size:0;width:963px} .waterFullproduct .type-list .description{width:100%;font-size:16px;line-height:28px;padding-bottom:12px} .waterFullproduct .type-list .description .title{} .waterFullproduct .type-list .description .subtitle{margin-top:8px} .waterFullproduct .type-list .description .price{font-size:12px;line-height:24px;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;} .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 .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-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-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-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-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-weight:normal;color:#000;line-height:20px} .mix-content-left .rightPart{letter-spacing:-0.12px;display:inline-block;width:640px;font-size:20px;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;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;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-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-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-weight:normal;color:#000;line-height:20px} .mix-content-right .rightPart{letter-spacing:-0.12px;display:inline-block;width:640px;font-size:20px;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;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;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} } .discover_module{height:957px;background:#e0e8ea;margin-top:182px} .discover_module .content-body{max-width:1312px;margin:0 auto;text-align:center;overflow:hidden} .discover_module .content-body h2.title{display:inline-block;margin:182px 0 64px;text-align:center;font-size:36px;font-weight:normal;color:#000;line-height:56px} .discover_module .pageBottom{display:flex;width:max-content;position:relative;transition:all .3s;left:0} .discover_module .pageBottom .img-box{overflow:hidden;width:416px;height:312px;margin-right:32px} .discover_module .pageBottom .img-box img{display:block;width:416px;height:312px;transition:all .5s;transform:scale(1.1);cursor:pointer} .discover_module .pageBottom .img-box img:hover{opacity:.9;transform:scale(1)} .discover_module .pageBottom .img-box span{position:absolute;text-align:left;display:block;margin-top:8px;height:33px;font-size:20px;font-weight:normal;color:#000;line-height:33px;opacity:.78} .discover_module .details_page_list .pagination_wrapper{padding-top:64px;padding-bottom:5px} @media(max-width:767.98px){.discover_module{height:100%;margin-top:80px} .discover_module .content-body{max-width:360px;margin:0 auto;text-align:center} .discover_module .content-body h2.title{margin-top:80px;text-align:center;font-size:20px;line-height:32px} .discover_module .pageBottom{display:block;padding-bottom:80px;margin:0 auto} .discover_module .pageBottom .img-box{width:320px;margin:64px auto 0;height:286px} .discover_module .pageBottom .img-box:nth-child(1){margin:0 auto 0} .discover_module .pageBottom .img-box img{pointer-events:none;width:320px;height:240px} .discover_module .pageBottom .img-box span{opacity:.78;padding-top:8px;height:28px;font-size:16px;line-height:28px;letter-spacing:-0.1px} .discover_module .details_page_list .pagination_wrapper{display:none} } @media(min-width:768px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){.discover_module{height:695px} .discover_module .content-body{max-width:896px} .discover_module .content-body h2.title{margin:128px 0 48px;font-size:28px;line-height:44px} .discover_module .pageBottom{display:flex} .discover_module .pageBottom .img-box{width:277px;height:208px} .discover_module .pageBottom .img-box img{display:block;width:277px;height:208px} .discover_module .pageBottom .img-box span{opacity:1;letter-spacing:-0.1px;margin-top:8px;height:28px;font-size:16px;line-height:28px} .discover_module .details_page_list .pagination_wrapper{padding-top:68px} } @media(min-width:768px) and (max-width:1439.98px) and (min-width:768px) and (max-width:1023.98px){.discover_module{height:684px;margin-top:126px} .discover_module .content-body{max-width:720px} .discover_module .content-body h2.title{margin:128px 0 64px;font-size:28px;line-height:44px} .discover_module .pageBottom{display:flex} .discover_module .pageBottom .img-box{width:219px;height:165px;margin-right:32px} .discover_module .pageBottom .img-box img{display:block;width:219px;height:165px;pointer-events:none} .discover_module .pageBottom .img-box span{opacity:1;letter-spacing:-0.1px;margin-top:8px;height:28px;font-size:16px;line-height:28px} .discover_module .details_page_list .pagination_wrapper{padding-top:68px} } .paragraph-fragments{margin:0 auto;width:864px;height:auto;background:#f4f4f4} .paragraph-fragments p.top{display:inline-block;position:relative;margin-top:96px;margin-left:32px;margin-bottom:16px;width:695px;font-size:36px;font-weight:normal;color:#000;line-height:56px;letter-spacing:-0.2px} .paragraph-fragments p.top:before{content:'';width:65px;display:block;position:absolute;top:-35px;height:.04rem;background-color:#000} .paragraph-fragments p.bottom{display:inline-block;margin-top:16px;margin-bottom:40px;margin-left:32px;margin-right:32px;font-size:20px;font-weight:normal;color:#000;line-height:32px;letter-spacing:-0.12px} @media(max-width:767.98px){.paragraph-fragments{width:320px} .paragraph-fragments p.top{margin-top:56px;width:286px;font-size:20px;line-height:32px;letter-spacing:-0.12px;margin-bottom:12px} .paragraph-fragments p.top:before{content:'';width:40px;display:block;position:absolute;top:-20px;height:.02rem;background-color:#000} .paragraph-fragments p.bottom{margin-top:0;margin-right:0;width:286px;font-size:12px;line-height:24px} } @media(min-width:768px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){.paragraph-fragments{width:728px} .paragraph-fragments p.top{margin-top:84px;width:664px;font-size:28px;line-height:44px;letter-spacing:-0.1px} .paragraph-fragments p.bottom{width:664px} } @media(min-width:768px) and (max-width:1439.98px) and (min-width:768px) and (max-width:1023.98px){.paragraph-fragments{width:596px} .paragraph-fragments p.top{margin-top:84px;width:532px;font-size:28px;line-height:44px;letter-spacing:-0.1px} .paragraph-fragments p.bottom{width:532px} } .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-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-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-weight:normal;color:#000;line-height:80px;text-align:center;height:120px} .contribute .patent-title a.learnmore{top:-25px;font-size:16px;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-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-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-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-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-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-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;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;line-height:32px;letter-spacing:-0.12px;margin:12px 0 8px} .patent-leftcontent .rightPart .desc{position:relative;bottom:unset;width:320px;font-size:12px;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;line-height:32px;letter-spacing:-0.12px;margin:12px 0 8px} .patent-rightcontent .leftPart .desc{position:relative;bottom:unset;width:320px;font-size:12px;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;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;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-weight:normal;color:#fff;line-height:80px;text-align:center;height:120px} .patent-discovery .patent-title a.learnmore{top:-25px;font-size:16px;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-weight:normal;color:#4796f0;line-height:64px} .patent-discovery .module .item .signature h2{font-size:20px;font-weight:normal;color:#000;line-height:32px} .patent-discovery .module .item .signature p{letter-spacing:-0.1px;height:84px;font-size:16px;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-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;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-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;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-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;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-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-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-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;} .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-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;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;} .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-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;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;} .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-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;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;} .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-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%} } #oc-header{background:#f8f8f8} main.search-page.search-page-v1{padding-top:64px;margin-bottom:128px;background:#f8f8f8} main.search-page.search-page-v1 .input-box{display:flex;align-items:center;position:relative;margin:0 auto;width:480px;height:48px;background:#fff;font-size:0} main.search-page.search-page-v1 .input-box .search-icon{position:absolute;left:20px;width:17px;height:17px} main.search-page.search-page-v1 .input-box .search-icon img{width:100%;height:100%} main.search-page.search-page-v1 .input-box .search-keywords{width:100%;height:48px;padding-left:50px;background-color:transparent;box-sizing:border-box;border:0;font-size:16px;line-height:48px;letter-spacing:-0.1px;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550} main.search-page.search-page-v1 .input-box .close{display:none;cursor:pointer;position:absolute;right:20px;width:14px;height:14px;opacity:.4} @media(min-width:1440px){main.search-page.search-page-v1 .input-box .close:hover{opacity:1} } main.search-page.search-page-v1 .input-box .close img{width:100%;height:100%} main.search-page.search-page-v1 .search-value{padding-top:64px} main.search-page.search-page-v1 .search-value .result-nav{position:relative;width:100%;height:41px} main.search-page.search-page-v1 .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-v1 .search-value .result-nav .result-tab{display:flex;justify-content:center} main.search-page.search-page-v1 .search-value .result-nav .result-tab .result-item{position:relative;margin:0 32px;font-size:16px;line-height:28px;opacity:.78;cursor:pointer} main.search-page.search-page-v1 .search-value .result-nav .result-tab .result-item.active{opacity:1} @media(min-width:1440px){main.search-page.search-page-v1 .search-value .result-nav .result-tab .result-item:hover{opacity:1;} } main.search-page.search-page-v1 .search-result.news-container .result-funtion{width:864px} main.search-page.search-page-v1 .serve-container .result-funtion{width:864px} main.search-page.search-page-v1 .result-funtion{display:flex;justify-content:space-between;width:1312px;margin:0 auto;font-size:16px;line-height:28px} main.search-page.search-page-v1 .result-funtion .result-length{font-size:14px;line-height:24px;letter-spacing:-0.05px;opacity:.55} main.search-page.search-page-v1 .result-funtion .compare,main.search-page.search-page-v1 .result-funtion .rank{cursor:pointer;} main.search-page.search-page-v1 .result-funtion .right-box{display:none} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter{display:none} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box{display:none} main.search-page.search-page-v1 .result-funtion .right-box .compare img{width:13px;height:18px;margin-right:8px} main.search-page.search-page-v1 .result-funtion .right-box .col{margin:0 32px;opacity:.08} main.search-page.search-page-v1 .result-funtion .right-box .rank{position:relative} main.search-page.search-page-v1 .result-funtion .right-box .rank img{width:20px;height:20px;vertical-align:text-top} main.search-page.search-page-v1 .result-funtion .right-box .rank .rank-box{display:none;position:absolute;top:40px;right:0;width:224px;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-v1 .result-funtion .right-box .rank .rank-box .rank-item{margin:12px auto 0;width:160px;height:32px;font-size:14px;line-height:32px;box-sizing:border-box;padding-left:12px} main.search-page.search-page-v1 .result-funtion .right-box .rank .rank-box .rank-item:first-child{margin-top:0} main.search-page.search-page-v1 .result-funtion .right-box .rank .rank-box .rank-item.active{background:#f4f4f4} @media(min-width:1440px){main.search-page.search-page-v1 .result-funtion .right-box .rank .rank-box .rank-item:hover{background:#f4f4f4} } main.search-page.search-page-v1 .search-result{background:white;display:none;width:100%;padding-top:64px;font-size:0} main.search-page.search-page-v1 .search-result.active{display:block} main.search-page.search-page-v1 .search-result .container-filter{width:1312px;margin:32px auto 0;display:none;justify-content:space-between} main.search-page.search-page-v1 .search-result .filter-box{width:300px;height:fit-content;border:1px solid rgba(0,0,0,0.08);box-sizing:border-box} main.search-page.search-page-v1 .search-result .filter-box .filter-header{height:84px;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);} main.search-page.search-page-v1 .search-result .filter-box .filter-header .title{font-size:20px;letter-spacing:-0.12px;line-height:32px} main.search-page.search-page-v1 .search-result .filter-box .filter-header .reset{position:relative;font-size:14px;line-height:24px;color:#046a38;cursor:pointer} @media(min-width:1440px){main.search-page.search-page-v1 .search-result .filter-box .filter-header .reset:hover::after{content:'';position:absolute;left:0;bottom:2px;width:100%;height:1px;background-color:#046a38} } main.search-page.search-page-v1 .search-result .filter-box .filter-group{width:236px;margin:0 auto;padding:20px 0;border-bottom:1px solid rgba(0,0,0,0.08)} main.search-page.search-page-v1 .search-result .filter-box .filter-group:last-child{border:0;padding-bottom:32px} main.search-page.search-page-v1 .search-result .filter-box .filter-group:last-child .group-title{margin-bottom:0} main.search-page.search-page-v1 .search-result .filter-box .filter-group .group-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px} main.search-page.search-page-v1 .search-result .filter-box .filter-group .group-title .title{font-size:16px;letter-spacing:-0.1px;line-height:28px;} main.search-page.search-page-v1 .search-result .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-v1 .search-result .filter-box .filter-group .group-title .filter-all img{margin-left:8px;width:16px;height:16px} main.search-page.search-page-v1 .search-result .filter-box .filter-group .group-title .filter-all .selected{display:none} main.search-page.search-page-v1 .search-result .filter-box .filter-group .group-title .filter-all.isSelected .selected{display:block} main.search-page.search-page-v1 .search-result .filter-box .filter-group .group-title .filter-all.isSelected .not-selected{display:none} main.search-page.search-page-v1 .search-result .filter-box .filter-group .filter-item{display:flex;justify-content:space-between;align-items:center;width:100%;height:32px;box-sizing:border-box;padding-left:12px;margin-top:12px;font-size:14px;line-height:20px;cursor:pointer} main.search-page.search-page-v1 .search-result .filter-box .filter-group .filter-item .is-selected img{width:16px;height:16px} main.search-page.search-page-v1 .search-result .filter-box .filter-group .filter-item .is-selected .selected{display:none} main.search-page.search-page-v1 .search-result .filter-box .filter-group .filter-item.isSelected .selected{display:block} main.search-page.search-page-v1 .search-result .filter-box .filter-group .filter-item.isSelected .not-selected{display:none} main.search-page.search-page-v1 .search-result .filter-none{display:none;width:962px;font-size:16px;line-height:32px;text-align:center;justify-content:center;align-items:center} main.search-page.search-page-v1 .search-result .product-box{width:962px} main.search-page.search-page-v1 .search-result .product-item{display:inline-block;width:286px;font-size:16px;line-height:28px;margin-top:64px;margin-right:52px;vertical-align:top} @media(min-width:1440px){main.search-page.search-page-v1 .search-result .product-item:nth-child(3n){margin-right:0} main.search-page.search-page-v1 .search-result .product-item:nth-child(-n+3){margin-top:0} } main.search-page.search-page-v1 .search-result .product-item .img-box{display:flex;justify-content:center;align-items:center;width:100%;height:310px;background-color:#f6f6f6} main.search-page.search-page-v1 .search-result .product-item .img-box img{max-width:158px;max-height:190px;transition:all .3s} @media(min-width:1440px){main.search-page.search-page-v1 .search-result .product-item .img-box img:hover{transform:scale(1.05)} } main.search-page.search-page-v1 .search-result .product-item .title{display:block;margin-top:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} main.search-page.search-page-v1 .search-result .product-item .desc{margin-top:8px;line-height:28px;max-height:56px;overflow:hidden} main.search-page.search-page-v1 .search-result .product-item .desc::before{float:left;content:'';width:30px;height:56px} main.search-page.search-page-v1 .search-result .product-item .desc .text{float:right;width:100%;margin-left:-30px;word-break:break-all} main.search-page.search-page-v1 .search-result .product-item .desc::after{float:right;content:'...';width:30px;height:28px;position:relative;left:100%;text-align:center;background:linear-gradient(270deg,white 0,white 81%,rgba(255,255,255,0.28) 100%);transform:translate(-100%,-100%)} main.search-page.search-page-v1 .search-result .product-item .more{margin-top:4px} main.search-page.search-page-v1 .search-result .product-item .more a{margin-right:12px;font-size:12px;line-height:24px;border-bottom:1px solid #000;transition:all .3s} @media(min-width:1440px){main.search-page.search-page-v1 .search-result .product-item .more a:hover{opacity:.7} } main.search-page.search-page-v1 .search-result .serve-item{margin:52px auto 0;width:864px} main.search-page.search-page-v1 .search-result .serve-item:first-child{margin-top:32px} main.search-page.search-page-v1 .search-result .serve-item .title{position:relative;display:inline-block;max-width:100%;font-size:16px;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} main.search-page.search-page-v1 .search-result .serve-item .title strong{color:#046a38;font-weight:normal} @media(min-width:1440px){main.search-page.search-page-v1 .search-result .serve-item .title:hover::after{content:'';position:absolute;bottom:0;left:0;background:black;width:100%;height:1px} } main.search-page.search-page-v1 .search-result .serve-item .desc{display:block;margin-top:8px;font-size:14px;line-height:24px;letter-spacing:-0.06px;max-height:72px;overflow:hidden} main.search-page.search-page-v1 .search-result .serve-item .desc::before{float:left;content:'';width:30px;height:72px} main.search-page.search-page-v1 .search-result .serve-item .desc .text{float:right;width:100%;margin-left:-30px;word-break:break-all} main.search-page.search-page-v1 .search-result .serve-item .desc .text strong{color:#046a38;font-weight:normal} main.search-page.search-page-v1 .search-result .serve-item .desc::after{float:right;content:'...';width:30px;height:24px;position:relative;left:100%;text-align:center;background:linear-gradient(270deg,white 0,white 81%,rgba(255,255,255,0.28) 100%);transform:translate(-100%,-100%)} main.search-page.search-page-v1 .search-result .serve-item .href{position:relative;max-width:100%;display:inline-block;margin-top:4px;color:#046a38;font-size:14px;line-height:24px;letter-spacing:-0.06px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} @media(min-width:1440px){main.search-page.search-page-v1 .search-result .serve-item .href:hover::after{content:'';position:absolute;bottom:0;left:0;background:#046a38;width:100%;height:1px} } main.search-page.search-page-v1 .search-result .news-filter{display:none;width:864px;margin:0 auto;margin-top:64px;font-size:16px;line-height:20px;letter-spacing:-0.1px} main.search-page.search-page-v1 .search-result .news-filter ul{display:flex} main.search-page.search-page-v1 .search-result .news-filter ul li{padding:0 20px;border-right:1px solid rgba(0,0,0,0.08);cursor:pointer} main.search-page.search-page-v1 .search-result .news-filter ul li:first-child{padding-left:0} main.search-page.search-page-v1 .search-result .news-filter ul li:last-child{border:0} main.search-page.search-page-v1 .search-result .news-filter ul li.active{} @media(min-width:1440px){main.search-page.search-page-v1 .search-result .news-filter ul li:hover{} } main.search-page.search-page-v1 .search-result .news-filter-none{display:none;margin-top:100px;font-size:16px;line-height:32px;text-align:center;justify-content:center;align-items:center} main.search-page.search-page-v1 .search-result .news-box{width:864px;margin:0 auto} main.search-page.search-page-v1 .search-result .news-item{width:100%;display:flex;justify-content:space-between;margin-top:52px} main.search-page.search-page-v1 .search-result .news-item:first-child{margin-top:48px} main.search-page.search-page-v1 .search-result .news-item .left-box{width:632px} main.search-page.search-page-v1 .search-result .news-item .img-box{display:block;width:185.67px;height:140px;overflow:hidden} main.search-page.search-page-v1 .search-result .news-item .img-box img{width:100%;height:100%} @media(min-width:1440px){main.search-page.search-page-v1 .search-result .news-item .img-box img{transform:scale(1.05);transition:all .3s} main.search-page.search-page-v1 .search-result .news-item .img-box img:hover{transform:scale(1)} } main.search-page.search-page-v1 .search-result .news-item .title{display:inline-block;max-width:100%;font-size:16px;line-height:28px;letter-spacing:-0.1px;max-height:56px} main.search-page.search-page-v1 .search-result .news-item .title .text{display:inline-block;position:relative;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} main.search-page.search-page-v1 .search-result .news-item .title .text strong{color:#046a38;font-weight:normal} @media(min-width:1440px){main.search-page.search-page-v1 .search-result .news-item .title .text:hover::after{content:'';position:absolute;bottom:0;left:0;background:black;width:100%;height:1px} } main.search-page.search-page-v1 .search-result .news-item .desc{margin-top:4px;font-size:14px;line-height:24px;max-height:72px;overflow:hidden} main.search-page.search-page-v1 .search-result .news-item .desc::before{float:left;content:'';width:30px;height:72px} main.search-page.search-page-v1 .search-result .news-item .desc .text{float:right;width:100%;margin-left:-30px;word-break:break-all} main.search-page.search-page-v1 .search-result .news-item .desc .text strong{color:#046a38;font-weight:normal} main.search-page.search-page-v1 .search-result .news-item .desc::after{float:right;content:'...';width:30px;height:24px;position:relative;left:100%;text-align:center;background:linear-gradient(270deg,white 0,white 81%,rgba(255,255,255,0.28) 100%);transform:translate(-100%,-100%)} main.search-page.search-page-v1 .search-result .news-item .tag-box{margin-top:12px} main.search-page.search-page-v1 .search-result .news-item .tag-box .tag{vertical-align:middle;display:inline-block;padding:0 6px;font-size:12px;line-height:20px;color:#fff;background:#046a38;margin-right:8px} main.search-page.search-page-v1 .search-result .news-item .tag-box .date{vertical-align:middle;display:inline-block;font-size:14px;line-height:24px;} main.search-page.search-page-v1 .search-result .news-item.without-pic .img-box{display:none} main.search-page.search-page-v1 .search-result .news-item.without-pic .left-box{width:100%} main.search-page.search-page-v1 .search-result .without-result{display:none;margin-top:96px;font-size:0} main.search-page.search-page-v1 .search-result .without-result .title{text-align:center;font-size:16px;line-height:28px;letter-spacing:-0.06px} main.search-page.search-page-v1 .search-result .without-result .title img{width:16px;height:16px;margin-right:8px} main.search-page.search-page-v1 .search-result .without-result .title .timeout{display:none} main.search-page.search-page-v1 .search-result .without-result.sorry .timeout{display:inline-block} main.search-page.search-page-v1 .search-result .without-result.sorry .noresult{display:none} main.search-page.search-page-v1 .search-result .without-result .button-box{display:flex;justify-content:space-between;margin:128px auto 0;width:900px} main.search-page.search-page-v1 .search-result .without-result .button-box a.button{position:relative;display:flex;align-items:center;width:410px;height:110px;border:1px solid rgba(0,0,0,0.08);transition:all .3s;background:#fff;box-sizing:border-box} @media(min-width:1440px){main.search-page.search-page-v1 .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-v1 .search-result .without-result .button-box a.button .icon{width:56px;height:56px;margin-left:32px} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .text{margin-left:32px} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .text .title{text-align:left} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .text .desc{font-size:14px;line-height:24px;opacity:.78;margin-top:2px} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .more{position:absolute;width:20px;height:20px;right:37px} main.search-page.search-page-v1 .search-result .page_list{display:none;margin-top:128px;font-size:14px;line-height:24px} @media(min-width:1024px) and (max-width:1439.98px){#oc-header{background:#f8f8f8} main.search-page.search-page-v1{padding-top:48px;margin-bottom:96px;background:#f8f8f8} main.search-page.search-page-v1 .input-box{display:flex;align-items:center;position:relative;margin:0 auto;width:400px;height:40px;background:#fff;font-size:0} main.search-page.search-page-v1 .input-box .search-icon{position:absolute;left:16px;width:16px;height:16px} main.search-page.search-page-v1 .input-box .search-icon img{width:100%;height:100%} main.search-page.search-page-v1 .input-box .search-keywords{width:100%;height:40px;padding-left:45px;background-color:transparent;box-sizing:border-box;border:0;font-size:14px;line-height:40px;letter-spacing:-0.06px} main.search-page.search-page-v1 .input-box .close{display:none;cursor:pointer;position:absolute;right:16px;width:14px;height:14px;opacity:.56} main.search-page.search-page-v1 .input-box .close img{width:100%;height:100%} main.search-page.search-page-v1 .search-value{padding-top:48px} main.search-page.search-page-v1 .search-value .result-nav{position:relative;width:100%;height:41px} main.search-page.search-page-v1 .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-v1 .search-value .result-nav .result-tab{display:flex;justify-content:center} main.search-page.search-page-v1 .search-value .result-nav .result-tab .result-item{position:relative;margin:0 32px;font-size:16px;line-height:28px;opacity:.78;cursor:pointer} main.search-page.search-page-v1 .search-value .result-nav .result-tab .result-item.active{opacity:1} main.search-page.search-page-v1 .search-result.news-container .result-funtion{width:768px} main.search-page.search-page-v1 .serve-container .result-funtion{width:768px} main.search-page.search-page-v1 .result-funtion{display:flex;justify-content:space-between;width:896px;margin:0 auto;font-size:16px;line-height:28px} main.search-page.search-page-v1 .result-funtion .result-length{font-size:14px;line-height:24px;letter-spacing:-0.05px;opacity:.55} main.search-page.search-page-v1 .result-funtion .compare,main.search-page.search-page-v1 .result-funtion .rank{cursor:pointer;} main.search-page.search-page-v1 .result-funtion .right-box .compare{font-size:14px;line-height:24px} main.search-page.search-page-v1 .result-funtion .right-box .col{margin:0 32px;opacity:.08} main.search-page.search-page-v1 .result-funtion .right-box .rank{font-size:14px;line-height:24px} main.search-page.search-page-v1 .result-funtion .right-box .rank img{width:20px;height:20px;vertical-align:text-top} main.search-page.search-page-v1 .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-v1 .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-v1 .search-result{background:white;display:none;width:100%;padding-top:48px;font-size:0} main.search-page.search-page-v1 .search-result.active{display:block} main.search-page.search-page-v1 .search-result .container-filter{width:896px;margin:32px auto 0;display:none;justify-content:space-between} main.search-page.search-page-v1 .search-result .filter-box{width:272px;height:fit-content;border:1px solid rgba(0,0,0,0.08);box-sizing:border-box} main.search-page.search-page-v1 .search-result .filter-box .filter-header{height:84px;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);} main.search-page.search-page-v1 .search-result .filter-box .filter-header .title{font-size:20px;letter-spacing:-0.12px;line-height:32px} main.search-page.search-page-v1 .search-result .filter-box .filter-header .reset{position:relative;font-size:14px;line-height:24px;color:#046a38;cursor:pointer} main.search-page.search-page-v1 .search-result .filter-box .filter-header .reset::after{content:'';position:absolute;left:0;bottom:2px;width:100%;height:1px;background-color:#046a38} main.search-page.search-page-v1 .search-result .filter-box .filter-group{width:236px;margin:0 auto;padding:20px 0;border-bottom:1px solid rgba(0,0,0,0.08)} main.search-page.search-page-v1 .search-result .filter-box .filter-group:last-child{border:0;padding-bottom:32px} main.search-page.search-page-v1 .search-result .filter-box .filter-group:last-child .group-title{margin-bottom:0} main.search-page.search-page-v1 .search-result .filter-box .filter-group .group-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px} main.search-page.search-page-v1 .search-result .filter-box .filter-group .group-title .title{font-size:16px;letter-spacing:-0.1px;line-height:28px;} main.search-page.search-page-v1 .search-result .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-v1 .search-result .filter-box .filter-group .group-title .filter-all img{margin-left:8px;width:16px;height:16px} main.search-page.search-page-v1 .search-result .filter-box .filter-group .group-title .filter-all .selected{display:none} main.search-page.search-page-v1 .search-result .filter-box .filter-group .group-title .filter-all.isSelected .selected{display:block} main.search-page.search-page-v1 .search-result .filter-box .filter-group .group-title .filter-all.isSelected .not-selected{display:none} main.search-page.search-page-v1 .search-result .filter-box .filter-group .filter-item{display:flex;justify-content:space-between;align-items:center;width:100%;height:32px;box-sizing:border-box;padding-left:12px;margin-top:12px;font-size:14px;line-height:20px;cursor:pointer} main.search-page.search-page-v1 .search-result .filter-box .filter-group .filter-item .is-selected img{width:16px;height:16px} main.search-page.search-page-v1 .search-result .filter-box .filter-group .filter-item .is-selected .selected{display:none} main.search-page.search-page-v1 .search-result .filter-box .filter-group .filter-item.isSelected .selected{display:block} main.search-page.search-page-v1 .search-result .filter-box .filter-group .filter-item.isSelected .not-selected{display:none} main.search-page.search-page-v1 .search-result .filter-none{width:584px} main.search-page.search-page-v1 .search-result .product-box{width:584px} main.search-page.search-page-v1 .search-result .product-item{display:inline-block;width:272px;font-size:16px;line-height:28px;margin-top:48px;margin-right:40px} } @media(min-width:1024px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){main.search-page.search-page-v1 .search-result .product-item:nth-child(2n){margin-right:0} main.search-page.search-page-v1 .search-result .product-item:nth-child(-n+2){margin-top:0} } @media(min-width:1024px) and (max-width:1439.98px){main.search-page.search-page-v1 .search-result .product-item .img-box{display:flex;justify-content:center;align-items:center;width:100%;height:310px;background-color:#f6f6f6} main.search-page.search-page-v1 .search-result .product-item .img-box img{max-width:144px;max-height:190px} main.search-page.search-page-v1 .search-result .product-item .title{display:block;margin-top:12px;} main.search-page.search-page-v1 .search-result .product-item .desc{margin-top:8px;line-height:28px;max-height:56px;overflow:hidden} main.search-page.search-page-v1 .search-result .product-item .desc::before{float:left;content:'';width:30px;height:56px} main.search-page.search-page-v1 .search-result .product-item .desc .text{float:right;width:100%;margin-left:-30px;word-break:break-all} main.search-page.search-page-v1 .search-result .product-item .desc::after{float:right;content:'...';width:30px;height:28px;position:relative;left:100%;text-align:center;background:linear-gradient(270deg,white 0,white 81%,rgba(255,255,255,0.28) 100%);transform:translate(-100%,-100%)} main.search-page.search-page-v1 .search-result .product-item .more{margin-top:4px} main.search-page.search-page-v1 .search-result .product-item .more a{margin-right:12px;font-size:12px;line-height:24px;border-bottom:1px solid #000;transition:all .3s} main.search-page.search-page-v1 .search-result .serve-item{margin:48px auto 0;width:768px} main.search-page.search-page-v1 .search-result .serve-item:first-child{margin-top:32px} main.search-page.search-page-v1 .search-result .serve-item .title{position:relative;display:inline-block;max-width:100%;font-size:16px;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} main.search-page.search-page-v1 .search-result .serve-item .desc{display:block;margin-top:8px;font-size:14px;line-height:24px;letter-spacing:-0.06px;max-height:72px;overflow:hidden} main.search-page.search-page-v1 .search-result .serve-item .desc::before{float:left;content:'';width:30px;height:72px} main.search-page.search-page-v1 .search-result .serve-item .desc .text{float:right;width:100%;margin-left:-30px;word-break:break-all} main.search-page.search-page-v1 .search-result .serve-item .desc::after{float:right;content:'...';width:30px;height:24px;position:relative;left:100%;text-align:center;background:linear-gradient(270deg,white 0,white 81%,rgba(255,255,255,0.28) 100%);transform:translate(-100%,-100%)} main.search-page.search-page-v1 .search-result .serve-item .href{position:relative;max-width:100%;display:inline-block;margin-top:4px;color:#046a38;font-size:14px;line-height:24px;letter-spacing:-0.06px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} main.search-page.search-page-v1 .search-result .news-filter{width:768px;margin:0 auto;margin-top:48px;font-size:16px;line-height:20px;letter-spacing:-0.1px} main.search-page.search-page-v1 .search-result .news-filter ul{display:flex} main.search-page.search-page-v1 .search-result .news-filter ul li{padding:0 20px;border-right:1px solid rgba(0,0,0,0.08);cursor:pointer} main.search-page.search-page-v1 .search-result .news-filter ul li:first-child{padding-left:0} main.search-page.search-page-v1 .search-result .news-filter ul li:last-child{border:0} main.search-page.search-page-v1 .search-result .news-filter ul li.active{} main.search-page.search-page-v1 .search-result .news-box{width:768px;margin:0 auto} main.search-page.search-page-v1 .search-result .news-item{width:100%;display:flex;justify-content:space-between;margin-top:52px} main.search-page.search-page-v1 .search-result .news-item:first-child{margin-top:32px} main.search-page.search-page-v1 .search-result .news-item .left-box{width:562px} main.search-page.search-page-v1 .search-result .news-item .img-box{display:block;width:185.67px;height:140px} main.search-page.search-page-v1 .search-result .news-item .img-box img{width:100%;height:100%} main.search-page.search-page-v1 .search-result .news-item .title{display:block;font-size:16px;line-height:28px;letter-spacing:-0.1px;max-height:56px} main.search-page.search-page-v1 .search-result .news-item .title .text{position:relative;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} main.search-page.search-page-v1 .search-result .news-item .desc{margin-top:4px;font-size:14px;line-height:24px;max-height:72px;overflow:hidden} main.search-page.search-page-v1 .search-result .news-item .desc::before{float:left;content:'';width:30px;height:72px} main.search-page.search-page-v1 .search-result .news-item .desc .text{float:right;width:100%;margin-left:-30px;word-break:break-all} main.search-page.search-page-v1 .search-result .news-item .desc::after{float:right;content:'...';width:30px;height:24px;position:relative;left:100%;text-align:center;background:linear-gradient(270deg,white 0,white 81%,rgba(255,255,255,0.28) 100%);transform:translate(-100%,-100%)} main.search-page.search-page-v1 .search-result .news-item .tag-box{margin-top:12px} main.search-page.search-page-v1 .search-result .news-item .tag-box .tag{display:inline-block;padding:0 6px;margin-left:8px;font-size:12px;line-height:20px;color:#fff;background:#046a38} main.search-page.search-page-v1 .search-result .news-item .tag-box .date{display:inline-block;font-size:14px;line-height:24px;opacity:.4;} main.search-page.search-page-v1 .search-result .without-result{margin-top:64px;font-size:0} main.search-page.search-page-v1 .search-result .without-result .title{text-align:center;font-size:14px;line-height:24px;letter-spacing:-0.06px} main.search-page.search-page-v1 .search-result .without-result .title img{width:14px;height:14px;margin-right:8px} main.search-page.search-page-v1 .search-result .without-result .button-box{display:flex;justify-content:space-between;margin:96px auto 0;width:896px} main.search-page.search-page-v1 .search-result .without-result .button-box a.button{position:relative;display:flex;align-items:center;width:410px;height:110px;border:1px solid rgba(0,0,0,0.08);transition:all .3s;background:#fff;box-sizing:border-box} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .icon{width:56px;height:56px;margin-left:28px} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .text{margin-left:28px} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .text .title{text-align:left;font-size:16px;line-height:28px;letter-spacing:-0.1px;} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .text .desc{font-size:14px;line-height:24px;opacity:.78;margin-top:2px} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .more{position:absolute;width:20px;height:20px;right:37px} main.search-page.search-page-v1 .search-result .page_list{margin-top:128px;font-size:14px;line-height:24px} } @media(min-width:768px) and (max-width:1023.98px){body.mask{overflow:hidden} #oc-header{background:white} main.search-page.search-page-v1{padding-top:0;margin-bottom:80px;background:white} main.search-page.search-page-v1 .tab-contain{height:123px} main.search-page.search-page-v1 .tab-wrapper{width:100%;background-color:white;padding-top:10px} main.search-page.search-page-v1 .tab-wrapper.fixed{position:fixed;top:0;left:0;z-index:999} main.search-page.search-page-v1 .tab-wrapper.fixed .search-value .result-nav{width:100%} main.search-page.search-page-v1 .tab-wrapper.header-fixed{top:52px} main.search-page.search-page-v1 .input-box{display:flex;align-items:center;position:relative;margin:0 auto;width:640px;height:48px;background:rgba(0,0,0,0.03);font-size:0} main.search-page.search-page-v1 .input-box .search-icon{position:absolute;left:12px;width:14px;height:14px} main.search-page.search-page-v1 .input-box .search-icon img{width:100%;height:100%} main.search-page.search-page-v1 .input-box .search-keywords{width:100%;height:48px;padding-left:30px;background-color:transparent;box-sizing:border-box;border:0;font-size:14px;line-height:48px;letter-spacing:-0.06px} main.search-page.search-page-v1 .input-box .close{display:none;cursor:pointer;position:absolute;right:12px;width:14px;height:14px;opacity:.4} main.search-page.search-page-v1 .input-box .close img{width:100%;height:100%} main.search-page.search-page-v1 .search-value{padding-top:32px} main.search-page.search-page-v1 .search-value .result-nav{position:relative;width:100%;height:33px} main.search-page.search-page-v1 .search-value .result-nav::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:1px;width:640px;background:rgba(0,0,0,0.08)} main.search-page.search-page-v1 .search-value .result-nav .result-tab{display:flex;justify-content:center} main.search-page.search-page-v1 .search-value .result-nav .result-tab .result-item{position:relative;margin:0 43px;font-size:14px;line-height:24px;opacity:.78;cursor:pointer} main.search-page.search-page-v1 .search-value .result-nav .result-tab .result-item.active{opacity:1} main.search-page.search-page-v1 .serve-container .result-funtion{width:640px} main.search-page.search-page-v1 .search-result.news-container .result-funtion{width:640px} main.search-page.search-page-v1 .serve-container .result-funtion{width:640px} main.search-page.search-page-v1 .result-funtion{display:block;width:640px;margin:0 auto;font-size:14px;line-height:24px} main.search-page.search-page-v1 .result-funtion .result-length{font-size:12px;line-height:20px;letter-spacing:-0.05px;opacity:.56;} main.search-page.search-page-v1 .result-funtion .compare,main.search-page.search-page-v1 .result-funtion .rank{cursor:pointer;} main.search-page.search-page-v1 .result-funtion .right-box{margin-top:32px;justify-content:space-between} main.search-page.search-page-v1 .result-funtion .right-box .compare img{width:11px;height:14px} main.search-page.search-page-v1 .result-funtion .right-box .col{margin:0 32px;opacity:.08} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter{display:block;} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter img{width:14px;height:14px} main.search-page.search-page-v1 .result-funtion .right-box .rank img{width:20px;height:20px;vertical-align:text-top} main.search-page.search-page-v1 .result-funtion .right-box .rank .rank-box{display:none;position:absolute;top:32px;right:0;width:140px;padding:10px 0;background:#fff;box-shadow:0 2px 10px 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-v1 .result-funtion .right-box .rank .rank-box .rank-item{margin:8px auto 0;width:100px;height:28px;font-size:12px;line-height:28px;box-sizing:border-box;text-align:center;padding-left:0} main.search-page.search-page-v1 .result-funtion .right-box .rank .rank-box .rank-item:first-child{margin-top:0} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box{display:block;position:fixed;bottom:0;left:0;width:100%;height:0;transition:all .3s;background:#fff;z-index:1001} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box.show{height:496px} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box.news.show{height:360px} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box.news .filter-footer{top:280px} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .reset{position:absolute;left:64px;top:20px;font-size:12px;color:#046a38;line-height:20px;z-index:1} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-close{position:absolute;right:64px;top:20px;width:14px;height:14px;opacity:.4} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-close img{width:100%;height:100%;vertical-align:top} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .title-filter{position:relative;width:100%;margin-top:20px;margin-bottom:8px;font-size:20px;line-height:32px;text-align:center} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .title-filter::after{content:'';position:absolute;left:0;bottom:-8px;height:1px;width:100%;background:rgba(0,0,0,0.04)} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap{width:100%;height:355px;overflow:scroll} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain{width:640px;margin:32px auto 0} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain:first-child{margin-top:20px} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain:last-child{margin-bottom:32px} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title{position:relative;margin-top:0;font-size:14px;line-height:24px} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title img{position:absolute;right:0;top:5px;width:14px;height:14px} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title img.selected{display:none} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title.selected img.selected{display:block} main.search-page.search-page-v1 .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-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-box{padding:0;font-size:0} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-box .choose-item{display:inline-block;background:rgba(0,0,0,0.04);width:142px;height:36px;margin-right:24px;margin-top:20px;text-align:center;font-size:12px;line-height:36px;box-sizing:border-box;color:rgba(0,0,0,0.78)} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-box .choose-item.active{color:rgba(4,106,56,0.78);background:rgba(4,106,56,0.04);border:1px solid #046a38} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-box .choose-item:nth-child(4n){margin-right:0} main.search-page.search-page-v1 .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-v1 .result-funtion .right-box .filter-footer{position:absolute;display:flex;justify-content:center;align-items:center;top:416px;left:0;width:100%;height:80px;box-shadow:0 -2px 8px 0 rgba(0,0,0,0.03)} main.search-page.search-page-v1 .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;color:#fff;line-height:24px} main.search-page.search-page-v1 .news-filter{display:none !important} main.search-page.search-page-v1 .search-result .container-filter{width:640px;margin:20px auto 0} main.search-page.search-page-v1 .search-result .container-filter .filter-box{display:none} main.search-page.search-page-v1 .search-result{background:white;display:none;width:100%;padding-top:20px;font-size:0} main.search-page.search-page-v1 .search-result.active{display:block} main.search-page.search-page-v1 .search-result .product-box{width:640px;margin:0 auto} main.search-page.search-page-v1 .search-result .product-item{display:inline-block;width:192px;font-size:12px;line-height:20px;margin-top:48px;margin-right:32px} main.search-page.search-page-v1 .search-result .product-item:nth-child(4n){margin-right:32px} main.search-page.search-page-v1 .search-result .product-item:nth-child(-n+4){margin-top:48px} main.search-page.search-page-v1 .search-result .product-item:nth-child(3n){margin-right:0} main.search-page.search-page-v1 .search-result .product-item:nth-child(-n+3){margin-top:20px} main.search-page.search-page-v1 .search-result .product-item .img-box{display:flex;justify-content:center;align-items:center;width:100%;height:220px;background-color:#f4f4f4} main.search-page.search-page-v1 .search-result .product-item .img-box img{max-width:112px;max-height:140px} main.search-page.search-page-v1 .search-result .product-item .title{display:block;margin-top:8px;} main.search-page.search-page-v1 .search-result .product-item .desc{margin-top:4px;line-height:20px;max-height:40px;overflow:hidden} main.search-page.search-page-v1 .search-result .product-item .desc::before{float:left;content:'';width:20px;height:40px} main.search-page.search-page-v1 .search-result .product-item .desc .text{float:right;width:100%;margin-left:-20px;word-break:break-all} main.search-page.search-page-v1 .search-result .product-item .desc::after{float:right;content:'...';width:20px;height:20px;position:relative;left:100%;text-align:center;background:linear-gradient(270deg,white 0,white 81%,rgba(255,255,255,0.28) 100%);transform:translate(-100%,-100%)} main.search-page.search-page-v1 .search-result .product-item .more{margin-top:8px} main.search-page.search-page-v1 .search-result .product-item .more a{margin-right:12px;font-size:12px;line-height:20px;border-bottom:1px solid #000} main.search-page.search-page-v1 .search-result .serve-item{margin:32px auto 0;width:640px} main.search-page.search-page-v1 .search-result .serve-item:first-child{margin-top:32px} main.search-page.search-page-v1 .search-result .serve-item .title{position:relative;display:inline-block;max-width:100%;font-size:16px;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} main.search-page.search-page-v1 .search-result .serve-item .desc{display:block;margin-top:4px;font-size:12px;line-height:20px;letter-spacing:-0.06px;max-height:60px;overflow:hidden} main.search-page.search-page-v1 .search-result .serve-item .desc::before{float:left;content:'';width:20px;height:60px} main.search-page.search-page-v1 .search-result .serve-item .desc .text{float:right;width:100%;margin-left:-20px;word-break:break-all} main.search-page.search-page-v1 .search-result .serve-item .desc::after{float:right;content:'...';width:20px;height:24px;position:relative;left:100%;text-align:center;background:linear-gradient(270deg,white 0,white 81%,rgba(255,255,255,0.28) 100%);transform:translate(-100%,-100%)} main.search-page.search-page-v1 .search-result .serve-item .href{position:relative;max-width:100%;display:inline-block;margin-top:4px;color:#046a38;font-size:12px;line-height:20px;letter-spacing:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} main.search-page.search-page-v1 .search-result .news-box{width:640px;margin:0 auto} main.search-page.search-page-v1 .search-result .news-item{width:100%;display:flex;justify-content:space-between;margin-top:32px} main.search-page.search-page-v1 .search-result .news-item:first-child{margin-top:32px} main.search-page.search-page-v1 .search-result .news-item .left-box{width:460px} main.search-page.search-page-v1 .search-result .news-item .img-box{display:block;width:160px;height:120px} main.search-page.search-page-v1 .search-result .news-item .img-box img{width:100%;height:100%} main.search-page.search-page-v1 .search-result .news-item .title{display:block;font-size:14px;line-height:24px;letter-spacing:0;} main.search-page.search-page-v1 .search-result .news-item .title .text{position:relative;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} main.search-page.search-page-v1 .search-result .news-item .desc{margin-top:4px;font-size:12px;line-height:20px;max-height:60px;overflow:hidden} main.search-page.search-page-v1 .search-result .news-item .desc::before{float:left;content:'';width:20px;height:60px} main.search-page.search-page-v1 .search-result .news-item .desc .text{float:right;width:100%;margin-left:-20px;word-break:break-all} main.search-page.search-page-v1 .search-result .news-item .desc::after{float:right;content:'...';width:20px;height:20px;position:relative;left:100%;text-align:center;background:linear-gradient(270deg,white 0,white 81%,rgba(255,255,255,0.28) 100%);transform:translate(-100%,-100%)} main.search-page.search-page-v1 .search-result .news-item .tag-box{margin-top:12px} main.search-page.search-page-v1 .search-result .news-item .tag-box .tag{display:inline-block;padding:0 6px;margin-left:0;font-size:9px;line-height:18px;color:#fff;background:#046a38;vertical-align:middle} main.search-page.search-page-v1 .search-result .news-item .tag-box .date{display:inline-block;font-size:12px;line-height:20px;opacity:.4;vertical-align:middle} main.search-page.search-page-v1 .search-result .without-result{margin-top:52px;font-size:0} main.search-page.search-page-v1 .search-result .without-result .title{text-align:center;font-size:14px;line-height:24px;letter-spacing:-0.06px} main.search-page.search-page-v1 .search-result .without-result .title img{width:14px;height:14px;margin-right:4px} main.search-page.search-page-v1 .search-result .without-result .button-box{display:flex;justify-content:space-between;margin:80px auto 0;width:640px} main.search-page.search-page-v1 .search-result .without-result .button-box a.button{position:relative;display:flex;align-items:center;width:304px;height:110px;border:1px solid rgba(0,0,0,0.08);transition:all .3s;background:#fff;box-sizing:border-box} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .icon{width:56px;height:56px;margin-left:28px} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .text{margin-left:28px} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .text .title{text-align:left;font-size:14px;line-height:24px;letter-spacing:-0.06px;} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .text .desc{font-size:12px;line-height:20px;opacity:.78;margin-top:8px;letter-spacing:-0.05px} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .more{position:absolute;width:20px;height:20px;right:15px} main.search-page.search-page-v1 .search-result .page_list{margin-top:80px;font-size:14px;line-height:24px;} } @media(max-width:767.98px){body.mask{overflow:hidden} #oc-header{background:white} main.search-page.search-page-v1{padding-top:0;margin-bottom:20px;background:white} main.search-page.search-page-v1 .tab-contain{height:123px} main.search-page.search-page-v1 .tab-wrapper{width:100%;background-color:white;padding-top:10px} main.search-page.search-page-v1 .tab-wrapper.fixed{position:fixed;top:0;left:0;z-index:999} main.search-page.search-page-v1 .tab-wrapper.fixed .search-value .result-nav{width:100%} main.search-page.search-page-v1 .tab-wrapper.header-fixed{top:52px} main.search-page.search-page-v1 .input-box{display:flex;align-items:center;position:relative;margin:0 auto;width:320px;height:48px;background:rgba(0,0,0,0.03);font-size:0} main.search-page.search-page-v1 .input-box .search-icon{position:absolute;left:12px;width:14px;height:14px} main.search-page.search-page-v1 .input-box .search-icon img{width:100%;height:100%} main.search-page.search-page-v1 .input-box .search-keywords{width:100%;height:48px;padding-left:30px;background-color:transparent;box-sizing:border-box;border:0;font-size:14px;line-height:48px} main.search-page.search-page-v1 .input-box .close{display:none;cursor:pointer;position:absolute;right:12px;width:14px;height:14px} main.search-page.search-page-v1 .input-box .close img{width:100%;height:100%} main.search-page.search-page-v1 .search-value{padding-top:0;margin-top:32px} main.search-page.search-page-v1 .search-value .result-nav{position:relative;width:320px;margin:0 auto;height:33px} main.search-page.search-page-v1 .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-v1 .search-value .result-nav .result-tab{width:256px;margin:0 auto;display:flex;justify-content:space-between} main.search-page.search-page-v1 .search-value .result-nav .result-tab .result-item{position:relative;margin:0;font-size:14px;line-height:24px} main.search-page.search-page-v1 .serve-container .result-funtion{width:320px} main.search-page.search-page-v1 .result-funtion{display:block;width:320px;margin:20px auto 0;font-size:14px;line-height:24px;letter-spacing:-0.06px} main.search-page.search-page-v1 .result-funtion .result-length{font-size:12px;line-height:20px;letter-spacing:-0.05px;opacity:.56} main.search-page.search-page-v1 .result-funtion .right-box{margin-top:32px;justify-content:space-between} main.search-page.search-page-v1 .result-funtion .right-box .compare img{width:11px;height:14px} main.search-page.search-page-v1 .result-funtion .right-box .col{margin:0 8px;opacity:.08} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter{display:block;} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter img{width:14px;height:14px} main.search-page.search-page-v1 .result-funtion .right-box .rank img{width:14px;height:14px;vertical-align:baseline} main.search-page.search-page-v1 .result-funtion .right-box .rank .rank-box{display:none;position:absolute;top:28px;right:0;width:112px;padding:10px 0;background:#fff;box-shadow:0 2px 10px 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-v1 .result-funtion .right-box .rank .rank-box .rank-item{margin:8px auto 0;width:72px;height:28px;font-size:12px;line-height:28px;box-sizing:border-box;text-align:center;padding-left:0} main.search-page.search-page-v1 .result-funtion .right-box .rank .rank-box .rank-item:first-child{margin-top:0} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box{display:block;position:fixed;bottom:0;left:0;width:100%;height:0;transition:all .3s;background:#fff;z-index:1001} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box.show{height:472px} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box.news.show{height:360px} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box.news .filter-footer{top:280px} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .reset{position:absolute;left:20px;top:20px;font-size:12px;color:#046a38;line-height:20px;z-index:1} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-close{position:absolute;right:20px;top:20px;width:14px;height:14px;opacity:.4} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-close img{width:100%;height:100%;vertical-align:top} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .title-filter{position:relative;width:100%;margin-top:20px;margin-bottom:8px;font-size:20px;line-height:32px;text-align:center} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .title-filter::after{content:'';position:absolute;left:0;bottom:-8px;height:1px;width:100%;background:rgba(0,0,0,0.04)} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap{width:100%;height:330px;overflow:scroll} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain{width:320px;margin:0 auto} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain:last-child{margin-bottom:32px} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title{position:relative;margin-top:12px;font-size:14px;line-height:24px} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title img{position:absolute;right:0;top:5px;width:14px;height:14px} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title img.selected{display:none} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-title.selected img.selected{display:block} main.search-page.search-page-v1 .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-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-box{padding:20px 0;font-size:0} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-box .choose-item{display:inline-block;background:rgba(0,0,0,0.04);width:102px;height:36px;margin-right:7px;margin-top:12px;text-align:center;font-size:12px;line-height:36px;box-sizing:border-box;color:rgba(0,0,0,0.78)} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-box .choose-item.active{color:rgba(4,106,56,0.78);background:rgba(4,106,56,0.04);border:1px solid #046a38} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-box .choose-item:nth-child(3n){margin-right:0} main.search-page.search-page-v1 .result-funtion .right-box .mb-filter-box .filter-wrap .mb-filter-contain .item-box .choose-item:nth-child(-n+3){margin-top:0} main.search-page.search-page-v1 .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-v1 .result-funtion .right-box .filter-footer{position:absolute;display:flex;justify-content:center;align-items:center;top:392px;left:0;width:100%;height:80px;box-shadow:0 -2px 8px 0 rgba(0,0,0,0.03)} main.search-page.search-page-v1 .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;color:#fff;line-height:24px} main.search-page.search-page-v1 .news-filter{display:none !important} main.search-page.search-page-v1 .search-result .container-filter{width:320px;margin:20px auto 0} main.search-page.search-page-v1 .search-result .container-filter .filter-box{display:none} main.search-page.search-page-v1 .search-result.news-container .result-funtion{width:320px} main.search-page.search-page-v1 .search-result{display:none;width:100%;font-size:0;padding-top:0} main.search-page.search-page-v1 .search-result.active{display:block} main.search-page.search-page-v1 .search-result .product-box,main.search-page.search-page-v1 .search-result .news-box,main.search-page.search-page-v1 .search-result .serve-box{width:320px;margin:0 auto 80px} main.search-page.search-page-v1 .search-result .product-item{display:inline-block;width:152px;font-size:12px;line-height:20px;margin-top:32px;margin-right:16px} main.search-page.search-page-v1 .search-result .product-item:nth-child(2n){margin-right:0} main.search-page.search-page-v1 .search-result .product-item:nth-child(-n+2){margin-top:0} main.search-page.search-page-v1 .search-result .product-item .img-box{display:flex;justify-content:center;align-items:center;width:100%;height:188px;background-color:#f6f6f6} main.search-page.search-page-v1 .search-result .product-item .img-box img{max-width:96px;max-height:132px} main.search-page.search-page-v1 .search-result .product-item .title{display:block;margin-top:12px;} main.search-page.search-page-v1 .search-result .product-item .desc{margin-top:4px;line-height:20px;max-height:40px;overflow:hidden} main.search-page.search-page-v1 .search-result .product-item .desc::before{float:left;content:'';width:20px;height:40px} main.search-page.search-page-v1 .search-result .product-item .desc .text{float:right;width:100%;margin-left:-20px;word-break:break-all} main.search-page.search-page-v1 .search-result .product-item .desc::after{float:right;content:'...';width:20px;height:20px;position:relative;left:100%;text-align:center;background:linear-gradient(270deg,white 0,white 81%,rgba(255,255,255,0.28) 100%);transform:translate(-100%,-100%)} main.search-page.search-page-v1 .search-result .product-item .more{margin-top:8px} main.search-page.search-page-v1 .search-result .product-item .more a{font-size:12px;line-height:24px;border-bottom:1px solid #000} main.search-page.search-page-v1 .search-result .product-item .more a.learn{margin-right:20px} main.search-page.search-page-v1 .search-result .serve-item{margin:32px auto 0;width:320px} main.search-page.search-page-v1 .search-result .serve-item .title{display:block;font-size:16px;line-height:28px;} main.search-page.search-page-v1 .search-result .serve-item .desc{display:block;margin-top:4px;font-size:12px;line-height:20px;letter-spacing:-0.05px;max-height:60px;overflow:hidden} main.search-page.search-page-v1 .search-result .serve-item .desc::before{float:left;content:'';width:20px;height:60px} main.search-page.search-page-v1 .search-result .serve-item .desc .text{float:right;width:100%;margin-left:-20px;word-break:break-all} main.search-page.search-page-v1 .search-result .serve-item .desc::after{float:right;content:'...';width:20px;height:20px;position:relative;left:100%;text-align:center;background:linear-gradient(270deg,white 0,white 81%,rgba(255,255,255,0.28) 100%);transform:translate(-100%,-100%)} main.search-page.search-page-v1 .search-result .serve-item .href{display:block;margin-top:4px;color:#046a38;font-size:12px;line-height:20px;letter-spacing:-0.05px;word-break:break-all} main.search-page.search-page-v1 .search-result .news-item{position:relative;width:320px;display:flex;justify-content:space-between;margin-top:32px} main.search-page.search-page-v1 .search-result .news-item:first-child{margin-top:32px} main.search-page.search-page-v1 .search-result .news-item.without-pic .desc{width:320px} main.search-page.search-page-v1 .search-result .news-item.without-pic .tag-box{width:320px} main.search-page.search-page-v1 .search-result .news-item .img-box{display:block;width:120px;height:90px;margin-top:32px;position:absolute;right:0} main.search-page.search-page-v1 .search-result .news-item .img-box img{width:100%;height:100%} main.search-page.search-page-v1 .search-result .news-item .title{display:block;width:320px;font-size:14px;line-height:24px;letter-spacing:0;max-height:56px;overflow:hidden} main.search-page.search-page-v1 .search-result .news-item .title .text{float:right;width:100%} main.search-page.search-page-v1 .search-result .news-item .desc{margin-top:4px;font-size:12px;line-height:20px;max-height:60px;overflow:hidden;width:188px} main.search-page.search-page-v1 .search-result .news-item .desc::before{float:left;content:'';width:20px;height:60px} main.search-page.search-page-v1 .search-result .news-item .desc .text{float:right;width:100%;margin-left:-20px;word-break:break-all} main.search-page.search-page-v1 .search-result .news-item .desc::after{float:right;content:'...';width:20px;height:20px;position:relative;left:100%;text-align:center;background:linear-gradient(270deg,white 0,white 81%,rgba(255,255,255,0.28) 100%);transform:translate(-100%,-100%)} main.search-page.search-page-v1 .search-result .news-item .tag-box{margin-top:12px;width:188px} main.search-page.search-page-v1 .search-result .news-item .tag-box .tag{display:inline-block;padding:0 6px;font-size:9px;margin-left:0;line-height:18px;color:#fff;background:#046a38;vertical-align:middle} main.search-page.search-page-v1 .search-result .news-item .tag-box .date{display:inline-block;font-size:12px;line-height:20px;opacity:.4;vertical-align:middle} main.search-page.search-page-v1 .search-result .without-result{margin-top:48px} main.search-page.search-page-v1 .search-result .without-result .title{width:256px;margin:0 auto;text-align:center;font-size:12px;line-height:20px;letter-spacing:-0.05px} main.search-page.search-page-v1 .search-result .without-result .title img{width:14px;height:12px;margin-right:3px} main.search-page.search-page-v1 .search-result .without-result .button-box{display:block;margin:52px auto 0;width:320px} main.search-page.search-page-v1 .search-result .without-result .button-box a.button{position:relative;display:flex;align-items:center;width:100%;height:68px;border:0;border-top:1px solid rgba(0,0,0,0.08)} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .icon{width:36px;height:36px;margin-left:12px} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .text{margin-left:16px} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .text .title{text-align:left;} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .text .desc{font-size:12px;line-height:20px;opacity:.56;margin-top:4px} main.search-page.search-page-v1 .search-result .without-result .button-box a.button .more{position:absolute;width:14px;height:14px;right:12px;opacity:.78} main.search-page.search-page-v1 .search-result .page_list{margin-top:0;margin-bottom:80px;font-size:14px;line-height:24px;} } #oc-header{background:#fff} 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';font-variation-settings:'wght' 550} 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;width:20px;height:20px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjUyMzA3IDIuMzIyNTZIOC4wNzczM0w3LjkwNyAyLjczNDQ4TDYuODU2ODEgNS4yNzQyMkgyLjYxODE2VjYuNjA3NTVINC4xNjUwNFYxNi4yNzNDNC4xNjUwNCAxNi42NDU1IDQuMzEzMDMgMTcuMDAyOCA0LjU3NjQ2IDE3LjI2NjJDNC44Mzk4OSAxNy41Mjk3IDUuMTk3MTcgMTcuNjc3NyA1LjU2OTcxIDE3LjY3NzdIMTQuNDI1OEMxNC43OTgzIDE3LjY3NzcgMTUuMTU1NiAxNy41Mjk3IDE1LjQxOTEgMTcuMjY2MkMxNS42ODI1IDE3LjAwMjggMTUuODMwNSAxNi42NDU1IDE1LjgzMDUgMTYuMjczVjYuNjA3NTVIMTcuMzc4M1Y1LjI3NDIySDEzLjE0MTRMMTIuMDkxMiAyLjczNDQ4TDExLjkyMDggMi4zMjI1NkgxMS40NzUxSDguNTIzMDdaTTYuMzA1NDggNi42MDc1NUw2LjMwNTMzIDYuNjA3OTJINy4zMDI0MUgxMi42OTU4SDEzLjY5MjhMMTMuNjkyNyA2LjYwNzU1SDE0LjQ5NzFWMTYuMjczQzE0LjQ5NzEgMTYuMjkxOSAxNC40ODk2IDE2LjMxMDEgMTQuNDc2MiAxNi4zMjM0QzE0LjQ2MjkgMTYuMzM2OCAxNC40NDQ3IDE2LjM0NDMgMTQuNDI1OCAxNi4zNDQzSDUuNTY5NzFDNS41NTA3OSAxNi4zNDQzIDUuNTMyNjUgMTYuMzM2OCA1LjUxOTI3IDE2LjMyMzRDNS41MDU4OSAxNi4zMSA1LjQ5ODM3IDE2LjI5MTkgNS40OTgzNyAxNi4yNzNWNi42MDc1NUg2LjMwNTQ4Wk0xMS42OTg1IDUuMjc0MjJMMTEuMDI5NCAzLjY1NTg5SDguOTY4ODJMOC4yOTk2NCA1LjI3NDIySDExLjY5ODVaTTcuODU2NDUgMTQuMDYxNlY4Ljg5NTU5SDkuMTg5NzhWMTQuMDYxNkg3Ljg1NjQ1Wk0xMC44MDczIDguODk1NTlWMTQuMDYxNkgxMi4xNDA2VjguODk1NTlIMTAuODA3M1oiIGZpbGw9IiM2NjY2NjYiLz4KPC9zdmc+Cg==) no-repeat;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{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;width:12px;height:12px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjkyNDgxIDYuNzUwMzZMMi45ODUwOSA5LjY5MDA4QzIuNzg2NDIgOS44ODg3NSAyLjQ0MDY5IDkuODY1MTMgMi4yMTI4OSA5LjYzNzMyQzEuOTg1MDggOS40MDk1MiAxLjk2MTQ2IDkuMDYzNzkgMi4xNjAxMyA4Ljg2NTEyTDUuMDk5ODUgNS45MjU0TDIuMTU5MzUgMi45ODQ5QzEuOTYwNjggMi43ODYyMyAxLjk4NDMgMi40NDA1IDIuMjEyMTEgMi4yMTI3QzIuNDM5OTEgMS45ODQ4OSAyLjc4NTY0IDEuOTYxMjcgMi45ODQzMSAyLjE1OTk0TDUuOTI0ODEgNS4xMDA0NEw4Ljg2NTMxIDIuMTU5OTRDOS4wNjM5OCAxLjk2MTI4IDkuNDA5NyAxLjk4NDkgOS42Mzc1MSAyLjIxMjdDOS44NjUzMSAyLjQ0MDUxIDkuODg4OTMgMi43ODYyMyA5LjY5MDI3IDIuOTg0OUw2Ljc0OTc3IDUuOTI1NEw5LjY4OTQ4IDguODY1MTJDOS44ODgxNSA5LjA2Mzc5IDkuODY0NTMgOS40MDk1MSA5LjYzNjczIDkuNjM3MzJDOS40MDg5MiA5Ljg2NTEzIDkuMDYzMiA5Ljg4ODc1IDguODY0NTMgOS42OTAwOEw1LjkyNDgxIDYuNzUwMzZaIiBmaWxsPSIjNjY2NjY2Ii8+Cjwvc3ZnPgo=) no-repeat;background-position:center;cursor:pointer} 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;} 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-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{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';font-variation-settings:'wght' 550} main.search-page.search-page-v2 .tab-contain .search-value .result-nav .result-tab .result-item.active:hover{} } 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-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{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{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-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-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-size:14px;line-height:24px;height:48px;margin:12px 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-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{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-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-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-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{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{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-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-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{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);} main.search-page.search-page-v2 .search-result.product-container .filter-box .filter-header .title{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;} 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;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';font-variation-settings:'wght' 550} 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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMy44MzMwMSIgeT0iNy41IiB3aWR0aD0iOS4zMzMzMyIgaGVpZ2h0PSIxIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K)} 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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjAwMDY1IDcuNDk5NjdWMy4zMzMwMUg4LjAwMDY1VjcuNDk5NjdIMy44MzM5OFY4LjQ5OTY3SDguMDAwNjVWMTIuNjY2M0g5LjAwMDY1VjguNDk5NjdIMTMuMTY3M1Y3LjQ5OTY3SDkuMDAwNjVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K)} 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-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 .more{display:flex;justify-content:flex-start;flex-wrap:nowrap;margin-top:12px} main.search-page.search-page-v2 .search-result.product-container .product-box .product-item .more a{margin-right:20px;font-size:14px;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{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-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-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-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-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;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{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{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{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-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-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{color:#000} @media(min-width:1440px){main.search-page.search-page-v2 .search-result.news-container .news-filter ul li:hover{} } 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;} 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;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;} 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;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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4xODA2IDMuNTU1NjZWNy43MjIzM0MxNi4xODA2IDguMDY3NTEgMTUuOTAwNyA4LjM0NzMzIDE1LjU1NTYgOC4zNDczM0gxMS4zODg5VjcuMDk3MzNIMTQuOTMwNlYzLjU1NTY2SDE2LjE4MDZaIiBmaWxsPSIjMkQ2ODNFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy41OTc0NSA0LjA2MDYxQzkuMTczNTUgMy40NzI3NiAxMC45MTA1IDMuNDgzMTUgMTIuNDc5NCA0LjA4OTgxQzE0LjA0ODQgNC42OTY0NyAxNS4zNDA1IDUuODU3MyAxNi4xMTExIDcuMzUyNTVMMTUgNy45MjUyQzE0LjM2OTUgNi43MDE4MSAxMy4zMTIzIDUuNzUyMDQgMTIuMDI4NiA1LjI1NTY5QzEwLjc0NDkgNC43NTkzMyA5LjMyMzgyIDQuNzUwODMgOC4wMzQyOCA1LjIzMThDNi43NDQ3NSA1LjcxMjc3IDUuNjc2MjkgNi42NDk4MyA1LjAzMTE5IDcuODY1NTlDNC4zODYwOCA5LjA4MTM1IDQuMjA5MDkgMTAuNDkxNCA0LjUzMzcyIDExLjgyODlDNC44NTgzNSAxMy4xNjY0IDUuNjYyMDggMTQuMzM4NCA2Ljc5Mjc0IDE1LjEyMzJDNy45MjM0MSAxNS45MDc5IDkuMzAyNTUgMTYuMjUwOSAxMC42NjkxIDE2LjA4NzJDMTIuMDM1NiAxNS45MjM1IDEzLjI5NDcgMTUuMjY0NSAxNC4yMDggMTQuMjM0OUMxNS4xMjE0IDEzLjIwNTIgMTUuNjI1NSAxMS44NzY1IDE1LjYyNSAxMC41MDAyTDE2Ljg3NSAxMC40OTk4QzE2Ljg3NTYgMTIuMTgxOSAxNi4yNTk0IDEzLjgwNTkgMTUuMTQzMiAxNS4wNjQzQzE0LjAyNjkgMTYuMzIyOCAxMi40ODggMTcuMTI4MiAxMC44MTc4IDE3LjMyODNDOS4xNDc1NiAxNy41Mjg0IDcuNDYxOTQgMTcuMTA5MiA2LjA4MDAxIDE2LjE1MDFDNC42OTgwOSAxNS4xOTA5IDMuNzE1NzYgMTMuNzU4NCAzLjMxODk5IDEyLjEyMzdDMi45MjIyMiAxMC40ODkxIDMuMTM4NTQgOC43NjU2MiAzLjkyNzAxIDcuMjc5NjlDNC43MTU0NyA1Ljc5Mzc2IDYuMDIxMzUgNC42NDg0NiA3LjU5NzQ1IDQuMDYwNjFaIiBmaWxsPSIjMkQ2ODNFIi8+Cjwvc3ZnPgo=) 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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4xODA2IDMuNTU1NjZWNy43MjIzM0MxNi4xODA2IDguMDY3NTEgMTUuOTAwNyA4LjM0NzMzIDE1LjU1NTYgOC4zNDczM0gxMS4zODg5VjcuMDk3MzNIMTQuOTMwNlYzLjU1NTY2SDE2LjE4MDZaIiBmaWxsPSIjMkQ2ODNFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy41OTc0NSA0LjA2MDYxQzkuMTczNTUgMy40NzI3NiAxMC45MTA1IDMuNDgzMTUgMTIuNDc5NCA0LjA4OTgxQzE0LjA0ODQgNC42OTY0NyAxNS4zNDA1IDUuODU3MyAxNi4xMTExIDcuMzUyNTVMMTUgNy45MjUyQzE0LjM2OTUgNi43MDE4MSAxMy4zMTIzIDUuNzUyMDQgMTIuMDI4NiA1LjI1NTY5QzEwLjc0NDkgNC43NTkzMyA5LjMyMzgyIDQuNzUwODMgOC4wMzQyOCA1LjIzMThDNi43NDQ3NSA1LjcxMjc3IDUuNjc2MjkgNi42NDk4MyA1LjAzMTE5IDcuODY1NTlDNC4zODYwOCA5LjA4MTM1IDQuMjA5MDkgMTAuNDkxNCA0LjUzMzcyIDExLjgyODlDNC44NTgzNSAxMy4xNjY0IDUuNjYyMDggMTQuMzM4NCA2Ljc5Mjc0IDE1LjEyMzJDNy45MjM0MSAxNS45MDc5IDkuMzAyNTUgMTYuMjUwOSAxMC42NjkxIDE2LjA4NzJDMTIuMDM1NiAxNS45MjM1IDEzLjI5NDcgMTUuMjY0NSAxNC4yMDggMTQuMjM0OUMxNS4xMjE0IDEzLjIwNTIgMTUuNjI1NSAxMS44NzY1IDE1LjYyNSAxMC41MDAyTDE2Ljg3NSAxMC40OTk4QzE2Ljg3NTYgMTIuMTgxOSAxNi4yNTk0IDEzLjgwNTkgMTUuMTQzMiAxNS4wNjQzQzE0LjAyNjkgMTYuMzIyOCAxMi40ODggMTcuMTI4MiAxMC44MTc4IDE3LjMyODNDOS4xNDc1NiAxNy41Mjg0IDcuNDYxOTQgMTcuMTA5MiA2LjA4MDAxIDE2LjE1MDFDNC42OTgwOSAxNS4xOTA5IDMuNzE1NzYgMTMuNzU4NCAzLjMxODk5IDEyLjEyMzdDMi45MjIyMiAxMC40ODkxIDMuMTM4NTQgOC43NjU2MiAzLjkyNzAxIDcuMjc5NjlDNC43MTU0NyA1Ljc5Mzc2IDYuMDIxMzUgNC42NDg0NiA3LjU5NzQ1IDQuMDYwNjFaIiBmaWxsPSIjMkQ2ODNFIi8+Cjwvc3ZnPgo=) 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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4xODA2IDMuNTU1NjZWNy43MjIzM0MxNi4xODA2IDguMDY3NTEgMTUuOTAwNyA4LjM0NzMzIDE1LjU1NTYgOC4zNDczM0gxMS4zODg5VjcuMDk3MzNIMTQuOTMwNlYzLjU1NTY2SDE2LjE4MDZaIiBmaWxsPSIjMkQ2ODNFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy41OTc0NSA0LjA2MDYxQzkuMTczNTUgMy40NzI3NiAxMC45MTA1IDMuNDgzMTUgMTIuNDc5NCA0LjA4OTgxQzE0LjA0ODQgNC42OTY0NyAxNS4zNDA1IDUuODU3MyAxNi4xMTExIDcuMzUyNTVMMTUgNy45MjUyQzE0LjM2OTUgNi43MDE4MSAxMy4zMTIzIDUuNzUyMDQgMTIuMDI4NiA1LjI1NTY5QzEwLjc0NDkgNC43NTkzMyA5LjMyMzgyIDQuNzUwODMgOC4wMzQyOCA1LjIzMThDNi43NDQ3NSA1LjcxMjc3IDUuNjc2MjkgNi42NDk4MyA1LjAzMTE5IDcuODY1NTlDNC4zODYwOCA5LjA4MTM1IDQuMjA5MDkgMTAuNDkxNCA0LjUzMzcyIDExLjgyODlDNC44NTgzNSAxMy4xNjY0IDUuNjYyMDggMTQuMzM4NCA2Ljc5Mjc0IDE1LjEyMzJDNy45MjM0MSAxNS45MDc5IDkuMzAyNTUgMTYuMjUwOSAxMC42NjkxIDE2LjA4NzJDMTIuMDM1NiAxNS45MjM1IDEzLjI5NDcgMTUuMjY0NSAxNC4yMDggMTQuMjM0OUMxNS4xMjE0IDEzLjIwNTIgMTUuNjI1NSAxMS44NzY1IDE1LjYyNSAxMC41MDAyTDE2Ljg3NSAxMC40OTk4QzE2Ljg3NTYgMTIuMTgxOSAxNi4yNTk0IDEzLjgwNTkgMTUuMTQzMiAxNS4wNjQzQzE0LjAyNjkgMTYuMzIyOCAxMi40ODggMTcuMTI4MiAxMC44MTc4IDE3LjMyODNDOS4xNDc1NiAxNy41Mjg0IDcuNDYxOTQgMTcuMTA5MiA2LjA4MDAxIDE2LjE1MDFDNC42OTgwOSAxNS4xOTA5IDMuNzE1NzYgMTMuNzU4NCAzLjMxODk5IDEyLjEyMzdDMi45MjIyMiAxMC40ODkxIDMuMTM4NTQgOC43NjU2MiAzLjkyNzAxIDcuMjc5NjlDNC43MTU0NyA1Ljc5Mzc2IDYuMDIxMzUgNC42NDg0NiA3LjU5NzQ1IDQuMDYwNjFaIiBmaWxsPSIjMkQ2ODNFIi8+Cjwvc3ZnPgo=) 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-variation-settings:'wght' 1000;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-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-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{display:inline-block;font-size:14px;line-height:24px;color:#046a38;border-bottom:1px solid #046a38} 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;width:24px;height:24px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xMSAxNy44MTM4QzEyLjU5MyAxNy45MzU1IDEyLjA1MzggMTcuOTk5OSAxMS40OTk2IDE3Ljk5OTlIMTEuMDI3M0MxMi4xMjYgMTkuMjI3NCAxMy43MjI2IDE5Ljk5OTkgMTUuNDk5NiAxOS45OTk5SDE5LjQ5OTZDMjAuNjA0MSAxOS45OTk5IDIxLjQ5OTYgMTkuMTA0NSAyMS40OTk2IDE3Ljk5OTlWMTMuOTk5OUMyMS40OTk2IDExLjYwNTUgMjAuMDk3IDkuNTM4NjUgMTguMDY4NiA4LjU3NjE3QzE4LjMwNzYgOS4yMjM2NiAxOC40NTM2IDkuOTE2MTggMTguNDkwMyAxMC42Mzc1QzE5LjQxNjMgMTEuNDYxOCAxOS45OTk2IDEyLjY2MjcgMTkuOTk5NiAxMy45OTk5VjE3Ljk5OTlDMTkuOTk5NiAxOC4yNzYxIDE5Ljc3NTcgMTguNDk5OSAxOS40OTk2IDE4LjQ5OTlIMTUuNDk5NkMxNC42MjE2IDE4LjQ5OTkgMTMuODAyNCAxOC4yNDg1IDEzLjExIDE3LjgxMzhaIiBmaWxsPSIjMjYyNjI2Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNSAxNi41QzE0LjUzNzYgMTYuNSAxNyAxNC4wMzc2IDE3IDExQzE3IDcuOTYyNDMgMTQuNTM3NiA1LjUgMTEuNSA1LjVDOC40NjI0MyA1LjUgNiA3Ljk2MjQzIDYgMTFWMTZDNiAxNi4yNzYxIDYuMjIzODYgMTYuNSA2LjUgMTYuNUgxMS41Wk0xOC41IDExQzE4LjUgMTQuODY2IDE1LjM2NiAxOCAxMS41IDE4SDYuNUM1LjM5NTQzIDE4IDQuNSAxNy4xMDQ2IDQuNSAxNlYxMUM0LjUgNy4xMzQwMSA3LjYzNDAxIDQgMTEuNSA0QzE1LjM2NiA0IDE4LjUgNy4xMzQwMSAxOC41IDExWiIgZmlsbD0iIzI2MjYyNiIvPgo8cGF0aCBkPSJNMTIuNSAxMUMxMi41IDExLjU1MjMgMTIuMDUyMyAxMiAxMS41IDEyQzEwLjk0NzcgMTIgMTAuNSAxMS41NTIzIDEwLjUgMTFDMTAuNSAxMC40NDc3IDEwLjk0NzcgMTAgMTEuNSAxMEMxMi4wNTIzIDEwIDEyLjUgMTAuNDQ3NyAxMi41IDExWiIgZmlsbD0iIzI2MjYyNiIvPgo8cGF0aCBkPSJNOS41IDExQzkuNSAxMS41NTIzIDkuMDUyMjggMTIgOC41IDEyQzcuOTQ3NzIgMTIgNy41IDExLjU1MjMgNy41IDExQzcuNSAxMC40NDc3IDcuOTQ3NzIgMTAgOC41IDEwQzkuMDUyMjggMTAgOS41IDEwLjQ0NzcgOS41IDExWiIgZmlsbD0iIzI2MjYyNiIvPgo8cGF0aCBkPSJNMTUuNSAxMUMxNS41IDExLjU1MjMgMTUuMDUyMyAxMiAxNC41IDEyQzEzLjk0NzcgMTIgMTMuNSAxMS41NTIzIDEzLjUgMTFDMTMuNSAxMC40NDc3IDEzLjk0NzcgMTAgMTQuNSAxMEMxNS4wNTIzIDEwIDE1LjUgMTAuNDQ3NyAxNS41IDExWiIgZmlsbD0iIzI2MjYyNiIvPgo8L3N2Zz4K) no-repeat;margin-right:12px} 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} @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;} 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 .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;} main.search-page.search-page-v2 .search-result .result-funtion .compare,main.search-page.search-page-v2 .search-result .result-funtion .rank{cursor:pointer;} 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-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;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-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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMy44MzMwMSIgeT0iNy41IiB3aWR0aD0iOS4zMzMzMyIgaGVpZ2h0PSIxIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) 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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjAwMDY1IDcuNDk5NjdWMy4zMzMwMUg4LjAwMDY1VjcuNDk5NjdIMy44MzM5OFY4LjQ5OTY3SDguMDAwNjVWMTIuNjY2M0g5LjAwMDY1VjguNDk5NjdIMTMuMTY3M1Y3LjQ5OTY3SDkuMDAwNjVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) 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;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.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 .page_list{padding-top:80px;font-size:14px;line-height:24px;} } @media(max-width:767.98px){body.mask{overflow:hidden} #oc-header{background:white} 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: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{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-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{width:100%;margin:0 auto} 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} 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-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{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-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-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-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;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-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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMy44MzMwMSIgeT0iNy41IiB3aWR0aD0iOS4zMzMzMyIgaGVpZ2h0PSIxIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) 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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjAwMDY1IDcuNDk5NjdWMy4zMzMwMUg4LjAwMDY1VjcuNDk5NjdIMy44MzM5OFY4LjQ5OTY3SDguMDAwNjVWMTIuNjY2M0g5LjAwMDY1VjguNDk5NjdIMTMuMTY3M1Y3LjQ5OTY3SDkuMDAwNjVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) 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;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-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{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;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;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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4xODA2IDMuNTU1NjZWNy43MjIzM0MxNi4xODA2IDguMDY3NTEgMTUuOTAwNyA4LjM0NzMzIDE1LjU1NTYgOC4zNDczM0gxMS4zODg5VjcuMDk3MzNIMTQuOTMwNlYzLjU1NTY2SDE2LjE4MDZaIiBmaWxsPSIjMkQ2ODNFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy41OTc0NSA0LjA2MDYxQzkuMTczNTUgMy40NzI3NiAxMC45MTA1IDMuNDgzMTUgMTIuNDc5NCA0LjA4OTgxQzE0LjA0ODQgNC42OTY0NyAxNS4zNDA1IDUuODU3MyAxNi4xMTExIDcuMzUyNTVMMTUgNy45MjUyQzE0LjM2OTUgNi43MDE4MSAxMy4zMTIzIDUuNzUyMDQgMTIuMDI4NiA1LjI1NTY5QzEwLjc0NDkgNC43NTkzMyA5LjMyMzgyIDQuNzUwODMgOC4wMzQyOCA1LjIzMThDNi43NDQ3NSA1LjcxMjc3IDUuNjc2MjkgNi42NDk4MyA1LjAzMTE5IDcuODY1NTlDNC4zODYwOCA5LjA4MTM1IDQuMjA5MDkgMTAuNDkxNCA0LjUzMzcyIDExLjgyODlDNC44NTgzNSAxMy4xNjY0IDUuNjYyMDggMTQuMzM4NCA2Ljc5Mjc0IDE1LjEyMzJDNy45MjM0MSAxNS45MDc5IDkuMzAyNTUgMTYuMjUwOSAxMC42NjkxIDE2LjA4NzJDMTIuMDM1NiAxNS45MjM1IDEzLjI5NDcgMTUuMjY0NSAxNC4yMDggMTQuMjM0OUMxNS4xMjE0IDEzLjIwNTIgMTUuNjI1NSAxMS44NzY1IDE1LjYyNSAxMC41MDAyTDE2Ljg3NSAxMC40OTk4QzE2Ljg3NTYgMTIuMTgxOSAxNi4yNTk0IDEzLjgwNTkgMTUuMTQzMiAxNS4wNjQzQzE0LjAyNjkgMTYuMzIyOCAxMi40ODggMTcuMTI4MiAxMC44MTc4IDE3LjMyODNDOS4xNDc1NiAxNy41Mjg0IDcuNDYxOTQgMTcuMTA5MiA2LjA4MDAxIDE2LjE1MDFDNC42OTgwOSAxNS4xOTA5IDMuNzE1NzYgMTMuNzU4NCAzLjMxODk5IDEyLjEyMzdDMi45MjIyMiAxMC40ODkxIDMuMTM4NTQgOC43NjU2MiAzLjkyNzAxIDcuMjc5NjlDNC43MTU0NyA1Ljc5Mzc2IDYuMDIxMzUgNC42NDg0NiA3LjU5NzQ1IDQuMDYwNjFaIiBmaWxsPSIjMkQ2ODNFIi8+Cjwvc3ZnPgo=) 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-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 .page_list{padding-top:64px;font-size:14px;line-height:24px;} 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;} } @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;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;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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjY2NTMgNi44MDM3Nkw1LjEwMTIxIDIuNjk2NjJDNC44NDc2NyAyLjUzNzI2IDQuNTI5MzEgMi41Mjk4NyA0LjI2ODM5IDIuNjc0NDRDNC4wMDc0NyAyLjgxOTg0IDMuODQ1ODMgMy4wOTQxOSAzLjg0NTgzIDMuMzkzMTlWMTEuNjA3NUMzLjg0NTgzIDExLjkwNjUgNC4wMDc0NyAxMi4xODA4IDQuMjY4MzkgMTIuMzI2MkM0LjM5MzExIDEyLjM5NDQgNC41MjkzMSAxMi40Mjg5IDQuNjY2MzQgMTIuNDI4OUM0LjgxNzMxIDEyLjQyODkgNC45NjgyOSAxMi4zODcgNS4xMDEyMSAxMi4zMDQxTDExLjY2NTMgOC4xOTY5MUMxMS45MDQ5IDguMDQ2NTkgMTIuMDUxIDcuNzgzNzMgMTIuMDUxIDcuNTAwMzRDMTIuMDUxIDcuMjE2OTQgMTEuOTA0OSA2Ljk1NDA5IDExLjY2NTMgNi44MDM3NloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) 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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjY2NTMgNi44MDM3Nkw1LjEwMTIxIDIuNjk2NjJDNC44NDc2NyAyLjUzNzI2IDQuNTI5MzEgMi41Mjk4NyA0LjI2ODM5IDIuNjc0NDRDNC4wMDc0NyAyLjgxOTg0IDMuODQ1ODMgMy4wOTQxOSAzLjg0NTgzIDMuMzkzMTlWMTEuNjA3NUMzLjg0NTgzIDExLjkwNjUgNC4wMDc0NyAxMi4xODA4IDQuMjY4MzkgMTIuMzI2MkM0LjM5MzExIDEyLjM5NDQgNC41MjkzMSAxMi40Mjg5IDQuNjY2MzQgMTIuNDI4OUM0LjgxNzMxIDEyLjQyODkgNC45NjgyOSAxMi4zODcgNS4xMDEyMSAxMi4zMDQxTDExLjY2NTMgOC4xOTY5MUMxMS45MDQ5IDguMDQ2NTkgMTIuMDUxIDcuNzgzNzMgMTIuMDUxIDcuNTAwMzRDMTIuMDUxIDcuMjE2OTQgMTEuOTA0OSA2Ljk1NDA5IDExLjY2NTMgNi44MDM3NloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) 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;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;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(../../../../cn/assets/src/components/general/play-skill-list/assets/car.png);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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjY2NTMgNi44MDM3Nkw1LjEwMTIxIDIuNjk2NjJDNC44NDc2NyAyLjUzNzI2IDQuNTI5MzEgMi41Mjk4NyA0LjI2ODM5IDIuNjc0NDRDNC4wMDc0NyAyLjgxOTg0IDMuODQ1ODMgMy4wOTQxOSAzLjg0NTgzIDMuMzkzMTlWMTEuNjA3NUMzLjg0NTgzIDExLjkwNjUgNC4wMDc0NyAxMi4xODA4IDQuMjY4MzkgMTIuMzI2MkM0LjM5MzExIDEyLjM5NDQgNC41MjkzMSAxMi40Mjg5IDQuNjY2MzQgMTIuNDI4OUM0LjgxNzMxIDEyLjQyODkgNC45NjgyOSAxMi4zODcgNS4xMDEyMSAxMi4zMDQxTDExLjY2NTMgOC4xOTY5MUMxMS45MDQ5IDguMDQ2NTkgMTIuMDUxIDcuNzgzNzMgMTIuMDUxIDcuNTAwMzRDMTIuMDUxIDcuMjE2OTQgMTEuOTA0OSA2Ljk1NDA5IDExLjY2NTMgNi44MDM3NloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) 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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzYxMjYgNS42MzU3NEwzLjkyNzkyIDExLjQ2OTFDMy42MzUwMyAxMS43NjIgMy42MzUwMyAxMi4yMzY4IDMuOTI3OTIgMTIuNTI5N0w5Ljc2MTI2IDE4LjM2MzFMMTAuODIxOSAxNy4zMDI0TDYuMjY5MDYgMTIuNzQ5NkgyMC4yOTE2VjExLjI0OTZINi4yNjg3N0wxMC44MjE5IDYuNjk2NEw5Ljc2MTI2IDUuNjM1NzRaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+Cjwvc3ZnPgo=) 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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjY2NTMgNi44MDM3Nkw1LjEwMTIxIDIuNjk2NjJDNC44NDc2NyAyLjUzNzI2IDQuNTI5MzEgMi41Mjk4NyA0LjI2ODM5IDIuNjc0NDRDNC4wMDc0NyAyLjgxOTg0IDMuODQ1ODMgMy4wOTQxOSAzLjg0NTgzIDMuMzkzMTlWMTEuNjA3NUMzLjg0NTgzIDExLjkwNjUgNC4wMDc0NyAxMi4xODA4IDQuMjY4MzkgMTIuMzI2MkM0LjM5MzExIDEyLjM5NDQgNC41MjkzMSAxMi40Mjg5IDQuNjY2MzQgMTIuNDI4OUM0LjgxNzMxIDEyLjQyODkgNC45NjgyOSAxMi4zODcgNS4xMDEyMSAxMi4zMDQxTDExLjY2NTMgOC4xOTY5MUMxMS45MDQ5IDguMDQ2NTkgMTIuMDUxIDcuNzgzNzMgMTIuMDUxIDcuNTAwMzRDMTIuMDUxIDcuMjE2OTQgMTEuOTA0OSA2Ljk1NDA5IDExLjY2NTMgNi44MDM3NloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) 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;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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4xODA2IDMuNTU1NjZWNy43MjIzM0MxNi4xODA2IDguMDY3NTEgMTUuOTAwNyA4LjM0NzMzIDE1LjU1NTYgOC4zNDczM0gxMS4zODg5VjcuMDk3MzNIMTQuOTMwNlYzLjU1NTY2SDE2LjE4MDZaIiBmaWxsPSIjMkQ2ODNFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy41OTc0NSA0LjA2MDYxQzkuMTczNTUgMy40NzI3NiAxMC45MTA1IDMuNDgzMTUgMTIuNDc5NCA0LjA4OTgxQzE0LjA0ODQgNC42OTY0NyAxNS4zNDA1IDUuODU3MyAxNi4xMTExIDcuMzUyNTVMMTUgNy45MjUyQzE0LjM2OTUgNi43MDE4MSAxMy4zMTIzIDUuNzUyMDQgMTIuMDI4NiA1LjI1NTY5QzEwLjc0NDkgNC43NTkzMyA5LjMyMzgyIDQuNzUwODMgOC4wMzQyOCA1LjIzMThDNi43NDQ3NSA1LjcxMjc3IDUuNjc2MjkgNi42NDk4MyA1LjAzMTE5IDcuODY1NTlDNC4zODYwOCA5LjA4MTM1IDQuMjA5MDkgMTAuNDkxNCA0LjUzMzcyIDExLjgyODlDNC44NTgzNSAxMy4xNjY0IDUuNjYyMDggMTQuMzM4NCA2Ljc5Mjc0IDE1LjEyMzJDNy45MjM0MSAxNS45MDc5IDkuMzAyNTUgMTYuMjUwOSAxMC42NjkxIDE2LjA4NzJDMTIuMDM1NiAxNS45MjM1IDEzLjI5NDcgMTUuMjY0NSAxNC4yMDggMTQuMjM0OUMxNS4xMjE0IDEzLjIwNTIgMTUuNjI1NSAxMS44NzY1IDE1LjYyNSAxMC41MDAyTDE2Ljg3NSAxMC40OTk4QzE2Ljg3NTYgMTIuMTgxOSAxNi4yNTk0IDEzLjgwNTkgMTUuMTQzMiAxNS4wNjQzQzE0LjAyNjkgMTYuMzIyOCAxMi40ODggMTcuMTI4MiAxMC44MTc4IDE3LjMyODNDOS4xNDc1NiAxNy41Mjg0IDcuNDYxOTQgMTcuMTA5MiA2LjA4MDAxIDE2LjE1MDFDNC42OTgwOSAxNS4xOTA5IDMuNzE1NzYgMTMuNzU4NCAzLjMxODk5IDEyLjEyMzdDMi45MjIyMiAxMC40ODkxIDMuMTM4NTQgOC43NjU2MiAzLjkyNzAxIDcuMjc5NjlDNC43MTU0NyA1Ljc5Mzc2IDYuMDIxMzUgNC42NDg0NiA3LjU5NzQ1IDQuMDYwNjFaIiBmaWxsPSIjMkQ2ODNFIi8+Cjwvc3ZnPgo=) 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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4xODA2IDMuNTU1NjZWNy43MjIzM0MxNi4xODA2IDguMDY3NTEgMTUuOTAwNyA4LjM0NzMzIDE1LjU1NTYgOC4zNDczM0gxMS4zODg5VjcuMDk3MzNIMTQuOTMwNlYzLjU1NTY2SDE2LjE4MDZaIiBmaWxsPSIjMkQ2ODNFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy41OTc0NSA0LjA2MDYxQzkuMTczNTUgMy40NzI3NiAxMC45MTA1IDMuNDgzMTUgMTIuNDc5NCA0LjA4OTgxQzE0LjA0ODQgNC42OTY0NyAxNS4zNDA1IDUuODU3MyAxNi4xMTExIDcuMzUyNTVMMTUgNy45MjUyQzE0LjM2OTUgNi43MDE4MSAxMy4zMTIzIDUuNzUyMDQgMTIuMDI4NiA1LjI1NTY5QzEwLjc0NDkgNC43NTkzMyA5LjMyMzgyIDQuNzUwODMgOC4wMzQyOCA1LjIzMThDNi43NDQ3NSA1LjcxMjc3IDUuNjc2MjkgNi42NDk4MyA1LjAzMTE5IDcuODY1NTlDNC4zODYwOCA5LjA4MTM1IDQuMjA5MDkgMTAuNDkxNCA0LjUzMzcyIDExLjgyODlDNC44NTgzNSAxMy4xNjY0IDUuNjYyMDggMTQuMzM4NCA2Ljc5Mjc0IDE1LjEyMzJDNy45MjM0MSAxNS45MDc5IDkuMzAyNTUgMTYuMjUwOSAxMC42NjkxIDE2LjA4NzJDMTIuMDM1NiAxNS45MjM1IDEzLjI5NDcgMTUuMjY0NSAxNC4yMDggMTQuMjM0OUMxNS4xMjE0IDEzLjIwNTIgMTUuNjI1NSAxMS44NzY1IDE1LjYyNSAxMC41MDAyTDE2Ljg3NSAxMC40OTk4QzE2Ljg3NTYgMTIuMTgxOSAxNi4yNTk0IDEzLjgwNTkgMTUuMTQzMiAxNS4wNjQzQzE0LjAyNjkgMTYuMzIyOCAxMi40ODggMTcuMTI4MiAxMC44MTc4IDE3LjMyODNDOS4xNDc1NiAxNy41Mjg0IDcuNDYxOTQgMTcuMTA5MiA2LjA4MDAxIDE2LjE1MDFDNC42OTgwOSAxNS4xOTA5IDMuNzE1NzYgMTMuNzU4NCAzLjMxODk5IDEyLjEyMzdDMi45MjIyMiAxMC40ODkxIDMuMTM4NTQgOC43NjU2MiAzLjkyNzAxIDcuMjc5NjlDNC43MTU0NyA1Ljc5Mzc2IDYuMDIxMzUgNC42NDg0NiA3LjU5NzQ1IDQuMDYwNjFaIiBmaWxsPSIjMkQ2ODNFIi8+Cjwvc3ZnPgo=) 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;background:#fff} #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;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;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:1440px){#ch-play-skill-video .skill-video-box{width:100%;padding:0 65px} } @media(max-width:1024px){#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:768px){#ch-play-skill-video .skill-video-box{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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzYxMjYgNS42MzU3NEwzLjkyNzkyIDExLjQ2OTFDMy42MzUwMyAxMS43NjIgMy42MzUwMyAxMi4yMzY4IDMuOTI3OTIgMTIuNTI5N0w5Ljc2MTI2IDE4LjM2MzFMMTAuODIxOSAxNy4zMDI0TDYuMjY5MDYgMTIuNzQ5NkgyMC4yOTE2VjExLjI0OTZINi4yNjg3N0wxMC44MjE5IDYuNjk2NEw5Ljc2MTI2IDUuNjM1NzRaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+Cjwvc3ZnPgo=) 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} } .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} } .subscribe-img.cmp__acc-subscribe{background:#fff6ed} .cmp__acc-subscribe .bottom.cp-footer-subscribe{width:868px;margin:0 auto;position:relative;padding-bottom:80px} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe{width:unset;margin:0 15px;padding-bottom:0} } .cmp__acc-subscribe .bottom.cp-footer-subscribe h3{text-align:center;padding-top:80px;font-size:48px;line-height:120%;position:relative;z-index:1} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe h3{padding-top:52px;font-size:28px;text-align:initial} } @media screen and (min-width:769px) and (max-width:1440px){.cmp__acc-subscribe .bottom.cp-footer-subscribe h3{padding-top:64px;font-size:36px} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .subscribe-title{text-align:center;width:100%;margin-top:20px;font-size:16px;line-height:24px;position:relative;z-index:1;color:#666;margin:20px auto 0} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .subscribe-title{width:unset;font-size:14px;line-height:24px;text-align:initial;margin-top:25px;margin-bottom:25px} } @media screen and (min-width:769px) and (max-width:1440px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .subscribe-title{font-size:14px} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain{margin-top:40px} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain{margin-top:19px} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .cp-email-input__box{position:relative;width:100%;margin:0 auto} .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .cp-email-input__box .subscribe-container{display:flex;width:100%;position:relative;margin:0 auto} .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .cp-email-input__box .subscribe-email-img{width:215px;position:absolute;right:0;bottom:0} .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .cp-email-input__box .cp-email-input__main{width:598px;border:1px solid #dfdfdf;border-radius:2px;background-color:#fff;z-index:1;opacity:1;height:48px;line-height:20px;font-size:12px;margin-right:12px;flex:1} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .cp-email-input__box .cp-email-input__main{flex:unset;width:100%;margin-right:4px} } @media screen and (min-width:769px) and (max-width:1440px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .cp-email-input__box .cp-email-input__main{flex:1} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .cp-email-input__box .cp-email-input__main input{width:100%} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .cp-email-input__box .cp-email-input__main input{width:100%} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .cp-email-input__box .subscribe{border-radius:2px;background-color:#000;z-index:1;opacity:1;height:48px;width:unset;color:#fff;font-size:18px;padding:10px 36px} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .cp-email-input__box .subscribe{width:unset;padding:10px;font-size:14px} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .cp-email-input__box .subscribe:hover{opacity:.7} .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain input{padding:12px;font-size:14px} .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .email-clear-box{display:none;position:absolute;right:8px} .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .email-clear-box .email-clear{width:24px;height:24px} .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .email-clear-box .email-clear:hover{cursor:pointer} .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .cp-email-input__main.active{border:1px solid #666} .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .cp-email-input__main.active .email-clear-box{display:block} .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .dropdown-menu{display:none;position:absolute;top:48px;left:0;background-color:#fff;width:100%;border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,0.25)} .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .dropdown-menu .list-contain{position:relative} .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .dropdown-menu .list-contain .list .item{cursor:pointer;height:28px;line-height:28px;text-align:start;font-size:14px;margin:4px;border-radius:2px;padding:2px 9px} .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .dropdown-menu .list-contain .list .item:hover{background-color:rgba(0,0,0,0.04)} .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .subscribe .arrow,.cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .subscribe .arrow::before,.cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input-contain .subscribe .arrow::after{height:.015rem;background-color:#000} .cmp__acc-subscribe .bottom.cp-footer-subscribe .law-title{width:280px;border-bottom:1px solid #666;margin-top:40px} .cmp__acc-subscribe .bottom.cp-footer-subscribe .law-title:hover{cursor:pointer} .cmp__acc-subscribe .bottom.cp-footer-subscribe .law-title a{color:#666;font-size:12px;line-height:170%;margin-top:40px} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .law-title{transform:scale(0.875);transform-origin:left top} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .law-content-pc{width:670px;color:#666;font-size:12px;line-height:170%;margin-top:20px} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .law-content-pc{width:unset;margin-top:8px;display:none;padding-bottom:10px;transform:scale(0.875);transform-origin:left top} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .law-content-mb{width:670px;color:#666;font-size:12px;line-height:170%;margin-top:20px;display:none} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .law-content-mb{display:block;width:unset;margin-top:8px;padding-bottom:80px;transform:scale(0.875);transform-origin:left top} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .law-content-mb-more{display:none;color:#2ec84e} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .law-content-mb-more{display:inline-block} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .law-content-mb-close{display:none;color:#2ec84e} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .law-content-mb-close{display:inline-block} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input__tip{height:24px;margin-top:unset} .cmp__acc-subscribe .bottom.cp-footer-subscribe .cp-email-input__tip p{font-size:14px} .cmp__acc-subscribe .bottom.cp-footer-subscribe .law-mask{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:rgba(0,0,0,0.56)} .cmp__acc-subscribe .bottom.cp-footer-subscribe .law-popup{display:none;width:760px;position:fixed;background:#fff;border-radius:2px;top:50%;left:50%;z-index:1000;margin-left:-380px;margin-top:-360px;padding:20px} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .law-popup{overflow:scroll;width:100%;height:100%;top:0;left:0;margin-left:unset;margin-top:unset;padding:unset} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .law-popup .law-popup-close{text-align:end} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .law-popup .law-popup-close{margin:16px 13px 0 13px} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .law-popup .law-popup-close .law-popup-close-img{width:24px;height:24px} .cmp__acc-subscribe .bottom.cp-footer-subscribe .law-popup .law-popup-close .law-popup-close-img:hover{cursor:pointer} .cmp__acc-subscribe .bottom.cp-footer-subscribe .law-popup .law-popup-title{width:358px;font-size:24px;text-align:center;margin:20px auto 32px;line-height:150%} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .law-popup .law-popup-title{width:unset;margin:24px 32px} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .law-popup .law-popup-content{font-size:16px;line-height:24px;color:#999;margin:0 20px 70px 20px} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .law-popup .law-popup-content{margin:0 32px 32px 32px} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-subscribed,.cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-fail{display:none;width:332px;position:absolute;background:rgba(0,0,0,0.78);opacity:.95;border-radius:2px;top:30%;left:50%;z-index:1000;margin-left:-166px;padding:32px 14px 32px 14px;box-sizing:border-box} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-subscribed,.cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-fail{width:275px;margin-left:-138px;padding:24px 24px 24px 24px} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-subscribed .email-tip-img-box,.cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-fail .email-tip-img-box{text-align:center} .cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-subscribed .email-tip-img-box .email-tip-img,.cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-fail .email-tip-img-box .email-tip-img{width:88px;height:88px} .cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-subscribed .email-tip-txt,.cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-fail .email-tip-txt{font-size:24px;line-height:150%;color:#fff;text-align:center} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-subscribed .email-tip-txt,.cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-fail .email-tip-txt{font-size:18px} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-success{display:none;width:328px;position:absolute;background:#fff;border-radius:4px;top:30%;left:50%;z-index:1000;margin-left:-164px;padding:24px;box-sizing:border-box} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-success{width:100%;margin-left:0;left:0;padding:24px 24px 24px 24px} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-success .email-tip-img-box{text-align:center} .cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-success .email-tip-img-box .email-tip-img{width:68px;height:68px} .cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-success .email-tip-txt{font-size:16px;line-height:21px;color:#000;text-align:center;margin-top:16px;margin-bottom:16px} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-success .email-tip-txt{font-size:16px} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-success .email-tip-close-btn{color:#fff;background:#000;color:#fff;border-radius:2px;font-family:'OPPOSans 2.14 NoVF';padding:10px 14px;text-align:center} .cmp__acc-subscribe .bottom.cp-footer-subscribe .email-tip-success .email-tip-close-btn:hover{cursor:pointer} .cmp__acc-subscribe .bottom.cp-footer-subscribe .checkbox-box{display:flex;width:591px;margin-top:20px} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .checkbox-box{width:100%;padding-bottom:80px;margin-top:40px} } .cmp__acc-subscribe .bottom.cp-footer-subscribe .checkbox-box .checkbox-btn{width:24px;height:24px} .cmp__acc-subscribe .bottom.cp-footer-subscribe .checkbox-box .checkbox-btn:hover{cursor:pointer} .cmp__acc-subscribe .bottom.cp-footer-subscribe .checkbox-box .checkbox-btn .checkbox-green{width:24px;height:24px;display:none} .cmp__acc-subscribe .bottom.cp-footer-subscribe .checkbox-box .checkbox-btn .checkbox-white{width:24px;height:24px} .cmp__acc-subscribe .bottom.cp-footer-subscribe .checkbox-box .checkbox-content{font-size:12px;line-height:170%;margin-left:8px;color:#666} .cmp__acc-subscribe .bottom.cp-footer-subscribe .checkbox-box .checkbox-content .green{color:#000;border-bottom:1px solid #000} @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .checkbox-box .checkbox-content .green{display:inline-block} } @media screen and (max-width:768px){.cmp__acc-subscribe .bottom.cp-footer-subscribe .checkbox-box .checkbox-content{transform:scale(0.875);transform-origin:left top} } .cmp__acc-subscribe .cp-email-input-contain.invalid input{color:#f50514 !important} .cmp__acc-subscribe .cp-email-input-contain .cp-email-input__tip .invalid{color:#f50514 !important} .cmp__acc-subscribe .cp-email-input-contain.invalid .cp-email-input__main{border:1px solid #f50514 !important;background-color:#f8efef !important} .cp-email-input-contain .cp-email-input__box{display:flex;width:340px} .cp-email-input-contain .cp-email-input__box{display:flex;width:340px} .cp-email-input-contain .cp-email-input__main{width:340px;height:48px;display:flex;justify-content:space-between;align-items:center;position:relative;box-sizing:border-box;border:1px solid rgba(0,0,0,0.78)} .cp-email-input-contain .cp-email-input__main input:-webkit-autofill,.cp-email-input-contain .cp-email-input__main input:-webkit-autofill:hover,.cp-email-input-contain .cp-email-input__main input:-webkit-autofill:focus,.cp-email-input-contain .cp-email-input__main input:-webkit-autofill:active{-webkit-transition-delay:99999s;-webkit-transition:color 99999s ease-out,background-color 99999s ease-out} .cp-email-input-contain .cp-email-input__main input,.cp-email-input-contain .cp-email-input__main textarea,.cp-email-input-contain .cp-email-input__main select{appearance:none !important;-moz-appearance:none !important;outline:none !important;-moz-outline:none !important;box-shadow:none !important;-moz-box-shadow:none !important} .cp-email-input-contain input{display:block;width:240px;padding-left:20px;border:0;outline:0;background-color:transparent;font-size:13px;line-height:20px} .cp-email-input-contain input::placeholder{color:rgba(0,0,0,0.16)} .cp-email-input-contain .subscribe{width:48px;height:48px;display:flex;justify-content:center;align-items:center;margin-right:-1px;flex-shrink:0;font-size:12px;padding:0;border:0;transition:opacity .3s;color:#fff;background-color:#000;opacity:.78} .cp-email-input-contain .subscribe:focus{outline:0;border:0} .cp-email-input-contain .subscribe:active{opacity:.7} .cp-email-input-contain .cp-email-input__tip{position:absolute;margin-top:8px;font-size:12px;line-height:20px} .cp-email-input-contain .cp-email-input__tip p{display:none;margin-top:0} .cp-email-input-contain .cp-email-input__tip .valid{color:#408d67 !important} .cp-email-input-contain .cp-email-input__tip .invalid{color:#e33b3b !important} .cp-email-input-contain.valid .valid{display:flex} .cp-email-input-contain.invalid{border-color:#e33b3b} .cp-email-input-contain.invalid input{color:#e33b3b !important} .cp-email-input-contain.invalid .invalid{display:flex} .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;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{} .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;} @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;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;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%;} #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;} 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';font-variation-settings:'wght' 550} #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;} #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';font-variation-settings:'wght' 550} #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%;} #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;} 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';font-variation-settings:'wght' 550} #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;} #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';font-variation-settings:'wght' 550} #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;padding-top:4px;margin-bottom:-9px} #oc-container .index__two-products-1{display:block;padding: 0 15px 24px;} #oc-container .index__two-products-1 .product-card-content{ flex-flow: column; } #oc-container .index__two-products-1 .product-card-content>div{ margin-bottom: 40px; } .find-left-image_box .title { margin-top: 24px !important; justify-content: center; } .title { font-weight: bold; } } @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-size:20px;line-height:26px} .info .product-card-link a{font-size:14px;line-height:170%;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-size:20px;line-height:26px} .info .product-card-link a{font-size:14px;line-height:170%;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;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;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;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(../../../../cn/assets/src/components/home/aem-productCard/product-card/two-products-2/assets/mbAnimate.png) 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%;} #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;} 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';font-variation-settings:'wght' 550} #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;} #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';font-variation-settings:'wght' 550} #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%;} #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;} 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';font-variation-settings:'wght' 550} #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;} #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';font-variation-settings:'wght' 550} #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;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-size:20px;line-height:26px} .info .product-card-link a{font-size:14px;line-height:170%;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-size:20px;line-height:26px} .info .product-card-link a{font-size:14px;line-height:170%;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;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;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;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%;} #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;} 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';font-variation-settings:'wght' 550} #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;} #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';font-variation-settings:'wght' 550} #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%;} #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;} 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';font-variation-settings:'wght' 550} #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;} #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';font-variation-settings:'wght' 550} #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;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;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;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-size:20px;line-height:26px} .info .product-card-link a{font-size:14px;line-height:170%;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-size:20px;line-height:26px} .info .product-card-link a{font-size:14px;line-height:170%;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;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;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;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%;} #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;} 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';font-variation-settings:'wght' 550} #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;} #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';font-variation-settings:'wght' 550} #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%;} #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;} 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';font-variation-settings:'wght' 550} #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;} #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';font-variation-settings:'wght' 550} #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%;} #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;} 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';font-variation-settings:'wght' 550} #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;} #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';font-variation-settings:'wght' 550} #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;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;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;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-size:20px;line-height:26px} .info .product-card-link a{font-size:14px;line-height:170%;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-size:20px;line-height:26px} .info .product-card-link a{font-size:14px;line-height:170%;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;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;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;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%;} #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;} 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';font-variation-settings:'wght' 550} #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;} #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';font-variation-settings:'wght' 550} #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;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%;} #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;} 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';font-variation-settings:'wght' 550} #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;} #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';font-variation-settings:'wght' 550} #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-size:20px;line-height:26px} .info .product-card-link a{font-size:14px;line-height:170%;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-size:20px;line-height:26px} .info .product-card-link a{font-size:14px;line-height:170%;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;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;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;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%;} #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;} 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';font-variation-settings:'wght' 550} #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;} #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';font-variation-settings:'wght' 550} #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;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%;} #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;} 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';font-variation-settings:'wght' 550} #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;} #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';font-variation-settings:'wght' 550} #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-size:20px;line-height:26px} .info .product-card-link a{font-size:14px;line-height:170%;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-size:20px;line-height:26px} .info .product-card-link a{font-size:14px;line-height:170%;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;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;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-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-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-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-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-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-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-weight:normal;color:#000;line-height:20px} .mix-content-left .rightPart{letter-spacing:-0.12px;display:inline-block;width:640px;font-size:20px;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;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;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-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-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-weight:normal;color:#000;line-height:20px} .mix-content-right .rightPart{letter-spacing:-0.12px;display:inline-block;width:640px;font-size:20px;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;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;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} } .paragraph-fragments{margin:0 auto;width:864px;height:auto;background:#f4f4f4} .paragraph-fragments p.top{display:inline-block;position:relative;margin-top:96px;margin-left:32px;margin-bottom:16px;width:695px;font-size:36px;font-weight:normal;color:#000;line-height:56px;letter-spacing:-0.2px} .paragraph-fragments p.top:before{content:'';width:65px;display:block;position:absolute;top:-35px;height:.04rem;background-color:#000} .paragraph-fragments p.bottom{display:inline-block;margin-top:16px;margin-bottom:40px;margin-left:32px;margin-right:32px;font-size:20px;font-weight:normal;color:#000;line-height:32px;letter-spacing:-0.12px} @media(max-width:767.98px){.paragraph-fragments{width:320px} .paragraph-fragments p.top{margin-top:56px;width:286px;font-size:20px;line-height:32px;letter-spacing:-0.12px;margin-bottom:12px} .paragraph-fragments p.top:before{content:'';width:40px;display:block;position:absolute;top:-20px;height:.02rem;background-color:#000} .paragraph-fragments p.bottom{margin-top:0;margin-right:0;width:286px;font-size:12px;line-height:24px} } @media(min-width:768px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){.paragraph-fragments{width:728px} .paragraph-fragments p.top{margin-top:84px;width:664px;font-size:28px;line-height:44px;letter-spacing:-0.1px} .paragraph-fragments p.bottom{width:664px} } @media(min-width:768px) and (max-width:1439.98px) and (min-width:768px) and (max-width:1023.98px){.paragraph-fragments{width:596px} .paragraph-fragments p.top{margin-top:84px;width:532px;font-size:28px;line-height:44px;letter-spacing:-0.1px} .paragraph-fragments p.bottom{width:532px} } .discover_module{height:957px;background:#e0e8ea;margin-top:182px} .discover_module .content-body{max-width:1312px;margin:0 auto;text-align:center;overflow:hidden} .discover_module .content-body h2.title{display:inline-block;margin:182px 0 64px;text-align:center;font-size:36px;font-weight:normal;color:#000;line-height:56px} .discover_module .pageBottom{display:flex;width:max-content;position:relative;transition:all .3s;left:0} .discover_module .pageBottom .img-box{overflow:hidden;width:416px;height:312px;margin-right:32px} .discover_module .pageBottom .img-box img{display:block;width:416px;height:312px;transition:all .5s;transform:scale(1.1);cursor:pointer} .discover_module .pageBottom .img-box img:hover{opacity:.9;transform:scale(1)} .discover_module .pageBottom .img-box span{position:absolute;text-align:left;display:block;margin-top:8px;height:33px;font-size:20px;font-weight:normal;color:#000;line-height:33px;opacity:.78} .discover_module .details_page_list .pagination_wrapper{padding-top:64px;padding-bottom:5px} @media(max-width:767.98px){.discover_module{height:100%;margin-top:80px} .discover_module .content-body{max-width:360px;margin:0 auto;text-align:center} .discover_module .content-body h2.title{margin-top:80px;text-align:center;font-size:20px;line-height:32px} .discover_module .pageBottom{display:block;padding-bottom:80px;margin:0 auto} .discover_module .pageBottom .img-box{width:320px;margin:64px auto 0;height:286px} .discover_module .pageBottom .img-box:nth-child(1){margin:0 auto 0} .discover_module .pageBottom .img-box img{pointer-events:none;width:320px;height:240px} .discover_module .pageBottom .img-box span{opacity:.78;padding-top:8px;height:28px;font-size:16px;line-height:28px;letter-spacing:-0.1px} .discover_module .details_page_list .pagination_wrapper{display:none} } @media(min-width:768px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){.discover_module{height:695px} .discover_module .content-body{max-width:896px} .discover_module .content-body h2.title{margin:128px 0 48px;font-size:28px;line-height:44px} .discover_module .pageBottom{display:flex} .discover_module .pageBottom .img-box{width:277px;height:208px} .discover_module .pageBottom .img-box img{display:block;width:277px;height:208px} .discover_module .pageBottom .img-box span{opacity:1;letter-spacing:-0.1px;margin-top:8px;height:28px;font-size:16px;line-height:28px} .discover_module .details_page_list .pagination_wrapper{padding-top:68px} } @media(min-width:768px) and (max-width:1439.98px) and (min-width:768px) and (max-width:1023.98px){.discover_module{height:684px;margin-top:126px} .discover_module .content-body{max-width:720px} .discover_module .content-body h2.title{margin:128px 0 64px;font-size:28px;line-height:44px} .discover_module .pageBottom{display:flex} .discover_module .pageBottom .img-box{width:219px;height:165px;margin-right:32px} .discover_module .pageBottom .img-box img{display:block;width:219px;height:165px;pointer-events:none} .discover_module .pageBottom .img-box span{opacity:1;letter-spacing:-0.1px;margin-top:8px;height:28px;font-size:16px;line-height:28px} .discover_module .details_page_list .pagination_wrapper{padding-top:68px} } /*add*/ .left-txt-img{ display: flex; flex-flow: column; } .right-twoImg .find-left-image_box{ margin-bottom: 40px; } .actions .buy{ background: #f2f2f2; padding: 6px 16px; display: none; } .mobile-img{ display: none; } @media screen and (max-width: 767px){ body{ background: #F2FBFF; } .pc-img{ display: none; } .mobile-img{ display: block; } } @media screen and (max-width: 1199px)and (min-width: 768px){ .mobile-img{ display: none; } } .detail-img img{ width: 100%; height: 100%; object-fit: cover; }