@media all{ @charset "UTF-8"; @font-face { font-family: "Poppins-Regular"; src: url("assets/font.3836594fd3c750b1.woff2") format("woff2"), url("assets/font.cb815c0601f0c214.woff") format("woff"), url("assets/font.a1ae9f46a1197635.eot") format("embedded-opentype"), url("assets/font.8f89b8be5af94f22.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }} @media all{ @charset "UTF-8"; @font-face { font-family: "Poppins-Bold"; src: url("assets/font.b1836569c74c5a5c.woff2") format("woff2"), url("assets/font.62570f46c1c1fa2e.woff") format("woff"), url("assets/font.b8b92424acfd9581.ttf") format("truetype"), url("assets/font.d8808ad7224d96fb.eot") format("embedded-opentype"), url("assets/font.f022175dd6c6d078.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }} @media all{ @charset "UTF-8"; @font-face { font-family: "Poppins-Light"; src: url("assets/font.7463e202f2423b50.woff2") format("woff2"), url("assets/font.77de73476238a7a3.woff") format("woff"), url("assets/font.948d707891e7cfb2.eot") format("embedded-opentype"), url("assets/font.3638824fe03f60d2.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }} @media all{ @charset "UTF-8"; @font-face { font-family: "OpenSans-Bold"; src: url("assets/font.1dc2d27e78c89645.woff2") format("woff2"), url("assets/font.e38905bfeb296aed.woff") format("woff"), url("assets/font.81b41f1c91399be9.ttf") format("truetype"), url("assets/font.d1aaec35d8ff2896.eot") format("embedded-opentype"), url("assets/font.900e8eef9545cb85.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }} @media all{ @charset "UTF-8"; @font-face { font-family: "Poppins-SemiBold"; src: url("assets/font.6395b0048aa22ff6.woff2") format("woff2"), url("assets/font.08772f3b8eb5018c.woff") format("woff"), url("assets/font.2d1abd0089c7ef3c.eot") format("embedded-opentype"), url("assets/font.c42d71ae00e87a69.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }} /* Powered by ueeshop.com http://www.ueeshop.com 广州联雅网络科技有限公司 020-83226791 */ /*global css*/ html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;} body,textarea,input,button,select,keygen,legend{font-size:14px; color:#333; font-family:Arial; -webkit-text-size-adjust:none; outline:0;} header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;} html,body,fieldset,img,iframe,abbr{border:none;} i,cite,em,var,address,dfn{font-style:normal;} li{list-style:none;} h1,h2,h3,h4,h5,h6,small{font-size:100%;} h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:normal;} a,button{cursor:pointer;} ins,u,s,a{text-decoration:none;} textarea,input{outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);} input[type='text'],input[type='number'],input[type='password'],input[type='reset'],input[type='submit'],input[type='button'],input[type='tel'],button,textarea{-webkit-appearance:none; border:1px #ddd solid; outline:none;} input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset; -webkit-box-shadow:0 0 0 1000px #fff inset;} ol li::marker, ul li::marker{ color: #333; } @media (max-width: 768px) { input[type='text'],input[type='number'],input[type='email'],input[type='password'],input[type='reset'],input[type='submit'],input[type='button'],input[type='tel'],input[type='search'],button,textarea{-webkit-appearance:none;border-radius:0;outline:0;border:0px;}} .trans{transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;} .trans3{-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} /*float*/ .fl{float:left;} .fr{float:right;} /*padding*/ .clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;} .clean{zoom:1;} .clean:after,.clean:before{content:''; display:table;} .clean:after{clear:both;} /*a*/ a{color:#333; text-decoration:none;} a:hover{text-decoration:underline;} /*new_win_alert*/ .new_win_alert { position: fixed; left: 0; top: 25%; z-index: 100000; overflow: hidden; width: 480px; padding: 50px; background-color: #fff; opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: top .25s; -moz-transition: top .25s; -o-transition: top .25s; transition: top .25s; } .new_win_alert .close { content: "\e631"; position: absolute; top: 20px; right: 20px; z-index: 100000; display: block; overflow: hidden; width: 16px; height: 16px; text-decoration: none; font-family: 'iconfont'; font-size: 0; background: none; } .new_win_alert .close::before { content: "\e631"; font-family: 'iconfont'; font-size: 16px; } .new_win_alert .close:hover { color: #aaa; } .new_win_alert .win_tips { position: relative; padding: 54px 0 20px; text-align: center; font-size: 16px; line-height: 23px; } .new_win_alert .win_label { padding: 0 20px 0 30px; font-size: 16px; line-height: 30px; } .new_win_alert .win_form { padding: 5px 20px 10px 30px; } .new_win_alert .win_btns { margin: 15px 0; text-align: center; } .new_win_alert .win_btns .btn { margin-left: 20px; border-radius: 5px; padding: 0 40px; text-decoration: none; font-size: 14px; color: #fff; line-height: 50px; background: #1c1c1c; } .new_win_alert label { display: block; padding-bottom: 12px; font-size: 14px; color: #333; line-height: 18px; } .new_win_alert ul { margin-top: 16px; } .new_win_alert li { padding: 8px 0; } .new_win_alert li label { padding: 0; font: inherit; } .new_win_alert li strong { display: inline-block; padding-right: 10px; font: 14px/100% Verdana, Arial, Helvetica, sans-serif; color: #000; } .new_win_alert li span { display: inline-block; padding-right: 8px; color: #666; } .new_win_alert li span.price { font-family: Verdana; color: #c70000; } .new_win_alert.alert_v_code .win_tips i{display: none;} .new_win_alert.alert_v_code .win_tips input{flex: 1;padding: 0 10px;border: 1px #c7c7c7 solid;width: 100%;min-height: 32px;margin-right: 5px;} /*clock_alert*/ .clock_alert {display: none; position: fixed; top: 25%; left: 0; z-index: 100000; max-width: 360px; overflow: hidden; padding: 18px 50px; line-height: 24px; color: #fff; cursor: default; background-color: rgba(0, 0, 0, .8); border-radius: 5px;} .clock_alert .clock_alert_box {display: flex;} .clock_alert .clock_alert_box .icon_success_status {position: inherit; width: 24px; height: 24px; background-size: 24px; margin-right: 15px;} .clock_alert .clock_alert_box .icon_success_status.await {background-position: 0 -29px;} .clock_alert .clock_alert_box .icon_success_status.fail {background-position: 0 bottom;} .clock_alert .clock_alert_box .clock_alert_content {flex: 1;} .alert_choose .choose_content h2{line-height: 32px;font-size: 20px;padding-bottom: 10px;margin-bottom: 5px;border-bottom: 1px solid #e5e5e5;} .alert_choose .choose_content h3{display: block;line-height: 34px;font-size: 16px;} .alert_choose .payment_list .item{ padding:20px 0; border-top:1px solid #f0f0f0; position:relative; cursor:pointer;} .alert_choose .payment_list .item:nth-child(2){ border-top:0;} .alert_choose .payment_list .item .item_info input{display: inline-block;width: 16px;height: 16px;vertical-align: middle;} .alert_choose .payment_list .item .item_info .pic_box{display: inline-block;height: 30px;margin-left: 20px; vertical-align: middle;} .alert_choose .payment_list .item .item_info .img_table .img_box{ display:table-cell; vertical-align:middle;} .alert_choose .payment_list .item .item_info .img_table .img_box img{max-width: 100px;height: 24px; margin:5px;} .alert_choose .payment_list .item .item_info span{display: inline-block;line-height: 30px;font-size: 14px;margin-left: 15px;vertical-align: middle;} .alert_choose .footRegion .choose_price span{font-size: 28px;} .alert_choose.shipping_cost .payment_list .item{margin-top: 0;} .alert_choose.shipping_cost .payment_list .item span{height: 30px;line-height: 30px;} /*pic_box*/ .pic_box{text-align: center;} .pic_box span{vertical-align:middle; height:100%; display:inline-block;} .pic_box img{vertical-align:middle;} #go_top{ display:block; height:24px; line-height:24px; color:#fff; text-align:center; font-size:14px;} #go_top:hover{ text-decoration:none;} #chat_window{position:fixed; right:30px; bottom:90px; z-index:10000;} body:has(#mobile_footer_nav_box) #chat_window{bottom: 140px;} #chat_window .chat_box.cur .box{ height: auto; overflow: unset; } #chat_window .chat_box.cur .box .more{ display:none; } #chat_window .chat_box .box{ margin-bottom: 6px; width: 100%; height: 50px; overflow: hidden; } #chat_window .chat_box .chat_item::before { position: absolute; top: 50%; left: 50%; font-size: 36px; color: #fff; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } #chat_window .chat_box .chat_facebookmessenger { background-color: #1877f2; } #chat_window .chat_box .icon-tool_facebookmessenger1::before { content: "\e801"; bottom: 0; border-radius: 50px; font-size: 50px; } #chat_window .chat_box .more_box a{position: relative;display: block;min-width: 80px;height: 30px;line-height: 30px;padding: 0px 17px;font-size: 14px;color: #333;white-space: nowrap;} #chat_window .chat_box .more_box a:hover{background: #effaf7;text-decoration: none;} #chat_window .chat_box .more_box .relimg img{padding: 2px;border:1px solid #effaf7;border-radius: 2px;background: #fff;} #chat_window .chat_box .more_box .facebook_item { width: 147px; box-sizing: border-box; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; margin: 10px; text-align: center; } #chat_window .chat_box .more_box .facebook_item .facebook_name { font-family: "Microsoft YaHei"; padding: 0; text-align: center; font-size: 12px; color: #333; line-height: 30px; } #chat_window .chat_box .menu a{width: 60px;height: 60px;display: block;border-radius: 100%;margin-bottom: 6px;background: #07bb8a url("assets/icon-chat-menu.2e2e1b6f7cf837c4.png") no-repeat 0 0;background-size: 60px auto;} #chat_window .chat_box .menu #go_top{display: none;} #chat_window .chat_box .menu .top{background-position: 0 -60px; background-color:#b0b0b0;} #chat_window .chat_box .box .more {width: 60px;height: 60px;display: block;border-radius: 100%;margin-bottom: 6px;background: #07bb8a url("assets/icon-chat-menu.2e2e1b6f7cf837c4.png") no-repeat 0 0;} @media screen and (max-width: 1000px){ #chat_window .chat_box .box{ height: 40px; } #chat_window .chat_box .box .more{ width: 40px; height: 40px; background-position: center -4px; } #chat_window{ right: 15px; } #chat_window .chat_box .chat_item::before { font-size: 26px; } #chat_window .chat_box .menu a{ width: 40px; height: 40px; background-size: 40px auto;} #chat_window .chat_box .menu #go_top{ background-position: center -40px; }} #float_message .message_title i{ position: absolute; top: 50%; right: 13px; transform: translateY(-50%); font-size: 12px; } #float_message .message_box .message_form .global_inquiry_form .field_box::-webkit-scrollbar {width: 5px; background: #fff;border-radius: 5px;} #float_message .message_box .message_form .global_inquiry_form .field_box::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.1);border-radius: 5px;} #float_message .message_box .message_form .global_inquiry_form .field_box::-webkit-scrollbar-thumb:hover {background: rgba(0, 0, 0, 0.3);} #float_message .message_box .message_form .global_inquiry_form .inquiry_submit { margin-top: 10px; display: block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; } #float_message .message_box .message_form .global_inquiry_form .field_column_box .global_select_box .input_case { border-right: 0; } #float_message .message_box .message_form .global_inquiry_form .input_txt, #float_message .message_box .message_form .global_inquiry_form .textarea_txt, #float_message .message_box .message_form .global_inquiry_form .form_tool_img_box, #float_message .message_box .message_form .global_inquiry_form .form_tool_file_box, #float_message .message_box .message_form .global_inquiry_form .field_checked_box, #float_message .message_box .message_form .global_inquiry_form .global_select_box .input_case { border: 1px solid #ddd; } #float_message .message_box .message_form .global_inquiry_form .global_country_box .country_drop { min-width: 255px; } @media screen and (max-width: 1000px) { #float_message .message_box .message_form .global_inquiry_form .global_country_box .country_drop { min-width: 221px; }} /*隐藏头部只有一种货币效果*/ .crossn li .crossn_currency_none dt,#header .toper li .crossn_currency_none dt{ background:none !important; padding-right:0 !important;} .crossn li:hover .crossn_currency_none dt,#header .toper li:hover .crossn_currency_none dt{ border:1px solid transparent !important; position:static !important; border-radius:0 !important;} .crossn li:hover .crossn_currency_none dd,#header .toper li:hover .crossn_currency_none dd,#toper li:hover .crossn_currency_none dd{ display:none !important;} #fixed_right .global_container { margin-top: 10px; padding: 20px; font-size: 14px; background-color: #fff; border-radius: 5px; } #fixed_right .top_title{min-height: 35px;line-height: 35px;font-size: 20px; color: #1f2227;margin-bottom: 15px;} #fixed_right .top_title .close{position: relative;display: inline-block;margin-left: 12px;margin-top: -3px;width: 32px;height: 32px;vertical-align: middle;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius: 15.5px;} #fixed_right .top_title .close:before{position: absolute;content: '';width: 28px;height: 2px;top: 15px;left: 2px;background: #bbb;} #fixed_right .top_title .close:after{position: absolute;content: '';width: 2px;height: 28px;top: 2px;left: 15px;background: #bbb;} #fixed_right .top_menu li{ float:left; height:26px; margin-right:10px; font-size:14px;} #fixed_right .top_menu li a{ display:inline-block;} #fixed_right .global_container::-webkit-scrollbar {width: 5px; background: #fff;border-radius: 5px;} #fixed_right .global_container::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.1);border-radius: 5px;} #fixed_right .global_container::-webkit-scrollbar-thumb:hover {background: rgba(0, 0, 0, 0.3);} @media screen and (max-width: 1000px) { #fixed_right .top_title .close{ float: right; }} #mobile_footer_nav_box .mobile_footer_nav_Wrapper .m_nav_item .m_nav_item_icon i{font-size: 22px;} #mobile_footer_nav_box .mobile_footer_nav_Wrapper .m_nav_item .m_nav_item_name a{line-height: 19px;} /* 移动端底部导航 end */ .fixed_search_pop, .fixed_nav_pop_center, .fixed_nav_pop_sub_center{ display: none; } .fixed_nav_pop_sub_center a{ text-decoration: none; } .visual_plugins_container[data-type="carousel"] a{ color: inherit; } #mobile_header{ display: none; } @media screen and (max-width: 1000px) { #mobile_header{ display: block; } .visual_plugins_container[data-type="header"][data-mobile-nav="1"] .themes_global_header{ display: none !important; } #mobile_header .mobile_box{ padding: 18px 16px; box-sizing: border-box; display: block; width: 100%; } #mobile_header .menu_box { display: flex; align-items: center; justify-content: space-between; } #mobile_header .menu_box .logo{ padding: 0; max-width: 200px; order: 0; } #mobile_header .menu_box .btn_menu{ display: flex; align-items: center; justify-content: center; gap: 20px; line-height: 1; } #mobile_header .menu_box .btn_menu i{ font-size: 26px; } #mobile_header .menu_box .btn_menu a{ text-decoration: none; } #mobile_header .menu_box .btn_menu a.ajax_cart i{ font-size: 24px; } .nav_center_fixed{ opacity: 0; visibility: hidden; right: -200%; display: block; width: 88%; padding: 0 20px; height: 100%; position: fixed; top: 0; background-color: #fff; z-index: 10001; box-sizing: border-box; z-index: 10001; font-size: 0; } .nav_center_fixed .account_box, .nav_center_fixed .box_center{ font-size: 14px; } .nav_center_fixed a{ text-decoration: none; } .fixed_nav_pop_center .back{ display: none; } .fixed_nav_pop_center .box_center .menu_item{ border-bottom: 1px solid #e6e6e6; } .nav_center_fixed{ z-index: 10010; } .nav_center_fixed .box_top{ height: 62px; line-height: 62px; text-align: center ; position: relative;} .nav_center_fixed .box_top .logo{ width: 60%; height: 100%; box-sizing: border-box; padding: 5px 0; margin: 0 auto; } .nav_center_fixed .box_top .logo>*{ width: 100%; height: 100%; } .nav_center_fixed .box_top:before{ content: ''; width: calc( 100% + 40px ); height: 1px; background-color: #e6e6e6; position: absolute; left: -20px; bottom: 0; } .nav_center_fixed .box_top .close{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; color: #5a5a5a; } .nav_center_fixed .box_top .close i{ color: inherit; font-size: 15px; } .nav_center_fixed .box_top .back{ font-size: 14px; } .nav_center_fixed .box_top .back .back_icon{ font-size: 15px; } .nav_center_fixed .box_center{ padding-bottom: 20px; overflow-y: auto; overflow-x: hidden; width: 100%; height: calc( 100% - 65px - 48px ); box-sizing: border-box; } .nav_center_fixed .box_center::-webkit-scrollbar{ display: none; } .nav_center_fixed .box_center .menu_item { box-sizing: border-box; width: 100%; } .nav_center_fixed .box_center .menu_item .setItemHeight:not([style]){ max-height: 0; } .nav_center_fixed .box_center .menu_item .sub_box.menu_level_third .menu_title a { opacity: .7; } .nav_center_fixed .box_center .menu_item .sub_box .menu_title{ line-height: 1.4; } .nav_center_fixed .box_center .menu_item .sub_box .menu_title a{ display: inline-block; padding: 4px 0; } /* .nav_center_fixed .box_center .menu_item .sub_box.menu_level_third .menu_title:before{ content: ''; width: 1px; height: 6px; background-color: #bcbcbc; position: absolute; left: -14px; bottom: 13px; } .nav_center_fixed .box_center .menu_item .sub_box.menu_level_third .menu_title:after{ content:''; width: 8px; height: 1px; background-color: #bcbcbc; position: absolute; left: -14px; bottom: 12px; } */ .nav_center_fixed .box_center .menu_item .menu_title { width: 100%; line-height: 1.8; position: relative; padding-right: 40px; height: auto; box-sizing: border-box; } .nav_center_fixed .box_center .menu_item .menu_title a{ width: 100%; padding: 16px 0 ; display: inline-block; font-size: 14px; text-decoration: none; line-height: 18px; font-family: "Alexandria"; color: #000;;} .nav_center_fixed .box_center .menu_item .menu_title a .nav_icon{ margin-right: 5px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; } .nav_center_fixed .box_center .menu_item .menu_title a .nav_icon span{ display: inline-block; height: 100%; vertical-align: middle; } .nav_center_fixed .box_center .menu_item .menu_title .son_btn i{ display: inline-block; font-size: 12px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .nav_center_fixed .box_center .menu_item .menu_title .son_btn i:before{ transition: .4s; display: inline-block; transform: rotate(-90deg);; } .nav_center_fixed .box_center .language_box{ margin-top: 40px; } .nav_center_fixed .box_center .language_box .language_side{ position: relative; } .nav_center_fixed .box_center .language_box .language_side .language_title{ padding: 10px 12px; box-sizing: border-box; width: calc(100% - 1px); height: 40px; overflow: hidden; line-height: 18px; font-size: 14px; border: 1px solid #d9d9d9; position: relative; font-size: 14px; } .nav_center_fixed .box_center .language_box .language_side .language_title .lang_name{ width: 82%; overflow: hidden; } .nav_center_fixed .box_center .language_box .language_side .language_title>span{ display: inline-block; vertical-align: top; } .nav_center_fixed .box_center .language_box .language_side .language_title i{ display: inline-block; vertical-align: top; } .nav_center_fixed .box_center .language_box .language_side .language_title i.default_icon{ margin-right: 5px; } .nav_center_fixed .box_center .language_box .language_side .language_title i:not(.default_icon){ position: absolute; height: 100%; top: 0; right: 10px; font-size: 12px; line-height: 40px; } .nav_center_fixed .box_center .language_box .language_side .language_list{ z-index: 1; background-color: #fff; display: none; padding: 5px 20px 5px 12px; width: 100%; box-sizing: border-box; position: absolute; left: 0; border: 1px solid #d9d9d9; max-height: 205px; overflow-y: auto;; } .nav_center_fixed .box_center .language_box .language_side .language_list.top{ top: 100%; border-top: 0; } .nav_center_fixed .box_center .language_box .language_side .language_list::-webkit-scrollbar{ display: none; } .nav_center_fixed .box_center .language_box .language_side .language_list a{ display: block; line-height: 40px; font-size: 14px; color: #333333; } .nav_center_fixed .box_center .currency_box .currency_side .currency_title>span{ display: inline-block; vertical-align: middle; } .nav_center_fixed .box_center .currency_box .currency_side .currency_title i{ position: absolute; height: 100%; top: 0; right: 10px; font-size: 12px; } .nav_center_fixed .box_center .currency_box .currency_side .currency_title i:not(.default_icon){ position: absolute; height: 100%; top: 0; right: 10px; font-size: 12px; line-height: 40px; } .nav_center_fixed .box_center .currency_box .currency_side .currency_list a{ display: block; line-height: 40px; font-size: 14px; color: #333333; } .nav_center_fixed .sub_item_side.box_center .menu_item{ padding: 0 6px; } .nav_center_fixed .sub_item_side.box_center .menu_item .menu_title{ line-height: 35px; } .nav_center_fixed .sub_item_side.box_center .menu_item .menu_title a{ color: #6c6c6c; } .nav_center_fixed .box_center .menu_title.active>.son_btn i:before{ transform: rotate(0); } .nav_center_fixed .account_box{ border-top: 1px solid #e6e6e6; position: sticky; bottom: -1px; z-index: 10; background-color: #fff; padding-bottom: 0; } .nav_center_fixed .account_box .account_side{ line-height: 48px; position: relative; } .nav_center_fixed .account_box .account_side .drop_list{ max-height: 0; overflow: hidden; transition: max-height 0.2s linear; } .nav_center_fixed .account_box .account_side .account_title{ position: relative; } .nav_center_fixed .account_box .account_side.is .account_title i{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 12px; } .nav_center_fixed .account_box .account_side .account_title i{ margin-right: 12px; } .nav_center_fixed .account_box .account_side .account_title span{ font-size: 14px; } .nav_center_fixed .account_box .account_side .account_list a{ display: block; padding: 4px 0; line-height: 18px; width: 100%; height: 100%; } .nav_center_fixed .box_center .tool_inquiry_btn{ margin: 35px auto 0; display: block; box-sizing: border-box; line-height: 20px; text-align: center; } .nav_center_fixed .box_center .tool_inquiry_btn a{ color: inherit; } .fixed_nav_pop_sub_center .box_center .menu_item.menu_level_first>.menu_title{ border-bottom: 1px solid #e6e6e6; } .fixed_nav_pop_sub_center .back{ position: absolute; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .fixed_search_pop{ opacity: 0; visibility: hidden; right: -200%; display: block; width: 88%; padding: 0 15px; height: 100%; position: fixed; top: 0; background-color: #fff; box-sizing: border-box; z-index: 10010; font-size: 0; } .fixed_search_pop .search_top{ padding: 19px 0; position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .fixed_search_pop .search_top .close_btn{ width: 27px; height: 40px; position: relative; } .fixed_search_pop .search_top .close_btn i{ font-size: 12px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .fixed_search_pop .search_top .form{ width: calc( 100% - 27px );; height: 40px; line-height: 40px; position: relative; } .fixed_search_pop .search_top .form .text{ padding: 0 60px 0 10px; box-sizing: border-box; width: 100%; height: 100%; background-color: #efefef; border-radius: 5px; font-style: italic; font-size: 14px; color: #787878; } .fixed_search_pop .search_top .form .button{ width: 40px; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background-color: transparent; } .fixed_search_pop .search_top .form .button i{ position: absolute; top: 50%; left: 38%; transform: translate(-50%, -50%); } .fixed_search_pop .search_cont{ font-size: 12px; font-family: 'Opensans'; } .fixed_search_pop .search_cont .cont_box .search_list .search_item a{ line-height: 20px; font-size: 0; color: #333333; display: flex; flex-wrap: wrap; text-decoration: none; } .fixed_search_pop .search_cont .cont_box .search_list .search_item a i{ margin-right: 10px; color: initial; } .fixed_search_pop .search_cont .cont_box .search_list .search_item a span{ width: calc( 100% - 34px ); text-overflow: ellipsis; display: -webkit-box!important; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .fixed_search_pop .search_cont .cont_box .search_list .search_item a i, .fixed_search_pop .search_cont .cont_box .search_list .search_item a span{ font-size: 14px; display: inline-block; vertical-align: middle; } .fixed_search_pop .search_cont .hot_box .search_list .search_item a i{ transform: rotate(-45deg); } html[lang="ar"] .nav_center_fixed .box_center .language_box .language_side .language_title i:not(.default_icon){ right: unset; left: 10px; }} .themes_pdetial_description .download_list_box .download_item .info_box{ display: flex; align-items: center; justify-content: left; flex-wrap: wrap; flex: 1; } .themes_pdetial_description .download_list_box .download_item .info_box .info{ width: calc( 100% - 98px ); } .themes_pdetial_description .download_list_box .download_item .info_box .pic_box{ margin-right: 16px; height: 68px; width: 68px; position: relative; } .themes_pdetial_description .download_list_box .download_item .info_box .pic_box img{ position: absolute; } .themes_pdetial_description .download_list_box .download_item .btn a{ border-radius: 100%!important; border-width: 1px; border-style: solid; display: flex; vertical-align: middle; text-decoration: none; border-radius: 5px; position: relative; width: 33px; height: 33px; box-sizing: border-box; box-sizing: border-box; font-size: 14px; text-transform: uppercase; } .themes_pdetial_description .download_list_box .download_item .btn a i{ position: absolute; font-weight: bold; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px; } .themes_pdetial_description .download_list_box .download_item .btn a.download_file_view i{ font-weight: normal; font-size: 14px; } .themes_pdetial_description .download_list_box .box .list_box .list{ margin-bottom: 20px; display: grid; gap: 20px;} .themes_pdetial_description .download_list_box .download_item i{ font-style: normal; } html[lang="ar"] .themes_pdetial_description .download_list_box .download_item .info_box .pic_box{ margin-right: 0; margin-left: 16px; } @media screen and (max-width: 1000px) { .themes_pdetial_description .download_list_box .download_item .info_box .pic_box{ margin-right: 8px; width: 50px; height: 50px; } .themes_pdetial_description .download_list_box .download_item .info_box .info{ padding-right: 10px; width: calc( 100% - 58px ); box-sizing: border-box; } .themes_pdetial_description .download_list_box .download_item .btn a{ width: 30px; height: 30px; font-size: 12px; border-width: 1px; } .themes_pdetial_description .download_list_box .download_item .btn a i{ font-size: 14px; } .themes_pdetial_description .download_list_box .download_item .btn a.download_file_view i{ font-size: 12px; } html[lang="ar"] .themes_pdetial_description .download_list_box .download_item .info_box .pic_box{ margin-right: 0; margin-left: 8px; }} @media screen and (min-width: 1000px) { /* 自动播放 隐藏进度条 */ video[autoplay]::-webkit-media-controls-timeline, video[autoplay]::-webkit-media-controls-progress-bar { display: none !important; } video[autoplay]::-moz-range-progress, video[autoplay]::-moz-range-track { display: none !important; } video[autoplay]:hover::-webkit-media-controls-timeline, video[autoplay]:hover::-webkit-media-controls-progress-bar { display: block !important; } video[autoplay]:hover::-moz-range-progress, video[autoplay]:hover::-moz-range-track { display: block !important; }} @font-face { font-family: "iconfont"; /* Project id 3745766 */ src: url("assets/iconfont.3f1d728edc09df9a.woff2") format('woff2'), url("assets/iconfont.36358e4452c850ec.woff") format('woff'), url("assets/iconfont.0b7effc33598b843.ttf") format('truetype'), url("assets/iconfont.7c36f9c8ac7ba88b.svg") format('svg'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-STP:before { content: "\e749"; } .icon-STEP:before { content: "\e746"; } .icon-shipinwenjian:before { content: "\e737"; } .icon-other:before { content: "\e74a"; } .icon-jpg:before { content: "\e748"; } .icon-qianjin:before { content: "\e697"; } .icon-shipin:before { content: "\e699"; } .icon-FileSearch01:before { content: "\e71f"; } .icon-douyin1:before { content: "\e696"; } .icon-weiboguanse:before { content: "\e695"; } .icon-xiaohongshu:before { content: "\e692"; } .icon-weibo-1:before { content: "\e693"; } .icon-gongzhonghao:before { content: "\e694"; } .icon-douyin:before { content: "\e691"; } .icon-a-teamsdanlogo:before { content: "\e690"; } .icon-setting01:before { content: "\e68f"; } .icon-date-1:before { content: "\e68e"; } .icon-a-jiantou1:before { content: "\e68d"; } .icon-line4:before { content: "\e68c"; } .icon-line3:before { content: "\e747"; } .icon-blog-1:before { content: "\e66a"; } .icon-case-1:before { content: "\e66b"; } .icon-certificates-1:before { content: "\e66c"; } .icon-blog-2:before { content: "\e66d"; } .icon-case-2:before { content: "\e671"; } .icon-download-1:before { content: "\e672"; } .icon-certificates-2:before { content: "\e673"; } .icon-home-1:before { content: "\e677"; } .icon-contact-1:before { content: "\e67f"; } .icon-contact-2:before { content: "\e680"; } .icon-download-2:before { content: "\e686"; } .icon-home-2:before { content: "\e687"; } .icon-products-2:before { content: "\e688"; } .icon-news-1:before { content: "\e689"; } .icon-products-1:before { content: "\e68a"; } .icon-news-2:before { content: "\e68b"; } .icon-a-discord2:before { content: "\e685"; } .icon-Line--official:before { content: "\e683"; } .icon-line2:before { content: "\e6c7"; } .icon-discord--official:before { content: "\e682"; } .icon-discord3:before { content: "\eb7a"; } .icon-discord2:before { content: "\e67b"; } .icon-Teams:before { content: "\e668"; } .icon-instagram--official:before { content: "\e669"; } .icon-inquiry2025:before { content: "\e665"; } .icon-Search2025:before { content: "\e670"; } .icon-Menu2025:before { content: "\e66e"; } .icon-Member2025:before { content: "\e664"; } .icon-discord1:before { content: "\eaa0"; } .icon-facebook--official:before { content: "\e674"; } .icon-linkedin--official:before { content: "\e675"; } .icon-youtube--official:before { content: "\e676"; } .icon-x--official:before { content: "\e679"; } .icon-tiktok--official:before { content: "\e67a"; } .icon-pinterest--official:before { content: "\e67c"; } .icon-vk--official:before { content: "\e67d"; } .icon-reddit--official:before { content: "\e67e"; } .icon-reddit1:before { content: "\e764"; } .icon-zhengshu-copy:before { content: "\e64c"; } .icon-shouye:before { content: "\e65f"; } .icon-anlifenxi:before { content: "\e660"; } .icon-news:before { content: "\e8ae"; } .icon-youjian:before { content: "\e661"; } .icon-chanpinguanli:before { content: "\e662"; } .icon-xiazai:before { content: "\e663"; } .icon-blogger-line:before { content: "\ea98"; } .icon-date1:before { content: "\e61b"; } .icon-wenjian:before { content: "\e65e"; } .icon-twitter3:before { content: "\e65c"; } .icon-twitter2:before { content: "\e65d"; } .icon-twitter1:before { content: "\e606"; } .icon-copy2:before { content: "\e65b"; } .icon-preview2:before { content: "\e657"; } .icon-down2:before { content: "\e658"; } .icon-delete3:before { content: "\e659"; } .icon-up2:before { content: "\e65a"; } .icon-line-copy:before { content: "\e714"; } .icon-yulantubiaosvg:before { content: "\e656"; } .icon-xiazaitubiaosvg:before { content: "\e655"; } .icon-filter1:before { content: "\e712"; } .icon-tumblr:before { content: "\e849"; } .icon-line1:before { content: "\e6fb"; } .icon-24gl-telephone:before { content: "\e953"; } .icon-tianjiawenjian:before { content: "\e654"; } .icon-ppt1:before { content: "\e6c9"; } .icon-csv:before { content: "\e6d2"; } .icon-excel1:before { content: "\e6d4"; } .icon-txt1:before { content: "\e6d5"; } .icon-pdf1:before { content: "\e6d6"; } .icon-word1:before { content: "\e6d7"; } .icon-a-32yasuowenjian:before { content: "\e6e4"; } .icon-a-whatsapp1:before { content: "\e653"; } .icon-a-telegram-planexiugaiban:before { content: "\e607"; } .icon-download1:before { content: "\e651"; } .icon-arrow10:before { content: "\e605"; } .icon-inquiry3:before { content: "\e70d"; } .icon-language1:before { content: "\e70c"; } .icon-language2:before { content: "\e70a"; } .icon-inquiry2:before { content: "\e70b"; } .icon-tell1:before { content: "\e709"; } .icon-address1:before { content: "\e704"; } .icon-tool_email2:before { content: "\e705"; } .icon-member7:before { content: "\e706"; } .icon-play1:before { content: "\e708"; } .icon-search1:before { content: "\e601"; } .icon-search2:before { content: "\e602"; } .icon-search3:before { content: "\e603"; } .icon-search4:before { content: "\e604"; } .icon-search5:before { content: "\e608"; } .icon-shoppingcart1:before { content: "\e609"; } .icon-shoppingcart2:before { content: "\e60a"; } .icon-shoppingcart3:before { content: "\e60b"; } .icon-shoppingcart4:before { content: "\e60d"; } .icon-shoppingcart5:before { content: "\e60e"; } .icon-member1:before { content: "\e60f"; } .icon-member2:before { content: "\e610"; } .icon-member3:before { content: "\e611"; } .icon-member4:before { content: "\e612"; } .icon-member5:before { content: "\e613"; } .icon-home1:before { content: "\e615"; } .icon-facebook1:before { content: "\e801"; } .icon-youtube1:before { content: "\e87c"; } .icon-linkedin1:before { content: "\e666"; } .icon-google1:before { content: "\e87a"; } .icon-pinterest1:before { content: "\e614"; } .icon-instagram1:before { content: "\e736"; } .icon-vk1:before { content: "\e932"; } .icon-linkedin2:before { content: "\e698"; } .icon-vk2:before { content: "\e923"; } .icon-google2:before { content: "\e886"; } .icon-pinterest2:before { content: "\f211"; } .icon-facebook2:before { content: "\e64e"; } .icon-instagram2:before { content: "\e684"; } .icon-youtube2:before { content: "\e616"; } .icon-facebook3:before { content: "\e61a"; } .icon-youtube3:before { content: "\e61c"; } .icon-pinterest3:before { content: "\e61d"; } .icon-instagram3:before { content: "\e61e"; } .icon-linkedin3:before { content: "\e61f"; } .icon-google3:before { content: "\e620"; } .icon-vk3:before { content: "\e621"; } .icon-tiktok1:before { content: "\e8db"; } .icon-tiktok2:before { content: "\e622"; } .icon-tiktok3:before { content: "\e623"; } .icon-arrow1:before { content: "\e6bd"; } .icon-mb_menu1:before { content: "\e624"; } .icon-mb_menu2:before { content: "\e625"; } .icon-mb_add1:before { content: "\e600"; } .icon-mb_add2:before { content: "\e617"; } .icon-mb_add3:before { content: "\e64d"; } .icon-mb_cut3:before { content: "\e626"; } .icon-mb_cut2:before { content: "\e627"; } .icon-mb_cut1:before { content: "\e628"; } .icon-arrow2:before { content: "\e62b"; } .icon-favorite1:before { content: "\e629"; } .icon-favorite3:before { content: "\e62a"; } .icon-favorite4:before { content: "\e62c"; } .icon-favorite2:before { content: "\e62d"; } .icon-mb_add4:before { content: "\e62e"; } .icon-mb_cut4:before { content: "\e62f"; } .icon-newsletter1:before { content: "\e630"; } .icon-close1:before { content: "\e631"; } .icon-view1:before { content: "\e618"; } .icon-star1:before { content: "\e632"; } .icon-view2:before { content: "\e6a7"; } .icon-gift1:before { content: "\e633"; } .icon-arrow3:before { content: "\e761"; } .icon-newsletter2:before { content: "\e681"; } .icon-arrow4:before { content: "\e634"; } .icon-newsletter3:before { content: "\e678"; } .icon-newsletter4:before { content: "\e652"; } .icon-tool_email1:before { content: "\e635"; } .icon-tool_wechat1:before { content: "\e707"; } .icon-tool_whatsapp1:before { content: "\e97b"; } .icon-tool_skype1:before { content: "\ec02"; } .icon-tool_qq1:before { content: "\e667"; } .icon-tool_trademanager1:before { content: "\e79f"; } .icon-tool_arrow1:before { content: "\e636"; } .icon-tool_facebookmessenger1:before { content: "\e725"; } .icon-newsletter5:before { content: "\e619"; } .icon-question1:before { content: "\e637"; } .icon-Tips1:before { content: "\e710"; } .icon-camera1:before { content: "\e66f"; } .icon-delete1:before { content: "\e638"; } .icon-order_review1:before { content: "\e60c"; } .icon-order_shipped1:before { content: "\e639"; } .icon-coupon1:before { content: "\e63a"; } .icon-order_payment1:before { content: "\e63b"; } .icon-arrow5:before { content: "\e63c"; } .icon-dollar1:before { content: "\e63d"; } .icon-delete2:before { content: "\e63e"; } .icon-password1:before { content: "\e63f"; } .icon-send1:before { content: "\e640"; } .icon-arrow6:before { content: "\e641"; } .icon-map1:before { content: "\e642"; } .icon-arrow7:before { content: "\e643"; } .icon-chat1:before { content: "\e644"; } .icon-arrow8:before { content: "\e645"; } .icon-order_shipped2:before { content: "\e648"; } .icon-order_shipped3:before { content: "\e649"; } .icon-picture1:before { content: "\e64a"; } .icon-order_tips2:before { content: "\e64b"; } .icon-order_dollar2:before { content: "\e64f"; } .icon-order_payment2:before { content: "\e650"; } .icon-order_cancel:before { content: "\e646"; } .icon-favorite6:before { content: "\e6af"; } .icon-favorite5:before { content: "\e6b0"; } .icon-shoppingcart6:before { content: "\e6c0"; } .icon-yunshu:before { content: "\e6c1"; } .icon-shanchu:before { content: "\e6c2"; } .icon-facebook4:before { content: "\e6d8"; } .icon-VK4:before { content: "\e6d9"; } .icon-Google4:before { content: "\e6da"; } .icon-paypal1:before { content: "\e6db"; } .icon-tick1:before { content: "\e647"; } .icon-shoppingcart7:before { content: "\e6dc"; } .icon-arrow9:before { content: "\e6dd"; } .icon-member6:before { content: "\e6de"; } .icon-search6:before { content: "\e6df"; } .icon-return1:before { content: "\e6e0"; } .icon-freedelivery1:before { content: "\e6e1"; } .icon-securepayment1:before { content: "\e6e2"; } .icon-service2:before { content: "\e6e3"; } .icon-inquiry1:before { content: "\e6fc"; } /* Powered by ueeshop.com http://www.ueeshop.com 广州联雅网络科技有限公司 020-83226791 */ :root { --CheckoutMainColor: #1875b4; --CheckoutMainLightColor: #74acd2; } /*************************** 全局 start ***************************/ html{font-family:Arial;} body{font-size:12px;margin: auto;word-wrap: break-word;} img{max-height:100%; max-width:100%;} .wide{width:1440px; margin:0 auto;} .show:not(.operation_activities){display:block;} .headerFixed{ z-index: 100!important; } .w_1200 .sitemap_box dl{width:210px;} img{transition: opacity .6s;} body .header_abs .headerFixed{width: 100%; position: absolute;left: 0;top: 0;z-index: 1;} body .header_fixed .headerFixed{width: 100%; position: fixed;left: 0;top: 0;z-index: 1;transition:all 0.3s;} body .header_content_height{display: none;} body .header_content_show .header_content_height{display: block; height: 100px;} body .header_background .headerFixed,body .header_content_show .header_content_height{background-color: var(--ThemesHeaderBgColor);} .logo_img img.lazyload { background-color: #E5E5E5; } img.lazyloading,.img.img_loading{ font-size: 0;} .visual_plugins_container[data-type="footer"] .copy a{color: inherit;} @media(max-width: 1000px){ body .header_content_show .header_content_height{height: 70px;}} /** new **/ .visual_plugins_container{position: relative;} .visual_plugins_container .compute_process_img > a[href="javascript:;"] { cursor: default; } @media screen and (min-width: 1000px) { *[img-hover-method=normal] img{ -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } *[img-hover-method=normal] img:hover{ transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); }} @media (max-width: 1480px) { .wide{width: auto;padding-left: 20px;padding-right: 20px;box-sizing: border-box;}} @media (max-width: 1000px) { .wide{width:98%; min-width:inherit;}} @media screen and (min-width: 1000px){ #top_bar_outer, #header, #nav_outer, #service_outer, #footer_outer{min-width:980px;}} @media(max-width:1000px){ .follow_us_list li>a:focus, .follow_us_list li>a:hover{transform:none; -webkit-transform:none;}} .video_con .video_con_in .close_btn{ position: absolute; right: -12px; top: -12px; display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; background: #fff; text-align: center; border-radius: 50%;} .video_con .video_con_in .close_btn i{font-size: 12px;} /*搜索下拉*/ .ajax_search{position: relative;z-index: 1002;} .ajax_search .search_content_box .pic img{opacity: 1;} @media (max-width: 768px) { .ajax_search{z-index: auto;} .search_side .menu_list .search_content_box {overflow: hidden;} .search_side .menu_list .search_content_box .search_item .pic img{opacity: 1;}} #location,#location a{font-size: 12px;} /*Cookies协议*/ #cookies_agreement { background-color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 20px; position: fixed; bottom: 20px; left: 20px; z-index: 100001; box-shadow: 0 0 5px rgba(0,0,0,.3); transition: opacity 300ms ease-in-out; display: flex; flex-wrap: wrap; opacity: 1; max-width: 374px; width: 94%; justify-content: space-between; box-sizing: border-box; margin: auto;} #cookies_agreement .content { line-height: 26px; color: #333; width: 100%; font-size: 16px;} #cookies_agreement .content a{ color: inherit; } #cookies_agreement .button { display: block; background-color: #2e2e2e; line-height: 20px; margin-top: 15px; padding: 10px; font-size: 14px; color: #fff; cursor: pointer; width: 48%;} #cookies_agreement .button.reject {background-color: #fff;color: #2e2e2e;border: 1px solid #2e2e2e;float: left;} #cookies_agreement.center>a{ text-decoration: underline; } #cookies_agreement>font .button{ width: 100%; } @media screen and (min-width: 1000px) { #cookies_agreement.bottom .content{ flex: 1; margin-right: 20px;} #cookies_agreement.bottom .button{ width: auto;padding: 10px 60px; margin-left: 20px;margin-top: 0;} #cookies_agreement.center .content{ margin-bottom: 30px; font-size: 20px; line-height: 32px; } #cookies_agreement.center .button{ font-size: 16px; line-height: 22px; border-radius: 4px; }} @media screen and (max-width: 1000px) { #cookies_agreement.bottom .content{ width: 100%;flex: none; } #cookies_agreement.bottom .button{ margin-top: 15px; }} #real_time_order .pro_image>a{display:block; width:inherit; height:inherit;} #real_time_order .pro_image>a>img{max-width:100%; max-height:100%;opacity: 1;} #real_time_order .content{width:270px; line-height:18px; margin-right:22px; margin-left:11px; padding-top:4px; float:left;} #real_time_order .content .title{height:36px; overflow:hidden; margin-top:1px; font-size:13px; font-weight:800;} #real_time_order .content .close{width:12px; height:12px; overflow:hidden; background:url("assets/icon-shopping-close.4463232f23e3753a.png") no-repeat center/100%; position:absolute; top:10px; right:10px; text-indent:99px;} @media screen and (max-width: 750px){ #real_time_order .pro_image>a{display:block; width:inherit; height:inherit;} #real_time_order .pro_image>a>img{max-width:100%; max-height:100%;} #real_time_order .content{width:205px; line-height:18px; margin-right:22px; margin-left:12px; float:left;} #real_time_order .content .title{height:36px; overflow:hidden; margin-top:1px; font-size:13px; font-weight:800;} #real_time_order .content .close{width:12px; height:12px; overflow:hidden; background:url("assets/icon-shopping-close.4463232f23e3753a.png") no-repeat center/100%; position:absolute; top:10px; right:10px; text-indent:99px;}} @media screen and (max-width: 375px){ #real_time_order { left: 20px; transform: translateX(0); } #real_time_order .content{ width: calc( 100% - 75px - 34px ); }} #turn_page .pagination li{min-width: 24px; padding: 0 5px; height: 24px; line-height: 24px; font-size: 14px; border-radius: 50%; box-sizing: border-box; background: transparent;} #turn_page .pagination li a{text-decoration: none;} #turn_page .pagination li:hover, #turn_page .pagination li.active{background: #333;} #turn_page .pagination li:hover a, #turn_page .pagination li.active a{color: #fff;} #turn_page .pagination li.disabled:hover a{color: #333;} #turn_page .go_to_page input{width: 60px; height: 35px; line-height: 35px; border: 1px solid #333; border-radius: 5px; font-family: 'Opensans-Regular'; font-size: 14px; color: #333; padding: 0 15px; box-sizing: border-box; margin-right: 15px;} #turn_page .go_to_page button{min-width: 50px; height: 35px; font-size: 14px; color: #333; font-family: 'Opensans-Regular'; border-radius: 5px; text-align: center; border: 1px solid #333; padding: 0 10px; height: 35px; box-sizing: border-box; background: #fff;} #loading {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: transparent; transition: all .3s ease-in-out; z-index: 99;} #loading .loading_box {position: absolute; display: block; width: 12rem; height: 12rem; line-height: 12rem; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; background: rgba(0,0,0,.8); border-radius: 10px;} #loading .loading_box .loading {background-color: transparent;} .review_star span{display: inline-block; vertical-align: middle; position: relative;} .review_star_s span{font-size: 12px;margin-right: 3px;} .review_star_m span{font-size: 14px;margin-right: 5px;} .review_star_l span{font-size: 16px;margin-right: 5px;} .review_star_xl span{font-size: 21px;margin-right: 8px;} .follow_us_list li{width:40px; margin-right:10px; display:inline-block;} .follow_us_list li>a{width:inherit; height:40px; display:block; line-height:40px; white-space:nowrap; text-indent:-999px; overflow:hidden; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;position: relative;} .follow_us_list li>a>i{position: absolute;top: 0;left: 0;text-indent: 0;font-size: 32px;} .follow_us_list li>a:focus, .follow_us_list li>a:hover{transform:translateY(-4px); -webkit-transform:translateY(-4px);} .follow_us_list.offical_follow_icon li>a{margin-bottom: 10px;} /*产品详细弹出框*/ #shopbox {width: auto; margin-left: -29pc; overflow: hidden; background: transparent; position: fixed; top: 0;bottom: 0; margin-top: auto; margin-bottom: auto; left: 50%; z-index: 99999;} #shopbox .shopbox_close {position: absolute; right: 17px; top: 16px; width: 14px; height: 14px; overflow: hidden; cursor: pointer; background: url("assets/icon.b7c95a46442c6074.png") no-repeat center/100%; border: 0;} #shopbox .shopbox_close>span {display: none;} #shopbox .shopbox_wrap {width: 980px; overflow: hidden;} #shopbox .shopbox_skin {width:auto; height:auto; padding:0; background:url("assets/loading-oth.b26dbcf8d64b3be2.gif") no-repeat center center #fff; border-radius:2px; -webkit-border-radius:2px; box-shadow:0 10px 25px rgba(0,0,0,.5); -ms-box-shadow:0 10px 25px rgba(0,0,0,.5); -o-box-shadow:0 10px 25px rgba(0,0,0,.5); -webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);} #shopbox .shopbox_inner {height: 628px;} #shopbox .shopbox_frame {display: block; width: 100%; height: 100%;} #shopbox[data-type=wide] {margin-left: -37.5pc} #shopbox[data-type=wide] .shopbox_wrap {width: 1200px;} #shopbox[data-type=wide] .shopbox_inner {height: 720px;} .window_cover {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; background: rgba(13,22,35,.7); transition: all .3s ease-in-out;} .window_popup {max-width: 100%; padding: 2.5rem 1rem 2rem; box-sizing: border-box; z-index: 11000; background-color: #fff;} .window_popup_bottom {position: fixed; bottom: 0; width: 100%; max-height: 50rem; overflow-y: scroll; padding-top: 5rem; padding-bottom: 2rem; transform: translateY(100%); transition: all .3s linear;} .window_popup_bottom_show {bottom: 0; transform: translateY(0); transition: all .3s linear;} .window_popup_close {position: absolute; top: .8rem; right: 1rem; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; font-size: .9rem; color: #0b0b0b; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #fff;} .window_popup_close::before {content: "\e631";} #product_detail_quick_view {height: calc(100% - 10rem); padding: 2.5rem 1rem 0; max-height: unset; overflow: hidden;} #product_detail_quick_view .window_popup_wrap {height: 100%;} #product_detail_quick_view .prod_info_form {height: 100%; overflow-y: hidden; flex-wrap: nowrap; flex-direction: column;} #product_detail_quick_view .product_detail_header {display: flex; margin-bottom: .5rem; justify-content: flex-start; align-items: flex-start;} #product_detail_quick_view .product_detail_image {width: 6.5rem; height: 6.5rem; background-color: #f5f5f5;} #product_detail_quick_view .product_detail_image .product_detail_image_item {display: none; position: relative; width: 6.5rem; height: 6.5rem; text-align: center;} #product_detail_quick_view .product_detail_image .product_detail_image_item>a {position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;} #product_detail_quick_view .product_detail_image .product_detail_image_item:first-child {display: inline-block;} #product_detail_quick_view .product_detail_info {width: calc(100% - 6.5rem); min-height: 6.5rem; padding: 0 .9rem; background-color: #f5f5f5;} #product_detail_quick_view .product_detail_info .product_detail_name {line-height: 1.1rem; padding: .6rem 0;} #product_detail_quick_view .product_detail_info .themes_products_title {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} #product_detail_quick_view .product_detail_info .product_detail_price {line-height: 1.5rem; padding: .6rem 0;} #product_detail_quick_view .product_detail_info .product_detail_price .prod_info_currency {margin-right: .3125rem; padding-top: 0; padding-bottom: 0; vertical-align: top;} #product_detail_quick_view .product_detail_info .product_detail_price .themes_products_sales {font-size: .75rem;} #product_detail_quick_view .product_detail_content {position: relative; flex: 1; height: calc(100% - 7rem); padding-bottom: 2rem; overflow-y: scroll; overflow-x: hidden; box-sizing: border-box;} #go_top{display:block; height:24px; line-height:24px; color:#fff; text-align:center; font-size:14px;} #go_top:hover{text-decoration:none;} .chat_box{margin:0 auto;} .chat_box>a{display:block; text-decoration:none;} .chat_box>a>span{display:none;} .editor_txt *{font-family:inherit;}/*兼容子级span的字体被顶级字体所覆盖*/ .editor_txt h1, .editor_txt h2, .editor_txt h3, .editor_txt h4, .editor_txt h5, .editor_txt h6{font-weight:normal; line-height:1.2; margin:1em 0;} .editor_txt a {color: #0000EE;text-decoration: underline;} .editor_txt h1{font-size:2em;} .editor_txt h2{font-size:1.5em;} .editor_txt h3{font-size:1.17em;} .editor_txt li{list-style-type:inherit;} .editor_txt i, .editor_txt cite, .editor_txt em{font-style:italic;} .editor_txt span, .editor_txt strong{color:inherit; font-size:inherit; font-family:inherit;} .editor_txt ul{margin-block-start: 1em;padding-inline-start: 20px;} .editor_txt img{opacity:inherit;vertical-align: middle;} .editor_txt table:not([cellpadding]) td, .editor_txt table:not([cellpadding]) th { padding:.4rem } .editor_txt table:not([border="0"]):not([style*=border-width]) td, .editor_txt table:not([border="0"]):not([style*=border-width]) th { border-width: 1px } .editor_txt table:not([border="0"]):not([style*=border-style]) td, .editor_txt table:not([border="0"]):not([style*=border-style]) th { border-style: solid } .editor_txt table:not([border="0"]):not([style*=border-color]) td, .editor_txt table:not([border="0"]):not([style*=border-color]) th { border-color: #ccc } .editor_txt table td, .editor_txt table th {min-width: 2em; padding: .4em; } .editor_txt blockquote { font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; padding: 2px 8px 2px 20px; border-style: solid; border-color: #ccc; border-width: 0; border-left-width: 5px; } .editor_txt ol li {list-style: decimal;} .editor_txt .marker-yellow {background-color: #fdfd77;} .editor_txt .marker-pink {background-color: #fc7899;} .editor_txt .marker-green {background-color: #62f962;} .editor_txt .marker-blue {background-color: #72ccfd;} .editor_txt .pen-red {background-color:transparent; color:#e71313;} .editor_txt .pen-green {background-color:transparent; color:#128a00;} /*处理移动端表格滚动效果*/ .editor_txt .editor_table_wrap {width: 100%; overflow: hidden; overflow-x: auto; padding-bottom: 10px;} .editor_txt .editor_table_wrap::-webkit-scrollbar-track-piece {background-color: #aaa; border-left: 1px solid rgba(0, 0, 0,0); border-radius: 5px;} .editor_txt .editor_table_wrap::-webkit-scrollbar {width: 5px; height: 5px; border-radius: 5px;} .editor_txt .editor_table_wrap::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.7); background-clip: padding-box; border-radius: 5px; min-height: 28px;} .editor_txt .editor_table_wrap::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, 0.5); border-radius: 5px;} /*防止百度地图的图片被弄乱没有效果*/ #dituContent img{max-width:inherit; max-height:inherit;} .agreement_outer .agreement_content .title{width:100%; height:50px; line-height:50px; margin:0 auto; padding-bottom:30px; text-align:center; font-size:30px; font-weight:600;} .info_list li{height:30px; line-height:30px; overflow:hidden; padding:0 6px; border-bottom:1px #ececec dashed;} .prod_price em{display: inline-block;line-height: 19px;margin-right: 3px;} .prod_price input{display:inline-block; width:32px; height:19px; line-height:19px; border:0; color:#555;font-size: 12px; background:#fff; outline:0;} .share_toolbox li{width:30px; margin-right:20px; display:inline-block; vertical-align:top;} .share_toolbox li a{width:inherit; height:30px; display:block; line-height:30px; white-space:nowrap; text-indent:-999px; overflow:hidden; background-image:url("assets/icon-follow-detail-cur.1e7ddbb7a190f9b0.png"); background-repeat:no-repeat; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;background-size: 30px auto;} .share_toolbox li a:hover{background-image:url("assets/icon-follow-detail.76418c6f356f98ce.png");} .share_toolbox .share_hover a{height: 32px;line-height: 32px;font-size: 14px;width: auto;display: block;text-indent: 37px;text-align: left;text-transform: capitalize;background-size: 32px auto;color: #555;padding-right: 10px;} @media (max-width:768px){ .share_toolbox li{width: 20px;margin-right: 10px;} .share_toolbox li a{height: 20px;line-height: 20px;background-size:20px auto;} .share_toolbox li a:hover{background-size: 20px auto;}} #error_page .wide{ width: 100%; max-width: 100%; } #error_page .error_page_logo img{max-height: 130px;} #error_page .error_nav>a{display: inline-block;margin:0 30px; padding: 0 50px; font-size:16px;height: 38px; line-height: 38px;border: 1px solid #2c61dd;border-radius: 100px;cursor: pointer;} #error_page a{ text-decoration: none; } /*屏蔽临时域名*/ .blank_temp_hostname .inner {width:100vw; text-align:center; box-sizing:border-box; background:#fff;} .blank_temp_hostname .icon {display:block; min-width:300px; width:100%; height:150px; margin:0 auto; background: rgba(0,0,0,0) url("assets/icon-hostname.5476d9a02fa9b57c.png") no-repeat center} .blank_temp_hostname .msg {margin:30px auto; font-size:24px; line-height:1.7;} .blank_temp_hostname a {color:#0bba91; position:relative; display:inline-block; margin:0 2px;} .blank_temp_hostname a::after {content:''; position:absolute; left:0; bottom:15%; display:block; width:100%; height:1px; background-color:#0bba91;} .blank_temp_hostname a:hover {text-decoration: none;} @media (max-width: 999px) { #error_page .error_nav>a{height: 30px;line-height: 30px;margin:0 15px;padding: 0 30px;font-size: 12px;} .blank_temp_hostname .inner {padding: 0 20px;} .blank_temp_hostname .icon {background-size: 65%;} .blank_temp_hostname .msg {margin: 20px auto; font-size: 20px; line-height: 1.4;}} /**************************************************** 公共插件样式开始 ****************************************************/ /*一级导航公共样式*/ .default_nav_style{display: flex;flex-wrap: wrap;} .default_nav_style li{float:left;position: relative;} .default_nav_style li>a{display: block;padding: 0 20px;} .header .default_nav .nav_sec .top{height: 0;} .header .default_nav .nav_sec .nav_sec_item dt a { color:var(--ThemesNavLevel2TextColor);font-size:14px; display:block; height:22px; line-height:22px;padding:7px 0; overflow:hidden; -ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;text-align: left;padding: 0; } .header .default_nav .small_nav_sec .nav_sec_item { position: relative; width: 100%; margin: 0; } .header .default_nav .small_nav_sec .nav_sec_item .nav_icon { margin-right: 10px; display: inline-block; vertical-align: top; max-width: 26px; height: 100%; max-height: 20px; } .header .default_nav .small_nav_sec .nav_sec_item .nav_icon span { height: 100%; display: inline-block; vertical-align: middle; } .header .default_nav .small_nav_sec .nav_sec_item a, .header .default_nav .small_nav_sec .nav_sec_item dt a { position: relative; display: block; height: auto; line-height: 1.3; padding: 5px 25px 5px 20px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; } .header .default_nav .small_nav_sec .nav_sec_item.has_third a em { position: absolute; top: 0; bottom: 0; right: 15px; width: 7px; height: 11px; margin: auto; background: url("assets/icon-down-has.e1ddd0354f167a70.png") no-repeat center top; } .header .default_nav .full_nav_style .small_nav_sec .nav_sec_item.has_third a em { display: none; } .header .default_nav .small_nav_sec .nav_sec_item a:hover { color: var(--ThemesNavLevel2TextHoverColor); } .header .default_nav .small_nav_sec .nav_sec_item a:hover em { background-position: center bottom; } .header .default_nav .nav_sec .nav_sec_item .nav_third_a { color: var(--ThemesNavLevel3TextColor); } .header .default_nav .nav_sec .nav_sec_item .nav_third_a:hover { color: var(--ThemesNavLevel3TextHoverColor); } .header .default_nav .nav_sec .nav_sec_item .nav_fourth_a { color: var(--ThemesNavLevel4TextColor); } .header .default_nav .nav_sec .nav_sec_item .nav_fourth_a:hover { color: var(--ThemesNavLevel4TextHoverColor); } .default_nav .nav_sec .more_box .nav_four_item a{display: block;height: 18px;line-height: 18px;padding: 3px 0;font-size: 12px;color: #888;white-space: nowrap;} .default_nav .nav_sec .more{color: #999;font-size: 12px;line-height: 30px;} .default_nav .nav_sec .nav_img { font-size: 0; text-align: left; white-space: normal; } .default_nav .nav_sec .nav_img .imgl { display: inline-block; vertical-align: top; max-width: 150px; max-height: 150px; margin:10px 10px 0 0px; text-align: center; } .default_nav .nav_sec .nav_img .imgl img { max-width: 100%; max-height: 100%; } .default_nav .nav_sec .nav_img.small { width: 160px; } /* 三级导航公共样式 */ .default_nav .nav_sec_item .nav_third_box { display: none; position: absolute; width:260px; top:0; left:100%; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.12); } .default_nav .nav_sec_item .nav_third_box::-webkit-scrollbar { width: 5px; border-radius: 5px; background-color: #fff; } .default_nav .nav_sec_item .nav_third_box::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(0, 0, 0, 0.1); } .default_nav .nav_sec_item .nav_third_box::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.3); } .default_nav .nav_sec_item .nav_third_box>dl:first-child{padding-top: 13px;} .default_nav .nav_sec_item .nav_third_box>dl:last-child {padding-bottom: 13px;} /* 四级导航公共样式 */ .default_nav .nav_sec_item .nav_third_box .nav_fourth_box { display: none; position: absolute; top: 0; left: 100%; width:260px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.12); } .default_nav .nav_sec_item .nav_third_box .nav_fourth_box>dl:first-child{padding-top: 13px;} .default_nav .nav_sec_item .nav_third_box .nav_fourth_box>dl:last-child {padding-bottom: 13px;} .default_nav .full_nav_style .small_nav_sec .nav_sec_box, .default_nav .full_nav_style .small_nav_sec .nav_third_box, .default_nav .full_nav_style .small_nav_sec .nav_fourth_box {box-shadow: none;} .default_nav .full_nav_style .nav_sec_item .nav_third_box .nav_fourth_box { margin-top: 5px; position: static; display: block; width: inherit; } .default_nav .full_nav_style .nav_sec .nav_list { float: none; } .default_nav .full_nav_style .nav_sec .nav_img { display: inline-block; vertical-align: top; width: 285px; margin-top: 25px; margin-bottom: 30px; } .default_nav .full_nav_style .nav_sec .nav_img .imgl { vertical-align: middle; overflow: hidden; width: 130px; max-width: 200px; max-height: 240px; margin: 0 25px 25px 0;} .default_nav .full_nav_style .nav_sec .nav_img .imgl a { display: block; max-width: 150px; height: inherit; padding: 0; } .default_nav .full_nav_style .nav_sec .nav_img .imgl:nth-child(2n) { margin-right: 0; } .default_nav .full_nav_style .nav_sec .small .nav_list { display: inline-block; vertical-align: top; max-width: calc(90% - 288px); min-width: 500px; text-align: left; } .default_nav .full_nav_style .nav_type_3 .nav_list { display: flex; flex-wrap: wrap; justify-content: center; } .default_nav .full_nav_style .nav_type_3 .nav_sec_item { display: flex; flex-direction: column; justify-content: space-between; width: 200px; margin-right: 25px; } .default_nav .full_nav_style .nav_type_3 .nav_sec_item a, .default_nav .full_nav_style .nav_type_3 .nav_sec_item dt a { padding-right: 0; padding-left: 0; } .default_nav .full_nav_style .nav_type_3 .nav_img { width: inherit; max-width: inherit; margin: 0; margin-top: 12px; text-align: center; } .default_nav .full_nav_style .nav_type_3 .nav_img .imgl { width: inherit; } .default_nav .full_nav_style .nav_type_3 .nav_img .imgl a { max-width: inherit; padding: 0; } .default_nav .full_nav_style .nav_type_2 .nav_sec_box, .default_nav .full_nav_style .nav_type_3 .nav_sec_box { text-align: center; } .default_nav .full_nav_style .nav_type_3 .nav_sec_item .nav_third_box { margin-top: 6px; } .default_nav .full_nav_style .nav_sec_item .nav_third_box .nav_third_item { margin-bottom: 10px; } .header .default_nav .small_nav_sec.nav_type_4 .nav_list .side_menu .menu_item{padding: 13px 20px;width: 265px;box-sizing: border-box;} .default_currency_style dl{float: left;position: relative;} .default_currency_style dl dt{padding: 0 26px 0 10px;position: relative;cursor: pointer;} .default_currency_style dl dt strong img{vertical-align: middle;width:16px; max-height:12px; overflow:hidden; margin-right:5px;} .default_currency_style dl dt i{position: absolute;top: 2px;right: 5px;bottom: 0;margin:auto;font-size: 12px;transform: scale(0.73);} .default_currency dl dd{display: none;width: max-content; -webkit-width: max-content; min-width: 100%; padding: 15px; border-top: none; background: #fff; position: absolute;top: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;} .default_currency:hover dl dd{display: block;} .default_currency dl dd a{display:block; height:22px; line-height:22px; overflow:hidden;} .default_currency dl dd a:after{content: '';display: inline-block;height: 100%;vertical-align: middle;} .default_currency dl dd img{display:inline-block; vertical-align: middle;width:16px; max-height:12px; overflow:hidden; margin-right:5px;} .default_currency dl.currency_none dt{padding: 0 10px;} .default_currency dl.currency_none dt:after{display: none;} .default_currency dl.currency_none dt i{display: none;} .default_currency:hover dl.currency_none dd{display: none;} .default_language_style dt{padding: 0 26px 0 10px;position: relative;cursor: pointer;} .default_language_style dt i{position: absolute;top: 2px;right: 5px;margin:auto;font-size: 12px;transform: scale(0.73);} .default_language dd{display: none;width: max-content; -webkit-width: max-content; min-width: 100%; padding: 15px; border-top: none; background: #fff; position: absolute;top: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;} .default_language:hover dd{display: block;} .default_language dd a{display:block; height:22px; line-height:22px; overflow:hidden;} .default_language dd a:after{content: '';display: inline-block;height: 100%;vertical-align: middle;} .default_language dd img{vertical-align: middle;width:16px; max-height:12px; overflow:hidden; margin-right:5px;} .default_language.language_none dt{padding: 0 10px;cursor: pointer;} .default_language.language_none dt:after{display: none;} .default_language.language_none dt i{display: none;} .default_language.language_none:hover dd{display: none;} .default_currency_style dl dt i ,.default_language_style dt i, .default_account_style dl dt i{transition: all 0.3s ease-out;} .default_currency_style dl:hover dt i ,.default_language_style:hover dt i, .default_account_style dl:hover dt i{transform: rotate(180deg) scale(0.73);} /* 公共语言货币切换(组合按钮) */ .default_language_currency_style{line-height: 30px;float: left;position: relative; cursor:pointer;} .default_language_currency_style.default_language_currency_icon_style{line-height: 1;} .default_language_currency_style dt{padding:0 26px 0 10px;} .default_language_currency_style dt i.default{ margin-right: 5px; font-size: 20px; display: inline-block; vertical-align: middle; } .default_language_currency_style dt em{width: 11px;height: 5px;position: absolute;top: 0;right: 8px;bottom: 0;margin:auto;} .default_language_currency_style em:before{content: '';width: 0;height: 0;border-width: 5px 5.5px 0;border-style: solid;border-color: transparent;border-top-color: #646464;position: absolute;} #default_language_currency_box .top_box i{ display:block; width:50px; height:50px; position:absolute; right:0; top:0; background:url("assets/icon-close1.187c93348d17bb54.jpg") center no-repeat; cursor:pointer;} #default_language_currency_box .default_language_currency_container .default_language_currency_list a{ display:block; width:213px; height:50px; line-height:50px; margin-left:15px; margin-bottom:15px; padding:0 15px; background:#f5f5f5; font-size:14px; text-align:left; box-sizing:border-box; border-radius:3px; float:left; overflow:hidden;} #default_language_currency_box .default_language_currency_container .default_language_currency_list a:hover{ text-decoration:none; background:#dedede;} #default_language_currency_box .default_language_currency_container .default_language_currency_list.default_currency_item a{ font-size:16px;} #default_language_currency_box .default_language_currency_container .default_language_currency_list a:nth-child(4n+1){ margin-left:0;} #default_language_currency_box .default_language_currency_container .default_language_currency_list img{ vertical-align: middle;margin-right:7px;} #default_language_currency_box .default_language_currency_submit {position: absolute; bottom: 0; left: calc((100% - 290px) / 2); width:290px; height:50px; line-height:50px; margin:0 auto; margin-bottom: 20px; background:#222; color:#fff; text-align:center; font-size:16px; text-transform:uppercase; border-radius:3px; cursor:pointer;} /*公共搜索功能*/ #default_search_box{display: none;width:100%; height:100%; position:fixed; background: rgba(0,0,0,0.8); left:0; top:0;z-index: 9999;} #default_search_box .form{ width:50%; max-width: 600px; height:60px; position:absolute; top: 0;right: 0;bottom: 0;left: 0;margin:auto;} #default_search_box .form>i{ width:30px; height:30px; position:absolute; right:-60px; top: 10px; background:url("assets/search-close.670a66cd3e60ad86.png") center no-repeat; cursor:pointer;} #default_search_box .text{width: 100%;height:60px; line-height:60px; border:0; padding-right: 60px; color:#333; background:none; outline:none; text-indent:20px;box-sizing: border-box;background-color: #fff;border-radius: 5px;} #default_search_box .text::placeholder{color:#333} #default_search_box .button{ width:60px; height:60px; position:absolute; right:0; top:0; background: transparent;cursor:pointer; border:0; outline:none;} #default_search_box .button::after{content: "\e601";width: 100%;height: 100%;position: absolute;line-height: 60px; left: 0;top:0;font-size: 24px; font-family: "iconfont" !important;} #down_search_box .form{ width:50%; max-width: 645px; height:52px;margin:auto;position: relative;} #down_search_box .form>i{ width:30px; height:30px; position:absolute; right:-40px; top: 10px; cursor:pointer;line-height: 30px; text-align: center;} #down_search_box .form>i::after{content: "\e631";position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-family: "iconfont" !important;font-size: 16px;color:#aaaaaa;} #down_search_box .text{width: 100%;height:52px; line-height:52px; border:0; padding-right: 52px; color:#262626; background:none; outline:none; text-indent:15px;box-sizing: border-box;background-color: #eeeeee;border-radius: 5px;} #down_search_box .text::placeholder{color:#555555} #down_search_box .button{ width:52px; height:52px; position:absolute; right:0; top:0;background-size: 25px ;cursor:pointer; border:0; outline:none;border-radius: 5px;} #down_search_box .button::after{content: "\e601";width: 100%;height: 100%;position: absolute;line-height: 52px; left: 0;top:0;font-size: 24px; font-family: "iconfont" !important;} .keyword_logs_box .key_list a{display: inline-block;padding:6px 23px;border-radius: 5px;margin:0 5px 5px 0; vertical-align: top;color:#262626;background-color: #ffffff;border: 1px solid #cfcfcf;box-sizing: border-box;border-radius: 3px; font-size: 12px;} .keyword_logs_box .key_list a:hover{text-decoration: unset;} #default_search_box .keyword_logs_box .key_list a{border:0;background-color: #e7e7e7;} .global_gifts_tips i{margin-right: 6px;font-size: 18px;} .header .default_account_style dl{float: left;} .header .default_account_style dl dt{line-height: 30px;padding: 0 26px 0 10px;position: relative;} .header .default_account_style dl dt i{width: 11px;height: 5px;position: absolute;top: 0;right: 8px;bottom: 0;margin:auto;} .header .default_account_style dl dt i:before{content: '';width: 0;height: 0;border-width: 5px 5.5px 0;border-style: solid;border-color: transparent;border-top-color: #646464;position: absolute;} .header .default_account dl dd{display:none;width:max-content;-webkit-width:max-content;padding:20px;background:#fff;border-radius:6px;position:absolute;top:100%;right:0;box-sizing:border-box;-webkit-box-sizing:border-box;min-width:200px;} .header .default_account:hover dl dd{min-width:200px;} .header .default_account dl dd.user a{display: block;height: 25px;line-height: 25px;overflow: hidden;margin-bottom: 10px;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;} /* 公共底部导航 */ .default_foot_menu_style{display: flex;flex-wrap: wrap;} .default_foot_menu_style .menu_list dl dt>i{display: none;} @media screen and (max-width: 1000px){ .default_foot_menu_style .menu_list{width: 100%;} .default_foot_menu_style .menu_list dl dt{position: relative;} .default_foot_menu_style .menu_list dl dt>i{display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}} /* 模块 */ .themes_box_title{color: var(--ThemesBoxTitleColor);font-family: var(--ThemesBoxTitleFont);} .themes_box_subtitle{color: var(--ThemesBoxSubTitleColor);font-family: var(--ThemesBoxSubTitleFont);} .themes_text_content{color: var(--ThemesTextContentColor);font-family: var(--ThemesTextContentFont);} .themes_text_content em{ font-style: italic; } .themes_box_button{ font-family: var(--ThemesButtonFont); } body{ font-family: var(--ThemesTextContentFont); } body.index{background-color: var(--ThemesBodyColor);} .themes_box_button:not(.carousel_btn), .global_themes_button, .tool_inquiry_btn{ border-radius: var(--ButtonRadiusSizePc)!important; } #newsletter_form button.themes_box_button{ border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; } .default_foot_menu_style #newsletter_form input[name="Email"]{ border-radius: var(--ButtonRadiusSizePc)!important; border-top-right-radius: 0!important; border-bottom-right-radius: 0!important; } #newsletter_form.no_radius input[name="Email"], #newsletter_form.no_radius button.themes_box_button{ border-radius: var(--ButtonRadiusSizePc)!important } @media screen and (max-width: 1000px) { .themes_box_button:not(.carousel_btn){ border-radius: var(--ButtonRadiusSizeMobile)!important; }} /**************************************************** 模板皮肤样式结束 ****************************************************/ /**************************************************** 响应式移动端头部导航弹窗开始 ****************************************************/ /*弹出窗口 包括头部导航、底部语言、底部货币*/ .pop_up{width:80%; max-width:400px; background-color:#fff; position:absolute; top:0; bottom:0; left:0; margin:auto; z-index:10020; -webkit-transform:-webkit-translateX(-100%); transform:translateX(-100%); -webkit-transition:all .4s; transition:all .4s; visibility:hidden;} .pop_up .close{width:10vw; height:10vw; max-width:50px; max-height:50px; position:absolute; left:86vw; top:4vh;} .pop_up .close>em{width:10vw; height:10vw; max-width:50px; max-height:50px; background:url("assets/nav-close.55efc0cd322eb3ff.png") no-repeat center/100%; display:block;cursor: pointer;} .pop_up_container{overflow-y:auto; -webkit-overflow-scrolling:touch;} .pop_up_container .category_close{width:100%; height:3.4375rem; line-height:3.4375rem; padding: 0; margin: 0 !important; position:absolute; right:auto; top:0; left:0; max-width: none;max-height: none;} .pop_up_container .category_close>em{width:0; height:auto; margin:1.2rem auto 0 1.2rem; background:none; border-width:.5rem .5rem .5rem 0; border-color:transparent #999 transparent transparent; border-style:solid; display:block; position:relative; z-index:10;} .pop_up_container .category_close>em>i{border-width:.5rem .5rem .5rem 0; border-color:transparent #fff transparent transparent; border-style:solid; display:block; position:absolute; top:-.5rem; left:.1rem; z-index:11;} .pop_up_container .category_title{width: 84%;height:3.4375rem; float: right;line-height:3.4375rem; font-size:1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: var(--ThemesNavFont);} .pop_up_container .side_head .side_close>em{width:auto; height:auto; margin:1.3rem .2rem 0 0; background:none; border-width:.5rem .5rem .5rem 0; border-color:transparent #848484 transparent transparent; border-style:solid; float:right; display:block; position:relative; z-index:10;} .pop_up_container .side_head .side_close>em>i{border-width:.5rem .5rem .5rem 0; border-color:transparent #fff transparent transparent; border-style:solid; display:block; position:absolute; top:-.5rem; left:.1rem; z-index:11;} .nav_container .user{height:4rem; line-height:4rem; overflow:hidden; font-size:.975rem; color:#aaa; background-color:#f5f5f5;} .nav_container .user>a{font-size:.975rem;} .nav_container .user .user_logo{width:2.5rem; height:2.5rem; line-height:2.5rem; margin:0 .9375rem; margin-top:.75rem; text-align:center; font-size:1rem; color:#fff; background-image:url("assets/icon-menu-user.f0e571e3aac48fc9.png"); background-repeat:no-repeat; background-position:center; background-size:100%; float:left;} .left_fixed_side .menu_list{max-width:100%; height:1rem; overflow-x:hidden; overflow-y:auto;-webkit-overflow-scrolling:touch;} .left_fixed_side .menu_list .menu_container{padding:0 .625rem;} .left_fixed_side .menu_list .item{border-color:#ddd;height:2.375rem; line-height:2.375rem;overflow: hidden;} .left_fixed_side .menu_list .item:first-child{margin-top:0;} .left_fixed_side .menu_list .item a{display: block;overflow:hidden; margin-left:.3125rem; font-size:1rem; color:#5f5f5f;} .left_fixed_side .menu_list .item.son>a{display: inline-block;width: 83%;text-overflow: ellipsis;white-space: nowrap;} .left_fixed_side .menu_list .item.son>a , .left_fixed_side .menu_list .item a { font-family: var(--ThemesNavFont); } .left_fixed_side .menu_list .item a>img{width:1rem; height:.6875rem; overflow:hidden; margin-right:.6rem;} .left_fixed_side .menu_list .item a .nav_icon{ margin-right: 10px; display: inline-block; vertical-align: middle; max-width: 26px; height: 2.375rem; } .left_fixed_side .menu_list .item a .nav_icon span{ display: inline-block; vertical-align: middle; height: 100%; } .left_fixed_side .menu_list .item:last-child{border:0; background:none;} .left_fixed_side .menu_list .item.son{position: relative;} .left_fixed_side .menu_list .item.son>.icon{width: auto;height: 100%;position: absolute;top: 0;right: 0;} .left_fixed_side .menu_list .item.son>.icon>*{ display: inline-block; vertical-align: middle; } .left_fixed_side .menu_list .item.son>.icon>em{margin: 0.7rem 0.6rem 0 10px;border-width: .5rem 0 .5rem .5rem;border-color:transparent transparent transparent #999;border-style:solid;float:right;display:block;position:relative;z-index:10;-webkit-transform:-webkit-rotate(0);transform:rotate(0);-webkit-transition:all .4s;transition:all .4s;} .left_fixed_side .menu_list .item.son>.icon>em>i{border-width: .5rem 0 .5rem .5rem;border-color:transparent transparent transparent #fff;border-style:solid;display:block;position:absolute;top: -.5rem;right:.1rem;z-index:11;} .left_fixed_side .menu_list .item.son .current_list>span{padding:0 .3rem; font-size:.75rem; color:#ccc;} .left_fixed_side .menu_list .item.open>.icon>em{transform:rotate(90deg); -webkit-transform:rotate(90deg);} .left_fixed_side .menu_list .item.open>.icon>em>i{top:-.4rem; right:.1rem;} .left_fixed_side .menu_list .currency_item img{margin-left:.3rem;} .left_fixed_side .menu_list .menu_son .item{margin-left:.625rem; border:0;} .left_fixed_side .menu_list .menu_son .item a{border-bottom:.0625rem #f2f2f2 solid;} .left_fixed_side .menu_list .menu_son .item:last-child a{border:0;} .left_fixed_side .menu_list .menu_grandson a{color:#878787;} .left_fixed_side .menu_list .menu_grandson .item:last-child a{border-bottom:.0625rem #f2f2f2 solid;} .left_fixed_side .menu_list .attr_son span{line-height:2rem; margin:0 .3125rem .625rem 0; padding:0 .625rem; color:#333; white-space:nowrap; cursor:pointer; border-radius:.3215rem; position:relative; vertical-align:middle; display:inline-block;} .left_fixed_side .menu_list .attr_son span>em{width:.5rem; height:.5rem; margin-left:.3rem; margin-top:.75rem; background:url("assets/icon-remove-white.e7032b57cc03178b.png") no-repeat center; background-size:100%; float:right; display:block;} .left_fixed_side .menu_list .menu_divide{height:.5rem; background-color:#eee;} .left_fixed_side .menu_list .cate_nav_box>.item.son>.icon{left: 0;width: 100%;} .left_fixed_side .nav_inquiry_btn {width: 100%;margin-top: 2%;margin-bottom: 2%;} .left_fixed_side .nav_inquiry_btn a{max-width: 200px;display: block;margin: 0 auto;line-height: 1.2;} .search_side .close{width:2.5rem; height:3.4375rem; line-height:3.4375rem; background-color:#fff; position:inherit; top:auto; left:0; z-index:1; display:inline-block;} .search_side .close i{ position:absolute; left:0.5rem; top:1.3rem;} .search_side .close i:after, .search_side .close i:before{ border:10px solid transparent; border-right:10px solid #fff; width:0; height:0; position:absolute; top:0; left:0; content:''} .search_side .close i:before { border-right-color:#000; left:-3px;} .search_side .search form{ background:#f5f5f4;} .search_side .search .text{width:85%; height:2.6rem; line-height:2.6rem; padding-left:.7rem; font-size:1.2rem; background:none; border:0; border-radius:0;} .search_side .search .text::-webkit-input-placeholder{ color:#ddd;} .search_side .menu_list{padding:0 .625rem;} .search_side .menu_list .search_list>a{line-height:2rem; margin-right:1rem; margin-top:1rem; padding:0 1.25rem; font-size:.875rem; color:#555; background-color:#f5f5f4; border-radius:.3125rem; display:inline-block; vertical-align:top;} @media (min-width:500px){ .pop_up .close{left:430px;} .pop_up_container .category_close{left:0;}} /*前端公共纯色图标*/ @font-face { font-family: "icons"; src: url("assets/kt-sans.3100e775e8616cd2.woff2") format("woff2"); } .global_drafts_tips a{display: inline-block;min-width:111px;height: 30px;line-height: 30px;margin:0 5px;padding: 0 20px;background-color: #0baf4d;box-sizing: border-box;color: #fff;font-size: 14px;text-align: center;border-radius: 16px;text-decoration: none;} .default_cate_nav_style .cate_nav_list .cate_nav_box>li{position:relative;font-size:16px;line-height:26px;text-align:left;} .default_cate_nav_style .cate_nav_list .cate_nav_box>li>a{display:block;padding:7px 17px;} .default_cate_nav_style .cate_nav_list .cate_nav_sec .cate_nav_sec_box li{font-size:14px;line-height:24px;} .default_cate_nav_style .cate_nav_list .cate_nav_sec .cate_nav_sec_box li a{display:block;padding:7px 0;color:#333333;font-weight:600;} .default_cate_nav_style .cate_nav_list .cate_nav_sec .cate_nav_third .cate_nav_third_box li{width:100%;} .default_cate_nav_style .cate_nav_list .cate_nav_sec .cate_nav_third .cate_nav_third_box li a{padding:0 0;color:#666666;font-size:14px;line-height:24px;font-weight:normal;} .w_1200 .global_products_may_like .wide{ width: 1200px; max-width: 100%; } .global_products_may_like .wide{ min-width: 0; max-width: 100%; } .global_products_may_like .like_products_box .like_products_item:nth-child(4n+1){margin-left: 0;clear: both;} @media screen and (max-width:1000px){ .global_products_may_like .wide{ margin: 0 auto; width: 92%; } .global_products_may_like .like_products_box .like_products_item:nth-child(2n){ margin-right: 0; }} .global_faq_box .container .item{ padding: 24px 0 24px 10px; width: 100%; border-bottom: 1px solid #eaeaea; box-sizing: border-box; } .global_faq_box .container .item .title{ padding-right: 102px; width: 100%; line-height: 24px; font-size: 16px; color: #111111; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; cursor: pointer; box-sizing: border-box; position: relative; } .global_faq_box .container .item i {position: absolute; top: 0; right: 10px; width: 20px; height: 20px; line-height: 22px; text-align: center; font-size: 12px; color: #fff; background-color: #111; border: 1px solid #111; border-radius: 50%; transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out;} .global_faq_box .container .item i:before{ margin-left: 1.5px; } .global_faq_box .container .item.active i {color: #111; background-color: #fff; transform: rotate(180deg);} .global_faq_box .container .item.active .title{ font-weight: bold; } .global_faq_box .container .item .content{ height: 0; line-height: 22px; font-size: 14px; color: #555555; overflow: hidden; transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out; } .global_faq_box .container .item .content .inner_height {padding-top: 24px; padding-right: 102px;} @media screen and (max-width: 768px) { .global_faq_box .container .item{ padding: 12px 0; } .global_faq_box .container .item .title{ font-size: 12px; } .global_faq_box .container .item .content{ line-height: 14px; font-size: 12px; }} /* 公共贴纸end */ /* CLS start */ .compute_item_img{ display: block; position: relative; transition: all .3s ease-in-out; } .compute_item_img .compute_process_img{ display: flex;; position: relative; width: 100%; height: 0; overflow: hidden;} .compute_item_img .compute_process_img img{ position: absolute;} .compute_item_img .compute_process_img svg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 100%;height: 100%;} .chzn-container-single .chzn-single span{margin-right:26px; display:block; overflow:hidden; color:#333; white-space:nowrap; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; text-overflow:ellipsis;font-size: 14px;} .chzn-container-single .chzn-single div{-webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; border:0; position:absolute; right:0; top:0; display:block; height:100%; width:30px;} .chzn-container-single .chzn-single div::before{content: '\e6bd';display: block;line-height: 44px;text-align: center;font-size: 12px; font-family: 'iconfont';color: #919191;transform: scale(0.75);} .chzn-container-single .chzn-search input{width:100%; height: 40px; background-color: #f7f7f7; margin:0; padding:0; outline:0; border:none; float:right;} .chzn-container-single-nosearch .chzn-search input{position:absolute; top:-9000px;} .chzn-container .chzn-results li{display:none; line-height:100%; margin:0; list-style:none;} .chzn-container .chzn-results li em{background:#feffde; font-style:normal;} .chzn-container .chzn-results .highlighted em{background:transparent;} .chzn-container-active .chzn-single-with-drop div{background:transparent; border-left:none;} .chzn-container-active .chzn-choices .search-field input{color:#111!important;} /*************************** 会员捆绑 Start ***************************/ #binding_container { position: fixed; top: 20%; left: calc((100% - 400px) /2); z-index: 100000; } #binding_container .box_bg { position: absolute; top: 0; left: 0; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 100%; height: 100%; background-color: #fff; } #binding_container .noCtrTrack { visibility: hidden; position: absolute; top: 20px; right: 0px; z-index: 100000; opacity: .2; filter: alpha(opacity=20); width: 40px; text-decoration: none; font-size: 20px; font-weight: bold; color: #000; } #binding_container .noCtrTrack::before { content: "\e631"; visibility: visible; font-family: "iconfont"; color: #000; } #binding_container .noCtrTrack:hover::before { opacity: .4; filter: alpha(opacity=40); text-decoration: none; color: #000; cursor: pointer; } #binding_container .themes_popups { position: relative; z-index: 10; zoom: 1; width: 400px; padding: 20px; background-color: #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } #binding_container .themes_popups .lib_txt { box-shadow: 0 1px 0 rgba(255,255,255,.8), inset 0 1px 2px rgba(0,0,0,.06); border: 1px solid #ccc; border-radius: 3px; width: 370px; height: 36px; padding: 0 7px; font-size: 16px; color: #333; line-height: 36px; } #binding_container .themes_popups .title { margin: 0 20px 8px 8px; font-size: 18px; color: #000; line-height: 24px; } #binding_container .themes_popups .provide { margin: 0 8px; font-size: 12px; } #binding_container .themes_popups .error_note_box { display: none; border: 1px solid #ffdb83; padding: 10px; margin: 15px 5px; color: #f00; background-color: #fff9e1; } #binding_container .themes_popups .on_error { display: none; margin: 0; color: #f00; } #binding_container .themes_popups .row { margin-top: 10px; padding: 0 8px; } #binding_container .themes_popups .row label { display: block; margin-bottom: 4px; font-size: 14px; color: #555; } #binding_container .themes_popups .row .note { margin-top: 8px; color: #999; } #binding_container .themes_popups .protect { position: relative; overflow: hidden; margin-bottom: 15px; padding-left: 30px; } #binding_container .themes_popups .protect span { display: block; margin-top: 4px; color: #767676; } #binding_container .themes_popups .protect .ckb { position: absolute; top: 2px; left: 4px; } #binding_container .themes_popups .signbtn { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; display: inline-block; margin-right: 10px; padding: 2px 12px; font-size: 14px; cursor: pointer; line-height: 25px; } #binding_container .themes_popups .signin { color: #fff; } #binding_container .themes_popups .signup { border: 1px solid #d0d0d0; background-color: #fff; } #binding_container[data-open="page"] { -webkit-box-shadow: 0 0 20px #ccc; -moz-box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px #ccc; position: relative; top: 0; left: 0; width: 440px; margin: 50px auto; } #binding_container[data-open="page"] .box_bg { -webkit-box-shadow: 0 0 20px #eee; -moz-box-shadow: 0 0 20px #eee; box-shadow: 0 0 20px #eee; } #binding_container[data-open="page"] .noCtrTrack { display: none; } #binding_container[data-open="page"] .themes_popups .signup { display: none; } .signin_box_sec ul li{ float:left; width:60px; height:28px; margin:3px 5px; overflow:hidden; border-radius:3px; cursor:pointer;} .signin_box_sec #paypalLogin .PPBlue_V2 *{ visibility:hidden !important;} .signin_box_sec #paypalLogin2 .PPBlue_V2 *{ visibility:hidden !important;} .account_box_sec .rows a{ font-size:16px;color: #333;} .account_box_sec .btn a{ width:158px; height:33px; line-height:33px; text-align:center; display:inline-block; border-width:1px; border-style:solid; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; text-decoration:none;} #fixed_login_popup h3{line-height: 32px;font-size: 24px;color: #000;} #fixed_login_popup .row{padding-top: 12px;} #fixed_login_popup .row input{display: block;width: 100%;height: 44px;line-height: 44px;box-sizing: border-box;border: 1px solid #bbb;border-radius: 5px;padding: 0 10px;} #fixed_login_popup .protect i{width: 16px;height: 16px;line-height: 16px;margin-right: 10px;border-radius: 2px;border-width: 1px;border-style: solid;text-align: center;font-size: 16px; background-color: #000;} #fixed_login_popup .protect i::before{content: "\e647";font-family: "iconfont";color: #fff;} #fixed_login_popup .flex_box input{display: none;} #fixed_login_popup .flex_box input:not(:checked) ~ label i{background-color: unset;} #fixed_login_popup .flex_box input:not(:checked) ~ label i::before{display: none;} #fixed_login_popup .forgot a{text-decoration: underline;color: #222;} #fixed_login_popup .oauth_list li{width: 40px;height: 40px;margin: 0 16px;overflow: hidden;border-radius: 40px;cursor: pointer;position: relative;} #fixed_login_popup .oauth_list li *{opacity: 0;position: relative;z-index: 1;} #fixed_login_popup .oauth_list li#google_login *{opacity: 1;} #fixed_login_popup .oauth_list li:after{position: absolute;top: 0;right: 0;bottom: 0;left: 0;font-family: "iconfont";font-size: 40px;display: flex;align-items: center;justify-content: center;z-index: 0;} #fixed_login_popup .oauth_list li>a{display: block;height: 40px;} #fixed_login_popup .new_customer a{text-decoration: underline;color: #000;} #fixed_login_popup .verification_button_box a{display: inline-block;vertical-align: middle;box-sizing: border-box;padding: 0 13px;width: auto;height: 27px;line-height: 25px;border: 1px solid #ff2521;border-radius: 5px;background-color: #ff2521;color: #fff;text-align: center;font-size: 12px;text-decoration: none;} #credential_picker_container {z-index: 10010!important;} .global_inquiry_form .rows>.label i{font-size: 16px;} .global_inquiry_form .field_rows:not(:first-of-type){margin-top: 25px;} .global_inquiry_form .input_txt { width: 100%; height: 45px; box-sizing: border-box; padding: 0 10px; border: 0; border-radius: 5px; background-color: #fff; line-height: 45px; } .global_inquiry_form .textarea_txt { width: 100%; height: 80px; box-sizing: border-box; padding: 10px; border: 0; border-radius: 5px; background-color: #fff; } .global_inquiry_form .code_box { display: flex; column-gap: 5px; } .global_inquiry_form .code_box > img { max-width: 50%; height: 45px; border-radius: 5px; } .global_inquiry_form .global_select_box .input_case i:last-child{width: 36px;height: 36px;line-height: 36px;position:absolute;right:5px;top:0;bottom: 0;margin: auto;transform: scale(0.8);font-size: 16px;color: #7d8d9e;transition: all .5s ease 0s;text-align: center;} .global_inquiry_form .global_select_box .input_case i:last-child::before{content: "\e62b";font-family: "iconfont";} .global_inquiry_form .global_select_box .select_ul li{line-height:22px;transition:all .5s ease 0s;padding: 9px 10px 9px 45px;color: #555;cursor: pointer;font-size: 14px;position: relative;} .global_inquiry_form .global_select_box .select_ul li:hover, .global_inquiry_form .global_select_box .select_ul li.selected{background-color: #eee;color: #555;} .global_inquiry_form .global_select_box .select_ul li:hover i, .global_inquiry_form .global_select_box .select_ul li.selected i{border: 5px solid #22191a;background-color: #fff;} .global_inquiry_form .global_select_box .select_ul li i{width: 15px;height: 15px;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);border: 1px solid #ccdced;border-radius: 15px;box-sizing: border-box;} .global_inquiry_form .global_select_box.focus .input_case i:last-child{color: #888;transform: scale(0.8) rotate(-180deg);} .global_inquiry_form .global_country_box .country_drop { display: none; position: absolute; top: calc(100% + 2px); left: 0; z-index: 11; border-radius: 5px; width: 100%; background-color: #fff; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; } .global_inquiry_form .global_country_box .search { position: relative; height: 40px; margin: 15px 16px 12px; padding: 0 50px 0 20px; white-space: nowrap; line-height: 40px; background: #f7f7f7 url("https://t338.web7.ueeshop.com/static/css/images/user/address_search_icon.png") no-repeat center right 15px; } .global_inquiry_form .global_country_box .search > input { border: none; outline: 0; width: 100%; height: 40px; margin: 0; padding: 0; background-color: #f7f7f7; } .global_inquiry_form .global_country_box .search::after { position: absolute; top: 0; right: 10px; font-family: "iconfont" !important; font-size: 24px; content: "\e602"; } .global_inquiry_form .global_country_box .select_ul { display: block; position: unset; } .global_inquiry_form .global_country_box.focus .country_drop { display: block; } .global_inquiry_form .field_checked_box { display: flex; flex-wrap: wrap; row-gap: 15px; column-gap: 30px; width: 100%; box-sizing: border-box; padding: 14px 10px 15px; border-radius: 8px; font-size: 0; background-color: #fff; } .global_inquiry_form .field_checked_box .item { display: inline-block; font-size: 14px; cursor: pointer; color: #333; line-height: 16px; } .global_inquiry_form .field_checked_box .item::before{display: inline-block;width: 14px;height: 14px;content: '';margin-right: 4px;background-color: #fff;border: 1px solid #ccdced;border-radius: 16px;vertical-align: bottom;} .global_inquiry_form .field_checked_box .item.disabled {cursor: no-drop;} .global_inquiry_form .field_checked_box .item.disabled::before {width: 6px; height: 6px; border: 5px #d2e0ee solid; border-radius: 16px;} .global_inquiry_form .field_checked_box input{display: none;} .global_inquiry_form .field_checked_box .input_checkbox_box .input_checkbox input{display:none;} .global_inquiry_form .field_column_box { display: flex; position: relative; align-items: center; justify-content: space-between; flex-wrap: nowrap; border-radius: 5px; } .global_inquiry_form .field_column_box .icon_flag_big { position: absolute; top: 3px; left: -9px; transform: scale(.4); } .global_inquiry_form .field_column_box .global_select_box { position: unset; width: 110px; border: 0; border-right: 1px solid #E5E5E5; border-top-left-radius: 5px; border-bottom-left-radius: 5px; line-height: 45px; background-color: #F9F9F9; } .global_inquiry_form .field_column_box .global_select_box .input_case { display: flex; align-items: center; height: 45px; padding: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .global_inquiry_form .field_column_box .global_select_box .input_case .input_box_txt { padding-left: 45px; font-size: 12px; } .global_inquiry_form .field_column_box .global_select_box .input_case .select_clear { display: none !important; } .global_inquiry_form .field_column_box .global_select_box .input_case i:last-child { right: -4px; } .global_inquiry_form .field_column_box .input_box .input_txt { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } @media screen and (max-width: 1000px) { .global_inquiry_form .field_column_box .global_select_box .input_case .input_box_txt { font-size: 14px; }} .global_inquiry_form .form_tool_img_box { padding: 10px; border-radius: 5px; background-color: #fff; } .global_inquiry_form .form_tool_img_box .inbox_popup_input { display: flex; flex-wrap: wrap; gap: 20px; } .global_inquiry_form .form_tool_img_box .upload_box .iconfont{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#757575;font-size:30px;} .global_inquiry_form .form_tool_img_box .upload_box .pic_box{position:relative;width:60px;height:60px;vertical-align:middle;font-size:0;text-align:center;cursor:pointer;box-sizing:border-box;z-index:1;} .global_inquiry_form .form_tool_img_box .upload_box .pic_box img{opacity: 1; max-height: 100%;} .global_inquiry_form .form_tool_img_box .upload_box .close{position: absolute;top: -7px;right: -7px;display: none;width: 20px;height: 20px;background: #000;border-radius: 50%;cursor: pointer;z-index: 2;transform: rotate(45deg);} .global_inquiry_form .form_tool_img_box .upload_box .close::before{content: '';width: 12px;height: 1px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;} .global_inquiry_form .form_tool_img_box .upload_box .close::after{content: '';width: 1px;height: 12px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;} .global_inquiry_form .colums_order_2 .form_tool_img_box .upload_box, .global_inquiry_form .colums_order_2 .form_tool_img_box .upload_box .pic_box, .global_inquiry_form .colums_order_2 .form_tool_img_box .upload_file{ width: 60px; height: 60px; } .global_inquiry_form .form_tool_file_box { display: flex; gap: 20px; padding: 10px; border-radius: 5px; background-color: #fff; } .global_inquiry_form .form_tool_file_box .upload_box .iconfont{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#757575;font-size:30px;} .global_inquiry_form .form_tool_file_box .upload_box .pic_box{position:relative;width:60px;height:60px;vertical-align:middle;font-size:0;text-align:center;cursor:pointer;box-sizing:border-box;z-index:1;} .global_inquiry_form .form_tool_file_box .upload_box .pic_box img{opacity: 1;} .global_inquiry_form .form_tool_file_box .upload_box .close{position: absolute;top: -7px;right: -7px;display: none;width: 20px;height: 20px;background: #000;border-radius: 50%;cursor: pointer;z-index: 2;transform: rotate(45deg);} .global_inquiry_form .form_tool_file_box .upload_box .close::before{content: '';width: 12px;height: 1px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;} .global_inquiry_form .form_tool_file_box .upload_box .close::after{content: '';width: 1px;height: 12px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;} .global_inquiry_form .form_tool_file_box .upload_box svg{ width: 60px; height: 60px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .global_inquiry_alert .global_inquiry_alert_box>.close{width: 60px;height: 60px;position: absolute;right: 0;top: 0;cursor: pointer;transform: rotate(45deg); z-index: 1;} .global_inquiry_alert .global_inquiry_alert_box>.close::before{content: '';width: 26px;height: 2px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #343434;} .global_inquiry_alert .global_inquiry_alert_box>.close::after{content: '';width: 2px;height: 26px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #343434;} .global_inquiry_alert .top{background-color: #fff;padding: 50px 40px 10px 40px;text-align: center;} .global_inquiry_alert .top .title{font-size: 36px;color: #000;} .global_inquiry_alert .global_inquiry_form .button_rows { width: calc( 100% - 80px ); position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; z-index: 10; } @media screen and (max-width: 1000px){ .global_inquiry_alert .global_inquiry_alert_box>.close{width: 40px;height: 40px;} .global_inquiry_alert .global_inquiry_alert_box>.close::before{width: 20px;} .global_inquiry_alert .global_inquiry_alert_box>.close::after{height: 20px;} .global_inquiry_alert .top{padding: 40px 20px 20px 20px;} .global_inquiry_alert .top .title{font-size: 24px;}} #password_box .close{ float: right; cursor: pointer; } #download_list_pop .pop_title .close_btn{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 20px; } #download_list_pop .list_box .download_item .info_box{ display: flex; align-items: center; justify-content: left; flex-wrap: wrap; flex: 1; } #download_list_pop .list_box .download_item .info_box .info{ width: calc( 100% - 110px ); } #download_list_pop .list_box .download_item .info_box .pic_box{ margin-right: 20px; height: 90px; width: 90px; position: relative; } #download_list_pop .list_box .download_item .info_box .pic_box img{ position: absolute; } #download_list_pop .list_box .download_item .btn a{ display: flex; vertical-align: middle; text-decoration: none; padding: 0 25px; height: 40px; box-sizing: border-box; line-height: 40px; box-sizing: border-box; font-size: 14px; color: #333; border: 1px solid #333; } #download_list_pop .list_box .download_item .btn a i{ display: inline-block; vertical-align: middle; } @media screen and (max-width: 1000px) { #download_list_pop .list_box .download_item .info_box .pic_box{ width: 60px; height: 60px; } #download_list_pop .list_box .download_item .btn a{ padding: 0 12px; font-size: 12px; } #download_list_pop .pop_title .close_btn{ font-size: 16px; }} /* 属性弹窗 */ .global_property_alert { display: flex; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; background-color: rgb(0, 0, 0, .6); z-index: 10001; } .global_property_alert .global_property_alert_box { position: relative; width: 540px; height: 92%; max-height: max-content; margin: auto; border-radius: 10px; overflow: hidden; opacity: 0; background-color: #fff; transition: all 0.3s; } .global_property_alert.current .global_property_alert_box { opacity: 1; } .global_property_alert .global_property_alert_box>.close{width: 60px;height: 60px;position: absolute;right: 0;top: 0;cursor: pointer;transform: rotate(45deg); z-index: 1;} .global_property_alert .global_property_alert_box>.close::before{content: '';width: 26px;height: 2px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #343434;} .global_property_alert .global_property_alert_box>.close::after{content: '';width: 2px;height: 26px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #343434;} .global_property_alert .title { height: 30px; padding: 16px 30px; font-size: 16px; font-weight: 600; line-height: 30px; } .global_property_alert .container { padding: 0 20px 40px 30px; overflow-y: auto; max-height: calc(92% - 62px); } .global_property_alert .container .g_name { margin-bottom: 18px; font-size: 30px; color: #222; line-height: 1.2; } .global_property_alert .container .g_number { margin-bottom: 15px; color: #222; } .global_property_alert .container .item_price { margin-bottom: 15px; font-size: 24px; font-weight: bold; color: #222 !important; line-height: 1.2; } .global_property_alert .container .attribute { max-height: 300px; overflow-y: auto; padding-right: 10px; } .global_property_alert .container .attribute .attr_item { margin-top: 10px; } .global_property_alert .container .attribute .attr_item .attr_title { font-size: 14px; color: #000; line-height: 26px; } .global_property_alert .container .attribute .attr_item .attr_title>strong { font-weight: 600; } .global_property_alert .container .attribute .attr_item .attr_title>span { margin-left: 6px; color: #888; } .global_property_alert .container .attribute .attr_item .attr_box { display: flex; flex-wrap: wrap; gap: 6px; padding-top: 5px; } .global_property_alert .container .attribute .attr_item .btn_attr { display: block; border: 1px solid #bbb; border-radius: 20px; min-width: 70px; min-height: 26px; padding: 5px 14px; text-align: center; font-size: 12px; color: #000; cursor: pointer; background-color: #fff; line-height: 26px; -webkit-box-sizing: border-box; box-sizing: border-box; } .global_property_alert .container .attribute .attr_item .btn_attr.current { border-width: 2px; border-color: #1F2328; padding-top: 4px; padding-bottom: 4px; } .global_property_alert .container .attribute .attr_item .btn_attr .attr_pic { display: flex; align-items: center; justify-content: center; height: 56px; text-align: center; } .global_property_alert .container .attribute .attr_item .btn_attr .attr_pic img { vertical-align: middle; } .global_property_alert .container .attribute .attr_item .btn_attr .attr_pic:after { display: inline-block; vertical-align: middle; content: ''; height: 100%; } .global_property_alert .container .attribute .attr_item .btn_attr .attr_color { display: inline-block; vertical-align: middle; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; } .global_property_alert .container .attribute .attr_item .btn_attr .attr_value_tips { display: none; width: max-content; height: 35px; line-height: 35px; background-color: #fff; padding: 0 12px; position: absolute; top: -48px; left: 0; box-shadow: #ddd 0 0 10px 6px; color: #000; } .global_property_alert .container .attribute .attr_item .btn_attr .attr_value_tips>i { display: block; content: ""; width: 0; height: 0; border-left: 4px transparent solid; border-right: 4px transparent solid; border-top: 8px #fff solid; position: absolute; bottom: -8px; left: 0; } .global_property_alert .container .attribute .attr_item[data-type=color] .btn_attr { min-width: auto; padding: 5px; border-radius: 50%; } .global_property_alert .container .attribute .attr_item[data-type=color] .btn_attr.current { padding: 4px; } .global_property_alert .container .attribute .attr_item[data-type=color] .btn_attr.out_stock::after { top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 50%; opacity: .5; } .global_property_alert .container .attribute .attr_item[data-type=picture] .btn_attr { overflow: hidden; border-radius: 6px; width: 56px; min-width: 56px; height: 56px; min-height: 56px; box-sizing: border-box; padding: 0; } .global_property_alert .container .attribute .attr_item[data-type=picture] .btn_attr[data-is-picture="0"] { display: inline-flex; align-items: center; justify-content: center; width: inherit; height: inherit; padding: 0 10px; } .global_property_alert .container .attribute .attr_item[data-type=picture] .btn_attr.current { padding: 0; } .global_property_alert .container .attribute .attr_item[data-type=picture] .btn_attr[data-is-picture="0"].current { padding: 0 10px; } .global_property_alert .container .attribute .attr_item[data-type=picture] .btn_attr.out_stock::after { top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: .5; } @media screen and (min-width: 1000px) { .global_property_alert .container .attribute .attr_item .btn_attr:hover { border-width: 2px; border-color: #1F2328; padding-top: 4px; padding-bottom: 4px; } .global_property_alert .container .attribute .attr_item[data-type=color] .btn_attr:hover { padding: 4px; } .global_property_alert .container .attribute .attr_item[data-type=picture] .btn_attr:hover { padding: 0; } .global_property_alert .container .attribute .attr_item[data-type=picture] .btn_attr[data-is-picture="0"]:hover { padding: 0 10px; }} .global_property_alert .container .attribute::-webkit-scrollbar { border-radius: 5px; width: 5px; background-color: #fff; } .global_property_alert .container .attribute::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(0, 0, 0, 0.5); } .global_property_alert .container .attribute::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.3); } .global_property_alert .container .button_rows { display: flex; gap: 20px; margin-top: 30px; } .global_property_alert .container .property_submit { display: inline-block; vertical-align: top; border: 1px solid #000; border-radius: 8px !important; overflow: hidden; text-align: center; font-size: 14px; padding: 10px 44px; color: #fff; background-color: #000; box-sizing: border-box; } .global_property_alert .container .property_submit[disabled='disabled'] { border-color: #666 !important; cursor: no-drop; background-color: #666 !important; } @media screen and (max-width: 1000px) { .global_property_alert .global_property_alert_box { width: 90%; } .global_property_alert .global_property_alert_box>.close { width: 40px; height: 40px; } .global_property_alert .global_property_alert_box>.close::before { width: 20px; } .global_property_alert .global_property_alert_box>.close::after { height: 20px; } .global_property_alert .container { padding: 0 10px 40px 20px; } .global_property_alert .container .button_rows { gap: 10px; } .global_property_alert .container .property_submit, .global_property_alert .container .property_cancel { padding: 10px 30px; }} .global_partner_box a{display: flex;align-items: center; margin: 5px;} .global_partner_box img{max-width: 200px;max-height: 60px;} @media screen and (max-width: 1000px) { .global_partner_box img{max-width: 150px;max-height: 40px;}} .ly_policies .bread_crumb a, .ly_policies .bread_crumb span{ font-size: 14px; color: #555; } .ly_policies .policies_content_box .policies_title { font-size: 30px; text-align: center; line-height: 46px; padding: 0 2% 35px; } #themes_header_board .borardFixedBox[data-count="1"]:has([data-order="1"]){justify-content: flex-start;} #themes_header_board .borardFixedBox[data-count="1"]:has([data-order="2"]){justify-content: center;} #themes_header_board .borardFixedBox[data-count="1"]:has([data-order="3"]){justify-content: flex-end;} #themes_header_board .borardFixedBox .contactInfoBox span{ display: inline-block; vertical-align: middle; } #themes_header_board .borardFixedBox .contactInfoBox .item{ line-height: 1; display: flex; align-items: center; justify-content: center; } #themes_header_board .borardFixedBox .contactInfoBox:has(.text) .icon{ margin-right: 10px; } #themes_header_board .borardFixedBox .contactInfoBox a{ font-family: inherit; color: inherit; font-size: 14px; line-height: 16px; } #themes_header_board .borardFixedBox .follow_us_list ul{line-height: 0;} #themes_header_board .borardFixedBox .follow_us_list ul li{ width: 20px; } #themes_header_board .borardFixedBox .follow_us_list ul li:last-child{ margin-right: 0; } #themes_header_board .borardFixedBox .follow_us_list ul li a{ height: 30px; line-height: 30px; } #themes_header_board .borardFixedBox .follow_us_list ul li a i{ font-size: 20px; } #themes_header_board .borardFixedBox .follow_us_list.offical_follow_icon li>a{margin-bottom: 0;} #themes_header_board .borardFixedBox .contentInfoBox *{color: inherit;} @media screen and (max-width: 1000px) { #themes_header_board .borardFixedBox[data-show=normal]>div{ width: 100%; text-align: center; } #themes_header_board .borardFixedBox[data-show=oneLine] .contactInfoBox .item{ height: 30px; } #themes_header_board .borardFixedBox[data-show=oneLine] .follow_us_list[data-order="2"] ul li{margin-right: 0; margin-left: 10px;} #themes_header_board .borardFixedBox[data-show=oneLine] .follow_us_list[data-order="2"] ul li:first-child{margin-left: 0;}} .box_popup_center_inquiry_list .box_center{width: 94%;max-width: 700px;padding: 60px 30px;box-sizing: border-box;background-color: #fff;border-radius: 10px;position: relative;} .box_popup_center_inquiry_list .close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;line-height: 50px;text-align: center;cursor: pointer;} .box_popup_center_inquiry_list .close .icon{color: #4d4d4d;font-size: 14px;} .box_popup_center_inquiry_list .tit .icon{width: 40px;height: 40px;border-radius: 40px;background-color: #19be6b;color: #fff;line-height: 40px;text-align: center;font-size: 26px;} .box_popup_center_inquiry_list .tit .text{padding: 5px 10px;line-height: 30px;font-size: 20px;color: #000;max-width: calc(100% - 60px);} .box_popup_center_inquiry_list .btn_flex a{padding: 5px 33px;line-height: 28px;text-decoration: none;font-size: 14px;border-radius: 20px;box-sizing: border-box;margin-top: 15px;} @media screen and (max-width: 750px){ .box_popup_center_inquiry_list .box_center{padding: 40px 25px;} .box_popup_center_inquiry_list .tit .icon{width: 30px;height: 30px;line-height: 30px;font-size: 20px;max-width: calc(100% - 50px)} .box_popup_center_inquiry_list .tit .text{font-size: 16px;} .box_popup_center_inquiry_list .btn_flex a{width: 100%;text-align: center;}} .box_drop_down_inquiry_list .close{position: absolute;top: 0;right: 0;width: 40px;height: 56px;line-height: 56px;text-align: center;cursor: pointer;} .box_drop_down_inquiry_list .close .icon{color: #4d4d4d;font-size: 13px;} .box_drop_down_inquiry_list .tit .icon{width: 26px;height: 26px;border-radius: 26px;background-color: #19be6b;color: #fff;line-height: 26px;text-align: center;font-size: 18px;} .box_drop_down_inquiry_list .tit .text{padding: 0px 8px;line-height: 26px;font-size: 16px;color: #000;max-width: calc(100% - 42px);} .box_drop_down_inquiry_list .i_item .img{width: 70px;height: 70px;margin-top: 4px;margin-right: 18px;} .box_drop_down_inquiry_list .i_item .info{line-height: 20px;font-size: 14px;flex: 1;} .box_drop_down_inquiry_list .i_item .info .attribute span{display: block;} .box_drop_down_inquiry_list .btn_flex a{width: 100%;padding: 6px 20px;line-height: 28px;border: 1px solid #1a1d22;text-decoration: none;font-size: 16px;border-radius: 28px;box-sizing: border-box;margin-top: 12px;text-align: center;} @media screen and (max-width: 768px){ .box_drop_down_inquiry_list .close{height: 40px;line-height: 40px;} .box_drop_down_inquiry_list .i_item .info{font-size: 12px;line-height: 18px;}} .default_language_currency_style .current_language_abbreviation{ display: inline-block; vertical-align: middle; } .default_language_currency_style dt i.no_right{ margin-right: 0; } .default_language_currency_style dl dd{ padding-top: 10px; position: absolute; width: 128px; top: 100%; left: 50%; transform: translateX(-50%); z-index: 10002; } .default_language_currency_style dl dd .box{ box-shadow: 0 0 14px 0px #e9e9e9; background-color: #fff; border-radius: 5px; box-sizing: border-box; padding: 10px; } .default_language_currency_style dl dd span{ display: inline-block; vertical-align: middle; position: relative; } .default_language_currency_style dl dd a{ display: flex; align-items: center; justify-content: left; font-size: 16px; margin-top: 5px; } .default_language_currency_style dl dd a:first-child{ margin-top: 0; } .default_language_currency_style:hover dl dd.drop_down { display: block; } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap;} .widgets_attr_box .attr_list .attr_item .item_info{font-size: 16px;color: #222;font-weight: bold;} .widgets_attr_box .attr_list .attr_item .item_info span em{font-weight: normal;} .widgets_attr_box .attr_list .attr_item .item_tips .iconfont{margin-right: 5px;} .widgets_attr_box .attr_list .attr_item .item_box .item{border: 1px solid #F4F4F5;border-radius: 6px;cursor: pointer;position: relative;} .widgets_attr_box .attr_list .attr_item .item_box .item span.qty em{margin-right: 1px;} .widgets_attr_box .attr_list .attr_item .item_box .item .text{font-size: 12px;color: #222;padding: 5px 10px;background-color: #F4F4F5;border-radius: 6px;overflow: hidden;} html[data-theme="t273"] .goods_info>.widgets_attr_box .attr_list .attr_item .item_box .item .text, html[data-theme="t325"] .goods_info>.widgets_attr_box .attr_list .attr_item .item_box .item .text{background-color: #B5B5B530;} .widgets_attr_box .attr_list .attr_item .item_box .item .more{background-color: #F4F4F5;font-size: 14px;color: #333;} .widgets_attr_box .attr_list .attr_item .item_box .item:hover, .widgets_attr_box .attr_list .attr_item .item_box .item.active{border-color: #0051FF;box-shadow: 0 0 0 1px #0051FF;} .widgets_attr_box .attr_list .attr_item.last .item_box .item{width: 100%;display: flex;justify-content: space-between;gap: 10px;align-items: center;padding: 5px;} .widgets_attr_box .attr_list .attr_item.last .item_box .item, .widgets_attr_box .attr_list .attr_item.last .item_box .item:hover, .widgets_attr_box .attr_list .attr_item.last .item_box .item:active{border-color: transparent !important;box-shadow: none !important;} .widgets_attr_box .attr_list .attr_item.last .item_box .item.active .text{border-color: #0051FF;box-shadow: 0 0 0 1px #0051FF;} .widgets_attr_box .attr_list .attr_item.last .item_box .item .text{font-size: 12px;color: #222;padding: 5px 10px;background-color: #F4F4F5;border-radius: 6px;overflow: hidden;cursor: pointer;border: 1px solid #F4F4F5;} .widgets_attr_box .attr_list .attr_item.last .item_box .item .quantity .quantity_btn:not(.disabled):hover{background-color: #393F4B;color: #fff;border-color: #393F4B;} .widgets_attr_box .attr_list .attr_item.last .item_box .item .quantity .quantity_value::-webkit-outer-spin-button, .widgets_attr_box .attr_list .attr_item.last .item_box .item .quantity .quantity_value::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} .widgets_attr_box .attr_list .attr_item.last .item_box .item .quantity .quantity_value:focus-visible {outline: 2px solid #393F4B;outline-offset: -4px;border-radius: 5px;} .widgets_attr_popup .right_bar .bar_bottom .bottom_button a{width: 100%;box-sizing: border-box;} @media screen and (max-width: 1000px) { .widgets_attr_popup .left_bar>div{width: 100%;}} /* 产品详细页下载文件 */ .widgets_download_box { display: none; width: 100%; margin-top: 20px; padding-top: 20px; border-top: 1px solid #E6E7EB; } .widgets_download_box .download_title { display: inline-flex; font-size: 18px; color: #222; } .widgets_download_box .download_list_box .list { display: grid; } .widgets_download_box .download_item { display: flex; align-items: center; justify-content: space-between; overflow: hidden; box-sizing: border-box; padding: 20px 0; border-bottom: 1px dashed #E6E7EB; transition: all 0.3s ease; } .widgets_download_box .download_item:first-child { margin-top: 0; } .widgets_download_box .download_item .info_box { display: flex; align-items: flex-start; flex-wrap: wrap; flex: 1; } .widgets_download_box .download_item .info_box .info { width: calc( 100% - 160px ); } .widgets_download_box .download_item .info_box .icon_box { display: inline-flex; align-items: center; justify-content: center; width: 45px; height: 45px; margin-right: 12px; } .widgets_download_box .download_item .info_box .icon_box .icon { width: 100%; height: 100%; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } .widgets_download_box .download_item .info_box .tips { display: block; font-size: 12px; color: #666; } .widgets_download_box .download_item .info_box .name { display: inline-block; margin-bottom: 2px; font-size: 14px; color: #222222; word-break: break-all; } .widgets_download_box .download_item .info_box.third { align-items: center; } .widgets_download_box .download_item .info_box.third .name { margin-bottom: 0; } .widgets_download_box .download_item .btn { display: flex; align-items: center; justify-content: center; } .widgets_download_box .download_item .btn a { border-radius: 100% !important; border-width: 1px; border-style: solid; display: flex; vertical-align: middle; text-decoration: none; border-radius: 5px; position: relative; width: 35px; height: 35px; box-sizing: border-box; box-sizing: border-box; font-size: 14px; text-transform: uppercase; } .widgets_download_box .download_item .btn a i { position: absolute; font-weight: bold; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 15px; } .widgets_download_box .download_item .btn a.download_file_view { margin-right: 16px; } .widgets_download_box .download_item .btn a.download_file_view i { font-weight: normal; font-size: 14px; } .widgets_download_box .download_item:nth-child(n+4) { opacity: 0; visibility: hidden; height: 0; padding: 0; } .widgets_download_box .expanded .download_item { opacity: 1; visibility: visible; height: auto; padding: 20px 0; } .widgets_download_box .download_more { display: none; height: 20px; padding: 18px 0 3px; font-size: 14px; color: #666; cursor: pointer; text-align: center; line-height: 20px; } html[lang="ar"] .widgets_download_box .download_item .info_box .icon_box { margin-right: 0; margin-left: 12px; } @media screen and (max-width: 768px) { .widgets_download_box .download_item { padding: 15px; } .widgets_download_box .download_item .info_box .icon_box { width: 40px; height: 40px; margin-right: 8px; } .widgets_download_box .download_item .info_box .info { padding-right: 10px; width: calc( 100% - 80px ); box-sizing: border-box; } .widgets_download_box .download_item .info_box .name { margin-bottom: 0; font-size: 14px; } .widgets_download_box .download_item .btn a { padding: 0 14px; font-size: 12px; }} :root{--ThemesBoxTitleColor: #423834;--ThemesBoxSubTitleColor: #514545;--ThemesTextContentColor: #535353;--ThemesBodyColor: #FFFFFF;--ThemesProductsTitleColor: #514545;--ThemesBoxTitleFont: Poppins-Regular;--ThemesBoxSubTitleFont: Poppins-Regular;--ThemesTextContentFont: Poppins-Regular;--ThemesProductsTitleFont: Poppins-Regular;--FloatMessageTitleColor: #FFFFFF;--FloatMessageTitleBgColor: #1D1D1D;--FloatMessageArrowColor: #FFFFFF;--FloatMessageButtonTextColor: #FFFFFF;--FloatMessageButtonHoverTextColor: #1D1D1D;--FloatMessageButtonBgColor: #1D1D1D;--FloatMessageButtonBgHoverColor: #FFFFFF;--FloatMessageButtonBorderColor: #00000000;--FloatMessageButtonBorderHoverColor: #1D1D1D;--ThemesButtonFont: Poppins-Regular;--ButtonRadiusSizePc: 0px;--ButtonRadiusSizeMobile: 0px;--ButtonFontStyle1: Poppins-Bold;--ButtonTextColorStyle1: #1D1D1D;--ButtonBgColorStyle1: #FFFFFF;--ButtonBorderColorStyle1: #FFFFFF;--ButtonHoverTextColorStyle1: #FFFFFF;--ButtonBgHoverColorStyle1: #1D1D1D;--ButtonBorderHoverColorStyle1: #FFFFFF;--ButtonTextSizePcStyle1: 16px;--ButtonRadiusSizePcStyle1: 45px;--ButtonTextSizeMobileStyle1: 16px;--ButtonRadiusSizeMobileStyle1: 45px;--ButtonFontStyle2: Poppins-Regular;--ButtonTextColorStyle2: #FFFFFF;--ButtonBgColorStyle2: #71422D;--ButtonBorderColorStyle2: #71422D;--ButtonHoverTextColorStyle2: #71422D;--ButtonBgHoverColorStyle2: #FFFFFF;--ButtonBorderHoverColorStyle2: #FFFFFF;--ButtonTextSizePcStyle2: 16px;--ButtonRadiusSizePcStyle2: 45px;--ButtonTextSizeMobileStyle2: 16px;--ButtonRadiusSizeMobileStyle2: 45px;--ButtonFontInquiry: Poppins-Regular;--ButtonTextColorInquiry: #1D1D1D;--ButtonBgColorInquiry: #FFFFFF;--ButtonBorderColorInquiry: #1D1D1D;--ButtonHoverTextColorInquiry: #1D1D1D;--ButtonBgHoverColorInquiry: #FFFFFF;--ButtonBorderHoverColorInquiry: #1D1D1D;--ButtonTextSizePcInquiry: 16px;--ButtonRadiusSizePcInquiry: 45px;--ButtonTextSizeMobileInquiry: 16px;--ButtonRadiusSizeMobileInquiry: 45px;--ButtonFontBatchInquiryList: Poppins-Regular;--ButtonTextColorBatchInquiryList: #FFFFFF;--ButtonBgColorBatchInquiryList: #2F2622;--ButtonBorderColorBatchInquiryList: #2F2622;--ButtonHoverTextColorBatchInquiryList: #FFFFFF;--ButtonBgHoverColorBatchInquiryList: #2F2622;--ButtonBorderHoverColorBatchInquiryList: #2F2622;--ButtonTextSizePcBatchInquiryList: 14px;--ButtonRadiusSizePcBatchInquiryList: 45px;--ButtonTextSizeMobileBatchInquiryList: 14px;--ButtonRadiusSizeMobileBatchInquiryList: 45px;--ButtonFontBatchInquiryDetail: Poppins-Regular;--ButtonTextColorBatchInquiryDetail: #FFFFFF;--ButtonBgColorBatchInquiryDetail: #2F2622;--ButtonBorderColorBatchInquiryDetail: #2F2622;--ButtonHoverTextColorBatchInquiryDetail: #FFFFFF;--ButtonBgHoverColorBatchInquiryDetail: #2F2622;--ButtonBorderHoverColorBatchInquiryDetail: #2F2622;--ButtonTextSizePcBatchInquiryDetail: 16px;--ButtonRadiusSizePcBatchInquiryDetail: 45px;--ButtonTextSizeMobileBatchInquiryDetail: 16px;--ButtonRadiusSizeMobileBatchInquiryDetail: 45px;--PreBackgroundColor: #F1F1F1;--ThemesMobileButtomNavBgColor: #ffffff;--ThemesMobileButtomIconColor: #4a4a4a;--ThemesMobileButtomIconSelectedColor: #ec6608;--ThemesMobileButtomNavNameColor: #333333;--ThemesMobileButtomNavNameSelectedColor: #ec6608;--ThemesMobileButtomNavNameSize: 12px;} .left_fixed_side .nav_inquiry_btn a{font-family: Poppins-Light;color: #FFFFFF;background-color: #007FD6;border: 1px solid #007FD6;font-size: 16px;border-radius: 40px !important;text-align: center;padding-left: 20px;padding-right: 20px;padding-top: 12px;padding-bottom: 12px;}.left_fixed_side .nav_inquiry_btn a:hover{color: #FFFFFF;background-color: #007FD6;border: 1px solid #007FD6;} #mobile_header .btn_menu .iconfont{ color: var(--ThemesHeaderIconColor); } @media screen and (min-width: 1680px){.ly_header_66 .wide{width: 1680px}} .ly_header_66 .wide{display: flex;align-items: center;justify-content: space-between}.ly_header_66 .logo{padding: 10px 0}.ly_header_66 .nav{margin-left: 12%;padding: 20px 0;flex: 1}.ly_header_66 .nav li{padding: 10px 0}.ly_header_66 .nav ul li a{color: var(--ThemesNavTextColor);font-family: var(--ThemesNavFont)}.ly_header_66 .nav ul li a:hover, .ly_header_66 .nav ul li.hover a{text-decoration: none;color: var(--ThemesNavTextHoverColor)}.ly_header_66 .nav{font-family: var(--ThemesNavFont)}.ly_header_66 .tool{display: flex;align-items: center}.ly_header_66 .tool a:hover{text-decoration: none}.ly_header_66 .tool .tool_search{padding: 0 12px}.ly_header_66 .tool .tool_search .icon-search1{color: var(--ThemesHeaderIconColor);font-size: 20px}.ly_header_66 .tool .tool_language .default_language_currency_style{line-height: 25px}.ly_header_66 .tool .tool_language .default_language_currency_style dt{color: var(--ThemesHeaderTextColor);font-size: 14px;padding:0 12px}.ly_header_66 .tool .tool_user .tool_member_entrance{display: block;padding: 0 12px}.ly_header_66 .tool .tool_user .icon-member2{color: var(--ThemesHeaderIconColor);font-size: 20px}.ly_header_66 .tool .tool_inquiry_btn{margin-left: 12px}.ly_header_66 .tool .tool_inquiry_btn a{display: inline-block}.ly_header_66 .tool .tool_menu{display: none;color: var(--ThemesHeaderIconColor);font-size: 20px;margin: 0 10px}.ly_header_66 .tool_language .default_language_currency_style dt em{display: none}.ly_header_66 .tool_inquiry{position: relative;display: flex;align-items: flex-start}@media screen and (max-width: 1000px){.ly_header_66 .nav{display: none}.ly_header_66 .tool{width: auto}.ly_header_66 .tool_language{display: none}.ly_header_66 .tool .tool_user{display: none}.ly_header_66 .tool .tool_inquiry{padding: 0;margin: 0px;margin-right: 5px}.ly_header_66 .tool .tool_inquiry_btn{display: none}.ly_header_66 .tool .tool_menu{display: block;margin: 0}.ly_header_66 .tool .tool_search{padding: 0;margin: 0 20px}.ly_header_66 .tool .tool_search .icon-search1{font-size: 26px}.ly_header_66 .tool .tool_menu .icon-mb_menu2{font-size: 26px}} .ly_header_66[data-visual-id="159"] .tool .tool_inquiry_btn a, .nav_center_fixed .box_center .tool_inquiry_btn{font-family: Poppins-Light;color: #FFFFFF;background-color: #007FD6;border: 1px solid #007FD6;font-size: 16px;border-radius: 40px !important;text-align: center;padding-left: 14px;padding-right: 14px;padding-top: 6px;padding-bottom: 6px;}.ly_header_66[data-visual-id="159"] .tool .tool_inquiry_btn a:hover, .nav_center_fixed .box_center .tool_inquiry_btn:hover{color: #FFFFFF;background-color: #007FD6;border: 1px solid #007FD6;} :root{--ThemesHeaderBgColor: #00000000;--ThemesHeaderIconColor: #0A2342;--ThemesNavTextColor: #0A2342;--ThemesNavTextHoverColor: #0A2342;--ThemesNavLevel2TextColor: #0A2342;--ThemesNavLevel2TextHoverColor: #0A2342;--ThemesNavLevel3TextColor: #0A2342;--ThemesNavLevel3TextHoverColor: #0A2342;--ThemesNavLevel4TextColor: #0A2342;--ThemesNavLevel4TextHoverColor: #0A2342;--ThemesNavFont: Poppins-Regular;} .ly_header_66[data-visual-id="159"] .logo { width: 173px; } .ly_header_66[data-visual-id="159"] .nav li > a { font-size: 18px;padding:0 15px; } .ly_header_66[data-visual-id="159"] .nav li a.nav_sec_a { font-size: 14px; } .ly_header_66[data-visual-id="159"] .nav li a.nav_third_a { font-size: 14px; } .ly_header_66[data-visual-id="159"] .nav li a.nav_fourth_a { font-size: 14px; } .ly_header_66[data-visual-id="159"] .nav .default_nav_style { justify-content: left;} .ly_header_66[data-visual-id="159"] .tool_inquiry .list_numner { background-color: #007FD6; color: #FFFFFF; } .ly_header_66[data-visual-id="159"] .tool_language .default_language_currency_style dt .current_language_abbreviation { font-size: 16px; color: #0A2342; } .ly_header_66[data-visual-id="159"] .tool_language .default_language_currency_style dt .iconfont { color: #0A2342; } @media screen and (max-width: 1000px) { .ly_header_66[data-visual-id="159"] .logo { width: 100px; }} @media all{ @font-face { font-family: 'Alexandria'; src: url("assets/font.19643bfc723a673e.woff2") format('woff2'), url("assets/font.2c1acf5e29aa2408.woff") format('woff'), url("assets/font.d196856fd552ec96.ttf") format('truetype'), url("assets/font.514728c87920912e.svg") format('svg'); font-weight: normal; font-style: normal; font-display: swap; }} .ly_carousel_24 .carousel_wrapper{position: relative;width: 100%;margin:0 auto;z-index: 0}.ly_carousel_24 .carousel_wrapper a:hover{text-decoration: unset}.ly_carousel_24 .carousel_wrapper .carousel_box{width: 100%;height: 100%;position: absolute;top:0;left: 0;overflow: hidden}.ly_carousel_24 .carousel_wrapper .carousel_box .carousel_item{position: absolute;width: 100%}.ly_carousel_24 .carousel_wrapper .carousel_box .carousel_item .carousel_info{position: absolute;width: 70%;z-index: 11;box-sizing: border-box}.ly_carousel_24 .carousel_wrapper .carousel_box .carousel_item .carousel_info .carousel_title{line-height: 1;margin-bottom:20px}.ly_carousel_24 .carousel_wrapper .carousel_box .carousel_item .carousel_info .carousel_content{margin-bottom:40px;line-height:1.8}.ly_carousel_24 .carousel_wrapper .carousel_box .carousel_item .carousel_info .carousel_btn{display: inline-block;text-align: center;overflow: hidden;text-overflow: ellipsis}.ly_carousel_24 .carousel_wrapper .carousel_box .carousel_item .carousel_info .carousel_btn:hover{text-decoration: unset}.ly_carousel_24 .carousel_wrapper .carousel_tab .tab_arrow i{font-size: 46px}.ly_carousel_24 .carousel_wrapper .animate_transition{transition:transform 0.5s ease-in 0.05s,opacity 0.5s ease-in 0.05s}.ly_carousel_24 .carousel_wrapper .carousel_show{opacity: 1;z-index: 1;pointer-events: auto}.ly_carousel_24 .carousel_wrapper .carousel_item .animate_btn{opacity: 0;transition:all 1s}.ly_carousel_24 .carousel_wrapper .carousel_item.carousel_show .animate_btn{opacity: 1}.ly_carousel_24 .carousel_wrapper .carousel_item.carousel_show.carousel_animate_scale .carousel_img{animation:carousel_img 2s ease}@media screen and (max-width: 1000px){.ly_carousel_24 .carousel_wrapper .carousel_box .carousel_item .carousel_info{width: 95%} .ly_carousel_24 .carousel_wrapper .carousel_box .carousel_item .carousel_info .carousel_title{margin-bottom:10px}.ly_carousel_24 .carousel_wrapper .carousel_box .carousel_item .carousel_info .carousel_content{margin-bottom:20px}} .themes_box_content{font-family: var(--ThemesTextContentFont)}html[data-theme="t335"] .ly_carousel_24 .carousel_wrapper .carousel_box .carousel_item .carousel_info .carousel_title{line-height: 1.2} @keyframes carousel_img{0%{-webkit-transform: scale(1.3);transform: scale(1.3)}to{-webkit-transform: scale(1);transform: scale(1)}} .ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item.Carousel-1 .carousel_info .carousel_btn{font-family: Poppins-Regular;color: #FFFFFF;background-color: #00000000;border: 1px solid #FFFFFF;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 38px;padding-right: 38px;padding-top: 14px;padding-bottom: 14px;}.ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item.Carousel-1 .carousel_info .carousel_btn:hover{color: #FFFFFF;background-color: #00000000;border: 1px solid #FFFFFF;} .ly_carousel_24[data-visual-id="160"] .wide{width:100%; margin:0;padding:0;}.ly_carousel_24[data-visual-id="160"]{padding-top:0px;padding-bottom:0px;}.ly_carousel_24[data-visual-id="160"] .wide .section{box-sizing: border-box;padding-left:0%;padding-right:0%;}@media screen and (max-width: 1000px) {.ly_carousel_24[data-visual-id="160"]{padding-top:0px;padding-bottom:0px;}.ly_carousel_24[data-visual-id="160"] .wide{}.ly_carousel_24[data-visual-id="160"] .wide .section{padding-left:0%;padding-right:0%;}} .ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item.Carousel-1 .carousel_info {width:70%;padding-top:0px;padding-bottom:0px;padding-left:10%;padding-right:0%;}.ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item.Carousel-1 .carousel_info .carousel_title{line-height:74px;margin-bottom:30px;}.ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item.Carousel-1 .carousel_info .carousel_content{line-height:32px;margin-bottom:30px;}@media screen and (max-width: 1000px) {@media screen and (max-width: 1000px) {.ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item.Carousel-1 .carousel_info {width:95%;padding-top:50px;padding-bottom:0px;padding-left:4%;padding-right:0%;}}.ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item.Carousel-1 .carousel_info .carousel_title{line-height:34px;margin-bottom:20px;}.ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item.Carousel-1 .carousel_info .carousel_content{line-height:24px;margin-bottom:20px;}} .ly_carousel_24[data-visual-id="160"] .carousel_wrapper .tab_arrow i{ color: #a5a7ab } .ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item .carousel_info{padding:80px} .ly_carousel_24[data-visual-id="160"] .carousel_wrapper .text_position_left{top:50%;left:0;transform: translateY(-50%);} .ly_carousel_24[data-visual-id="160"] .carousel_wrapper .text_position_bottom{bottom:0;left:50%;transform: translateX(-50%);} @media screen and (max-width: 1000px) { .ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item .carousel_info{padding: 20px 40px}} .ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item.Carousel-1::after{position: absolute;content:'';width: 100%;height: 100%;left: 0;top:0;background-color: rgba(0,0,0,0%);z-index: 10;pointer-events: none} .ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item.Carousel-1 .carousel_info{text-align:left} .ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item.Carousel-1 .carousel_info .carousel_title{ font-size: 66px;color:#ffffff} .ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item.Carousel-1 .carousel_info .carousel_content{font-size: 24px;color:#ffffff} .ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item.Carousel-1 .carousel_info .carousel_btn{margin-right: auto; } @media screen and (max-width: 1000px) { .ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item.Carousel-1 .carousel_info{text-align:left} .ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item.Carousel-1 .carousel_info .carousel_title{font-size: 26px;} .ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item.Carousel-1 .carousel_info .carousel_content{font-size: 16px;} .ly_carousel_24[data-visual-id="160"] .carousel_wrapper .carousel_box .carousel_item.Carousel-1 .carousel_info .carousel_btn{ margin: unset; margin-right: auto; }} .ly_poster_155 a{text-decoration: none}.ly_poster_155 .top_title{display: flex;flex-direction: column;padding-right: 20%}.ly_poster_155 .top_title .title{line-height: 1.2}.ly_poster_155 .top_title .content{margin-top: 11px;line-height: 1.16}.ly_poster_155 .poster_box{position: relative}.ly_poster_155 .srcoll_suit_box{padding-top: 60px}.ly_poster_155 .poster_item{width: 320px;margin: 0;padding-bottom: 30px;float: left;margin-right: 30px}.ly_poster_155 .poster_item .item_card{position: relative;padding: 20px 20px 70px;transition: 0.3s all ease-in-out}.ly_poster_155 .poster_item .item_card:hover{translate: 0px -16px}.ly_poster_155 .poster_item .pic_wrapper{width: 100%;overflow: hidden}.ly_poster_155 .poster_item .pic_wrapper img{transition: transform .2s ease-in-out}.ly_poster_155 .poster_item .info_wrapper{width: 100%;box-sizing: border-box}.ly_poster_155 .poster_item .info_wrapper .title{margin-top: 17px;line-height: 1.2}.ly_poster_155 .poster_item .info_wrapper .content{margin-top: 7px;line-height: 1.6}.ly_poster_155 .poster_item .info_wrapper .button{display: inline-block;position: absolute;bottom: 20px;margin-top: 17px;transition: all 300ms ease}.ly_poster_155 .poster_item.left .info_wrapper .button{left: 20px}.ly_poster_155 .poster_item.right .info_wrapper .button{right: 20px}.ly_poster_155 .poster_item.center .info_wrapper .button{left: 50%;transform: translateX(-50%)}.ly_poster_155 .poster_item:nth-child(even){translate: 0px -40px}.ly_poster_155 .poster_box .srcoll_btn{position: absolute;top: 50%;transform: translateY(-35%);width: 60px;height: 60px;border-radius: 60px;display: block;background-color: #CE80FE;color: #fff;font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;z-index: 1;transition: .4s;text-decoration: none;opacity: 0}.ly_poster_155 .poster_box:hover .srcoll_btn{opacity: 1}.ly_poster_155 .poster_box .srcoll_btn:before{font-size: 20px}.ly_poster_155 .poster_box .srcoll_btn.srcoll_btn_prev:before{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);content: "\e63c"}.ly_poster_155 .poster_box .srcoll_btn.srcoll_btn_next:before{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);content: "\e641"}.ly_poster_155 .poster_box .srcoll_btn.srcoll_btn_prev{left: 14.625%}.ly_poster_155 .poster_box .srcoll_btn.srcoll_btn_next{right: 14.625%}@media screen and (max-width: 1000px){.ly_poster_155 .top_title{flex-direction: column;gap: 15px;padding-right: 0}.ly_poster_155 .poster_box{margin-top: 30px;padding-right: 5%;padding-left: 5%}.ly_poster_155 .poster_item{padding-bottom: 20px}.ly_poster_155 .poster_box .srcoll_btn.srcoll_btn_prev{left: 38%}.ly_poster_155 .poster_box .srcoll_btn.srcoll_btn_next{right: 38%}.ly_poster_155 .poster_box .srcoll_btn{top: 100%;width: 40px;height: 40px;opacity: 1}.ly_poster_155 .poster_box .srcoll_btn:before{font-size: 20px}} .ly_poster_155 .poster_box::-webkit-scrollbar{border-radius: 8px;height: 8px;background-color: transparent}.ly_poster_155 .poster_box::-webkit-scrollbar-thumb{border-radius: 8px;background-color: #fff}.ly_poster_155 .poster_box::-webkit-scrollbar-thumb:hover{background-color: #fff} .ly_poster_155[data-visual-id="161"] .poster_item.Poster-1 .button{font-family: OpenSans-Bold;color: #4784D7;background-color: #00000000;border: 1px solid #0158CC;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 22px;padding-right: 22px;padding-top: 7px;padding-bottom: 7px;}.ly_poster_155[data-visual-id="161"] .poster_item.Poster-1 .button:hover{color: #FFFFFF;background-color: #4784D7;border: 1px solid #4784D7;} .ly_poster_155[data-visual-id="161"] .poster_item.Poster-2 .button{font-family: OpenSans-Bold;color: #4784D7;background-color: #00000000;border: 1px solid #0158CC;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 22px;padding-right: 22px;padding-top: 7px;padding-bottom: 7px;}.ly_poster_155[data-visual-id="161"] .poster_item.Poster-2 .button:hover{color: #FFFFFF;background-color: #4784D7;border: 1px solid #4784D7;} .ly_poster_155[data-visual-id="161"] .poster_item.Poster-3 .button{font-family: OpenSans-Bold;color: #4784D7;background-color: #00000000;border: 1px solid #0158CC;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 22px;padding-right: 22px;padding-top: 7px;padding-bottom: 7px;}.ly_poster_155[data-visual-id="161"] .poster_item.Poster-3 .button:hover{color: #FFFFFF;background-color: #4784D7;border: 1px solid #4784D7;} .ly_poster_155[data-visual-id="161"] .poster_item.Poster-4 .button{font-family: OpenSans-Bold;color: #4784D7;background-color: #00000000;border: 1px solid #0158CC;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 22px;padding-right: 22px;padding-top: 7px;padding-bottom: 7px;}.ly_poster_155[data-visual-id="161"] .poster_item.Poster-4 .button:hover{color: #FFFFFF;background-color: #4784D7;border: 1px solid #4784D7;} .ly_poster_155[data-visual-id="161"] .poster_item.Poster-5 .button{font-family: OpenSans-Bold;color: #4784D7;background-color: #00000000;border: 1px solid #0158CC;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 22px;padding-right: 22px;padding-top: 7px;padding-bottom: 7px;}.ly_poster_155[data-visual-id="161"] .poster_item.Poster-5 .button:hover{color: #FFFFFF;background-color: #4784D7;border: 1px solid #4784D7;} .ly_poster_155[data-visual-id="161"] .poster_item.Poster-6 .button{font-family: OpenSans-Bold;color: #4784D7;background-color: #00000000;border: 1px solid #0158CC;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 22px;padding-right: 22px;padding-top: 7px;padding-bottom: 7px;}.ly_poster_155[data-visual-id="161"] .poster_item.Poster-6 .button:hover{color: #FFFFFF;background-color: #4784D7;border: 1px solid #4784D7;} .ly_poster_155[data-visual-id="161"] .wide{width:1680px; margin:0 auto; padding:0;}.ly_poster_155[data-visual-id="161"]{padding-top:168px;padding-bottom:168px;}.ly_poster_155[data-visual-id="161"] .wide .section{box-sizing: border-box;padding-left:0%;padding-right:0%;}@media screen and (max-width: 1720px) {.ly_poster_155[data-visual-id="161"] .wide{ width: 96%;box-sizing: border-box;}}@media screen and (max-width: 1000px) {.ly_poster_155[data-visual-id="161"]{padding-top:50px;padding-bottom:50px;}.ly_poster_155[data-visual-id="161"] .wide{width:98%; min-width:inherit;}.ly_poster_155[data-visual-id="161"] .wide .section{padding-left:3%;padding-right:3%;}} .ly_poster_155[data-visual-id="161"] { background-color: #006ad0; } .ly_poster_155[data-visual-id="161"] .top_title .title { font-size: 24px; color: #CFE2F5; } .ly_poster_155[data-visual-id="161"] .top_title .content { font-size: 48px; color: #D3E5F6; } .ly_poster_155[data-visual-id="161"] .poster_item .item_card { border-radius: 12px; background-color: #FFFFFF; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-1 { text-align: left; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-1 .pic_wrapper { border-radius: 4px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-1 .info_wrapper .title { font-size: 24px; color: #367BD6; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-1 .info_wrapper .content { font-size: 14px; color: #7DAAE5; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-2 { text-align: left; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-2 .pic_wrapper { border-radius: 4px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-2 .info_wrapper .title { font-size: 24px; color: #367BD6; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-2 .info_wrapper .content { font-size: 14px; color: #7DAAE5; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-3 { text-align: left; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-3 .pic_wrapper { border-radius: 4px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-3 .info_wrapper .title { font-size: 24px; color: #367BD6; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-3 .info_wrapper .content { font-size: 14px; color: #7DAAE5; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-4 { text-align: left; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-4 .pic_wrapper { border-radius: 4px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-4 .info_wrapper .title { font-size: 24px; color: #367BD6; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-4 .info_wrapper .content { font-size: 14px; color: #7DAAE5; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-5 { text-align: left; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-5 .pic_wrapper { border-radius: 4px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-5 .info_wrapper .title { font-size: 24px; color: #367BD6; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-5 .info_wrapper .content { font-size: 14px; color: #7DAAE5; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-6 { text-align: left; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-6 .pic_wrapper { border-radius: 4px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-6 .info_wrapper .title { font-size: 24px; color: #367BD6; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-6 .info_wrapper .content { font-size: 14px; color: #7DAAE5; } @media screen and (max-width: 1000px) { .ly_poster_155[data-visual-id="161"] .top_title .title { font-size: 18px; } .ly_poster_155[data-visual-id="161"] .top_title .content { font-size: 24px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-1 .info_wrapper .title { font-size: 20px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-1 .info_wrapper .content { font-size: 14px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-2 .info_wrapper .title { font-size: 20px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-2 .info_wrapper .content { font-size: 14px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-3 .info_wrapper .title { font-size: 20px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-3 .info_wrapper .content { font-size: 14px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-4 .info_wrapper .title { font-size: 20px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-4 .info_wrapper .content { font-size: 14px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-5 .info_wrapper .title { font-size: 20px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-5 .info_wrapper .content { font-size: 14px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-6 .info_wrapper .title { font-size: 20px; } .ly_poster_155[data-visual-id="161"] .poster_item.Poster-6 .info_wrapper .content { font-size: 14px; }} .ly_poster_163 a{text-decoration: none}.ly_poster_163 .poster_box{display: grid;gap: 0}.ly_poster_163 .poster_box .poster_item{position: relative;overflow: hidden}.ly_poster_163 .poster_box .poster_item .info_box{display: flex;gap: 22px;position: absolute;z-index: 1;width: 100%;box-sizing: border-box;padding: 40px 20px}.ly_poster_163 .poster_box .poster_item .item_icon{max-width: 95px}.ly_poster_163 .poster_box .poster_item .item_title{line-height: 1.2}.ly_poster_163 .poster_box .poster_item .item_content{margin-top: 11px;line-height: 1.6}.ly_poster_163 .poster_box .poster_item .item_link{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;font-size: 0}.ly_poster_163 .poster_box .poster_item:before{content:'';display: block;width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;pointer-events: none}.ly_poster_163 .poster_box .poster_item .info_box.text_position_bottom{left: 50%;bottom: 0;transform: translateX(-50%)}@media screen and (max-width: 1300px){.ly_poster_163 .poster_box .poster_item .info_box{padding: 20px}} @media screen and (max-width: 1000px){.ly_poster_163 .poster_box .poster_item .info_box{flex-direction: column;padding: 20px}} .ly_poster_163[data-visual-id="162"] .wide{width:100%; margin:0;padding:0;}.ly_poster_163[data-visual-id="162"]{padding-top:0px;padding-bottom:0px;}.ly_poster_163[data-visual-id="162"] .wide .section{box-sizing: border-box;padding-left:0%;padding-right:0%;}@media screen and (max-width: 1000px) {.ly_poster_163[data-visual-id="162"]{padding-top:0px;padding-bottom:0px;}.ly_poster_163[data-visual-id="162"] .wide{}.ly_poster_163[data-visual-id="162"] .wide .section{padding-left:0%;padding-right:0%;}} .ly_poster_163[data-visual-id="162"] .poster_box { grid-template-columns: repeat(3, 1fr); } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-1 .item_title { font-size: 30px; color: #FFFFFF; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-1 .item_content { font-size: 18px; color: #FFFFFF; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-1::before { background-color: rgba(0,0,0,0%); } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-2 .item_title { font-size: 30px; color: #FFFFFF; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-2 .item_content { font-size: 18px; color: #FFFFFF; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-2::before { background-color: rgba(0,0,0,0%); } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-3 .item_title { font-size: 30px; color: #FFFFFF; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-3 .item_content { font-size: 18px; color: #FFFFFF; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-3::before { background-color: rgba(0,0,0,0%); } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-4 .item_title { font-size: 30px; color: #FFFFFF; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-4 .item_content { font-size: 18px; color: #FFFFFF; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-4::before { background-color: rgba(0,0,0,0%); } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-5 .item_title { font-size: 30px; color: #FFFFFF; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-5 .item_content { font-size: 18px; color: #FFFFFF; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-5::before { background-color: rgba(0,0,0,0%); } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-6 .item_title { font-size: 30px; color: #FFFFFF; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-6 .item_content { font-size: 18px; color: #FFFFFF; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-6::before { background-color: rgba(0,0,0,0%); } @media screen and (max-width: 1000px) { .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-1 .item_title { font-size: 24px; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-1 .item_content { font-size: 14px; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-2 .item_title { font-size: 24px; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-2 .item_content { font-size: 14px; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-3 .item_title { font-size: 24px; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-3 .item_content { font-size: 14px; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-4 .item_title { font-size: 24px; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-4 .item_content { font-size: 14px; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-5 .item_title { font-size: 24px; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-5 .item_content { font-size: 14px; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-6 .item_title { font-size: 24px; } .ly_poster_163[data-visual-id="162"] .poster_box .poster_item.Poster-6 .item_content { font-size: 14px; }} .ly_brands_14 a{text-decoration: none}.ly_brands_14 .brand_box{display: flex;justify-content: space-between}.ly_brands_14 .left_warpper{flex: 0 0 28.12%;box-sizing: border-box;padding-left: 6%}.ly_brands_14 .right_warpper{flex: 0 0 67.7%;overflow-x: auto;box-sizing: border-box}.ly_brands_14 .btn_more{display: inline-block;overflow: hidden;margin-top: 43px}.ly_brands_14 .list{display: flex;gap: 20px;padding: 0 40px}.ly_brands_14 .list .item{border-radius: 20px;box-sizing: border-box;margin-bottom: 30px;padding: 10px}.ly_brands_14 .list .item .img_box{width: 305px;box-sizing: border-box;padding: 25px;background-color: #F6F6F6}.ly_brands_14 .list .item .info{padding: 30px 0 20px}.ly_brands_14 .list .item .item_title{line-height: 1.2}@media screen and (max-width: 1000px){.ly_brands_14 .brand_box{flex-direction: column;gap: 30px}.ly_brands_14 .left_warpper{flex: 0 0 100%;padding-left: 0}.ly_brands_14 .right_warpper{flex: 0 0 100%}.ly_brands_14 .btn_more{margin-top: 15px}.ly_brands_14 .list{padding: 0}} .ly_brands_14 .right_warpper::-webkit-scrollbar{border-radius: 8px;height: 8px;background-color: transparent}.ly_brands_14 .right_warpper::-webkit-scrollbar-thumb{border-radius: 8px;background-color: #fff}.ly_brands_14 .right_warpper::-webkit-scrollbar-thumb:hover{background-color: #fff} .ly_brands_14[data-visual-id="163"] .btn_more{font-family: Poppins-SemiBold;color: #4784D7;background-color: #00000000;border: 1px solid #0158CC;font-size: 14px;border-radius: 0px !important;text-align: center;padding-left: 22px;padding-right: 22px;padding-top: 6px;padding-bottom: 6px;}.ly_brands_14[data-visual-id="163"] .btn_more:hover{color: #FFFFFF;background-color: #0158CC;border: 1px solid #0158CC;} .ly_brands_14[data-visual-id="163"] .wide{width:100%; margin:0;padding:0;}.ly_brands_14[data-visual-id="163"]{padding-top:211px;padding-bottom:177px;}.ly_brands_14[data-visual-id="163"] .wide .section{box-sizing: border-box;padding-left:0%;padding-right:0%;}@media screen and (max-width: 1000px) {.ly_brands_14[data-visual-id="163"]{padding-top:50px;padding-bottom:40px;}.ly_brands_14[data-visual-id="163"] .wide{}.ly_brands_14[data-visual-id="163"] .wide .section{padding-left:3%;padding-right:3%;}} .ly_brands_14[data-visual-id="163"] { background-color: #F4F6F3; } .ly_brands_14[data-visual-id="163"] .left_warpper .title { font-size: 48px; color: #000000; } .ly_brands_14[data-visual-id="163"] .left_warpper .content { font-size: 18px; color: #555555; } .ly_brands_14[data-visual-id="163"] .list .item { border-radius: 30px; background-color: #FFFFFF; } .ly_brands_14[data-visual-id="163"] .list .item .img_box { border-radius: 26px; } .ly_brands_14[data-visual-id="163"] .right_warpper::-webkit-scrollbar-thumb{ background: #FFFFFF; } .ly_brands_14[data-visual-id="163"] .right_warpper::-webkit-scrollbar-thumb:hover{ background: #FFFFFF; } .ly_brands_14[data-visual-id="163"] .list .item.Poster-1 .item_title { font-size: 22px; color: #006AD0; } .ly_brands_14[data-visual-id="163"] .list .item.Poster-2 .item_title { font-size: 22px; color: #006AD0; } .ly_brands_14[data-visual-id="163"] .list .item.Poster-3 .item_title { font-size: 22px; color: #006AD0; } .ly_brands_14[data-visual-id="163"] .list .item.Poster-4 .item_title { font-size: 22px; color: #006AD0; } @media screen and (max-width: 1000px) { .ly_brands_14[data-visual-id="163"] .left_warpper .title { font-size: 24px; } .ly_brands_14[data-visual-id="163"] .left_warpper .content { font-size: 14px; } .ly_brands_14[data-visual-id="163"] .list .item.Poster-1 .item_title { font-size: 16px; } .ly_brands_14[data-visual-id="163"] .list .item.Poster-2 .item_title { font-size: 16px; } .ly_brands_14[data-visual-id="163"] .list .item.Poster-3 .item_title { font-size: 16px; } .ly_brands_14[data-visual-id="163"] .list .item.Poster-4 .item_title { font-size: 16px; }} .ly_poster_167 a{text-decoration: none}.ly_poster_167 .relative_box{position: relative}.ly_poster_167 .poster_box{display: flex;align-items: center;justify-content: space-between}.ly_poster_167 .left_warpper{display: flex;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;width: 45.12%}.ly_poster_167 .left_warpper .subtitle{line-height: 1.6}.ly_poster_167 .left_warpper .title{margin-top: 11px;line-height: 1.2}.ly_poster_167 .left_warpper .content{margin-top: 19px;line-height: 1.6}.ly_poster_167 .left_warpper .btn_box{margin-top: 32px}.ly_poster_167 .left_warpper .button{line-height: 1.2;transition: all .3s ease}.ly_poster_167 .left_warpper .button::after{content: "\e634";display: inline-block;margin-left: 6px;font-family: "iconfont";font-size: 19px;transition: all .3s ease}.ly_poster_167 .right_warpper{position: relative;overflow: hidden;width: 51.3%}.ly_poster_167 .right_warpper:before{content: '';position: absolute;top: 50%;left: 50%;z-index: 1;width: 100%;height: 100%;pointer-events: none}.ly_poster_167 .right_warpper .dot_position_box{position: absolute;position: absolute;top: 50%;left: 50%;z-index: 10;width: 100%;height: 100%;transform: translate(-50%, -50%);transform: translate(-50%, -50%)}.ly_poster_167 .right_warpper .dot_position_box .dot_item{position: absolute;z-index: 1}.ly_poster_167 .right_warpper .dot_position_box .dot_item.cur{z-index: 3}.ly_poster_167 .right_warpper .dot_position_box .dot_item .dot_coordinate{position: relative;border-radius: 100%;width: 14px;height: 14px;cursor: pointer}.ly_poster_167 .right_warpper .dot_position_box .dot_item .dot_coordinate .iconfont{display: inline-block;position: absolute;top: 50%;left: 50%;color: inherit;transform: translate(-50%, -50%)}.ly_poster_167 .right_warpper .dot_position_box .dot_item .dot_info{display: none;position: absolute;left: 50%;bottom: calc(100% + 10px);border-radius: 5px;box-shadow: #aaa 0px 0px 10px;width: 250px;box-sizing: border-box;padding: 10px;transform: translateX(-50%);opacity: 0.8}.ly_poster_167 .right_warpper .dot_position_box .dot_item .dot_info .dot_info_name{line-height: 1.2}.ly_poster_167 .right_warpper .dot_position_box .dot_item .dot_info .dot_info_subtitle{margin-top: 6px;line-height: 1.6}.ly_poster_167 .right_warpper .dot_position_box .dot_item .dot_info .dot_info_button{margin-top: 12px}.ly_poster_167 .right_warpper .dot_position_box .dot_item .dot_info .dot_info_button a{display: inline-block;width: 100%;box-sizing: border-box;text-align: center}.ly_poster_167 .right_warpper .dot_position_box .dot_item.cur .dot_info{display: block}@media screen and (max-width: 1000px){.ly_poster_167 .poster_box{flex-direction: column}.ly_poster_167 .left_warpper{width: 100%}.ly_poster_167 .left_warpper .title{margin-top: 10px}.ly_poster_167 .left_warpper .content{margin-top: 10px}.ly_poster_167 .left_warpper .btn_box{margin-top: 10px}.ly_poster_167 .left_warpper .button::after{font-size: 14px}.ly_poster_167 .right_warpper{width: 100%;margin-top: 20px}.ly_poster_167 .right_warpper .dot_position_box .dot_item .dot_info{width: 200px}} .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-1 a{color: #007FD6;background-color: #00000000;border: 1px solid #007FD6;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 20px;padding-right: 20px;padding-top: 13px;padding-bottom: 13px;}.ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-1 a:hover{color: #FFFFFF;background-color: #007FD6;border: 1px solid #007FD6;} .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-2 a{color: #007FD6;background-color: #00000000;border: 1px solid #007FD6;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 20px;padding-right: 20px;padding-top: 13px;padding-bottom: 13px;}.ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-2 a:hover{color: #FFFFFF;background-color: #007FD6;border: 1px solid #007FD6;} .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-3 a{color: #007FD6;background-color: #00000000;border: 1px solid #007FD6;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 20px;padding-right: 20px;padding-top: 13px;padding-bottom: 13px;}.ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-3 a:hover{color: #FFFFFF;background-color: #007FD6;border: 1px solid #007FD6;} .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-4 a{color: #007FD6;background-color: #00000000;border: 1px solid #007FD6;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 20px;padding-right: 20px;padding-top: 13px;padding-bottom: 13px;}.ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-4 a:hover{color: #FFFFFF;background-color: #007FD6;border: 1px solid #007FD6;} .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-5 a{color: #007FD6;background-color: #00000000;border: 1px solid #007FD6;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 20px;padding-right: 20px;padding-top: 13px;padding-bottom: 13px;}.ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-5 a:hover{color: #FFFFFF;background-color: #007FD6;border: 1px solid #007FD6;} .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-6 a{color: #007FD6;background-color: #00000000;border: 1px solid #007FD6;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 20px;padding-right: 20px;padding-top: 13px;padding-bottom: 13px;}.ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-6 a:hover{color: #FFFFFF;background-color: #007FD6;border: 1px solid #007FD6;} .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-7 a{color: #007FD6;background-color: #00000000;border: 1px solid #007FD6;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 20px;padding-right: 20px;padding-top: 13px;padding-bottom: 13px;}.ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-7 a:hover{color: #FFFFFF;background-color: #007FD6;border: 1px solid #007FD6;} .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-8 a{color: #007FD6;background-color: #00000000;border: 1px solid #007FD6;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 20px;padding-right: 20px;padding-top: 13px;padding-bottom: 13px;}.ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-8 a:hover{color: #FFFFFF;background-color: #007FD6;border: 1px solid #007FD6;} .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-9 a{color: #007FD6;background-color: #00000000;border: 1px solid #007FD6;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 20px;padding-right: 20px;padding-top: 13px;padding-bottom: 13px;}.ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-9 a:hover{color: #FFFFFF;background-color: #007FD6;border: 1px solid #007FD6;} .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-10 a{color: #007FD6;background-color: #00000000;border: 1px solid #007FD6;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 20px;padding-right: 20px;padding-top: 13px;padding-bottom: 13px;}.ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-10 a:hover{color: #FFFFFF;background-color: #007FD6;border: 1px solid #007FD6;} .ly_poster_167[data-visual-id="164"] .wide{width:1680px; margin:0 auto; padding:0;}.ly_poster_167[data-visual-id="164"]{padding-top:180px;padding-bottom:210px;}.ly_poster_167[data-visual-id="164"] .wide .section{box-sizing: border-box;padding-left:0%;padding-right:0%;}@media screen and (max-width: 1720px) {.ly_poster_167[data-visual-id="164"] .wide{ width: 96%;box-sizing: border-box;}}@media screen and (max-width: 1000px) {.ly_poster_167[data-visual-id="164"]{padding-top:40px;padding-bottom:50px;}.ly_poster_167[data-visual-id="164"] .wide{width:98%; min-width:inherit;}.ly_poster_167[data-visual-id="164"] .wide .section{padding-left:3%;padding-right:3%;}} .ly_poster_167[data-visual-id="164"] { background-color: #007FD6; } .ly_poster_167[data-visual-id="164"] .right_warpper:before { background-color: rgba(0,0,0,0%); } .ly_poster_167[data-visual-id="164"] .left_warpper .title { font-size: 40px; color: #FFFFFF; } .ly_poster_167[data-visual-id="164"] .left_warpper .subtitle { font-size: 24px; color: #CFE2F5; } .ly_poster_167[data-visual-id="164"] .left_warpper .content { font-size: 18px; color: #FFFFFF; } .ly_poster_167[data-visual-id="164"] .left_warpper .button { font-size: 24px; color: #FFFFFF; } .ly_poster_167[data-visual-id="164"] .left_warpper .button::after { color: #FFFFFF; } .ly_poster_167[data-visual-id="164"] .left_warpper .button:hover { color: #FF6D66; } .ly_poster_167[data-visual-id="164"] .left_warpper .button:hover::after { color: #FF6D66; } .ly_poster_167[data-visual-id="164"] .right_warpper { border-radius: 0px; } .ly_poster_167[data-visual-id="164"] .right_warpper .dot_position_box .dot_item .dot_coordinate { background-color: #f8000c; color: #f8000c; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-1 { left: 19%; top: 20%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-1 { left: 19%; top: 20%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-1 .dot_info{ background-color: #FFFFFF; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-1 .dot_info .dot_info_name{ font-size: 20px; color: #007FD6; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-1 .dot_info .dot_info_subtitle{ font-size: 14px; color: #000000; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-2 { left: 18%; top: 31%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-2 { left: 18%; top: 31%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-2 .dot_info{ background-color: #FFFFFF; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-2 .dot_info .dot_info_name{ font-size: 20px; color: #007FD6; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-2 .dot_info .dot_info_subtitle{ font-size: 14px; color: #000000; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-3 { left: 23%; top: 40%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-3 { left: 23%; top: 40%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-3 .dot_info{ background-color: #FFFFFF; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-3 .dot_info .dot_info_name{ font-size: 20px; color: #007FD6; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-3 .dot_info .dot_info_subtitle{ font-size: 14px; color: #000000; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-4 { left: 26%; top: calc(69% - 14px); } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-4 { left: 26%; top: calc(69% - 14px); } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-4 .dot_info{ background-color: #FFFFFF; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-4 .dot_info .dot_info_name{ font-size: 20px; color: #007FD6; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-4 .dot_info .dot_info_subtitle{ font-size: 14px; color: #000000; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-5 { left: 45%; top: calc(55% - 14px); } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-5 { left: 45%; top: calc(55% - 14px); } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-5 .dot_info{ background-color: #FFFFFF; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-5 .dot_info .dot_info_name{ font-size: 20px; color: #007FD6; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-5 .dot_info .dot_info_subtitle{ font-size: 14px; color: #000000; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-6 { left: calc(63% - 14px); top: 35%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-6 { left: calc(63% - 14px); top: 35%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-6 .dot_info{ background-color: #FFFFFF; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-6 .dot_info .dot_info_name{ font-size: 20px; color: #007FD6; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-6 .dot_info .dot_info_subtitle{ font-size: 14px; color: #000000; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-7 { left: calc(78% - 14px); top: 45%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-7 { left: calc(78% - 14px); top: 45%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-7 .dot_info{ background-color: #FFFFFF; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-7 .dot_info .dot_info_name{ font-size: 20px; color: #007FD6; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-7 .dot_info .dot_info_subtitle{ font-size: 14px; color: #000000; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-8 { left: calc(83% - 14px); top: 34%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-8 { left: calc(83% - 14px); top: 34%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-8 .dot_info{ background-color: #FFFFFF; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-8 .dot_info .dot_info_name{ font-size: 20px; color: #007FD6; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-8 .dot_info .dot_info_subtitle{ font-size: 14px; color: #000000; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-9 { left: calc(86% - 14px); top: 41%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-9 { left: calc(86% - 14px); top: 41%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-9 .dot_info{ background-color: #FFFFFF; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-9 .dot_info .dot_info_name{ font-size: 20px; color: #007FD6; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-9 .dot_info .dot_info_subtitle{ font-size: 14px; color: #000000; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-10 { left: calc(90% - 14px); top: 19%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-10 { left: calc(90% - 14px); top: 19%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-10 .dot_info{ background-color: #FFFFFF; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-10 .dot_info .dot_info_name{ font-size: 20px; color: #007FD6; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-10 .dot_info .dot_info_subtitle{ font-size: 14px; color: #000000; } @media screen and (max-width: 1000px) { .ly_poster_167[data-visual-id="164"] .left_warpper .title { font-size: 30px; } .ly_poster_167[data-visual-id="164"] .left_warpper .subtitle { font-size: 18px; } .ly_poster_167[data-visual-id="164"] .left_warpper .content { font-size: 14px; } .ly_poster_167[data-visual-id="164"] .left_warpper .button { font-size: 14px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-1 { left: 19%; top: 20%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-1 { left: 19%; top: 20%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-1 .dot_info .dot_info_name{ font-size: 18px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-1 .dot_info .dot_info_subtitle{ font-size: 14px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-2 { left: 18%; top: 31%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-2 { left: 18%; top: 31%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-2 .dot_info .dot_info_name{ font-size: 18px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-2 .dot_info .dot_info_subtitle{ font-size: 14px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-3 { left: 23%; top: 40%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-3 { left: 23%; top: 40%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-3 .dot_info .dot_info_name{ font-size: 18px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-3 .dot_info .dot_info_subtitle{ font-size: 14px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-4 { left: 26%; top: calc(69% - 14px); } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-4 { left: 26%; top: calc(69% - 14px); } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-4 .dot_info .dot_info_name{ font-size: 18px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-4 .dot_info .dot_info_subtitle{ font-size: 14px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-5 { left: 45%; top: calc(55% - 14px); } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-5 { left: 45%; top: calc(55% - 14px); } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-5 .dot_info .dot_info_name{ font-size: 18px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-5 .dot_info .dot_info_subtitle{ font-size: 14px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-6 { left: calc(63% - 14px); top: 35%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-6 { left: calc(63% - 14px); top: 35%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-6 .dot_info .dot_info_name{ font-size: 18px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-6 .dot_info .dot_info_subtitle{ font-size: 14px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-7 { left: calc(78% - 14px); top: 45%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-7 { left: calc(78% - 14px); top: 45%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-7 .dot_info .dot_info_name{ font-size: 18px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-7 .dot_info .dot_info_subtitle{ font-size: 14px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-8 { left: calc(83% - 14px); top: 34%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-8 { left: calc(83% - 14px); top: 34%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-8 .dot_info .dot_info_name{ font-size: 18px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-8 .dot_info .dot_info_subtitle{ font-size: 14px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-9 { left: calc(86% - 14px); top: 41%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-9 { left: calc(86% - 14px); top: 41%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-9 .dot_info .dot_info_name{ font-size: 18px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-9 .dot_info .dot_info_subtitle{ font-size: 14px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-10 { left: calc(90% - 14px); top: 19%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.cur.Poster-10 { left: calc(90% - 14px); top: 19%; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-10 .dot_info .dot_info_name{ font-size: 18px; } .ly_poster_167[data-visual-id="164"] .dot_position_box .dot_item.Poster-10 .dot_info .dot_info_subtitle{ font-size: 14px; }} .ly_poster_47{overflow: hidden}.ly_poster_47 .section{display: flex;justify-content: space-between}.ly_poster_47 .right_box{width: 46%;margin-top: 5.5%}.ly_poster_47 .left_box{width: 50%}.ly_poster_47 .right_box .r_title{line-height: 1.65;padding: 10px 0}.ly_poster_47 .right_box .r_subtitle{line-height: 2}.ly_poster_47 .right_box .r_content{line-height: 2}.ly_poster_47 .right_box .r_button{display: inline-block;margin-top: 16.5%;font-size: 14px;text-decoration: none;line-height: 15px}.ly_poster_47 .right_box .r_button i{display: inline-block;margin-left: 10px;width: 15px;height: 15px;position: relative;vertical-align: top;border-radius: 15px}.ly_poster_47 .right_box .r_button i::before{content: '';width: 0;height: 0;border: 4px solid transparent;border-right: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 2px;margin: auto}@media screen and (max-width: 1000px){.ly_poster_47 .section{flex-wrap: wrap}.ly_poster_47 .left_box{width: 100%}.ly_poster_47 .right_box{width: 100%;z-index: 0}.ly_poster_47 .right_box .r_title{line-height: 1.65;padding: 2px 0}.ly_poster_47 .right_box .r_button{margin-top: 24px}} html[data-theme="t338"] .ly_poster_47 .right_box .r_title{line-height: 1.2}html[data-theme="t338"] .ly_poster_47 .right_box .r_subtitle{line-height: 1.2}html[data-theme="t338"] .ly_poster_47 .right_box .r_content{line-height: 1.6}html[data-theme="t338"] .ly_poster_47 .right_box .r_button{margin-top: 58px;font-size: 24px;line-height: 1.2}html[data-theme="t338"] .ly_poster_47 .right_box .r_button i{width: 30px;height: 30px}html[data-theme="t338"] .ly_poster_47 .right_box .r_button i::before{content: "\e634";display: inline-block;position: unset;border: 0;margin-left: 6px;font-family: "iconfont";font-size: 19px;transition: all .3s ease}@media screen and (max-width: 1000px){html[data-theme="t338"] .ly_poster_47 .right_box{width: 94%;margin-left: 3%;margin-right: 3%}html[data-theme="t338"] .ly_poster_47 .right_box .r_title{padding: 10px 0}html[data-theme="t338"] .ly_poster_47 .right_box .r_button{margin-top: 30px;font-size: 16px}html[data-theme="t338"] .ly_poster_47 .right_box .r_button i::before{font-size: 14px}} html[lang=ar][data-theme="t338"] .ly_poster_47 .right_box .r_button i{transform: rotate(180deg)} .ly_poster_47[data-visual-id="165"] .wide{width:100%; margin:0;padding:0;}.ly_poster_47[data-visual-id="165"]{padding-top:0px;padding-bottom:0px;}.ly_poster_47[data-visual-id="165"] .wide .section{box-sizing: border-box;padding-left:0%;padding-right:0%;}@media screen and (max-width: 1000px) {.ly_poster_47[data-visual-id="165"]{padding-top:0px;padding-bottom:10px;}.ly_poster_47[data-visual-id="165"] .wide{}.ly_poster_47[data-visual-id="165"] .wide .section{padding-left:0%;padding-right:0%;}} .ly_poster_47[data-visual-id="165"]{background-color: #002D69;} .ly_poster_47[data-visual-id="165"] .right_box .r_title{color: #FFFFFF;font-size: 48px;} .ly_poster_47[data-visual-id="165"] .right_box .r_subtitle{color: #FFFFFF;font-size: 24px;} .ly_poster_47[data-visual-id="165"] .right_box .r_content{color: #FFFFFF;font-size: 18px;} .ly_poster_47[data-visual-id="165"] .right_box .r_button{color: #FFFFFF;} .ly_poster_47[data-visual-id="165"] .right_box .r_button i{background-color: #00000000;} .ly_poster_47[data-visual-id="165"] .right_box .r_button:hover{color: #FF6D66;} .ly_poster_47[data-visual-id="165"] .right_box .r_button:hover i{background-color: #00000000;} .ly_poster_47[data-visual-id="165"] .right_box .r_button i::before{border-left-color: #FFFFFF;} .ly_poster_47[data-visual-id="165"] .right_box .r_button:hover i::before{border-left-color: #FF6D66;} @media screen and (max-width: 1000px) { .ly_poster_47[data-visual-id="165"] .right_box .r_title{font-size: 24px;} .ly_poster_47[data-visual-id="165"] .right_box .r_subtitle{font-size: 18px;} .ly_poster_47[data-visual-id="165"] .right_box .r_content{font-size: 14px;}} .ly_brands_15 a{text-decoration: none}.ly_brands_15 .brand_box{display: flex;justify-content: space-between}.ly_brands_15 .left_warpper{flex: 0 0 35%;box-sizing: border-box}.ly_brands_15 .right_warpper{flex: 0 0 60%;overflow-x: auto;box-sizing: border-box}.ly_brands_15 .btn_more{display: inline-block;overflow: hidden;margin-top: 43px}.ly_brands_15 .list{display: flex;gap: 54px}.ly_brands_15 .list .item{box-sizing: border-box;margin-bottom: 10px}.ly_brands_15 .list .item .img_box{width: 80px;box-sizing: border-box}@media screen and (max-width: 1000px){.ly_brands_15 .brand_box{flex-direction: column;gap: 30px}.ly_brands_15 .left_warpper{flex: 0 0 100%;padding-left: 0}.ly_brands_15 .right_warpper{flex: 0 0 100%}.ly_brands_15 .btn_more{margin-top: 15px}.ly_brands_15 .list{flex-wrap: wrap;gap: 30px;padding: 0}.ly_brands_15 .list .item{display: inline-flex;justify-content: center;width: calc((100% - 60px) / 3)}} .ly_brands_15[data-visual-id="166"] .wide{width:1680px; margin:0 auto; padding:0;}.ly_brands_15[data-visual-id="166"]{padding-top:60px;padding-bottom:60px;}.ly_brands_15[data-visual-id="166"] .wide .section{box-sizing: border-box;padding-left:0%;padding-right:0%;}@media screen and (max-width: 1720px) {.ly_brands_15[data-visual-id="166"] .wide{ width: 96%;box-sizing: border-box;}}@media screen and (max-width: 1000px) {.ly_brands_15[data-visual-id="166"]{padding-top:30px;padding-bottom:30px;}.ly_brands_15[data-visual-id="166"] .wide{width:98%; min-width:inherit;}.ly_brands_15[data-visual-id="166"] .wide .section{padding-left:3%;padding-right:3%;}} .ly_brands_15[data-visual-id="166"] { background-color: #F4F6F3; } .ly_brands_15[data-visual-id="166"] .left_warpper .title { font-size: 48px; color: #000000; } .ly_brands_15[data-visual-id="166"] .list .item { border-radius: ; background-color: ; } .ly_brands_15[data-visual-id="166"] .list .item .img_box { border-radius: ; } @media screen and (max-width: 1000px) { .ly_brands_15[data-visual-id="166"] .left_warpper .title { font-size: 24px; }} .ly_footer_66{background-color: var(--ThemesFooterBgColor)}.ly_footer_66 .nav{padding-top: 85px;padding-bottom: 45px}.ly_footer_66 .copy{padding: 25px 0;color: var(--ThemesFooterTextColor);font-size: 14px;text-align: center;border-top: 1px solid var(--ThemesFooterLineColor)}.ly_footer_66 .copy a{color: var(--ThemesFooterTextColor)}.ly_footer_66 .follow_us_list li{width: 36px}.ly_footer_66 .follow_us_list li a{height: 36px;text-align: center}.ly_footer_66 .follow_us_list i{width: 36px;height: 36px;line-height: 36px;border-radius: 18px;background-color: var(--ThemesFooterIconColor);color: var(--ThemesFooterBgColor);font-size: 22px}.ly_footer_66 .default_foot_menu_style .menu_list{margin-bottom: 30px}.ly_footer_66 .default_foot_menu_style .menu_list dl{padding-right: 20%}.ly_footer_66 .default_foot_menu_style .menu_list dd{font-family: var(--ThemesFooterNavFont)}.ly_footer_66 .default_foot_menu_style .menu_list dd, .ly_footer_66 .default_foot_menu_style .menu_list dd a{font-size: 14px;color: var(--ThemesFooterTextColor);line-height: 1.5}.ly_footer_66 .default_foot_menu_style .menu_list dt{font-family: var(--ThemesFooterNavFont)}.ly_footer_66 .default_foot_menu_style .menu_list dt, .ly_footer_66 .default_foot_menu_style .menu_list dt a{color: var(--ThemesFooterTitleColor);font-size: 30px;margin-bottom: 30px}.ly_footer_66 .default_foot_menu_style .menu_list.menu_list_menu dd{margin-bottom: 15px}.ly_footer_66 .default_foot_menu_style .menu_list.menu_list_contact dd.row{margin-bottom: 15px}.ly_footer_66 .default_foot_menu_style .menu_list.menu_list_newsletter .subtitle{margin-bottom: 35px}.ly_footer_66 .default_foot_menu_style .menu_list.menu_list_newsletter .default_newsletter_style{margin-bottom: 10px}.ly_footer_66 .default_foot_menu_style .menu_list.menu_list_newsletter .default_newsletter_form{display: flex;align-items: flex-start}.ly_footer_66 .default_foot_menu_style .menu_list.menu_list_newsletter .default_newsletter_form input, .ly_footer_66 .default_foot_menu_style .menu_list.menu_list_newsletter .default_newsletter_form button{height: 49px;line-height: 49px;box-sizing: border-box;margin-bottom: 10px}.ly_footer_66 .default_foot_menu_style .menu_list.menu_list_newsletter .default_newsletter_form .text{text-indent: 15px;font-size: 14px;flex-grow: 1;max-width: 350px}.ly_footer_66 .default_foot_menu_style .menu_list.menu_list_newsletter .default_newsletter_form .subscribe{border: 1px solid transparent;color: #ffffff;padding: 0 17px;cursor: pointer}.ly_footer_66 .default_foot_menu_style .menu_list.menu_list_newsletter .default_newsletter_form .subscribe i{font-size: 24px}.ly_footer_66 .default_foot_menu_style .menu_list.menu_list_contact.hasIcon dd.row{position: relative;padding-left: 30px}.ly_footer_66 .default_foot_menu_style .menu_list.menu_list_contact.hasIcon dd.row span{left: 0}.ly_footer_66 .default_foot_menu_style .menu_list.menu_list_contact dd.row span.icon{width: auto;position: absolute;top: 0;display: flex;justify-content: center;align-items: center;display:inline-block;line-height:normal;height:auto;background-color: transparent;line-height: 1.6}@media screen and (min-width: 1680px){.ly_footer_66 .wide{width: 1680px}} @media screen and (max-width: 1000px){.ly_footer_66{padding-top: 45px}.ly_footer_66 .nav{padding: 0}.ly_footer_66 .default_foot_menu_style .menu_list{margin: 0}.ly_footer_66 .default_foot_menu_style .menu_list:last-child dl{border: 0}.ly_footer_66 .default_foot_menu_style .menu_list dt, .ly_footer_66 .default_foot_menu_style .menu_list dt a{font-size: 16px}.ly_footer_66 .default_foot_menu_style .menu_list dl{padding: 0;border-bottom: 1px solid var(--ThemesFooterLineColor)}.ly_footer_66 .default_foot_menu_style .menu_list dl dt{margin: 0;padding: 15px 0}.ly_footer_66 .default_foot_menu_style .menu_list dl dt>i{font-size: 20px}.ly_footer_66 .default_foot_menu_style .menu_list dl dd{display: none}.ly_footer_66 .default_foot_menu_style .menu_list dl.focus dd{display: block}.ly_footer_66 .default_foot_menu_style .menu_list.menu_list_contact dd{display: none}.ly_footer_66 .default_foot_menu_style .menu_list.menu_list_contact dl.focus dd{display: flex}.ly_footer_66 .default_foot_menu_style .menu_list.menu_list_newsletter .subtitle{margin-bottom: 20px}} :root{--ThemesFooterBgColor: #007FD6;--ThemesFooterLineColor: #1694EB;--ThemesFooterTitleColor: #FFFFFF;--ThemesFooterTextColor: #FFFFFF;--ThemesFooterIconColor: #FFFFFF;--ThemesFooterNavFont: Opensans-Bold;} .ly_footer_66[data-visual-id="167"] .default_foot_menu_style .menu_list[data-blocks="Newsletter-1"] .default_newsletter_style .subscribe { border: 1px solid #000000; color: #FFFFFF; background-color: #000000; } .ly_footer_66[data-visual-id="167"] .default_foot_menu_style .menu_list dt, .ly_footer_66[data-visual-id="167"] .default_foot_menu_style .menu_list dt a { font-size: 16px; } .ly_footer_66[data-visual-id="167"] .default_foot_menu_style .menu_list dd, .ly_footer_66[data-visual-id="167"] .default_foot_menu_style .menu_list dd a, .ly_footer_66[data-visual-id="167"] .menu_list.menu_list_custom_content .custom_content { font-size: 14px; } .ly_footer_66[data-visual-id="167"] .default_foot_menu_style .menu_list.menu_list_contact dd span i { color:#ffffff; } @media screen and (max-width: 1000px) { .ly_footer_66[data-visual-id="167"] .default_foot_menu_style .menu_list dt, .ly_footer_66[data-visual-id="167"] .default_foot_menu_style .menu_list dt a { font-size: 16px; } .ly_footer_66[data-visual-id="167"] .default_foot_menu_style .menu_list dd, .ly_footer_66[data-visual-id="167"] .default_foot_menu_style .menu_list dd a, .ly_footer_66[data-visual-id="167"] .menu_list.menu_list_custom_content .custom_content { font-size: 14px; }} @media screen and (min-width:1000px) { .default_foot_menu_style .menu_list{width: 25%;box-sizing: border-box;}} .default_foot_menu_style .menu_list.menu_list_custom_content .logo{max-width: 100%;margin-bottom: 15px;} /** * xfCaptcha - 滑动验证码样式表 * * @package zxf/captcha * @license MIT * @version 1.0.6 */ /* ============================================ CSS 变量定义 - 支持主题切换 ============================================ */ :root { /* 浅色主题 (默认) */ --xf-captcha-bg: #ffffff; --xf-captcha-text: #303133; --xf-captcha-border: #dcdfe6; --xf-captcha-shadow: rgba(0, 0, 0, 0.12); --xf-captcha-slide-bg: linear-gradient(135deg, #f5f7fa 0%, #e4e7ed 100%); --xf-captcha-slide-border: #c0c4cc; --xf-captcha-tools-border: #ebeef5; --xf-captcha-loading-bg: linear-gradient(135deg, #f5f7fa 0%, #e4e7ed 100%); --xf-captcha-msg-error-bg: #ff4d4f; --xf-captcha-msg-error-text: #ffffff; --xf-captcha-msg-error-border: #ff4d4f; --xf-captcha-msg-ok-bg: #52c41a; --xf-captcha-msg-ok-text: #ffffff; --xf-captcha-msg-ok-border: #52c41a; --xf-captcha-copyright: #909399; --xf-captcha-mask: rgba(0, 0, 0, 0.45); } /* 深色主题 */ [data-theme="dark"] { --xf-captcha-bg: #1f1f1f; --xf-captcha-text: #e0e0e0; --xf-captcha-border: #434343; --xf-captcha-shadow: rgba(0, 0, 0, 0.5); --xf-captcha-slide-bg: linear-gradient(135deg, #2d2d2d 0%, #262626 100%); --xf-captcha-slide-border: #555555; --xf-captcha-tools-border: #333333; --xf-captcha-loading-bg: linear-gradient(135deg, #2d2d2d 0%, #262626 100%); --xf-captcha-msg-error-bg: #ff4d4f; --xf-captcha-msg-error-text: #ffffff; --xf-captcha-msg-error-border: #ff4d4f; --xf-captcha-msg-ok-bg: #52c41a; --xf-captcha-msg-ok-text: #ffffff; --xf-captcha-msg-ok-border: #52c41a; --xf-captcha-copyright: #737373; --xf-captcha-mask: rgba(0, 0, 0, 0.65); } /* ============================================ 触发按钮样式 ============================================ */ .xf-captcha-wrap { display: block; width: 100%; } .xf-captcha-wrap[data-xf-gate] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* 基础按钮样式：宽度随父级铺满 */ .xf-captcha { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 100%; box-sizing: border-box; height: 42px; border: 1px solid var(--xf-captcha-border); border-radius: 8px; background: var(--xf-captcha-slide-bg); color: var(--xf-captcha-text); font-size: 13px; font-weight: 500; cursor: pointer; transition: all 0.25s ease; user-select: none; position: relative; overflow: hidden; box-shadow: 0 2px 4px var(--xf-captcha-shadow); touch-action: manipulation; -webkit-tap-highlight-color: transparent; letter-spacing: 0.3px; } .xf-captcha:hover { border-color: #409eff; color: #409eff; background: linear-gradient(135deg, #ecf5ff 0%, #d9ecff 100%); box-shadow: 0 2px 8px rgba(64, 158, 255, 0.25); transform: translateY(-1px); } .xf-captcha:active { transform: translateY(0); } .xf-captcha.verified { background: linear-gradient(135deg, #67c23a 0%, #85ce61 100%); border-color: #67c23a; color: #fff; } .xf-captcha.captcha_success, .xf-captcha:empty { color: #52c41a; } .global_inquiry_form .xf-captcha, .sign_up_form .xf-captcha { min-height: 40px; line-height: 40px; border-radius: 4px; background: #fff; } .sign_up_form .code_box .xf-captcha-wrap { width: 100%; } /* 深色主题下按钮样式调整 */ [data-theme="dark"] .xf-captcha:hover { background: linear-gradient(135deg, #1a3a5a 0%, #0a2a4a 100%); } /* ============================================ 水波纹动画效果 ============================================ */ .captcha_ripple { position: relative; overflow: hidden; } .captcha_ripple::before, .captcha_ripple::after { content: ''; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; background-color: #1ab394; border-radius: 50%; pointer-events: none; box-shadow: 0 0 12px rgba(26, 179, 148, 0.5); } .captcha_ripple::before { animation: captcha-ripple 2s ease-out infinite; } .captcha_ripple::after { animation: captcha-ripple 2s ease-out infinite 0.5s; } @keyframes captcha-ripple { 0% { transform: translateY(-50%) scale(1); opacity: 1; } 100% { transform: translateY(-50%) scale(5); opacity: 0; } } /* 验证通过后停止水波纹 */ .xf-captcha.verified::before, .xf-captcha.verified::after { display: none; } /* ============================================ 遮罩层和弹窗 ============================================ */ /* 背景遮罩 */ .captcha_div_bg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--xf-captcha-mask); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); z-index: 100010; animation: captcha-fade-in 0.25s ease; touch-action: none; } /* 验证码弹窗 */ .captcha_div { display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 260px; padding: 8px; box-sizing: border-box; background: var(--xf-captcha-bg); border-radius: 12px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(0, 0, 0, 0.1); z-index: 100011; animation: captcha-scale-in 0.25s cubic-bezier(0.34, 1.56, 0.64, 1); touch-action: none; -webkit-tap-highlight-color: transparent; border: 1px solid var(--xf-captcha-border); } /* 弹窗入场动画 */ @keyframes captcha-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes captcha-scale-in { from { opacity: 0; transform: translate(-50%, -50%) scale(0.85); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } } /* 抖动动画 */ .captcha_shake { animation: captcha-shake 0.4s ease-in-out; } @keyframes captcha-shake { 0%, 100% { transform: translate(-50%, -50%) translateX(0); } 20%, 60% { transform: translate(-50%, -50%) translateX(-4px); } 40%, 80% { transform: translate(-50%, -50%) translateX(4px); } } /* ============================================ Canvas 画布 ============================================ */ .captcha_div canvas { display: block; width: 244px; height: 152px; margin: 0 auto; border-radius: 6px; box-sizing: border-box; border: 2px solid transparent; transition: border-color 0.2s ease; touch-action: none; } .captcha_div:hover canvas { border-color: var(--xf-captcha-border); } .captcha_canvas_bg { position: relative; z-index: 1; border-radius: 6px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); border: 0; } .captcha_canvas_mark { position: absolute; top: 8px; left: 50%; transform: translateX(-50%); z-index: 2; pointer-events: none; border-radius: 6px; } /* ============================================ 加载提示 ============================================ */ .captcha_loading { position: relative; top: 8px; left: 50%; transform: translateX(-50%); width: 240px; height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--xf-captcha-bg); color: var(--xf-captcha-text); font-size: 13px; font-weight: 500; border-radius: 6px; z-index: 10; gap: 10px; box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.05); } .captcha_loading::before { content: ''; width: 32px; height: 32px; border: 3px solid var(--xf-captcha-border); border-top-color: #409eff; border-radius: 50%; animation: captcha-spin 0.8s linear infinite; } .captcha_loading_error::before, .captcha_loading_error::after { display: none !important; } @keyframes captcha-spin { to { transform: rotate(360deg); } } /* ============================================ 高亮光效 - 仅成功时显示 ============================================ */ .captcha_hlight { display: none; position: absolute; top: 8px; left: 8px; width: 244px; height: 152px; overflow: hidden; pointer-events: none; z-index: 10; border-radius: 6px; } .captcha_hlight::before { content: ''; position: absolute; top: 0; left: -50px; width: 30px; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.8), transparent ); transform: skewX(-20deg); } /* 成功特效 */ .captcha_success_effect::before { animation: captcha-success-hlight 1s ease-out forwards; } @keyframes captcha-success-hlight { 0% { left: -50px; opacity: 1; } 100% { left: 270px; opacity: 0; } } /* ============================================ 消息提示 - 增强移动端可见性 ============================================ */ .captcha_msg_error, .captcha_msg_ok { position: absolute; top: 130px; left: 10px; right: 8px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; font-weight: 500; border-radius: 4px; opacity: 0; transition: all 0.25s ease; z-index: 10; box-sizing: border-box; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .captcha_msg_error { background-color: #ff4d4f; color: #ffffff; border: 1px solid #ff4d4f; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); font-weight: 600; } .captcha_msg_ok { background-color: #52c41a; color: #ffffff; border: 1px solid #52c41a; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); font-weight: 600; } /* 移动端增强 */ @media (pointer: coarse) { .captcha_msg_error, .captcha_msg_ok { font-size: 13px; font-weight: 700; height: 32px; line-height: 32px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); }} /* ============================================ 滑动条区域 ============================================ */ .captcha_slide { position: relative; width: 244px; height: 38px; margin: 8px auto 6px; background: var(--xf-captcha-slide-bg); border-radius: 19px; border: 1px solid var(--xf-captcha-slide-border); overflow: hidden; box-sizing: border-box; touch-action: none; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08); } /* 滑块：36px 刚好落在 38px 轨道（含 1px 边框）内，避免圆点被裁切、探出轨道 */ .captcha_slide_block { position: absolute; left: 0; top: 0; width: 36px; height: 36px; background: linear-gradient(135deg, #1890ff 0%, #40a9ff 100%); border-radius: 18px; cursor: grab; box-shadow: 0 3px 8px rgba(24, 144, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3); transition: box-shadow 0.2s ease, transform 0.08s linear; z-index: 2; touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .captcha_slide_block::before { content: '››'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 18px; font-weight: bold; letter-spacing: -1px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } .captcha_slide_block:hover { box-shadow: 0 5px 15px rgba(24, 144, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3); } .captcha_slide_block:active, .captcha_slide_block.dragging { cursor: grabbing; box-shadow: 0 8px 20px rgba(24, 144, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3); transform: scale(1.05); } /* 提示在滑槽上方，长文案可自然换行，不撑破 38px 滑条 */ .captcha_slide_text { width: 244px; margin: 8px auto 0; padding: 0 2px; box-sizing: border-box; text-align: center; font-size: 12px; line-height: 1.4; color: var(--xf-captcha-text); user-select: none; opacity: 0.9; font-weight: 500; letter-spacing: 0; word-break: break-word; overflow-wrap: anywhere; } /* ============================================ 工具栏 ============================================ */ .captcha_tools { display: flex; align-items: center; justify-content: space-between; width: 244px; margin: 6px auto 0; padding: 4px 0 2px; box-sizing: border-box; border-top: 1px solid var(--xf-captcha-tools-border); min-height: 28px; } /* 版权链接 */ .captcha_copyright { font-size: 13px; color: var(--xf-captcha-copyright); user-select: none; cursor: pointer; text-decoration: none; padding: 2px 6px; border-radius: 3px; transition: all 0.2s ease; display: inline-flex; align-items: center; gap: 3px; } /* 版权符号由 JS 控制，避免重复 */ .captcha_copyright:hover { color: #409eff; background: rgba(64, 158, 255, 0.1); } .captcha_copyright:active { transform: scale(0.95); } /* 刷新靠左、关闭靠右，避免去掉版权后左侧空一截 */ .captcha_tools_actions { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-left: 0; } .captcha_close, .captcha_refresh { width: 28px; height: 28px; border-radius: 6px; cursor: pointer; background-repeat: no-repeat; background-position: center; background-size: 18px; transition: all 0.2s ease; border: 1px solid transparent; } /* 关闭按钮：单引号 + %27，避免线上 CSS 合并把 url("data: 改写成 CDN 路径 */ .captcha_close { background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23909999%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3C/svg%3E'); } /* 刷新按钮：单引号 + %27，避免线上 CSS 合并把 url("data: 改写成 CDN 路径 */ .captcha_refresh { background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23909999%27%3E%3Cpath d=%27M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z%27/%3E%3C/svg%3E'); } /* ============================================ 隐藏输入框 ============================================ */ .captcha_hidden_input { display: none !important; } /* ============================================ 点击验证码样式 ============================================ */ /* 点击模式下的画布样式 */ .captcha_div[data-type="click"] .captcha_canvas_bg { cursor: pointer; pointer-events: auto; /*border: 2px solid #e6f7ff;*/ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .captcha_div[data-type="click"] .captcha_canvas_bg:hover { border-color: #1890ff; box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.3); } /* 点击模式：隐藏滑槽，提示条单独占一行 */ .captcha_div[data-type="click"] .captcha_slide { display: none !important; } .captcha_div[data-type="click"] .captcha_slide_block { display: none !important; } .captcha_div[data-type="click"] .captcha_slide_text { margin: 8px auto 6px; padding: 6px 10px; line-height: 1.5; font-size: 13px; color: #1890ff; background: rgba(24, 144, 255, 0.06); border-radius: 6px; opacity: 1; } .captcha_div[data-type="click"] .captcha_slide_text strong { color: #f5222d; font-weight: 700; font-size: 14px; margin: 0 2px; } /* 点击涟漪动画效果 */ .captcha_click_ripple { animation: captcha-ripple-expand 0.4s ease-out forwards; } @keyframes captcha-ripple-expand { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(3); opacity: 0; } } /* 点击标记基础样式 */ .captcha_canvas_mark { transition: all 0.2s ease; } /* 成功时的闪光效果 */ @keyframes captcha-success-flash { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.2); } } .captcha_div[data-type="click"].captcha_success .captcha_canvas_bg { animation: captcha-success-flash 0.6s ease; border-color: #52c41a; box-shadow: 0 0 0 3px rgba(82, 196, 26, 0.3); } /* 点击提示文字样式 */ .captcha_click_hint { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.7); color: #fff; padding: 6px 14px; border-radius: 20px; font-size: 13px; pointer-events: none; z-index: 5; white-space: nowrap; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); } /* 深色模式下的点击验证码 */ [data-theme="dark"] .captcha_div[data-type="click"] .captcha_canvas_bg { border-color: #1890ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.3); } [data-theme="dark"] .captcha_div[data-type="click"] .captcha_slide_text { color: #69c0ff; background: rgba(24, 144, 255, 0.1); } /* ============================================ 响应式设计 ============================================ */ @media screen and (max-width: 360px) { .captcha_div { width: 240px; padding: 6px; } .captcha_div canvas { width: 228px; height: 142px; } .captcha_slide, .captcha_slide_text, .captcha_tools { width: 228px; }} /* ============================================ 深色模式媒体查询支持 ============================================ */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --xf-captcha-bg: #1a1a2e; --xf-captcha-text: #e0e0e0; --xf-captcha-border: #4a4a6a; --xf-captcha-shadow: rgba(0, 0, 0, 0.4); --xf-captcha-slide-bg: linear-gradient(135deg, #2d2d44 0%, #252538 100%); --xf-captcha-slide-border: #4a4a6a; --xf-captcha-tools-border: #3a3a5a; --xf-captcha-loading-bg: linear-gradient(135deg, #2d2d44 0%, #252538 100%); --xf-captcha-msg-error-bg: rgba(245, 108, 108, 0.25); --xf-captcha-msg-error-text: #ff8585; --xf-captcha-msg-error-border: rgba(245, 108, 108, 0.4); --xf-captcha-msg-ok-bg: rgba(103, 194, 58, 0.25); --xf-captcha-msg-ok-text: #95d475; --xf-captcha-msg-ok-border: rgba(103, 194, 58, 0.4); --xf-captcha-copyright: #6a6a8a; --xf-captcha-mask: rgba(0, 0, 0, 0.7); }} .k-s07bb567b.k-s07bb567b.k-s07bb567b{height:89px} .k-s0915098c.k-s0915098c.k-s0915098c{margin:auto;max-width:100%} .k-s0f6f0df4.k-s0f6f0df4.k-s0f6f0df4{padding-top:100.00%} .k-s1430bdef.k-s1430bdef.k-s1430bdef{height:0px;overflow:hidden;position:absolute;width:0px} .k-s2618e2ed.k-s2618e2ed.k-s2618e2ed{width:100%} .k-s2c876081.k-s2c876081.k-s2c876081{padding-top:54.76%} .k-s2e1f4260.k-s2e1f4260.k-s2e1f4260{padding-top:82.81%} .k-s2fe740d0.k-s2fe740d0.k-s2fe740d0{left:0;top:0} .k-s3e030633.k-s3e030633.k-s3e030633{bottom:0;height:100%;left:0;margin:auto;object-fit:cover;object-position:center center;right:0;top:0;width:100%} .k-s3f302c76.k-s3f302c76.k-s3f302c76{width:243px} .k-s467c60fe.k-s467c60fe.k-s467c60fe{visibility:hidden!important} .k-s56c45315.k-s56c45315.k-s56c45315{width:264px} .k-s5ac0020e.k-s5ac0020e.k-s5ac0020e{height:667.438px;padding-top:0px} .k-s65b19d37.k-s65b19d37.k-s65b19d37{overflow:visible;position:relative} .k-s68498d07.k-s68498d07.k-s68498d07{margin:auto;max-width:100%;width:640px} .k-s6f9051e3.k-s6f9051e3.k-s6f9051e3{display:none} .k-s7580b757.k-s7580b757.k-s7580b757{margin:auto;max-width:100%;width:280px} .k-s8dab1bf8.k-s8dab1bf8.k-s8dab1bf8{transform:translateX(-50%) translateY(72.7344px)} .k-s8f8fb9f7.k-s8f8fb9f7.k-s8f8fb9f7{padding-top:16.87%} .k-s97ab1265.k-s97ab1265.k-s97ab1265{padding-top:46.35%} .k-s9829f089.k-s9829f089.k-s9829f089{padding-top:18.50%} .k-sa48907ef.k-sa48907ef.k-sa48907ef{bottom:0;left:0;margin:auto;right:0;top:0} .k-sb4df491f.k-sb4df491f.k-sb4df491f{margin:auto;max-width:100%;width:80px} .k-sba2ec065.k-sba2ec065.k-sba2ec065{margin:auto;max-width:100%;width:95px} .k-sbc45104c.k-sbc45104c.k-sbc45104c{display:none!important} .k-sd117d194.k-sd117d194.k-sd117d194{overflow:hidden;width:100%} .k-sd376e155.k-sd376e155.k-sd376e155{margin:auto;max-width:100%;width:251px} .k-sd3ba3e8a.k-sd3ba3e8a.k-sd3ba3e8a{transform:translate3d(0px, 0px, 0px);transition-duration:0ms;width:1765px} .k-sf9765450.k-sf9765450.k-sf9765450{padding-top:92.75%} /* 静态化兜底：横向商品轨/轮播无脚本，限制在视口内并可内部滚动 */ .swiper,.swiper-container,.slick-list,.swiper-wrapper,ul.popular_list,.themes_products_sales,.global_themes_sales,.themes_position,.w-slider,.w-slider-mask,.w-slide,.w-dyn-list,.w-dyn-items,.list-testimonials-b,.collection-testimonials-home-b,.rotation-container-b,.splide,.splide__track,.splide__list{max-width:100%;overflow-x:auto} img.lazyload{ opacity: 0; } @media screen and (max-width: 1000px) { #mobile_header{ display: block; } .visual_plugins_container[data-type="header"][data-mobile-nav="1"] .themes_global_header{ display: none !important; } #mobile_header .mobile_box{ padding: 18px 16px; box-sizing: border-box; display: block; width: 100%; } #mobile_header .menu_box { display: flex; align-items: center; justify-content: space-between; } #mobile_header .menu_box .logo{ padding: 0; max-width: 200px; order: 0; } #mobile_header .menu_box .btn_menu{ display: flex; align-items: center; justify-content: center; gap: 20px; line-height: 1; } #mobile_header .menu_box .btn_menu i{ font-size: 26px; } #mobile_header .menu_box .btn_menu a{ text-decoration: none; } #mobile_header .menu_box .btn_menu a.ajax_cart i{ font-size: 24px; } .nav_center_fixed{ opacity: 0; visibility: hidden; right: -200%; display: block; width: 88%; padding: 0 20px; height: 100%; position: fixed; top: 0; background-color: #fff; z-index: 10001; box-sizing: border-box; z-index: 10001; font-size: 0; } .nav_center_fixed .account_box, .nav_center_fixed .box_center{ font-size: 14px; } .nav_center_fixed.active{ right: 0; opacity: 1; visibility: visible; } .nav_center_fixed a{ text-decoration: none; } .fixed_nav_pop_center .back{ display: none; } .fixed_nav_pop_center .box_center .menu_item{ border-bottom: 1px solid #e6e6e6; } .fixed_nav_pop_sub_center.active{ z-index: 10020; } .nav_center_fixed{ z-index: 10010; } .nav_center_fixed .box_top{ height: 62px; line-height: 62px; text-align: center ; position: relative;} .nav_center_fixed .box_top .logo{ width: 60%; height: 100%; box-sizing: border-box; padding: 5px 0; margin: 0 auto; } .nav_center_fixed .box_top .logo>*{ width: 100%; height: 100%; } .nav_center_fixed .box_top:before{ content: ''; width: calc( 100% + 40px ); height: 1px; background-color: #e6e6e6; position: absolute; left: -20px; bottom: 0; } .nav_center_fixed .box_top .close{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; color: #5a5a5a; } .nav_center_fixed .box_top .close i{ color: inherit; font-size: 15px; } .nav_center_fixed .box_top .back{ font-size: 14px; } .nav_center_fixed .box_top .back .back_icon{ font-size: 15px; } .nav_center_fixed .box_center{ padding-bottom: 20px; overflow-y: auto; overflow-x: hidden; width: 100%; height: calc( 100% - 65px - 48px ); box-sizing: border-box; } .nav_center_fixed .box_center::-webkit-scrollbar{ display: none; } .nav_center_fixed .box_center .menu_item { box-sizing: border-box; width: 100%; } .nav_center_fixed .box_center .menu_item .setItemHeight:not([style]){ max-height: 0; } /* .nav_center_fixed .box_center .menu_item .setItemHeight:not([expanded])>:last-child{ max-height: 0; } .nav_center_fixed .box_center .menu_item .setItemHeight[second]:last-child{ transition-delay: 0.15s; } */ .nav_center_fixed .box_center .menu_level_first>.menu_title.active{ border-bottom: 1px solid #e6e6e6; } .nav_center_fixed .box_center .menu_item .sub_box.menu_level_third .menu_title a { opacity: .7; } .nav_center_fixed .box_center .menu_item .sub_box .menu_title{ line-height: 1.4; } .nav_center_fixed .box_center .menu_item .sub_box .menu_title a{ display: inline-block; padding: 4px 0; } /* .nav_center_fixed .box_center .menu_item .sub_box.menu_level_third .menu_title:before{ content: ''; width: 1px; height: 6px; background-color: #bcbcbc; position: absolute; left: -14px; bottom: 13px; } .nav_center_fixed .box_center .menu_item .sub_box.menu_level_third .menu_title:after{ content:''; width: 8px; height: 1px; background-color: #bcbcbc; position: absolute; left: -14px; bottom: 12px; } */ .nav_center_fixed .box_center .menu_item .menu_title { width: 100%; line-height: 1.8; position: relative; padding-right: 40px; height: auto; box-sizing: border-box; } .nav_center_fixed .box_center .menu_item .menu_title a{ width: 100%; padding: 16px 0 ; display: inline-block; font-size: 14px; text-decoration: none; line-height: 18px; font-family: "Alexandria"; color: #000;;} .nav_center_fixed .box_center .menu_item .menu_title a .nav_icon{ margin-right: 5px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; } .nav_center_fixed .box_center .menu_item .menu_title a .nav_icon span{ display: inline-block; height: 100%; vertical-align: middle; } .nav_center_fixed .box_center .menu_item .menu_title .son_btn i{ display: inline-block; font-size: 12px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .nav_center_fixed .box_center .menu_item .menu_title .son_btn i:before{ transition: .4s; display: inline-block; transform: rotate(-90deg);; } .nav_center_fixed .box_center .language_box{ margin-top: 40px; } .nav_center_fixed .box_center .language_box .language_side{ position: relative; } .nav_center_fixed .box_center .language_box .language_side .language_title{ padding: 10px 12px; box-sizing: border-box; width: calc(100% - 1px); height: 40px; overflow: hidden; line-height: 18px; font-size: 14px; border: 1px solid #d9d9d9; position: relative; font-size: 14px; } .nav_center_fixed .box_center .language_box .language_side .language_title .lang_name{ width: 82%; overflow: hidden; } .nav_center_fixed .box_center .language_box .language_side .language_title>span{ display: inline-block; vertical-align: top; } .nav_center_fixed .box_center .language_box .language_side .language_title i{ display: inline-block; vertical-align: top; } .nav_center_fixed .box_center .language_box .language_side .language_title i.default_icon{ margin-right: 5px; } .nav_center_fixed .box_center .language_box .language_side .language_title i:not(.default_icon){ position: absolute; height: 100%; top: 0; right: 10px; font-size: 12px; line-height: 40px; } .nav_center_fixed .box_center .language_box .language_side .language_list{ z-index: 1; background-color: #fff; display: none; padding: 5px 20px 5px 12px; width: 100%; box-sizing: border-box; position: absolute; left: 0; border: 1px solid #d9d9d9; max-height: 205px; overflow-y: auto;; } .nav_center_fixed .box_center .language_box .language_side .language_list.top{ top: 100%; border-top: 0; } .nav_center_fixed .box_center .language_box .language_side .language_list::-webkit-scrollbar{ display: none; } .nav_center_fixed .box_center .language_box .language_side .language_list a{ display: block; line-height: 40px; font-size: 14px; color: #333333; } .nav_center_fixed .box_center .currency_box .currency_side .currency_title>span{ display: inline-block; vertical-align: middle; } .nav_center_fixed .box_center .currency_box .currency_side .currency_title i{ position: absolute; height: 100%; top: 0; right: 10px; font-size: 12px; } .nav_center_fixed .box_center .currency_box .currency_side .currency_title i:not(.default_icon){ position: absolute; height: 100%; top: 0; right: 10px; font-size: 12px; line-height: 40px; } .nav_center_fixed .box_center .currency_box .currency_side .currency_list a{ display: block; line-height: 40px; font-size: 14px; color: #333333; } .nav_center_fixed .sub_item_side.box_center .menu_item{ padding: 0 6px; } .nav_center_fixed .sub_item_side.box_center .menu_item .menu_title{ line-height: 35px; } .nav_center_fixed .sub_item_side.box_center .menu_item .menu_title a{ color: #6c6c6c; } .nav_center_fixed .box_center .menu_title.active>.son_btn i:before{ transform: rotate(0); } .nav_center_fixed .account_box{ border-top: 1px solid #e6e6e6; position: sticky; bottom: -1px; z-index: 10; background-color: #fff; padding-bottom: 0; } .nav_center_fixed .account_box .account_side{ line-height: 48px; position: relative; } .nav_center_fixed .account_box .account_side .drop_list{ max-height: 0; overflow: hidden; transition: max-height 0.2s linear; } .nav_center_fixed .account_box .account_side .drop_list.active{ max-height: 100%; } .nav_center_fixed .account_box .account_side .account_title{ position: relative; } .nav_center_fixed .account_box .account_side.is .account_title i{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 12px; } .nav_center_fixed .account_box .account_side .account_title i{ margin-right: 12px; } .nav_center_fixed .account_box .account_side .account_title span{ font-size: 14px; } .nav_center_fixed .account_box .account_side .account_list a{ display: block; padding: 4px 0; line-height: 18px; width: 100%; height: 100%; } .nav_center_fixed .box_center .tool_inquiry_btn{ margin: 35px auto 0; display: block; box-sizing: border-box; line-height: 20px; text-align: center; } .nav_center_fixed .box_center .tool_inquiry_btn a{ color: inherit; } .fixed_nav_pop_sub_center .box_center .menu_item.menu_level_first>.menu_title{ border-bottom: 1px solid #e6e6e6; } .fixed_nav_pop_sub_center .back{ position: absolute; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .fixed_search_pop{ opacity: 0; visibility: hidden; right: -200%; display: block; width: 88%; padding: 0 15px; height: 100%; position: fixed; top: 0; background-color: #fff; box-sizing: border-box; z-index: 10010; font-size: 0; } .fixed_search_pop.active{ right: 0;opacity: 1; visibility: visible;; } .fixed_search_pop .search_top{ padding: 19px 0; position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .fixed_search_pop .search_top .close_btn{ width: 27px; height: 40px; position: relative; } .fixed_search_pop .search_top .close_btn i{ font-size: 12px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .fixed_search_pop .search_top .form{ width: calc( 100% - 27px );; height: 40px; line-height: 40px; position: relative; } .fixed_search_pop .search_top .form .text{ padding: 0 60px 0 10px; box-sizing: border-box; width: 100%; height: 100%; background-color: #efefef; border-radius: 5px; font-style: italic; font-size: 14px; color: #787878; } .fixed_search_pop .search_top .form .button{ width: 40px; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background-color: transparent; } .fixed_search_pop .search_top .form .button i{ position: absolute; top: 50%; left: 38%; transform: translate(-50%, -50%); } .fixed_search_pop .search_cont{ font-size: 12px; font-family: 'Opensans'; } .fixed_search_pop .search_cont .cont_box .search_list .search_item a{ line-height: 20px; font-size: 0; color: #333333; display: flex; flex-wrap: wrap; text-decoration: none; } .fixed_search_pop .search_cont .cont_box .search_list .search_item a i{ margin-right: 10px; color: initial; } .fixed_search_pop .search_cont .cont_box .search_list .search_item a span{ width: calc( 100% - 34px ); text-overflow: ellipsis; display: -webkit-box!important; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .fixed_search_pop .search_cont .cont_box .search_list .search_item a i, .fixed_search_pop .search_cont .cont_box .search_list .search_item a span{ font-size: 14px; display: inline-block; vertical-align: middle; } .fixed_search_pop .search_cont .hot_box .search_list .search_item a i{ transform: rotate(-45deg); } html[lang="ar"] .nav_center_fixed .box_center .language_box .language_side .language_title i:not(.default_icon){ right: unset; left: 10px; }} .themes_pdetial_description .download_list_box .download_item .info_box .name{ display: inline-block; margin-bottom: 12px; font-size: 14px; color: #232323; word-break: break-all; } .themes_pdetial_description .download_list_box .download_item .info_box.third .name{ margin-bottom: 0; } @media screen and (max-width: 1000px) { .themes_pdetial_description .download_list_box .download_item .info_box .pic_box{ margin-right: 8px; width: 50px; height: 50px; } .themes_pdetial_description .download_list_box .download_item .info_box .name{ margin-bottom: 10px; font-size: 14px; } .themes_pdetial_description .download_list_box .download_item .btn a{ width: 30px; height: 30px; font-size: 12px; border-width: 1px; } .themes_pdetial_description .download_list_box .download_item .btn a i{ font-size: 14px; } .themes_pdetial_description .download_list_box .download_item .btn a.download_file_view i{ font-size: 12px; } html[lang="ar"] .themes_pdetial_description .download_list_box .download_item .info_box .pic_box{ margin-right: 0; margin-left: 8px; }} .full{width:100%; margin:0 auto;} img.lazyload, img.lazyloading{ width: 100%; height: 100%; object-fit: contain; object-position: center center; background-color: var(--PreBackgroundColor); } .ajax_search .search_content_box .name{float: left;width: 100%;height: 34px;line-height: 34px;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;white-space: nowrap;text-align: left;} @media (max-width: 768px) { .ajax_search{z-index: auto;} .search_side .menu_list .search_content_box {overflow: hidden;} .search_side .menu_list .search_content_box .search_item .pic img{opacity: 1;} .search_side .menu_list .search_content_box .search_item .name{float: left;width: 79%; margin-left: 0.8125rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}} @media screen and (min-width: 1000px) { #cookies_agreement.bottom .button{ width: auto;padding: 10px 60px; margin-left: 20px;margin-top: 0;} #cookies_agreement.center .button{ font-size: 16px; line-height: 22px; border-radius: 4px; }} @media screen and (max-width: 1000px) { #cookies_agreement.bottom .button{ margin-top: 15px; }} @media screen and (max-width: 750px){ #real_time_order .pro_image>a{display:block; width:inherit; height:inherit;} #real_time_order .pro_image>a>img{max-width:100%; max-height:100%;} #real_time_order .content .close{width:12px; height:12px; overflow:hidden; background:url("assets/icon-shopping-close.4463232f23e3753a.png") no-repeat center/100%; position:absolute; top:10px; right:10px; text-indent:99px;}} @media screen and (max-width: 375px){ #real_time_order { left: 20px; transform: translateX(0); }} /*翻页*/ #turn_page{display: flex; align-items: center; justify-content: center; gap: 8px; margin: 28px 0; clear:both;} #turn_page .pagination{display: flex; align-items: center; gap: 8px; text-align: center;} #turn_page .pagination li.disabled{cursor: not-allowed;} #turn_page .pagination li.disabled:hover{background: transparent;} @media screen and (max-width: 750px){ #turn_page{flex-wrap: wrap;}} .info_list li .time{float:right;} .header .default_nav .small_nav_sec.nav_type_4 .nav_list .side_menu .menu_item.active{background-color: #fff;font-weight: bold;border-top-left-radius: 8px;border-bottom-left-radius: 8px;} @media screen and (max-width: 768px) { .global_faq_box .container .item{ padding: 12px 0; }} .global_inquiry_alert .top .brief{font-size: 14px;color: #666;line-height: 1.8;margin-top: 10px;} @media screen and (max-width: 1000px){ .global_inquiry_alert .global_inquiry_alert_box>.close{width: 40px;height: 40px;} .global_inquiry_alert .global_inquiry_alert_box>.close::before{width: 20px;} .global_inquiry_alert .global_inquiry_alert_box>.close::after{height: 20px;} .global_inquiry_alert .top{padding: 40px 20px 20px 20px;} .global_inquiry_alert .top .brief{font-size: 12px;}} #download_list_pop .list_box{ height: calc( 80vh - 120px ); overflow-y: auto; } #download_list_pop .list_box .download_item .info_box .name{ display: inline-block; margin-bottom: 20px; font-size: 16px; color: #222222; word-break: break-word; } #download_list_pop .list_box .download_item .info_box.third .name{ margin-bottom: 0; } @media screen and (max-width: 1000px) { #download_list_pop .list_box .download_item .info_box .pic_box{ width: 60px; height: 60px; } #download_list_pop .list_box .download_item .info_box .name{ font-size: 14px; margin-bottom: 10px; } #download_list_pop .list_box .download_item .btn a{ padding: 0 12px; font-size: 12px; } #download_list_pop .pop_title .close_btn{ font-size: 16px; } #download_list_pop .list_box{ height: calc( 80vh - 85px ); overflow-y: auto; }} .ly_policies .bread_crumb{ padding: 25px 0; background-color: #f7f7f7; } .box_drop_down_inquiry_list .i_item .name{display: block;margin-bottom: 7px;color: #222222;} @media screen and (max-width: 768px){ .box_drop_down_inquiry_list .close{height: 40px;line-height: 40px;}} .ly_other_2 .other_wrapper{position: relative;padding:25px 0} .ly_other_2[data-visual-id="182"] .wide{width:1680px; margin:0 auto; padding:0;} .ly_other_2[data-visual-id="182"]{padding-top:0px;padding-bottom:0px;} .ly_other_2[data-visual-id="182"] .wide .section{box-sizing: border-box;padding-left:0%;padding-right:0%;} @media screen and (max-width: 1720px) {.ly_other_2[data-visual-id="182"] .wide{ width: 96%;box-sizing: border-box;}} @media screen and (max-width: 1000px) {.ly_other_2[data-visual-id="182"]{padding-top:0px;padding-bottom:0px;}.ly_other_2[data-visual-id="182"] .wide{width:98%; min-width:inherit;}.ly_other_2[data-visual-id="182"] .wide .section{padding-left:3%;padding-right:3%;}} .ly_other_2[data-visual-id="182"]{background-color: #f7f7f7; } .ly_other_2[data-visual-id="182"] .other_wrapper .bread_crumb ,.ly_other_2[data-visual-id="182"] .other_wrapper .bread_crumb a{color:#555555;font-size:14px} @media screen and (max-width:1000px) { .ly_other_2[data-visual-id="182"] .other_wrapper .bread_crumb ,.ly_other_2[data-visual-id="182"] .other_wrapper .bread_crumb a{font-size:12px}} .ly_news_list_2{background-color: #ffffff} .ly_news_list_2 .news_wrapper{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;position: relative} .ly_news_list_2 .right_side{width: 78.62%} .ly_news_list_2 .right_side.full{width: 100%} .ly_news_list_2 .right_side .top_title, .ly_news_list_2 .left_side .top_title{line-height: 56px;border-bottom: 1px solid #e8e8e8;font-size: 20px;color: #333} .ly_news_list_2 .left_side ul{padding: 10px 0;position: relative} .ly_news_list_2 .left_side ul li a{line-height: 40px;font-size: 14px;text-decoration: none} .ly_news_list_2 .wrapper.category_box .cate_item a{padding: 0 24px;display: block;font-size: 16px;text-decoration: none} .ly_news_list_2 .list_box{padding: 40px 0;display: grid;gap: 50px} .ly_news_list_2 .list_box .themes_news{text-align: left;position: relative;display: flex;align-items: flex-start;justify-content: space-between} .ly_news_list_2 .list_box .themes_news a:hover{text-decoration: none} .ly_news_list_2 .list_box .themes_news .name{margin-bottom: 20px;line-height: 1.2;color:#222222;font-size: 24px} .ly_news_list_2 .list_box .themes_news .name a{color: #222222;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .ly_news_list_2 .list_box .themes_news .time{margin-bottom: 20px;font-size: 14px;color: #666666} .ly_news_list_2 .list_box .themes_news .brief{margin-bottom: 32px;line-height: 1.4;font-size: 14px;color: #555555;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .ly_news_list_2 .list_box .themes_news .button a{display: inline-block;text-transform: uppercase} .ly_news_list_2 .list_box .themes_news .text_box{width: 55.83%} .ly_news_list_2 .list_box .themes_news .pic_box{width: 39.75%} .ly_news_list_2 .list_box .themes_news.imagebottom .text_box, .ly_news_list_2 .list_box .themes_news.imagebottom .pic_box{width: 100%} .ly_news_list_2 .list_box .themes_news.imagebottom .text_box{margin-top: 20px} @media screen and (max-width:1000px){.ly_news_list_2 .wrapper{width:98%;min-width:inherit}.ly_news_list_2 .list_box .themes_news{margin-bottom: 20px}.ly_news_list_2 .news_wrapper{width: 92%}.ly_news_list_2 .right_side{width: 100%}.ly_news_list_2 .left_side .top_title{display: none}.ly_news_list_2 .list_box{gap: 35px}.ly_news_list_2 .list_box .themes_news{margin-bottom: 0;display: block}.ly_news_list_2 .list_box .themes_news .pic_box{width: 100%}.ly_news_list_2 .list_box .themes_news .text_box{margin-top: 16px;width: 100%}.ly_news_list_2 .list_box .themes_news .name, .ly_news_list_2 .list_box .themes_news .time{margin-bottom: 16px}} .ly_news_list_2 .right_side .top_title{position: relative} .ly_news_list_2 .right_side .top_title i{display: none} @media screen and (max-width: 1000px){.ly_news_list_2 .right_side .top_title{padding: 0 45px 0 0;height: 43px;line-height: 41px;box-sizing: border-box;overflow: hidden}.ly_news_list_2 .right_side .top_title i{display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 14px}.ly_news_list_2 .left_side ul{padding: 0;height: 225px;overflow: auto}.ly_news_list_2 .left_side ul li a{display: block;padding: 0 15px;line-height: 45px;font-size: 14px;color: #1a1d22}.ly_news_list_2 .left_side ul li a.cur{color: #1a1d22;background-color: #ffffff}} .ly_news_list_2 .left_side .relate_box .pro_list .related_item .pic_box{flex: none;margin-right: 12px;width: 80px;background-color: #fff;position: relative} .ly_news_list_2 .left_side .relate_box .pro_list .related_item .pic_box a{display: block;width: 100%;height: 0;padding-top: 100%;position: relative} .ly_news_list_2 .left_side .relate_box .pro_list .related_item .pic_box a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)} @media screen and (max-width: 1000px){.ly_news_list_2 .relate_box.list_bottom_box .pro_list .related_item .pic_box{flex: none;margin-right: 12px;width: 80px;background-color: #fff;position: relative}.ly_news_list_2 .relate_box.list_bottom_box .pro_list .related_item .pic_box a{display: block;width: 100%;height: 0;padding-top: 100%;position: relative}.ly_news_list_2 .relate_box.list_bottom_box .pro_list .related_item .pic_box a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}} .ly_news_list_2[data-visual-id="183"] .list_box .themes_news .button a{font-family: Poppins-Bold;color: #0158CC;background-color: #FFFFFF;border: 1px solid #0158CC;font-size: 16px;border-radius: 0px !important;text-align: center;padding-left: 32px;padding-right: 32px;padding-top: 10px;padding-bottom: 10px;} .ly_news_list_2[data-visual-id="183"] .list_box .themes_news .button a:hover{color: #222222;background-color: #00000000;border: 1px solid #5f5318;} .ly_news_list_2[data-visual-id="183"] .wide{width:1680px; margin:0 auto; padding:0;} .ly_news_list_2[data-visual-id="183"]{padding-top:20px;padding-bottom:0px;} .ly_news_list_2[data-visual-id="183"] .wide .section{box-sizing: border-box;padding-left:0%;padding-right:0%;} @media screen and (max-width: 1720px) {.ly_news_list_2[data-visual-id="183"] .wide{ width: 96%;box-sizing: border-box;}} @media screen and (max-width: 1000px) {.ly_news_list_2[data-visual-id="183"]{padding-top:20px;padding-bottom:0px;}.ly_news_list_2[data-visual-id="183"] .wide{width:98%; min-width:inherit;}.ly_news_list_2[data-visual-id="183"] .wide .section{padding-left:3%;padding-right:3%;}} .ly_news_list_2[data-visual-id="183"] .news_wrapper .list li a{color:#555555} .ly_news_list_2[data-visual-id="183"] .news_wrapper .list li.cur a{color:#222222; } .ly_news_list_2[data-visual-id="183"] .news_wrapper .list li:hover { color:#222222} .ly_news_list_2[data-visual-id="183"] .news_wrapper .list li:hover a{ color:#222222; } .ly_news_list_2[data-visual-id="183"] .list_box .themes_news .name a{ font-size: 24px; color: #222222 } .ly_news_list_2[data-visual-id="183"] .list_box .themes_news .time{ font-size: 16px; color: #666666 } .ly_news_list_2[data-visual-id="183"] .list_box .themes_news .brief{ font-size: 18px; color: #555555 } .ly_news_list_2[data-visual-id="183"] .list_box{grid-template-columns: repeat(1, calc((100% - 0px) / 1));} .ly_news_list_2[data-visual-id="183"] .right_side .top_title{ font-size: 20px; } @media screen and (max-width: 1000px) { .ly_news_list_2[data-visual-id="183"] .news_wrapper .list li a{color: #333;} .ly_news_list_2[data-visual-id="183"] .list_box .themes_news .name a{ font-size: 24px; } .ly_news_list_2[data-visual-id="183"] .list_box .themes_news .time{ font-size: 14px; } .ly_news_list_2[data-visual-id="183"] .list_box .themes_news .brief{ font-size: 14px; } .ly_news_list_2[data-visual-id="183"] .right_side .top_title{ font-size: 20px; } .ly_news_list_2[data-visual-id="183"] .list_box{grid-template-columns: repeat(1, calc((100% - 0px) / 1));}} .k-s5834017b.k-s5834017b.k-s5834017b{padding-top:75.00%} .k-sa0d4bdb3.k-sa0d4bdb3.k-sa0d4bdb3{height:81px} @media screen and (max-width: 1000px) { .themes_pdetial_description .download_list_box .download_item .btn a{ width: 30px; height: 30px; font-size: 12px; border-width: 1px; } .themes_pdetial_description .download_list_box .download_item .btn a i{ font-size: 14px; } .themes_pdetial_description .download_list_box .download_item .btn a.download_file_view i{ font-size: 12px; }} /*编辑器内容还原默认样式 Start*/ .editor_txt{overflow:hidden; line-height:1.6; background:#fff;font-size: 14px;} .editor_txt p{margin: 1em 0;} .editor_txt table p{margin:0;} @media screen and (max-width: 1000px){ .global_inquiry_alert .global_inquiry_alert_box>.close{width: 40px;height: 40px;} .global_inquiry_alert .global_inquiry_alert_box>.close::before{width: 20px;} .global_inquiry_alert .global_inquiry_alert_box>.close::after{height: 20px;} .global_inquiry_alert .top{padding: 40px 20px 20px 20px;}} @media screen and (max-width: 1000px) { #download_list_pop .list_box .download_item .btn a{ padding: 0 12px; font-size: 12px; } #download_list_pop .pop_title .close_btn{ font-size: 16px; }} .box_drop_down_inquiry_list .i_item p{color: #888888;} .box_drop_down_inquiry_list .i_item .pattr p{margin-right: 10px;} .ly_other_2[data-visual-id="168"] .wide{width:1680px; margin:0 auto; padding:0;} .ly_other_2[data-visual-id="168"]{padding-top:0px;padding-bottom:0px;} .ly_other_2[data-visual-id="168"] .wide .section{box-sizing: border-box;padding-left:0%;padding-right:0%;} @media screen and (max-width: 1720px) {.ly_other_2[data-visual-id="168"] .wide{ width: 96%;box-sizing: border-box;}} @media screen and (max-width: 1000px) {.ly_other_2[data-visual-id="168"]{padding-top:0px;padding-bottom:0px;}.ly_other_2[data-visual-id="168"] .wide{width:98%; min-width:inherit;}.ly_other_2[data-visual-id="168"] .wide .section{padding-left:3%;padding-right:3%;}} .ly_other_2[data-visual-id="168"]{background-color: #f7f7f7; } .ly_other_2[data-visual-id="168"] .other_wrapper .bread_crumb ,.ly_other_2[data-visual-id="168"] .other_wrapper .bread_crumb a{color:#555555;font-size:14px} @media screen and (max-width:1000px) { .ly_other_2[data-visual-id="168"] .other_wrapper .bread_crumb ,.ly_other_2[data-visual-id="168"] .other_wrapper .bread_crumb a{font-size:12px}} .ly_article_1 .article_content_box .article_title{text-align: center;font-size: 30px;line-height: 46px;padding: 0 2% 35px} .ly_article_1[data-visual-id="169"] .wide{width:1680px; margin:0 auto; padding:0;} .ly_article_1[data-visual-id="169"]{padding-top:50px;padding-bottom:50px;} .ly_article_1[data-visual-id="169"] .wide .section{box-sizing: border-box;padding-left:0%;padding-right:0%;} @media screen and (max-width: 1720px) {.ly_article_1[data-visual-id="169"] .wide{ width: 96%;box-sizing: border-box;}} @media screen and (max-width: 1000px) {.ly_article_1[data-visual-id="169"]{padding-top:20px;padding-bottom:20px;}.ly_article_1[data-visual-id="169"] .wide{width:98%; min-width:inherit;}.ly_article_1[data-visual-id="169"] .wide .section{padding-left:3%;padding-right:3%;}} .ly_article_1[data-visual-id="169"] .editor_txt{color:;} .ly_article_1[data-visual-id="169"] .article_content_box .article_title{color:#000000} .ly_article_1[data-visual-id="169"] .article_title{ font-size: 30px; } @media screen and (max-width: 1000px) { .ly_article_1[data-visual-id="169"] .article_title{ font-size: 30px; }} .k-s1ef7f082.k-s1ef7f082.k-s1ef7f082{font-family:Poppins-Regular;font-size:16px} .k-s9443ee48.k-s9443ee48.k-s9443ee48{line-height:2;text-align:center} .k-s95929ab6.k-s95929ab6.k-s95929ab6{font-family:Poppins-SemiBold;font-size:24px} .k-sd546f4e3.k-sd546f4e3.k-sd546f4e3{font-family:Poppins-Regular} .k-sd8c74523.k-sd8c74523.k-sd8c74523{font-size:16px} @media all{ @font-face { font-family: 'Roboto-Medium'; src: url("assets/font.b554eb4e10ed0fa4.eot"); src: url("assets/font.b554eb4e10ed0fa4.eot") format('embedded-opentype'), url("assets/font.d04e489fdde81f17.woff2") format('woff2'), url("assets/font.7c06cb2e5d4c7717.woff") format('woff'), url("assets/font.75360ed2481bbf74.ttf") format('truetype'), url("assets/font.6e8024fa25e64b92.svg") format('svg'); font-display: swap; }} .editor_txt b, .editor_txt strong{font-weight:bold; line-height:1.2;} .default_currency_style>strong{float: left;} .default_currency_style dl dt strong{vertical-align: middle;} .default_currency_style dl dt strong:after{display: inline-block;vertical-align: middle;height: 100%;} .themes_text_content strong{ font-weight: bold; } .k-s425e19c2.k-s425e19c2.k-s425e19c2{font-size:24px} .k-s9fa23f68.k-s9fa23f68.k-s9fa23f68{font-family:Roboto-Medium;font-size:28px} .editor_txt h5{font-size:0.83em;} .themes_products_title{color: var(--ThemesProductsTitleColor);font-family: var(--ThemesProductsTitleFont);} /* 公共FAQ END */ /* 公共贴纸start */ .themes_prod{position: relative;} .ly_other_2[data-visual-id="171"] .wide{width:1680px; margin:0 auto; padding:0;} .ly_other_2[data-visual-id="171"]{padding-top:0px;padding-bottom:0px;} .ly_other_2[data-visual-id="171"] .wide .section{box-sizing: border-box;padding-left:0%;padding-right:0%;} @media screen and (max-width: 1720px) {.ly_other_2[data-visual-id="171"] .wide{ width: 96%;box-sizing: border-box;}} @media screen and (max-width: 1000px) {.ly_other_2[data-visual-id="171"]{padding-top:0px;padding-bottom:0px;}.ly_other_2[data-visual-id="171"] .wide{width:98%; min-width:inherit;}.ly_other_2[data-visual-id="171"] .wide .section{padding-left:3%;padding-right:3%;}} .ly_other_2[data-visual-id="171"]{background-color: #f7f7f7; } .ly_other_2[data-visual-id="171"] .other_wrapper .bread_crumb ,.ly_other_2[data-visual-id="171"] .other_wrapper .bread_crumb a{color:#555555;font-size:14px} @media screen and (max-width:1000px) { .ly_other_2[data-visual-id="171"] .other_wrapper .bread_crumb ,.ly_other_2[data-visual-id="171"] .other_wrapper .bread_crumb a{font-size:12px}} .ly_product_list_2{background-color: #ffffff} .ly_product_list_2 .prdocuts_wrapper{display: flex;justify-content: space-between;align-items: flex-start;position: relative} .ly_product_list_2 .list_wrapper{flex: 1;width: 79%;position: relative} .ly_product_list_2 .list_wrapper.full{width: 100%} .ly_product_list_2 .list_wrapper.full .list_box{margin-top: 40px} .ly_product_list_2 .list_box{display: grid;gap: 30px;margin-top: 80px} .ly_product_list_2 .list_box .themes_prod{margin-bottom: 77px;text-align: center} .ly_product_list_2 .list_box .themes_prod .pic_box{margin-bottom: 25px;overflow: hidden} .ly_product_list_2 .list_box .themes_prod .name{margin-bottom: 5px;line-height: 1.8;color:#222222;font-size: 14px;padding:0 30px} .ly_product_list_2 .list_box .themes_prod .name a{text-decoration: none;color:var(--ThemesProductsTitleColor);word-break: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden} .ly_product_list_2 .list_wrapper .top_title i{display: none} .ly_product_list_2 #turn_page{margin-bottom: 100px} .ly_product_list_2 .search_no_data i{display: block;font-size: 70px} .ly_product_list_2 .search_no_data .text{margin-top: 24px;font-size: 16px;color: #333} @media screen and (max-width:1000px){.ly_product_list_2 .prdocuts_wrapper{flex-wrap: wrap}.ly_product_list_2 .list_box{margin-top: 60px}.ly_product_list_2 .list_box .themes_prod{margin-bottom: 20px}.ly_product_list_2 .list_box .themes_prod .name{padding: 0 5px}.ly_product_list_2 .list_wrapper{width: 100%;flex: auto}.ly_product_list_2 .list_wrapper .top_title i{display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 14px}.ly_product_list_2 #turn_page{margin-bottom: 30px}.ly_product_list_2 .search_no_data i{display: block;font-size: 50px}.ly_product_list_2 .search_no_data .text{margin-top: 18px;font-size: 14px}} .ly_product_list_2 .products_category_wrapper .products_category_box .category_box i{width: 20px;height: 20px;position: absolute;top: 10px;right: 0;font-size: 14px;cursor: pointer;} .ly_product_list_2 .products_category_wrapper .products_category_box .category_box i:before{content: '\e64d'} .ly_product_list_2 .products_category_wrapper .products_category_box .category_box i.cur:before{content: '\e626'} @media screen and (max-width: 1000px){.ly_product_list_2 .products_category_wrapper .products_category_box .category_box i{right: 5px}} .ly_product_list_2 .products_category_wrapper .relate_box .pro_list .related_item .pic_box{flex: none;margin-right: 12px;width: 80px;background-color: #fff;position: relative} .ly_product_list_2 .products_category_wrapper .relate_box .pro_list .related_item .pic_box a{display: block;width: 100%;height: 0;padding-top: 100%;position: relative} .ly_product_list_2 .products_category_wrapper .relate_box .pro_list .related_item .pic_box a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)} @media screen and (max-width: 1000px){.ly_product_list_2 .relate_box.list_bottom_box .pro_list .related_item .pic_box{flex: none;margin-right: 12px;width: 80px;background-color: #fff;position: relative}.ly_product_list_2 .relate_box.list_bottom_box .pro_list .related_item .pic_box a{display: block;width: 100%;height: 0;padding-top: 100%;position: relative}.ly_product_list_2 .relate_box.list_bottom_box .pro_list .related_item .pic_box a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}} .ly_product_list_2 .list_box .themes_prod .pic_box img:nth-of-type(2){opacity: 0;z-index: -1} .ly_product_list_2 .list_box .themes_prod .pic_box.hover_scale_img:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05)} .ly_product_list_2 .list_box .themes_prod .pic_box.switch_second_img:hover img:nth-of-type(2){opacity: 1;z-index: 1} .ly_product_list_2 .list_box .themes_prod .pic_box.switch_second_img:hover img:nth-of-type(1){opacity: 0;z-index: -1} .ly_product_list_2[data-visual-id="172"] .wide{width:1680px; margin:0 auto; padding:0;} .ly_product_list_2[data-visual-id="172"]{padding-top:0px;padding-bottom:0px;} .ly_product_list_2[data-visual-id="172"] .wide .section{box-sizing: border-box;padding-left:0%;padding-right:0%;} @media screen and (max-width: 1720px) {.ly_product_list_2[data-visual-id="172"] .wide{ width: 96%;box-sizing: border-box;}} @media screen and (max-width: 1000px) {.ly_product_list_2[data-visual-id="172"]{padding-top:0px;padding-bottom:0px;}.ly_product_list_2[data-visual-id="172"] .wide{width:98%; min-width:inherit;}.ly_product_list_2[data-visual-id="172"] .wide .section{padding-left:3%;padding-right:3%;}} .ly_product_list_2[data-visual-id="172"] .list_box{grid-template-columns: repeat(3, calc((100% - 60px) / 3));} .ly_product_list_2[data-visual-id="172"] .relate_box .top_title { color: #222222; } .ly_product_list_2[data-visual-id="172"] .list_box .themes_prod .name { font-size: 14px; } @media screen and (max-width: 1000px) { .ly_product_list_2[data-visual-id="172"] .list_box .themes_prod .name { font-size: 14px; }} .ly_other_2[data-visual-id="176"] .wide{width:1680px; margin:0 auto; padding:0;} .ly_other_2[data-visual-id="176"]{padding-top:0px;padding-bottom:0px;} .ly_other_2[data-visual-id="176"] .wide .section{box-sizing: border-box;padding-left:0%;padding-right:0%;} @media screen and (max-width: 1720px) {.ly_other_2[data-visual-id="176"] .wide{ width: 96%;box-sizing: border-box;}} @media screen and (max-width: 1000px) {.ly_other_2[data-visual-id="176"]{padding-top:0px;padding-bottom:0px;}.ly_other_2[data-visual-id="176"] .wide{width:98%; min-width:inherit;}.ly_other_2[data-visual-id="176"] .wide .section{padding-left:3%;padding-right:3%;}} .ly_other_2[data-visual-id="176"]{background-color: #f7f7f7; } .ly_other_2[data-visual-id="176"] .other_wrapper .bread_crumb ,.ly_other_2[data-visual-id="176"] .other_wrapper .bread_crumb a{color:#555555;font-size:14px} @media screen and (max-width:1000px) { .ly_other_2[data-visual-id="176"] .other_wrapper .bread_crumb ,.ly_other_2[data-visual-id="176"] .other_wrapper .bread_crumb a{font-size:12px}} .ly_cases_list_2 .cases_wrapper{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;position: relative} .ly_cases_list_2 .left_side ul{padding: 10px 0;position: relative} .ly_cases_list_2 .left_side ul li a{line-height: 40px;font-size: 14px;text-decoration: none} .ly_cases_list_2 .right_side{flex: 1} .ly_cases_list_2 .right_side .app_title{margin-bottom: 40px;font-size: 48px;line-height: 1;color:#000;text-align: center} .ly_cases_list_2 .right_side .list_box{display: grid;gap: 44px;width: 100%} .ly_cases_list_2 .right_side .list_box .themes_cases{text-align: left;position: relative;overflow: hidden} .ly_cases_list_2 .right_side .list_box .themes_cases a:hover{text-decoration: none} .ly_cases_list_2 .right_side .list_box .themes_cases .text_box{width: 74%;z-index: 10} .ly_cases_list_2 .right_side .list_box .themes_cases .text_box.position_imagebottom{text-align: center;width: 100%;padding:20px 30px;box-sizing: border-box} .ly_cases_list_2 .right_side .list_box .themes_cases .name{margin-bottom: 20px;line-height: 1.2;color:#fff;font-size: 30px} .ly_cases_list_2 .right_side .list_box .themes_cases .name a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .ly_cases_list_2 .right_side .list_box .themes_cases .button a{display: inline-block;text-transform: uppercase} .ly_cases_list_2 .right_side .list_box .themes_cases .pic_box{position: relative} .ly_cases_list_2 .right_side .list_box .themes_cases .pic_box::after{position:absolute;content: '';top:0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: -1;transition: all 0.3s} .ly_cases_list_2 .right_side .list_box .themes_cases:hover .pic_box:after{opacity: 1;z-index: 1} .ly_cases_list_2 .right_side .list_box .themes_cases.imageright>*{width: 100%} .ly_cases_list_2 .right_side .list_box .themes_cases.imageright .text_box{padding: 30px} .ly_cases_list_2 .right_side .app_title i{display: none} .ly_cases_list_2 #turn_page{width: 100%} @media screen and (max-width:1000px){.ly_cases_list_2 .cases_wrapper{display: block;margin: 0 auto}.ly_cases_list_2 .right_side{width: 100%;flex: unset}.ly_cases_list_2 .right_side .wide{width: 100%;padding-left: 0;padding-right: 0}.ly_cases_list_2 .right_side .app_title{margin-bottom: 25px;position: relative;padding: 0 45px 0 15px;height: 43px;line-height: 41px;border: 1px solid #484a4e;box-sizing: border-box;overflow: hidden;font-size: 20px;text-align: left}.ly_cases_list_2 .right_side .app_title i{display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 14px}.ly_cases_list_2 .right_side .list_box .themes_cases{margin-bottom: 20px}.ly_cases_list_2 .right_side .list_box .themes_cases.imageright .text_box{padding: 15px}} .ly_cases_list_2 .left_side .relate_box .pro_list .related_item .pic_box{flex: none;margin-right: 12px;width: 80px;background-color: #fff;position: relative} .ly_cases_list_2 .left_side .relate_box .pro_list .related_item .pic_box a{display: block;width: 100%;height: 0;padding-top: 100%;position: relative} .ly_cases_list_2 .left_side .relate_box .pro_list .related_item .pic_box a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)} @media screen and (max-width: 1000px){.ly_cases_list_2 .relate_box.list_bottom_box .pro_list .related_item .pic_box{flex: none;margin-right: 12px;width: 80px;background-color: #fff;position: relative}.ly_cases_list_2 .relate_box.list_bottom_box .pro_list .related_item .pic_box a{display: block;width: 100%;height: 0;padding-top: 100%;position: relative}.ly_cases_list_2 .relate_box.list_bottom_box .pro_list .related_item .pic_box a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}} .ly_cases_list_2[data-visual-id="177"] .right_side .list_box .themes_cases .button a{font-family: Poppins-Bold;color: #0158CC;background-color: #FFFFFF;border: 1px solid #0158CC;font-size: 14px;border-radius: 0px !important;text-align: center;padding-left: 36px;padding-right: 36px;padding-top: 15px;padding-bottom: 15px;} .ly_cases_list_2[data-visual-id="177"] .right_side .list_box .themes_cases .button a:hover{color: #FFFFFF;background-color: #002D69;border: 1px solid #00000000;} .ly_cases_list_2[data-visual-id="177"] .wide{width:1680px; margin:0 auto; padding:0;} .ly_cases_list_2[data-visual-id="177"]{padding-top:50px;padding-bottom:75px;} .ly_cases_list_2[data-visual-id="177"] .wide .section{box-sizing: border-box;padding-left:0%;padding-right:0%;} @media screen and (max-width: 1720px) {.ly_cases_list_2[data-visual-id="177"] .wide{ width: 96%;box-sizing: border-box;}} @media screen and (max-width: 1000px) {.ly_cases_list_2[data-visual-id="177"]{padding-top:25px;padding-bottom:30px;}.ly_cases_list_2[data-visual-id="177"] .wide{width:98%; min-width:inherit;}.ly_cases_list_2[data-visual-id="177"] .wide .section{padding-left:3%;padding-right:3%;}} .ly_cases_list_2[data-visual-id="177"] .default_category_nav .list li a{color:#222222} .ly_cases_list_2[data-visual-id="177"] .default_category_nav .list li.cur a{color:#095ac2; } .ly_cases_list_2[data-visual-id="177"] .default_category_nav .list li:hover { color:#095ac2} .ly_cases_list_2[data-visual-id="177"] .default_category_nav .list li:hover a{ color:#095ac2; } .ly_cases_list_2[data-visual-id="177"] .list_box{grid-template-columns: repeat(3, 1fr);} .ly_cases_list_2[data-visual-id="177"] .list_box .themes_cases .pic_box::after{background-color: rgba(0,0,0,0%);} .ly_cases_list_2[data-visual-id="177"] .right_side .list_box .themes_cases .name a{font-size: 18px;color:#333333} .ly_cases_list_2[data-visual-id="177"] .right_side .app_title{ font-size: 48px } @media screen and (max-width: 1000px) { .ly_cases_list_2[data-visual-id="177"] .right_side .list_box .themes_cases .name a{font-size: 24px;} .ly_cases_list_2[data-visual-id="177"] .right_side .app_title{ font-size: 20px }} /* kt-carousel-clip:ly-nav */ .ly_collection_list,.nav-list-flex,.nav-cont{max-width:100vw!important;overflow-x:hidden!important} /* kt-carousel-clip:hero-carousel */ .homepage-hero-video-carousel,.homepage-hero-video-carousel-wrap,.homepage-hero-video-carousel.clone{max-width:100vw!important;overflow-x:hidden!important} /* kt-carousel-clip:swiper-ce */ swiper-container{display:block;max-width:100%;overflow:hidden!important} swiper-container>*:not(:first-child){display:none!important} swiper-slide:not(:first-child){display:none!important} /* kt-carousel-clip:doc-x */ html,body{max-width:100%;overflow-x:clip} .pagination-wrapper{display:flex;justify-content:center;padding:24px 0} .pagination__list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0} .pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:4px;text-decoration:none} .pagination__item--current{font-weight:600} .k-gallery-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .k-gallery-thumb{display:block;line-height:0;overflow:hidden;border-radius:4px;border:1px solid rgba(0,0,0,.08)} .k-gallery-thumbs img{width:56px;height:70px;object-fit:cover;display:block} .k-lang-switch{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:10px 16px;background:#f5f5f5;border-top:1px solid #e5e5e5;font:500 12px/1.4 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:.06em} .k-lang-switch a{color:#111;text-decoration:none;opacity:.62} .k-lang-switch a:hover,.k-lang-switch a:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:3px} .k-lang-switch a[aria-current]{opacity:1;font-weight:700;text-decoration:underline;text-underline-offset:3px} :root{--t-accent:rgb(248, 0, 12);--t-bg-0:rgb(255, 255, 255);--t-bg-1:rgb(255, 255, 255);--t-fg-0:rgb(51, 51, 51);--t-font-body:Poppins-Regular;--t-font-size-0:12px;--t-page-bg:var(--t-bg-0);--t-page-fg:var(--t-fg-0);--t-page-font:var(--t-font-body);--t-page-line-height:normal;--t-page-size:var(--t-font-size-0);--t-page-tracking:normal;--t-page-weight:400} .k-02d03c95{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-08d04607{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-1e3b3ff3{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-1f3b4186{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-213b44ac{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-253b4af8{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-447acf63{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-4b7ada68{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-4e7adf21{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-507ae247{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-7b9652cc{display:grid} .k-82895664{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-83574610{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-85895b1d{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-88574def{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-89574f82{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-8f5758f4{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-9fc6de43{background-color:var(--t-bg-1);color:var(--t-bg-0)} .k-a0c6dfd6{background-color:var(--t-bg-1);color:var(--t-bg-0)} .k-a2c6e2fc{background-color:var(--t-bg-1);color:var(--t-bg-0)} .k-a4c6e622{background-color:var(--t-bg-1);color:var(--t-bg-0)} .k-a6c6e948{background-color:var(--t-bg-1);color:var(--t-bg-0)} .k-d809d6e0{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-d909d873{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-da09da06{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-db09db99{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-dd09debf{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-de09e052{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-e509eb57{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-fcd03323{background-color:var(--t-bg-0);color:var(--t-fg-0)} .k-ffd037dc{background-color:var(--t-bg-0);color:var(--t-fg-0)} /* kt-dead-overlay-kill */ [data-section-type="geofencing"],[data-testid="geofencing-modal"],[id*="geofencing"],[id*="Geofencing"]{display:none!important;visibility:hidden!important;pointer-events:none!important} .klaviyo-form,.klaviyo-form-version-popup,[class*="klaviyo-form"],#klaviyo-form,[class*="needsclick"][class*="kl-"]{display:none!important} .fn-card-grid,[data-product-grid]{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;align-items:stretch} .fn-card-grid>.fn-card,[data-product-grid]>.fn-card{min-width:0;height:100%} .fn-card-grid>.fn-card__image,.fn-card-grid>.fn-card__price-current,.fn-card-grid>.fn-card__qty-btn,[data-product-grid]>.fn-card__image,[data-product-grid]>.fn-card__price-current,[data-product-grid]>.fn-card__qty-btn{display:none!important} .h9-rail{overflow-x:auto!important;scroll-behavior:smooth;-webkit-overflow-scrolling:touch} .kt-soft-landing{max-width:40rem;margin:3rem auto;padding:1.5rem;font:16px/1.5 system-ui,sans-serif} .kt-soft-landing a{display:inline-block;margin:0.5rem 1rem 0 0}