@charset "UTF-8"; .footer_box a, .header a, .index_wap_country a, .m_header a, .top a, a.footer_box, a.header, a.index_wap_country, a.m_header, a.top { color: #333; text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()) } a:hover { color: #000; text-decoration: none } select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../image/bg2016.png) no-repeat right -470px #fff } fieldset, input[type=email], input[type=password], input[type=search], input[type=text] { -webkit-appearance: none; outline: 0 } input[type=button], input[type=submit], textarea { -webkit-appearance: none } select::-ms-expand { display:none } dd, div, dl, dt, form, h1, h2, h3, input, li, p, select, ul { margin: 0; padding: 0 } ul { list-style: none } li { list-style: none } img { border: 0; vertical-align: middle } textarea { margin: 0; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px; resize: none } .aaa { float: left } .bbb { float: right } .ccc { content: ' '; clear: both; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 1px } .three { clear: both; height: 0; padding: 0; margin: 0; overflow: hidden; font-size: 1px; display: none } .display_none { display: none } .text_left { text-align: left } .text_right { text-align: right } .text_center { text-align: center } .red, .text_color { color: #d63030 } .text_color_01 { color: #f60 } .text_color_02 { color: #999 } .text_color_03 { color: #666 } .text_color_04 { color: #333 } .text_color_05 { color: #5ba200 } .text_bold { font-weight: 700 } .text_bold_01 { font-weight: 400 } .padding_top10 { padding-top: 10px } .text_font_size { font-size: 12px } .font_size_14 { font-size: 14px; font-weight: 700 } .title_size18 { padding-top: 30px; font-size: 18px; line-height: 32px } .checkout_line { border-top: 1px solid #dedede } .con_text_font { font-size: 13px; font-weight: 700; color: #333 } .title_large { font-size: 26px; line-height: 40px; color: #333 } .title_small { font-size: 22px; font-weight: 300; line-height: 28px; margin: 10px 0 0 0; color: #808084 } .right_line_no { border-right: 0 } :focus { outline: 0 } .border_no { border: 0 } input, select, textarea { font-family: 'Open Sans'!important } .footer_box div, .header div, .index_wap_country div, .m_header div, .top div, div.footer_box, div.header, div.index_wap_country, div.m_header, div.top { box-sizing: border-box } .flex_l { display: flex; flex-direction: row; flex-wrap: nowrap; flex-flow: row; justify-content: left } .padd_tb3020 { padding: 40px 0 30px 0 } .left_clear { clear: left } .header_sidebar_first_sign_out { display: none } .header_sidebar_first_sign_out.show { display: block } .top_prompt { height: 60px; background-color: #444; width: 100% } .top_prompt_main { width: 1220px; margin: 0 auto; height: 60px } .top_prompt_choose, .top_prompt_font { display: table-cell; width: 43%; height: 60px; vertical-align: middle; box-sizing: border-box } .top_prompt_font { font-size: 13px; color: #fff } .top_prompt_choose { text-align: right } .top_prompt_close { display: inline-block; font-size: 18px; color: #949494; vertical-align: middle } .top_prompt_close:hover { color: #a0a0a0; text-decoration: none } .top_prompt_btn { display: inline-block; padding: 10px 20px; background-color: #d63030; color: #fff; font-size: 14px; border-radius: 2px; border: none; cursor: pointer; margin-right: 40px; vertical-align: middle } .top_prompt_btn:hover { background-color: #cf2828 } .top_prompt_sel { display: inline-block; width: 330px; height: 36px; border: 1px solid #707070; border-radius: 2px; vertical-align: middle; margin-right: 15px; cursor: pointer; text-align: left; line-height: 36px; box-sizing: border-box; padding-left: 15px; position: relative; background-color: #565656 } .top_prompt_sel_right { display: inline-block; font-size: 20px; color: #999; margin-right: 15px } .top_prompt_sel_place { display: inline-block; font-size: 14px; color: #fff; vertical-align: top } .top_prompt_sel_arrow { float: right; font-size: 16px; color: #999; height: 100%; line-height: 34px; margin-right: 15px } .top_prompt_sel_more { width: 330px; position: absolute; left: -1px; top: 35px; border: 1px solid #707070; background-color: #707070; border-top: 1px solid #707070; box-sizing: border-box; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; z-index: 100; display: none; box-shadow: 0 2px 3px 0 rgba(51,51,51,.3) } .top_prompt_sel_more li { height: 36px; box-sizing: border-box; padding-left: 15px; border-bottom: 1px solid #707070; background-color: #565656 } .top_prompt_sel_more li:last-child { border: none } .top_prompt_sel_more li:hover { background-color: #626262 } .top_prompt_sel_more_icon { display: inline-block; font-size: 20px; color: #fff; margin-right: 15px } .top_prompt_sel_more_font { display: inline-block; font-size: 14px; color: #fff; vertical-align: top } .top_prompt_sel.click { border-color: #707070; border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 0 3px 0 rgba(51,51,51,.3) } .top_prompt_sel.click .top_prompt_sel_arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg) } @media (max-width:1440px) { .top_prompt_main { width: 1200px } } @media (max-width:1220px) { .top_prompt_main { width: 960px } .top_prompt_sel, .top_prompt_sel_more { width: 250px } } @media (max-width:960px) { .top_prompt_main { width: 100% } .menu_02 dl dd:before { content: "" } } @media (max-width:860px) { .top_prompt, .top_prompt_main { display: block; height: auto } .top_prompt_main { padding: 15px 0 } .top_prompt_choose, .top_prompt_font { display: block; width: 100%; padding: 0 10px; height: auto } .top_prompt_font { width: 80%; margin-bottom: 20px } .top_prompt_close { position: absolute; top: 17px; right: 9px } .top_prompt_choose { text-align: left } .top_prompt_btn { margin-right: 0; float: right } .top_prompt_sel { width: 60% } .top_prompt_sel_more { width: 101% } } .top { width: 100%; background-color: #f7f7f7; height: 38px } .top_main { width: 1200px; margin: 0 auto } .top_left { float: left; height: 38px; max-width: calc(100% - 580px) } .top_left a, .top_left span { color: #616265; font-size: 12px; line-height: 38px; width: 100%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .top_left a:last-child { margin-right: 0; font-size: 13px } .top_left a:hover { text-decoration: none; color: #616265 } .top_left_tel { cursor: default } .top_right { float: right } .top_country { float: right; line-height: 38px; font-size: 13px; color: #9a9a9a; height: 38px; cursor: pointer; position: relative; z-index: 99 } .top_country_flag { display: inline-block; width: 18px; height: 16px; background-image: url(../image/country_flag_w20_ver2.jpg) } .top_country_flag.first { margin-top: 11px; margin-right: 5px } .top_country span { float: left } .top_country:hover span { color: #9a9a9a } .top_country span:nth-child(3) { margin: 0 3px } .top_country .down_arrow { font-size: 12px; margin-left: 3px; line-height: 38px } .top_right_line { float: right; width: 1px; height: 17px; background-color: #ddd; margin: 10.5px 20px 0 } .top_sign { float: right; position: relative; z-index: 99; color: #9a9a9a } .top_sign img{ width:24px; height:24px; } .top_sign_a { align-items: center; border-radius: 4px; color: #19191a; display: flex; flex-direction: column; height: 40px; justify-content: center; position: relative; transition: all .3s; width: 40px; } .top_sign_a:hover { background:#f2f2f2; } .top_sign_a .iconfont{ font-size:20px; font-weight:bold; } .top_sign:hover .header_sign_more { display: block } .level { display: inline-block; width: 15px; height: 15px; margin-left: 10px; vertical-align: middle } .lev_0 { width: 0; height: 0 } .lev_1 { background-image: url(../image/level1.png); background-size: contain } .lev_2 { background-image: url(../image/level2.png); background-size: contain } .lev_3 { background-image: url(../image/level3.png); background-size: contain } .lev_4 { background-image: url(../image/level4.png); background-size: contain } .lev_5 { background-image: url(../image/level5.png); background-size: contain } .lev_0.b_lev_1 { background-image: url(../image/bussniess@3x.png); background-size: contain; display: inline-block; width: 15px; height: 15px; margin-left: 10px; vertical-align: middle } .hello_level .level { margin-right: 4px; margin-left: 0 } .hello_count { line-height: 16px; font-size: 12px; color: #acacac } .litgray { color: #616265; font-size: 12px } .hello_name { font-size: 14px; color: #616265; line-height: 30px } .hreder_wrapp_info { margin-top: 20px } .hello_level { line-height: 30px } .top { line-height: 38px } .header_sign_more { left: 50%; margin-left: -250px; top: 44px; box-shadow: 0 1px 8px 0 rgba(120,102,102,.3); border: none; height: initial; width: 270px; display: none; position: absolute; background: #fff; border-radius: 2px } .header_sign_more_arrow { right:11px; position: absolute; top: -9px; width: 18px; height: 9px; background: url(../../dist/image/arrowupimg.png) -3px -6px no-repeat } .top_cart .header_sign_more_arrow { right:68px; margin-left:0 } .cart_image img { max-width: 60px; max-height: 60px } .cart_name_pre { width: 190px; display: inline-block } .hreder_wrapp { margin-bottom: 10px; margin-top: 10px } .header_sign_more_main_sign { font-size: 14px; color: #dc3737!important; transition: all .3s; margin-bottom: 12px; background-color: #fff; border: 1px solid #dc3737; display: block; height: 36px; text-decoration: none; text-align: center; line-height: 36px; border-radius: 2px } .header_sign_more_main_sign_out { font-size: 14px; color: #616265!important; transition: all .3s; background-color: #fff; display: block; height: 36px; text-decoration: none; text-align: left; line-height: 36px; border-radius: 2px } .header_sign_more_main_sign:hover { color: #fff!important; background-color: #dc3737; text-decoration: none } .header_sign_more_main_register { color: #666; text-align: center; line-height: 15px } .header_sign_more_main_register a { color: #616265; text-decoration: none; margin-left: 5px } .header_sign_more_main_register a:hover { text-decoration: underline } .header_not_ul li:nth-child(2) .icon { font-size: 18px } .header_not_ul li { line-height: initial; padding:8px 10px;border-radius: 4px;overflow: hidden;} .header_not_ul li:hover{background:#f2f2f2;} .header_not_ul li .icon, .header_not_ul li a { vertical-align: middle } .header_not_ul li .icon { font-size: 18px; margin-right: 10px; color: #333; width: 20px; height: 20px; display: inline-block; line-height: 20px; text-align: center } .header_not_ul li a { font-size: 14px; color: #333; font-weight: 400 } .header_number { background: #d63030; height: 14px; min-width: 14px; line-height: 14px; font-size: 12px; color: #fff; text-align: center; display: inline-block; border-radius: 50%; font-style: normal; margin-left: 2px; padding: 2px } .header_not_log { padding-top: 4px } .header_sign_more_main { padding: 0 20px 12px } .top_cart { float: right; position: relative; z-index: 99; margin: 0 20px; } .top_cart .iconfont.cart { color: #232323; float: left; font-size: 19px; margin-right: 3px; line-height: 36px } .top_cart .top_cart_font { font-size: 13px; color: #232323; float: left; line-height: 10px } .top_cart:hover .top_cart_font { color: #232323 } .top_cart_icon { font-size: 20px; color: #000; } .top_cart_num { float: left; line-height: 16px; background-color: #d63030; color: #fff; text-align: center; font-size: 12px; border-radius: 16px; padding: 0 5px; margin-top: 10px; margin-left: 3px } #top_cart_num1 { position: absolute; right: -2px; top: -2px; display: block; text-align: center; height: 18px; width: 18px; border: 0 solid transparent; border-radius: 9px; background-color: #dc3737; line-height: 16px; color: #fff; font-size: 12px } .top_cart_more { width: 320px; position: absolute; top:44px; left: -222px; box-shadow: 1px 1px 5px 0 rgba(120,102,102,.3); display: none; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-color: #fff } .top_cart:hover .top_cart_more { display: block } .top_cart:hover { background-color: #fff } .top_cart_more_main_scroll { max-height: 420px; overflow: auto } .top_cart_more_main_scroll::-webkit-scrollbar { width:4px } .top_cart_more_main_scroll::-webkit-scrollbar-thumb { border-radius:10px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.13); background:rgba(0,0,0,.13) } .top_cart_more_main_scroll::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.13); border-radius:0; background:rgba(0,0,0,.1) } .top_edit_order { color: #616265!important; text-align: center } .top_cart_more_main li { overflow: hidden; position: relative; border-bottom: 1px solid #eee; padding: 15px 20px 12px; max-height: 88px } .top_cart_more_main li:last-child { border: none } .cart_name { color: #707473; font-size: 13px; display: block; height: 36px; overflow: hidden; line-height: 18px; margin-bottom: 4px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2 } .cart_name:hover { color: #333; text-decoration: none } .top_cart_more_main li b { color: #333; font-weight: 400; font-size: 13px; line-height: 20px; display: block } .cart_remove { opacity: 0; transition: all .3s; right: 15px; margin-top: -10px; position: absolute; font-size: 14px; width: 20px; height: 20px; top: 50%; text-decoration: none!important; text-align: center; line-height: 20px } .cart_image { float: left; max-height: 60px; max-width: 60px; padding-right: 15px; margin: 0 auto; background-color: #fbfbfb } .cart_image img { max-width: 60px; max-height: 60px } .no_add_cart { color: #333; margin: 15px; font-weight: 400; display: block; text-align: center; font-size: 13px; word-break: break-all } .top_cart_more_main li:hover .cart_remove { opacity: 1 } .top_cart_more_main_tocart { font-size: 14px; color: #333; padding-left: 20px } .top_cart_more_main_tocart:hover { color: #999 } .top_cart_more_main_tocart b { color: #999; text-transform: lowercase } .top_cart_more_main_checkout { padding: 20px 20px 15px; background-color: #f7f8f9 } .top_cart_more_main_checkout p { font-size: 14px; color: #333; line-height: 18px } .top_cart_more_main_checkout p b { font-weight: 400 } .top_cart_more_main_checkout_line { margin: 0 3px } .top_cart_more_main_checkout p a { color: #0681d3 } .top_cart_more_main_checkout p a:hover { color: #0681d3; text-decoration: underline } .top_cart_more_main_checkout_btn { display: block; width: 70%; border: 1px solid #dc3737; border-radius: 2px; height: 34px; line-height: 34px; color: #fff!important; background-color: #dc3737; transition: background-color .3s; text-align: center; font-size: 14px; margin-top: 20px; font-weight: 600; margin-left: 10px } .top_cart_more_main_checkout_btn:hover { background-color: #dc3737; color: #fff; text-decoration: none } .top_cart_more_main_checkout_btn i { width: 14px; height: 17px; display: inline-block; vertical-align: middle; margin-right: 8px; margin-top: -3px } .top_cart_more_main_checkout_btn:hover i { background-position: -67px -46px } .cart_remove_loading { position: absolute; width: 320px; height: 86px; left: 0; top: 0; z-index: 10; display: none } .cart_remove_loading_bg { width: 100%; height: 100%; background-color: #fff; opacity: .7 } .cart_remove_loading img { position: absolute; left: 50%; margin-left: -17px; top: 50%; margin-top: -17px; z-index: 10 } .header_not_btm h2 { line-height: initial; border-top: 1px solid #eee; padding-top: 10px; font-size: 14px; color: #333; font-weight: 400 } .header_not_btm h2 a { font-weight: 400; font-size: 14px; color: #333; margin-left: 3px; display: inline-block; vertical-align: middle; line-height: 20px } .header_not_btm h2 a:hover { text-decoration: underline } .header_not_btm h2 .icon { font-size: 18px; margin-right: 10px; color: #333; width: 20px; height: 20px; display: inline-block; line-height: 20px; text-align: center; vertical-align: middle } .header { height: 80px; margin: 0; width: 100%; position: relative; border-bottom: 1px solid #eaeaea; background-color: #fff } .header_other_page { border-bottom: 1px solid #eaeaea } .header_main { width: 1200px; margin: 0 auto } .header_main ul:after, .header_main:after { content: " "; display: block; clear: both; visibility: hidden; height: 0 } .header_logo { float: left; width: 150px; height: 57px; margin-top: 10px; margin-right: 43px; line-height: 57px; vertical-align: middle; box-sizing: content-box } .header_logo img { max-width: 150px; max-height: 57px; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 28px } .header_main_firstul { float: left; position: relative; z-index: 98; height: 80px } .header_main_list { float: left; padding-right: 10px; position: relative } .header_main_list.show p { border-bottom: 1px solid #a1a1a1; box-sizing: border-box } .header_main_list:nth-child(2):hover p { border-bottom: 1px solid #a1a1a1; box-sizing: border-box } .header_main_list:nth-child(3):hover p { border-bottom: 1px solid #a1a1a1; box-sizing: border-box } .header_main_list:last-child { margin-right: 0; padding-right: 0 } .header_main_list_font { font-size: 14px; color: #232323; line-height: 66px; padding-top: 6px; cursor: pointer; -webkit-transform: translateY(-1px); transform: translateY(-1px) } .header_main_list_font.show { border-bottom: 1px solid #a1a1a1; box-sizing: border-box } .header_main_list_font.hover { color: #232323; font-weight: 400 } .header_main_list_font .icon.down_arrow { font-size: 12px; margin-left: 0; color: #a1a1a1; display: inline-block; transition: all .3s; -webkit-transform: rotate(0); transform: rotate(0) } .header_main_list_font .icon.down_arrow.rotate { -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #a1a1a1 } .header_main_list_href { font-size: 14px; color: #333; line-height: 66px; display: inline-block; padding-top: 6px } .header_main_list_href:hover { text-decoration: none } .header_main_search { float: right; margin-top: 20px; position: relative; z-index: 98; background-color: #fff } .header_main_search_txt { width: 270px; background-color: #fff; border: 1px solid #e1e1e1; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-right: none; height: 38px; font-size: 14px; text-indent: 10px; float: left; color: #232323; transition: border-color .3s; box-sizing: content-box; font-family: 'Open Sans' } .header_main_search_btn.focus, .header_main_search_txt.focus { border-color: #e1e1e1 } .header_main_search_btn { float: left; background-color: #fff; width: 40px; border: 1px solid #e1e1e1; border-left: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; height: 40px; color: #000; font-size: 14px; font-weight: 400; cursor: pointer; transition: all .3s } .header_main_list_more { position: absolute; left: 0; top: 72px; z-index: -1; display: none } .header_main_list_more.allcategories { width: 100% } .header_main_list_more_allcategories_main { width: 100%; max-width: 1220px; margin: 0 auto } .header_list_more_ul { padding: 24px 0; width: 290px; position: relative; float: left; background-color: #f7f7f7 } .header_list_more_ul li { height: 40px } .header_list_more_ul li.show .header_list_more_ul_first_a { color: #232323!important; background-color: #fff } .header_list_more_ul li.show .header_list_more_ul_first_a .icon { color: #232323!important } .header_list_more_ul li:last-child { margin-bottom: 0 } .header_list_more_ul_first_a { font-weight: 700; display: block; font-size: 14px; line-height: 20px; position: absolute; font-weight: 400; color: #232323!important; transition: all .3s ease; padding: 10px 20px 10px 20px; box-sizing: border-box; z-index: 10; width: 100%; text-overflow: clip } .header_list_more_ul_first_a .icon { color: #acacac; font-size: 12px; position: absolute; right: 12px; top: 50%; margin-top: -10px; line-height: 20px } .header_list_more_ul_first_a:hover { text-decoration: none } .header_list_more_ul_main { width: 1220px; z-index: -1; box-sizing: border-box; padding-left: 290px; background-color: rgba(255,255,255,0); border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; min-height: 457px; display: none } @media (min-width:1600px) { .header_list_more_ul_main { width: 1440px } } .header_list_more_ul li:first-child .header_list_more_ul_main { -webkit-transform: translateY(-24px); transform: translateY(-24px) } .header_list_more_ul li:nth-child(2) .header_list_more_ul_main { -webkit-transform: translateY(-68px); transform: translateY(-68px) } .header_list_more_ul li:nth-child(3) .header_list_more_ul_main { -webkit-transform: translateY(-112px); transform: translateY(-112px) } .header_list_more_ul li:nth-child(4) .header_list_more_ul_main { -webkit-transform: translateY(-156px); transform: translateY(-156px) } .header_list_more_ul li:nth-child(5) .header_list_more_ul_main { -webkit-transform: translateY(-200px); transform: translateY(-200px) } .header_list_more_ul li:nth-child(6) .header_list_more_ul_main { -webkit-transform: translateY(-244px); transform: translateY(-244px) } .header_list_more_ul li:nth-child(7) .header_list_more_ul_main { -webkit-transform: translateY(-288px); transform: translateY(-288px) } .header_list_more_ul li:nth-child(8) .header_list_more_ul_main { -webkit-transform: translateY(-332px); transform: translateY(-332px) } .header_list_more_ul li:nth-child(9) .header_list_more_ul_main { -webkit-transform: translateY(-376px); transform: translateY(-376px) } .header_list_more_ul li:nth-child(10) .header_list_more_ul_main { -webkit-transform: translateY(-420px); transform: translateY(-420px) } .header_list_more_ul li:nth-child(11) .header_list_more_ul_main { -webkit-transform: translateY(-464px); transform: translateY(-464px) } .header_list_more_ul li:nth-child(12) .header_list_more_ul_main { -webkit-transform: translateY(-508px); transform: translateY(-508px) } .header_list_more_ul li:nth-child(13) .header_list_more_ul_main { -webkit-transform: translateY(-552px); transform: translateY(-552px) } .header_list_more_ul li:nth-child(14) .header_list_more_ul_main { -webkit-transform: translateY(-596px); transform: translateY(-596px) } .header_list_more_ul li:nth-child(15) .header_list_more_ul_main { -webkit-transform: translateY(-640px); transform: translateY(-640px) } .header_list_more_ul li:nth-child(16) .header_list_more_ul_main { -webkit-transform: translateY(-684px); transform: translateY(-684px) } .header_list_more_ul li:nth-child(17) .header_list_more_ul_main { -webkit-transform: translateY(-728px); transform: translateY(-728px) } .header_list_more_ul li:nth-child(18) .header_list_more_ul_main { -webkit-transform: translateY(-772px); transform: translateY(-772px) } .header_list_more_ul li:nth-child(19) .header_list_more_ul_main { -webkit-transform: translateY(-816px); transform: translateY(-816px) } .header_list_more_ul li:nth-child(20) .header_list_more_ul_main { -webkit-transform: translateY(-860px); transform: translateY(-860px) } .header_list_more_ul_main.show { display: block; float: left } .header_list_more_ul_main_all { padding: 34px 20px 40px 20px; box-sizing: border-box; overflow: hidden; background-color: #fff; min-height: 457px; border-bottom-right-radius: 2px } .sfp_modules .header_list_more_ul_main_all{padding: 14px 34px 20px 34px;display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 10px;} .sfp_modules .header_list_more_ul_main_all_con{width:auto;margin-right:0;} .sfp_modules .header_list_more_ul_main_all_con dd{width:auto} .header_list_more_ul_main_all_con { float: left; width: 282px; min-height: 110px; margin-right: 20px; border-top: 1px solid #eee; overflow: hidden; padding-top: 30px; margin-top: 10px; padding-bottom: 20px } .header_list_more_ul_main_all_con:first-child, .header_list_more_ul_main_all_con:nth-child(2), .header_list_more_ul_main_all_con:nth-child(3) { border-top: none; padding-top: 0; margin-top: 0 } .header_list_more_ul_main_all_con:nth-of-type(3n) { margin-right: 0 } .header_list_more_ul_main_all_con dt { float: left; opacity: 1 } .header_list_more_ul_main_all_con dd { float: left; margin-left: 12px; width: 190px } @media (min-width:1600px) { .header_list_more_ul_main_all_con { width: 32% } .header_list_more_ul_main_all { padding: 34px 34px 40px 34px; box-sizing: border-box; overflow: hidden; background-color: #fff; min-height: 457px; border-bottom-right-radius: 2px } .header_list_more_ul_main_all_con dd { width: calc(100% - 96px) } } .header_list_more_ul_main_all_con dd .div_h2 { margin-bottom: 8px; font-size: 1.5rem; font-weight: 700; width: 254px } .header_list_more_ul_main_all_con dd .div_h2 a { font-size: 14px; color: #232323; font-weight: 600 } .header_list_more_ul_main_all_con dd p a { font-size: 13px; color: #616265; white-space: nowrap } .header_list_more_ul_main_all_con dd p a.important { color: #444 } .header_list_more_ul_main_all_con dd p { margin-bottom: 10px } .header_list_more_ul_main_all_con dd .div_h2 a:hover, .header_list_more_ul_main_all_con dd p a:hover { color: #333!important; text-decoration: underline } .header_list_more_ul_main_all_con img { width: 80px; height: 80px } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#aaa } input:-moz-placeholder, textarea:-moz-placeholder { color:#aaa } input::-moz-placeholder, textarea::-moz-placeholder { color:#aaa } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#aaa } .header_main_search_txt.focus::-webkit-input-placeholder { color:#707473 } .header_main_search_txt.focus:-moz-placeholder { color:#707473 } .header_main_search_txt.focus::-moz-placeholder { color:#707473 } .header_main_search_txt.focus:-ms-input-placeholder { color:#707473 } .top_help { float: right; line-height: 38px; height: 38px; position: relative; z-index: 99 } .top_help a { font-size: 13px; color: #333 } .top_help>a:hover { text-decoration: none } .top_help>a .icon { display: inline-block; font-size: 14px; margin-right: 3px } .top_help>a .top_help_font { display: inline-block; float: right } .top_help>a .top_help_font:hover { color: #333 } .top_help:hover .header_help_more { display: block } .header_help_more { position: absolute; background-color: #fff; top: 38px; left:-22%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 210px; padding: 0 15px; box-shadow: 0 1px 8px 0 rgba(120,102,102,.3); border-radius: 2px; border: none; display: none } .header_help_more_main { padding: 15px 0 } .header_help_more_main_con { line-height: 20px; padding-bottom: 15px; border-bottom: 1px solid #eee } .header_help_more_main_con.email { margin-top: 15px; margin-bottom: 15px } .header_help_more_main_con.phone { border-bottom: none; padding-bottom: 0 } .header_help_more_main_con.phone .icon { height: 24px } .header_help_more_main_con .icon { font-size: 16px; float: left; margin-right: 10px; margin-bottom: 30px; padding-top: 5px } .header_help_more_main_con a:hover { text-decoration: none } .header_help_more_main_con_tit { font-size: 14px; color: #333; font-weight: 400; padding-top: 2px } .header_help_more_main_con_href { display: inline-block; margin-top: 5px; font-size: 12px; color: #0681d3!important } .header_help_more_main_con_href:hover { text-decoration: underline!important } .header_help_more_main_con_txt { display: inline-block; font-size: 12px; color: #666; margin-top: 5px } .top_country_more { width: 300px; position: absolute; left: 50%; margin-left: -150px; top: 38px; background-color: #fff; box-shadow: 0 1px 8px 0 rgba(120,102,102,.3); border: none; border-radius: 3px; height: initial; display: none } .top_country_more_main { padding: 0 20px 25px; cursor: default } .top_country_more_main_bigtit { font-size: 14px; color: #333; font-weight: 400; line-height: initial } .top_country_more_main_smalltit { font-size: 13px; color: #666; font-weight: 400; margin-top: 15px; margin-bottom: 10px; line-height: initial } .top_country_choose_country, .top_country_choose_currency { height: 38px; background-color: #fff; border-radius: 2px; border: solid 1px #ddd; position: relative } .top_country_choose_country p { padding: 0 15px; display: -moz-flex; display: flex; align-items: center; text-indent: 0 } .top_country_choose_country p, .top_country_choose_currency_name { text-align: left; position: absolute; width: 100%; height: 100%; cursor: pointer; left: 0; text-indent: 36px; line-height: 36px; color: #333; font-size: 13px } .top_country_choose_country .showMore, .top_country_choose_currency .showMore { float: right; width: 20px; height: 20px; margin: 10px 5px 0!important; background: 0 0; color: #aaa; font-size: 12px; line-height: 16px } .top_country_searchCountry { width: 100%; background-color: #fff; border-radius: 0 0 2px 2px; border: solid 1px #ddd; border-top: none; box-sizing: border-box; padding: 11px 13px; position: relative; display: none } .top_country_search_block { position: relative } .top_country_search_input { width: 100%; height: 34px; background-color: #f7f8f9; text-indent: 10px; font-size: 13px; color: #aaa; border: none } .top_country_search_block .icon { position: absolute; right: 10px; top: 9.5px; font-size: 14px; color: #666; line-height: initial } .top_country_countryList { height: 160px; overflow-y: scroll; margin-top: 10px } .top_country_countryList li { margin-bottom: 15px } .top_country_countryList li a { display: block; position: relative; line-height: 20px; padding-left: 24px } .top_country_countryList li a em { left: 0; top: 2px } .top_country_choose_currency_name { text-indent: 15px } .top_country_choose_currency_name span { float: none } .top_country_choose_currency_name em { font-style: normal } .top_country_choose_currency_choose { width: 100%; background-color: #fff; border-radius: 0 0 2px 2px; border: solid 1px #ddd; border-top: none; box-sizing: border-box; padding: 11px 13px; position: relative; display: none } .top_country_choose_currency_choose_ul li { line-height: 20px; text-indent: 2px; color: #333; font-size: 13px; cursor: pointer; margin-bottom: 10px } .top_country_choose_currency_choose_ul li:last-child { margin-bottom: 0 } .top_country_choose_currency_choose_ul li span { float: none } .top_country_choose_currency_choose_ul li:hover { text-decoration: underline } .top_country_choose_currency_choose_ul em { font-style: normal } .top_country_more_main_save { display: block; height: 38px; background-color: #fff; border-radius: 2px; border: solid 1px #565656; transition: all .3s; box-sizing: border-box; text-align: center; line-height: 36px; color: #333; margin-top: 15px } .top_country_more_main_save:hover { text-decoration: none; background-color: #565656; color: #fff } .top_country_more_main_save.saveloading { background-color: #ababab; color: #fff; border-color: #ababab; cursor: default; position: relative } .top_country:hover .showMore { color: #aaa } .header_main_list_more_solution_main { width: 620px; position: absolute; left: 466.5px; box-sizing: border-box; padding: 0 30px 0 0 } .header_main_list_more_solution_main_left { float: left; box-sizing: border-box; width: 229px; padding: 30px 0; height: 289px; background-color: #f7f7f7 } .header_main_list_more_solution_main_left p { font-size: 14px; color: #666; position: relative; cursor: pointer; height: 40px; min-width: 40px } .header_main_list_more_solution_main_left p a:hover { text-decoration: none } .header_main_list_more_solution_main_left .icon { font-size: 12px; color: #ccc; position: absolute; right: 10px; top: 11px } .header_main_list_more_solution_main_left p.hover { color: #fff; background-color: #fff } .header_main_list_more_solution_main_left p.hover .icon { color: #232323 } .header_main_list_more_solution_main_right { float: left; padding: 30px 0 30px 30px; height: auto } .header_main_list_more_solution_main_right_con:first-child { display: block } .header_main_list_more_solution_main_right_con { display: none } .header_main_list_more_solution_main_right_con h2 { font-size: 20px; color: #333; font-weight: 600; line-height: 26px; margin-bottom: 10px } .header_main_list_more_solution_main_right_con p { font-size: 14px; color: #707473; margin-top: 3px } .header_main_list_more_solution_main_right_con_href { margin-top: 3px } .header_main_list_more_solution_main_right_con_href.MT { margin-top: 15px } .header_main_list_more_resources_main_right_con_href a, .header_main_list_more_solution_main_right_con_href a, .header_main_list_more_subject_main_right_con_href a { font-size: 13px; color: #0681d3 } .header_main_list_more_resources_main_right_con_href span, .header_main_list_more_solution_main_right_con_href span, .header_main_list_more_subject_main_right_con_href span { font-size: 12px; color: #0681d3; display: inline-block; vertical-align: middle; margin-left: 7px } .header_main_list_more_subject_main_right { min-height: 317px } .header_main_list_more_subject_main { width: 740px; position: absolute; left: 466.5px; box-sizing: border-box } .header_main_list_more_subject_main_left { float: left; width: 229px; padding: 30px 0; box-sizing: border-box; height: auto; background-color: #f7f8f9 } .header_main_list_more_resources_main_left p, .header_main_list_more_subject_main_left p { font-size: 14px; color: #666; position: relative; cursor: pointer } .header_main_list_more_resources_main_left p a, .header_main_list_more_solution_main_left p a, .header_main_list_more_subject_main_left p a { display: block; padding: 10px 25px 10px 20px; color: #232323 } .header_main_list_more_resources_main_left p a:hover, .header_main_list_more_subject_main_left p a:hover { text-decoration: none } .header_main_list_more_resources_main_left p .icon, .header_main_list_more_subject_main_left p .icon { font-size: 12px; color: #acacac; position: absolute; right: 10px; top: 11px } .header_main_list_more_resources_main_left p.hover, .header_main_list_more_subject_main_left p.hover { color: #232323; background-color: #fff } .header_main_list_more_resources_main_left p.hover .icon, .header_main_list_more_subject_main_left p.hover .icon { color: #232323 } .header_main_list_more_resources_main_right, .header_main_list_more_subject_main_right { padding: 30px; margin-left: 30px; margin-left: 229px } .header_main_list_more_resources_main_right ul, .header_main_list_more_subject_main_right ul { display: inline-block } .header_main_list_more_subject_main_right { padding: 30px 61px 30px 30px; background-color: #fff } .header_main_list_more_subject_main_right_con { display: none } .header_main_list_more_subject_main_right_con_list { float: left; text-align: center; margin-right: 30px } .header_main_list_more_subject_main_right_con_list:nth-child(4) { margin-right: 0 } .header_main_list_more_subject_main_right_con_list img { display: inline-block; opacity: .8 } .header_main_list_more_subject_main_right_con_list:hover img { opacity: 1 } .header_main_list_more_resources_main_right_con_list h2, .header_main_list_more_subject_main_right_con_list h2 { font-size: 14px; font-weight: 400; color: #333 } .header_main_list_more_subject_main_right_con_list h2 { text-align: left } .header_main_list_more_subject_main_right_con_href { margin-top: 35px } .header_main_list_more_resources_main { width: 1070px; border-top: 1px solid #fff; position: absolute; left: 466.5px; box-sizing: border-box; overflow: hidden } .header_main_list_more_resources_main_left { float: left; width: 229px; padding: 30px 0 } .header_main_list_more_resources_main_right { min-height: 240px; background-color: #fff } .header_main_list_more_resources_main_right_con { display: none } .header_main_list_more_resources_main_right_con:first-child .header_main_list_more_resources_main_right_con_list { cursor: pointer } .header_main_list_more_resources_main_right_con_list { float: left; position: relative; margin-right: 20px; width: 246px } .header_main_list_more_resources_main_right_con_list:last-child { margin-right: 0 } .header_main_list_more_resources_main_right_con_list:hover .header_main_list_more_resources_main_right_con_list_play { background-color: rgba(0,0,0,.4) } .header_main_list_more_resources_main_right_con_list_play { position: absolute; width: 50px; height: 50px; background-color: rgba(0,0,0,.2); border-radius: 50%; left: 50%; top: 50%; margin-left: -30px; margin-top: -40px; transition: all .3s; box-sizing: border-box } .header_main_list_more_resources_main_right_con_list_play span { position: absolute; width: 19px; height: 22px; top: 50%; margin-top: -11px; left: 50%; margin-left: -7.5px } .header_main_list_more_resources_main_right_con_list h2 { margin-top: 6px } .header_main_list_more_resources_main_right_con_href { margin-top: 32px } .header_main_list_more_resources_main_right_con_list div { font-size: 16px; color: #333; font-weight: 600; margin-bottom: 10px; height: 20px } .header_main_list_more_resources_main_right_con_list { width: 246px; margin-right: 20px } .header_main_list_more_resources_main_right_con_list.font:last-child { margin-right: 0 } .header_main_list_more_resources_main_right_con.font .header_main_list_more_resources_main_right_con_href { margin-top: 37px } .header_main_list_more_resources_main_right_con_list p { font-size: 13px; color: #333; margin-bottom: 5px } .header_main_list_more_resources_main_right_con_list a { display: block; line-height: 40px; color: #b0b0b0 } .header_main_list_more_resources_main_right_con_list a:hover { color: #616265 } .public_mask { display: none; position: absolute; top: 171px; left: 0; background-color: rgba(51,51,51,.3); width: 100%; height: 100%; z-index: 96 } .header_main_list_more { width: 100% } .header_main_list_more_about_main, .header_main_list_more_resources_main, .header_main_list_more_solution_main, .header_main_list_more_subject_main { width: 1220px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .header_main_list_more_subject_main_right_con_list { margin-right: 70px } .header_main_list_more_subject_main_right { padding: 30px 40px } .header_main_list_more_subject_main_right_con_href { float: right; margin-top: 0 } .header_main_list_more_subject_main_right_con_href img { display: block; margin-bottom: 15px } .header_main_list_more_subject_main_right_con { overflow: hidden } .header_main_list_more_solution_main_left { height: 299px; width: 230px } .header_main_list_more_solution_main { padding: 0 } .header_main_list_more_solution_main_right { float: none; margin-left: 229px; padding: 30px 40px; height: auto } .header_main_list_more_solution_main_right_con { overflow: hidden; height: 100% } .header_main_list_more_solution_main_right_con_con { width: 335px; float: left; margin-right: 90px; height: 100%; position: relative } .header_main_list_more_solution_main_right_con_con:nth-child(2) p:first-child { margin-top: 41px } .header_main_list_more_solution_main_right_con_con_last { width: 260px; height: 100%; float: left; background-color: #f1f3f6; text-align: center } .header_main_list_more_solution_main_right_con_con_last_head { display: block; width: 60px; height: 60px; margin: 30px auto 10px } .header_main_list_more_solution_main_right_con_con_last_head.head01 { background-position: -10px -10px } .header_main_list_more_solution_main_right_con_con_last_head.head02 { background-position: -90px -10px } .header_main_list_more_solution_main_right_con_con_last_head.head03 { background-position: -170px -10px } .header_main_list_more_solution_main_right_con_con_last_head.head04 { background-position: -250px -10px } .header_main_list_more_solution_main_right_con_con_last p { font-size: 14px; color: #707473; line-height: 22px; margin-bottom: 15px; text-align: center } .header_main_list_more_solution_main_right_con_con_last a { display: inline-block; padding: 0 3px 0 10px; color: #333; font-size: 14px; border: 1px solid #565656; border-radius: 2px; line-height: 30px; transition: all .2s } .header_main_list_more_solution_main_right_con_con_last a:hover { color: #fff; background-color: #565656; text-decoration: none } .header_main_list_more_solution_main_right_con_con_last a span { color: #333!important } .header_main_list_more_solution_main_right_con_con_last a:hover span { color: #fff!important } .header_main_list_more_resources_main_right_con.last .header_main_list_more_resources_main_right_con_list.font, .header_main_list_more_resources_main_right_con_list { width: 196px; margin-right: 26px } .header_main_list_more_resources_main_right_con.last .header_main_list_more_resources_main_right_con_list.font:last-child, .header_main_list_more_resources_main_right_con_list:last-child { margin-right: 0 } .header_main_list_more_resources_main_right, .header_main_list_more_subject_main_right { padding: 30px 40px } .header_main_list_more_resources_main_right_con_list_fonthref { float: right } .header_main_list_more_resources_main_right_con.font .header_main_list_more_resources_main_right_con_list_fonthref .header_main_list_more_resources_main_right_con_href { margin-top: 15px } .header_main_list_more_about_main { border-top: 1px solid #fff; position: absolute; box-sizing: border-box; background-color: #fff; padding: 30px 40px 0 40px; min-height: 220px } .header_main_list_more_about_main_list { width: 224px; margin-right: 39px; float: left; padding-right: 40px; border-right: 1px solid #eee; box-sizing: initial } .header_main_list_more_about_main_list a:hover { text-decoration: none } .header_main_list_more_about_main_list:last-child { margin-right: 0; border-right: none; padding-right: 0 } .header_main_list_more_about_main_list img { display: block; margin: 0 auto; padding-bottom: 20px } .header_main_list_more_about_main_list_tit { font-size: 16px; color: #333; font-weight: 400; text-align: center; margin-bottom: 10px } .header_main_list_more_about_main_list_tit a { display: block } .header_main_list_more_about_main_list_tit p { font-size: 16px } .header_main_list_more_about_main_list_txt { font-size: 13px; color: #616265; line-height: 22px; text-align: center } .discount-logo { position: absolute; right: 0; top: 0; width: 51px; height: 51px; background: url(../image/top_icon.png) no-repeat -132px -605px; text-align: center } .discount-logo .percent { font-size: 16px; line-height: 22px; font-weight: 700; color: #fff } .discount-logo .percent .symbol { padding-left: 2px; font-weight: 400; font-size: 16px; vertical-align: middle } .discount-logo .percent .number { vertical-align: middle } .discount-logo .off { line-height: 16px; font-size: 16px; color: #fff } .discount-big-logo { position: absolute; right: 0; top: 0; width: 60px; height: 60px; background: url(../image/top_icon.png) no-repeat -49px -605px; text-align: center } .discount-big-logo .percent { font-size: 16px; line-height: 22px; font-weight: 700; color: #fff } .discount-big-logo .percent .symbol { padding-left: 2px; font-weight: 400; font-size: 16px; vertical-align: middle } .discount-big-logo .percent .number { vertical-align: middle } .discount-big-logo .off { line-height: 16px; font-size: 16px; color: #fff } @media (max-width:1220px) { .header_main_list_more_subject_main_right_con_href { float: none; margin-top: 35px } .header_main_list_more_subject_main_right_con_href img { display: none } .header_main_list_more_subject_main_right_con_list { margin-right: 50px } .header_main_list_more_solution_main_right_con_con_last { display: none } .header_main_list_more_solution_main_right_con_con { width: 305px } .header_main_list_more_resources_main_right_con.last .header_main_list_more_resources_main_right_con_list.font, .header_main_list_more_resources_main_right_con_list { margin-right: 10px } .header_main_list_more_resources_main_right_con_list.video:last-child { display: none } .header_main_list_more_resources_main_right_con_list.video:nth-child(3) { margin-right: 0 } .header_main_list_more_resources_main_right_con_list.video { width: 210px } .header_main_list_more_resources_main_right_con.font.last .header_main_list_more_resources_main_right_con_list:last-child { display: none } .header_main_list_more_resources_main_right_con.font.last .header_main_list_more_resources_main_right_con_list:nth-child(3) { margin-right: 0 } .header_main_list_more_resources_main_right_con.font.last .header_main_list_more_resources_main_right_con_list { width: 210px } .header_main_list_more_about_main_list_txt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3 } .header_main_list_more_about_main_list:last-child { margin-right: 0; padding-right: 0 } .header_main_list_more_about_main { padding: 30px; min-height: auto } } .header_main_list_more_resources_main_left, .header_main_list_more_solution_main_left, .header_main_list_more_subject_main_left { padding-top: 24px } .header_main_list_more_solution_main_right_con h2 { margin-bottom: 15px } .header_main { position: relative } .header_main_list_more_all { position: absolute; left: 50%; top: 80px; width: 100%; max-width: 1220px; overflow: hidden; height: 0; transition-delay: 0s; z-index: 97; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff } .header_main_list_more { top: 0; transition: all 150ms ease-in-out; transition-delay: 0s; opacity: 0; display: block; z-index: -1 } .header_main_list_more.show { opacity: 1; z-index: 98 } .header_list_more_ul { transition: all 150ms ease-in-out; min-height: 465px; transition-delay: 0s } .header_list_more_ul_main { min-height: auto } .header_main_list.show p { border-bottom: none } .header_main_list_line { position: absolute; bottom: 0; height: 1px; background-color: #a1a1a1; left: 0; z-index: 9; width: 0; display: none; transition: all 150ms ease-in-out; transition-delay: 0s } .header_main_list:hover p { border-bottom: none!important } .header_main_list_more_subject_main_right_con_list { margin-right: 10px } .header_main_list_more_subject_main_right_con_list_pic { width: 205px; height: 140px; box-sizing: border-box; margin-bottom: 8px; overflow: hidden } .header_main_list_more_subject_main_right_con_list_pic img { display: block; margin: 0 auto; max-width: 100% } .header_main_list_more_resources_main_left, .header_main_list_more_solution_main_left { position: absolute; height: 100%; width: 290px; background-color: #f7f7f7; transition: all 150ms ease-in-out } .header_main_list_more_subject_main_left { height: auto; width: 290px; background-color: #f7f7f7 } .header_main_list_more_resources_main_right, .header_main_list_more_solution_main_right, .header_main_list_more_subject_main_right { margin-left: 290px } .header_main_list_more_solution_main_right { background-color: #fff } .header_main_list_more_subject_main_right_con_list h2 { max-width: 205px; text-align: center } .header_main_list_more_solution_main_right_con_con { margin-right: 80px } .header_main_list_more_resources_main_right_con.last .header_main_list_more_resources_main_right_con_list.font, .header_main_list_more_resources_main_right_con_list { margin-right: 20px } .header_main_list_more_resources_main_right_con_list h2 { margin-top: 8px; height: 40px } .header_main_list_more_resources_main_right_con_href { margin-top: 20px } .header_main_list_more_resources_main_right_con_href a, .header_main_list_more_solution_main_right_con_href a, .header_main_list_more_subject_main_right_con_href a { font-size: 14px } .header_main_list_more_subject_main_right_con_href img { margin-bottom: 8px } .header_main_list_more_resources_main_left p .icon, .header_main_list_more_solution_main_left .icon, .header_main_list_more_subject_main_left p .icon { top: 20px } .header_main_list_more_resources_main_left p, .header_main_list_more_solution_main_left p, .header_main_list_more_subject_main_left p { margin-bottom: 4px } .header_list_more_ul li { margin-bottom: 4px } @media (max-width:1220px) { .header_main_list_more_subject_main_right_con_list_pic { width: 150px } .header_main_search_txt { width: 110px } .ac_results { width: 200px } .header_main_list_more_resources_main_right_con_list.font:nth-child(4) { display: none } .header_main_list_more_resources_main_right_con_list.font:nth-child(3) { margin-right: 0 } .header_main_list_more_resources_main_right_con_list.video { width: 200px } .header_main_list_more_resources_main_right_con.last .header_main_list_more_resources_main_right_con_list.font, .header_main_list_more_resources_main_right_con_list { margin-right: 16px } .header_main_list_more_resources_main_right_con_list, .header_main_list_more_resources_main_right_con_list.font { width: 200px } } .aron_barry_clear_input { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 40px; cursor: pointer; font-size: 18px; color: #565656; display: none; padding-left: 6px; background: #fff } .header_main_list_more_about_main_list .about_us_span { width: 73px; height: 55px; display: block; margin: 0 auto; margin-bottom: 10px; background-repeat: no-repeat; background-size: contain; font-size: 36px; color: #8d8d8f; line-height: 44px; vertical-align: middle } .header_main_list_more_about_main_list .about_us_span img { -o-object-fit: contain; object-fit: contain; height: 100%; width: auto } .view_all { margin-top: 30px } .view_all a { color: #616265; font-size: 14px } .view_all a span { font-size: 12px; line-height: 14px } .cst-code-cont { width: 94%; margin: 0 auto; max-width: 1440px; margin-bottom: 20px } .cst-code-cont.cst-code-cont-index-btm { padding-top: 20px } .cst-code-cont.cst-code-cont-bottom { padding-top: 20px } .cst-code-item { line-height: 26px } .cst-code-item div, .cst-code-item p { width: 100% } .cst-code-item img { display: block; width: auto!important; max-width: 100%!important } .cst-mobile-only { display: none } .cus-cont-detail { padding: 10px 30px; background: #fff; margin: 10px 0; overflow: hidden } .cus-cont-detail img { display: block } .cus-cont-detail ol { padding-left: 20px } .cus-cont-detail ol li { list-style: decimal outside } @media (max-width:4400px) { .top .top_main { width: 94%; max-width: 1440px; } .header .header_main { width: 94%; max-width: 1440px; } .header_main_list_more_about_main, .header_main_list_more_resources_main, .header_main_list_more_solution_main, .header_main_list_more_subject_main { width: 1440px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .header_main_list_more_all { position: absolute; left: 50%; top: 80px; width: 100%; max-width: 1440px; overflow: hidden; height: 0; transition-delay: 0s; z-index: 97; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff } .header_main_list_more_allcategories_main { width: 100%; max-width: 1440px } .header_main_list_more_subject_main_right_con_list { width: 24% } .header_main_list_more_subject_main_right_con_list_pic { margin: 0 auto } .header_main_list_more_subject_main_right_con_list h2 { margin: 0 auto } .header_main_list_more_resources_main_right ul, .header_main_list_more_subject_main_right ul { width: 100% } .header_main_list_more_resources_main_right_con.last .header_main_list_more_resources_main_right_con_list.font, .header_main_list_more_resources_main_right_con_list { width: 24% } .header_main_list_more_about_main_list { width: 20.4% } .header_main_search_txt { width: 300px } .header_main_list { margin-right: 20px } } @media (max-width:1600px) { .cst-code-cont { width: 94%; max-width: 1200px; } .top .top_main { width: 94%; max-width: 1200px; } .header .header_main { width: 94%; max-width: 1200px; } .header_main_list_more_about_main, .header_main_list_more_resources_main, .header_main_list_more_solution_main, .header_main_list_more_subject_main { width: 1220px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .header_main_list_more_all { position: absolute; left: 50%; top: 80px; width: 100%; max-width: 1220px; overflow: hidden; height: 0; background-color: #fff } .header_main_list_more_allcategories_main { width: 100%; max-width: 1220px } .header_main_list_more_subject_main_right_con_list { width: 24% } .header_main_list_more_subject_main_right_con_list_pic { margin: 0 auto } .header_main_list_more_subject_main_right_con_list h2 { margin: 0 auto } .header_main_list_more_resources_main_right ul, .header_main_list_more_subject_main_right ul { width: 100% } .header_main_list_more_resources_main_right_con.last .header_main_list_more_resources_main_right_con_list.font, .header_main_list_more_resources_main_right_con_list { width: 24% } .header_main_list_more_about_main_list { width: 224px } .header_main_search_txt { width: 270px } .header_main_list { margin-right:5px } } @media (max-width:1200px) { .top .top_main { width: 94%; max-width: 1100px; } .header .header_main { width: 94%; max-width: 1100px; } .header_main_list_more_about_main, .header_main_list_more_resources_main, .header_main_list_more_solution_main, .header_main_list_more_subject_main { width: 1220px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .header_main_list_more_all { position: absolute; left: 50%; top: 80px; width: 94%; max-width: 1120px; overflow: hidden; height: 0; background-color: #fff } .header_main_list_more_allcategories_main { width: 100%; max-width: 1220px } .header_main_list_more_subject_main_right_con_list { width: 24% } .header_main_list_more_subject_main_right_con_list_pic { margin: 0 auto } .header_main_list_more_subject_main_right_con_list h2 { margin: 0 auto } .header_main_list_more_resources_main_right ul, .header_main_list_more_subject_main_right ul { width: 100% } .header_main_list_more_resources_main_right_con.last .header_main_list_more_resources_main_right_con_list.font, .header_main_list_more_resources_main_right_con_list { width: 24% } .header_main_list_more_about_main_list { width: 224px } .header_main_search_txt { width: 210px } .header_main_list { margin-right: 0 } .catalog_sec { width: 94%; max-width: 1100px } } @media (max-width:1120px) { .top .top_main { width: 94%; max-width: 1000px; } .header .header_main { width: 94%; max-width: 1000px; } .catalog_sec { width: 94%; max-width: 1000px } } .current-choose__header .wrapper { width: auto; display: inline-block; position: relative; text-align: center } .current-choose__header .wrapper>.name { color: #333 } .current-choose__header>.title { color: #333 } .current-choose__box { position: absolute; top: 100%; margin-top: -3px; box-shadow: 0 0 7px rgba(0, 0, 0, .3); border: 1px solid #ddd; border-radius: 6px; box-sizing: border-box; background: #fff; z-index: 999; cursor: pointer; display: none; right: -47px; line-height: 32px; padding: 15px; height: auto; width: 180px; } .current-choose__box .name { color: #333 } .current-choose__com:hover { text-decoration: underline } .current-choose__com:hover .name { color: #2878ff } .language-set { color: #333; position: relative; cursor: pointer; font-size: 13px } .language-set:hover .language-set_box { display: block } .language-set_box { position: absolute; left: 55px; top: 100%; width: 90px; border-radius: 4px; background: #ffff; box-shadow: 0 1px 8px 0 rgba(120,102,102,.3); z-index: 3333; display: none; margin-top: -1px; padding-left: 20px } .language-set_box li { list-style-type: none } .language-set_box li span { color: #333 } .language-set_box li span:hover { text-decoration: underline; color: #2878ff } .current-choose { line-height: 40px; cursor: pointer; position: relative; font-size: 13px } .language_selcet_m { display: none } .index_wap_country { display: none } #base_foot_set_m { display: none } #base_foot_set { display: block } @media (max-width:1280px) { .cst-code-cont { width: 94%; max-width: 1000px } } @media (max-width:1025px) { .cst-code-cont-index, .cst-pc-only { display: none!important } .cst-code-cont { width: 100%; box-sizing: border-box; padding: 0 10px; word-break: break-all } .cst-code-cont-index { width: 100% } .cst-code-cont-bottom { width: 100% } .cst-mobile-only { display: block } .cus-cont-detail { padding: 10px 3% } .cst-code-item iframe { width: 100%!important } .language_selcet_m { position: fixed; left: 0; top: 0; bottom: auto; width: 100%; height: 100%; background: #ffff; z-index: 9999999; display: none; line-height: 40px; border-bottom: 1px solid #ccc } .language_selcet_m .index_wap_lang_back { color: #666; font-size: 26px; line-height: 50px; position: relative; z-index: 1; display: block } .language_selcet_m .language_set_box_m { padding: 0; height: 100%; margin: 0; box-sizing: border-box } .language_selcet_m .option { width: 100%; height: 53px; line-height: 53px; padding: 0 15px; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; list-style-type: none } .language_selcet_m .option span { color: #333; display: block } .current_choose_box_m { width: 100%; padding: 0 15px; background: #fff; z-index: 999; cursor: pointer; height: 100%; overflow-y: auto } .current_choose_com { width: 100%; height: 53px; line-height: 53px; padding: 0 15px; box-sizing: border-box; border-bottom: 1px solid #e5e5e5 } .header_sidebar_lang { height: 48px; line-height: 48px; padding: 0 15px; transition: all .2s } .header_sidebar_lang .icon { font-style: normal; float: right; color: #666; font-size: 14px; text-align: center } #shipchoose_pop .choose_ul li.top_til { display: none } #shipchoose_pop .bottips { line-height: 20px; padding: 30px 10px; margin-top: 15px; font-size: 13px; height: auto } #shipchoose_pop .shipppitem .mid_titil { width: 40% } #shipchoose_pop .shipppitem .r_infoma { width: 50% } .addCrat_item_number .addCrat_item_numberTit { font-size: 16px } .addCrat_item_number .addCrat_item_numberTit .Shipping_rule { display: none } } .follow-us-icon { display: inline-block; box-sizing: content-box } .follow-us-icon a { margin-right: 13px } .follow-us-icon a span { display: inline-block; width: 26px; height: 26px; font-size: 26px; color: #646464; border-radius: 5px; overflow: hidden; line-height: normal } .footer_ul .contact_info { font-size: 22px; vertical-align: middle; margin-right: 5px } .footul_box .footer_logo { padding: 0 0 20px } .padd_b20 { padding-bottom: 20px } .table_contain { overflow: auto; -webkit-overflow-scrolling: touch; max-width: 100% } @media (max-width: 768px) { .table_contain table { width: max-content !important } }