@charset "UTF-8"; @font-face { font-family: enclosure_iconfont; src: url(../font/enclosure_iconfont.ttf?t=1645687001492) format('truetype') } .enclosure_iconfont { font-family: enclosure_iconfont!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-enclosure:before { content: "\e742" } @font-face { font-family: iconfont; src: url(../font/iconfont.woff2?t=1686731494232) format('woff2'), url(../font/iconfont.woff?t=1686731494232) format('woff'), url(../font/iconfont.ttf?t=1686731494232) format('truetype') } .iconfont { font-family: iconfont!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .iconFiber:before { content: "\e793" } .icona-ziyuan729:before { content: "\e769" } .icona-ziyuan730:before { content: "\e76a" } .icona-ziyuan728:before { content: "\e76b" } .icona-ziyuan732:before { content: "\e76c" } .icona-ziyuan726:before { content: "\e76d" } .icona-ziyuan731:before { content: "\e76e" } .icona-ziyuan734:before { content: "\e76f" } .icona-ziyuan733:before { content: "\e770" } .iconSc:before { content: "\e768" } .iconpayment:before { content: "\e767" } .iconaccount:before { content: "\e763" } .iconcontact:before { content: "\e764" } .iconRegister:before { content: "\e765" } .iconpurchase:before { content: "\e766" } .iconForm:before { content: "\e75f" } .iconStart:before { content: "\e760" } .iconSubmit:before { content: "\e761" } .icondays:before { content: "\e762" } .iconziyuan442:before { content: "\e75c" } .iconziyuan441:before { content: "\e75d" } .iconziyuan443:before { content: "\e75e" } .icon50_Request:before { content: "\e75a" } .icon50_Support:before { content: "\e75b" } .icon60_Optical:before { content: "\e759" } .icon36_Response:before { content: "\e758" } .icon36_Same:before { content: "\e753" } .icon36_Technical:before { content: "\e756" } .icon36_Professional:before { content: "\e757" } .iconPayment:before { content: "\e752" } .iconTerms:before { content: "\e755" } .icongaiban12:before { content: "\e751" } .iconzhekouma:before { content: "\e754" } .iconhome18_60:before { content: "\e746" } .iconhome16_60:before { content: "\e74a" } .iconhome13_60:before { content: "\e74b" } .iconhome19_60:before { content: "\e74e" } .iconhome17_60:before { content: "\e74f" } .iconhome20_60:before { content: "\e750" } .iconweb_16:before { content: "\e74c" } .iconID_16:before { content: "\e74d" } .iconhome15_60:before { content: "\e745" } .iconhome11_60:before { content: "\e747" } .iconhome12_60:before { content: "\e748" } .iconhome14_60:before { content: "\e749" } .icon_tishi:before { content: "\e744" } .icon_stp:before { content: "\e740" } .icon_igs:before { content: "\e741" } .icon_jian:before { content: "\e742" } .icon_jia:before { content: "\e743" } .icon_zip:before { content: "\e73f" } .icon_new:before { content: "\e73e" } .icon_zhiliang1:before { content: "\e73d" } .icon_tiaokuan:before { content: "\e73c" } .icon_xiasan:before { content: "\e73a" } .icon_shangsan:before { content: "\e73b" } .icon_danxuan:before { content: "\e736" } .icon_danxuan1:before { content: "\e737" } .icon_duoxuan:before { content: "\e738" } .icon_duoxuan1:before { content: "\e739" } .iconshaixuan:before { content: "\e735" } .iconquality_commitment_:before { content: "\e731" } .iconquality_commitment_1:before { content: "\e732" } .iconquality_commitment_2:before { content: "\e733" } .iconquality_commitment_3:before { content: "\e734" } .icon_xiazai1:before { content: "\e716" } .icon_phone1:before { content: "\e717" } .icon_kefu1:before { content: "\e718" } .icon_dingdan3:before { content: "\e719" } .icon_liuyan:before { content: "\e71a" } .icon_boke:before { content: "\e71b" } .icon_dingdan4:before { content: "\e71c" } .icon_zhanghu:before { content: "\e71d" } .icon_fangda:before { content: "\e71e" } .icon_shuju:before { content: "\e71f" } .icon_zhiliang:before { content: "\e720" } .icon_1:before { content: "\e721" } .icon_fuwuqi:before { content: "\e722" } .icon_mall:before { content: "\e723" } .icon_2:before { content: "\e724" } .icon_PHONE:before { content: "\e725" } .icon_yinsi:before { content: "\e726" } .icon_zhuanjia:before { content: "\e727" } .icon_xiazai2:before { content: "\e728" } .icon_sudu:before { content: "\e729" } .icon_wangluo:before { content: "\e72a" } .icon_tuihuo2:before { content: "\e72b" } .icon_3:before { content: "\e72c" } .icon_Sanxing:before { content: "\e72d" } .icon_zhuanye:before { content: "\e72e" } .icon_4:before { content: "\e72f" } .icon_shiping:before { content: "\e730" } .icon_left1:before { content: "\e715" } .icon_left:before { content: "\e714" } .icon_right4:before { content: "\e701" } .icon_zan2:before { content: "\e700" } .icon_Return:before { content: "\e704" } .icon_Request:before { content: "\e705" } .icon_Map:before { content: "\e706" } .icon_Delivery:before { content: "\e707" } .icon_Payment:before { content: "\e708" } .icon_xiazai:before { content: "\e709" } .icon_Factory:before { content: "\e70a" } .icon_SERVICE1:before { content: "\e70b" } .icon_Products:before { content: "\e70c" } .icon_Warranty:before { content: "\e70d" } .icon_AboutUs1:before { content: "\e70e" } .icon_Order:before { content: "\e70f" } .icon_Business:before { content: "\e710" } .icon_Account:before { content: "\e711" } .icon_ContactUs1:before { content: "\e712" } .icon_News1:before { content: "\e713" } .icon_AboutUs:before { content: "\e702" } .icon_ContactUs:before { content: "\e703" } .iconLOGO:before { content: "\e6ff" } .icon_top:before { content: "\e6aa" } .icon_gengduo:before { content: "\e6ab" } .icon_dui:before { content: "\e6ac" } .icon_beizhu:before { content: "\e6ad" } .icon_guanbi:before { content: "\e6ae" } .icon_right:before { content: "\e6af" } .icon_bottom:before { content: "\e6b0" } .icon_xing:before { content: "\e6b1" } .icon_xing1:before { content: "\e6b2" } .icon_phone:before { content: "\e6b3" } .icon_mailkai:before { content: "\e6b4" } .icon_right1:before { content: "\e6b5" } .icon_mail:before { content: "\e6b6" } .icon_baoguo:before { content: "\e6b7" } .icon_cat:before { content: "\e6b8" } .icon_baojia:before { content: "\e6b9" } .icon_biaoqing:before { content: "\e6ba" } .icon_bianji:before { content: "\e6bb" } .icon_fanhui:before { content: "\e6bc" } .icon_geren:before { content: "\e6bd" } .icon_dayin:before { content: "\e6be" } .icon_fenxiang:before { content: "\e6bf" } .icon_dingdan:before { content: "\e6c0" } .icon_guanbi1:before { content: "\e6c1" } .icon_liaotian:before { content: "\e6c2" } .icon_kefu:before { content: "\e6c3" } .icon_shouqi:before { content: "\e6c4" } .icon_fujian:before { content: "\e6c5" } .icon_guanbi2:before { content: "\e6c6" } .icon_liebiao:before { content: "\e6c7" } .icon_sousuo:before { content: "\e6c8" } .icon_juzhen:before { content: "\e6c9" } .icon_suo:before { content: "\e6ca" } .icon_shanchu:before { content: "\e6cb" } .icon_tianjia:before { content: "\e6cc" } .icon_huifu:before { content: "\e6cd" } .icon_zhankai:before { content: "\e6ce" } .icon_tuichu:before { content: "\e6cf" } .icon_zan:before { content: "\e6d0" } .icon_zhaopian:before { content: "\e6d1" } .icon_tuihuo:before { content: "\e6d2" } .icon_zhengque:before { content: "\e6d3" } .icon_yunfei:before { content: "\e6d4" } .icon_cat1:before { content: "\e6d5" } .icon_ziyuan:before { content: "\e6d6" } .icon_right2:before { content: "\e6d7" } .icon_fujian1:before { content: "\e6d8" } .icon_dui1:before { content: "\e6d9" } .icon_mail1:before { content: "\e6da" } .icon_cuo:before { content: "\e6db" } .icon_geren1:before { content: "\e6dc" } .icon_pdf:before { content: "\e6dd" } .icon_xing2:before { content: "\e6de" } .icon_guanbi3:before { content: "\e6df" } .icon_webim:before { content: "\e6e0" } .icon_webim1:before { content: "\e6e1" } .icon_xing3:before { content: "\e6e2" } .icon_webim2:before { content: "\e6e3" } .icon_:before { content: "\e6e4" } .icon_zan1:before { content: "\e6e5" } .iconF:before { content: "\e6e6" } .icon_right3:before { content: "\e6e7" } .icon_tuihuo1:before { content: "\e6e8" } .icon_Free:before { content: "\e6e9" } .icon_dingdan1:before { content: "\e6ea" } .icon_dingdan2:before { content: "\e6eb" } .icon_Safe:before { content: "\e6ec" } .iconhome_:before { content: "\e6ed" } .iconhome_1:before { content: "\e6ee" } .iconG:before { content: "\e6ef" } .iconcatkong:before { content: "\e6f0" } .iconhome_2:before { content: "\e6f1" } .iconhome_3:before { content: "\e6f2" } .iconhome_4:before { content: "\e6f3" } .icon_Quality:before { content: "\e6f4" } .iconhome_5:before { content: "\e6f5" } .iconhome_6:before { content: "\e6f6" } .iconPP:before { content: "\e6f7" } .iconhome_7:before { content: "\e6f8" } .iconIN:before { content: "\e6f9" } .iconhome_8:before { content: "\e6fa" } .iconMAIL:before { content: "\e6fb" } .iconOFF:before { content: "\e6fc" } .iconT:before { content: "\e6fd" } .iconhome_9:before { content: "\e6fe" } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(../font/self_icon.woff2); src: local('Open Sans'), local('OpenSans'), url(/reslinkpp/dist/font/self_icon.woff2) format('woff') } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/reslinkpp/dist/font/self_icon_light.woff2) format('woff') } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('opensans semibold webfont'), local('opensans-semibold-webfont'), url(/reslinkpp/dist/font/self_icon_weight.woff2) format('woff'); font-display: swap } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .swiper-container-multirow>.swiper-wrapper { flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0)) } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { touch-action: pan-y } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { touch-action: pan-x } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.33); transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s top, .2s -webkit-transform; transition: .2s transform, .2s top; transition: .2s transform, .2s top, .2s -webkit-transform } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s left, .2s -webkit-transform; transition: .2s transform, .2s left; transition: .2s transform, .2s left, .2s -webkit-transform } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s right, .2s -webkit-transform; transition: .2s transform, .2s right; transition: .2s transform, .2s right, .2s -webkit-transform } .swiper-pagination-progressbar { background: rgba(0,0,0,.25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255,255,255,.25) } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0,0,0,.25) } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px } .new-banner { position: relative; width: 100% } .new-banner img { width: 100% } .new-banner__pos { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center } .new-banner__pos::before { content: " "; height: 100%; display: inline-block; vertical-align: middle } .new-banner__box { display: inline-block; text-align: center; vertical-align: middle; font-size: 26px; color: #fff } .new-banner__box .title { font-size: 36px } .new-banner__box .subtitle { font-size: 16px; padding-top: 40px } .new_nowAold_priceBox { padding-bottom: 20px } @media screen and (max-width:800px) { .new-banner__box .title { font-size: 16px } .new-banner__box .subtitle { padding: 0 10px 0; font-size: 12px } } .product-attr { display: inline-block; width: 100%; color: #acacac } .product-attr .attr { font-size: 14px; color: #acacac } .product-attr-time { display: flex } .product-attr-time .left { padding-right: 30px } body { margin: 0 auto; padding: 0; font-size: 14px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; color: #333; -webkit-text-size-adjust: none; background: #fff; line-height: 20px; -webkit-tap-highlight-color: transparent; background-color: #fff; overflow-x: hidden } a { 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 } div { box-sizing: border-box } [v-cloak] { display: none } .popularity_view_sortz1 { font-size: 13px!important } #products_tab_description #con_one1 ul { display: block; list-style-type: disc; -webkit-margin-before: 1em; margin-block-start: 1em; -webkit-margin-after: 1em; margin-block-end: 1em; -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: 0; margin-inline-end: 0; -webkit-padding-start: 40px!important; padding-inline-start: 40px!important } #products_tab_description #con_one1 ul li { list-style: disc!important } #products_tab_description #con_one1 ol li { list-style: decimal!important } #productdetail_tpl { background-color: #f7f7f7; } .flex_lr { display: flex; flex-direction: row; flex-wrap: nowrap; flex-flow: row; justify-content: space-between; align-content: space-between } .flex_lrwrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: space-between } .flex_tb { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: space-between } .flex_tbot { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-content: space-between } .flex_tbotc { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-content: center } .flex_tbott { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: top; align-content: top } .flex_lrc { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center } .flex_lrc_now { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center } .flex_l { display: flex; flex-direction: row; flex-wrap: nowrap; flex-flow: row; justify-content: left } .flex_r { display: flex; flex-direction: row; flex-wrap: nowrap; flex-flow: row; justify-content: right } .col_bar { margin: 0 10px; border-left: 1px solid #acacac; display: inline-block; height: 13px; padding: 0!important; line-height: 30px; overflow: hidden; vertical-align: middle } .bg_gray { background-color: #ddd!important } .bg_fff { background-color: #fff!important } .padd_tb40 { padding: 40px 0 } .padd_tb3020 { padding: 40px 0 30px 0 } .padd_b60 { padding-bottom: 60px } .padd_b20 { padding-bottom: 20px } .padd_t30 { padding-top: 30px } .padd_tb30 { padding: 30px 0 } .paddr10 { padding-right: 10px } .padd30 { padding: 30px } .paddlr30 { padding: 0 30px } .padd10 { padding: 10px } .paddlr20 { padding: 0 20px } .mart10 { margin-top: 10px } .marr10 { margin-right: 10px } .mart24 { margin-top: 15px; position: relative } .mobie_share { display: none } .width100p { width: 100% } .minw440 { min-width: 440px } .minw300 { min-width: 300px } .minw600 { min-width: 600px } .disable_selection { -moz-user-select: none; -ms-user-select: none; -ktml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none } .detail_zhekou_box { border: 1px dashed #eb1b2f; border-radius: 10px; margin: 15px 0 } .detail_zhekou_box .detail_zhekou { width: 100%; min-height: 50px; line-height: 20px; font-size: 13px; color: #333; font-weight: 700; padding: 10px 20px; word-break: break-all } .detail_zhekou_box .detail_zhekou .iconfont { color: #eb1b2f; font-size: 20px; margin-right: 10px; display: inline-block; font-weight: 400 } .detail_zhekou_box .detail_zhekou .date { width: auto; height: 20px; background: #ffd400; color: #eb1b2f; line-height: 20px; font-size: 13px; color: #333; font-weight: 700; word-break: break-all; display: inline-block } .detail_zhekou_box .detail_zhekou .date .iconfont { color: #eb1b2f; font-size: 20px; margin-right: 10px; display: inline-block; font-weight: 400 } .detail_zhekou_box .detail_zhekou .date .date { width: auto; height: 20px; background: #ffd400; color: #eb1b2f; line-height: 20px; display: inline-block } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .left_clear { clear: left } .mid_content { padding: 10px 0 50px 0 } .fll { float: left!important } .flr { float: right!important } .vertmid { vertical-align: middle } .comment_authentication { line-height: 15px } .pro_a_one { margin-left: -10px } .vote { line-height: 14px } .red_font { color: red } .gray_bg { background-color: #f6f6f6 } .bar_gray { border-bottom: 1px solid #eaebef!important; margin: 30px 0!important } .none.new_pro_addCart_btn { border: 1px solid #ccc; background-color: #ddd; color: #fff } .none.new_pro_addCart_btn:hover { border: 1px solid #ccc; background-color: #ddd; color: #fff } .Hhide { display: none } .Hshow { display: block } .tab_con:before { content: ""; display: table } .tab_con:after { content: ""; display: block; line-height: 0; height: 0; clear: both; visibility: hidden; font-size: 0 } .spinner-box.web_inforont { display: block; width: 100%; height: 100%; background: rgba(0,0,0,.19); z-index: 9999999; position: fixed } .zUIpanelScrollBar, .zUIpanelScrollBox { width: 10px; top: 4px; right: 2px; border-radius: 5px; background-color: #999; z-index: 9 } .zUIpanelScrollBox { background: #000; opacity: .1; top: 2px } .zUIpanelScrollBar { background: #333; opacity: .8 } .spinner { width: 50px; height: 100px; text-align: center; font-size: 10px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto } .spinner>div { background-color: #4ba0ff; height: 100%; width: 6px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out } .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .spinner .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s } .spinner .rect4 { -webkit-animation-delay: -.9s; animation-delay: -.9s } .spinner .rect5 { -webkit-animation-delay: -.8s; animation-delay: -.8s } .tab-title { font-size: 16px; font-weight: 600; margin-top: 30px; display: block; line-height: 24px; color: #232323 } .single-tab { border-collapse: collapse; border-spacing: 0; margin: 10px 0; width: 100%; border: none; font-size: 14px; font-weight: 400; color: #232323; background-color: #fff } .single-tab tr td { border: none; padding: 8px; line-height: 22px; font-weight: 400 } .single-tab tr td b { font-weight: 600 } .single-tab tr:first-child td { width: 25% } .single-tab tr:nth-child(odd) { background-color: #f4f4f4 } @-webkit-keyframes stretchdelay { 0%, 100%, 40% { -webkit-transform:scaleY(.4) } 20% { -webkit-transform:scaleY(1) } } @keyframes stretchdelay { 0%, 100%, 40% { transform:scaleY(.4); -webkit-transform:scaleY(.4) } 20% { transform:scaleY(1); -webkit-transform:scaleY(1) } } .success_pop { text-align: center; color: #393; font-size: 18px; line-height: 27px } .success_pop.fail { color: #d94c5a } .blue_font { color: #0070bc } .liblue_font { color: #5b8fd2; font-size: 20px; margin-top: 20px; text-align: center } .liblack_font { font-size: 18px; text-align: center; margin-top: 11px } .blue_font:hover { color: #0070bc } .price_tile { font-size: 13px } .mid_banner_m { display: none } .mid_banner { width: 100%; height: auto; margin: 0 auto } .mid_banner .swiper-container { width: 100%; height: auto } .mid_banner .swiper-container .swiper-wrapper { width: 100%; height: auto } .mid_banner .swiper-slide { background-position: center; background-size: cover; height: 420px } .mid_banner .swiper-slide { overflow: hidden; border: 0 solid transparent } .mid_banner .img_a { height: auto; width: 100%; display: block } .mid_banner .img_a img { position: relative; left: 50%; margin-left: -960px; width: 1920px } .mid_banner .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 4px; background-color: rgba(255,255,255,.9); margin: 0 8px!important } .mid_banner .swiper-pagination-bullet-active { background-color: rgba(255,255,255,.9) } .mid_banner .swiper-pagination-bullets { bottom: 22px!important } .mid_banner .swiper-button-prev { left: 20px } .mid_banner .swiper-button-next { right: 20px } .mid_banner .swiper-button-next, .mid_banner .swiper-button-prev { height: 60px; width: 60px; margin-top: -30px; opacity: 0; transition: all .3s; background-color: rgba(0,0,0,.2); border-radius: 30px; background-size: 20px } .mid_banner:hover .swiper-button-next, .mid_banner:hover .swiper-button-prev { opacity: 1!important } .mid_banner .swiper-button-next:hover, .mid_banner .swiper-button-prev:hover { background-color: rgba(0,0,0,.4) } .catalog_sec i { width: 62px; background-position: -214px -3px } .catalog_sec i { display: inline-block; font-style: normal; background-repeat: no-repeat; margin-bottom: 10px; height: 41px; font-size: 60px; color: #333; line-height: 40px } .catalog_sec p { font-size: 13px; color: #707473; line-height: 20px; color: #333; margin-top: 10px } .catalog_sec { width: 1440px; margin: 30px auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: space-between } .catalog_sec_items { width: 12%; text-align: center; float: left; cursor: pointer; padding-top: 12px; transition: all ease .5s } .catalog_sec_items a { display: block; cursor: pointer } .catalog_sec_items:hover { box-shadow: 1px 1px 5px 1px rgba(88,88,88,.3) } .catalog_sec_items:hover i, .catalog_sec_items:hover p { cursor: pointer } .m_table { width: 100%; overflow-x: auto } .index_main_con_detail_box { padding: 30px 0 } .index_main_con_detail { height: auto; width: 100%; background-color: #f7f8f9; z-index: -1; padding-bottom: 30px } .index_main_con_list { margin: 0 auto; width: 1440px; min-height: 300px; margin-bottom: 20px } .index_list_til { display: flex; flex-direction: row; flex-wrap: nowrap; flex-flow: row; justify-content: space-between; align-content: row; padding: 20px 0 } .index_list_til_font { display: block; font-size: 1.5em; font-weight: 600 } .get_more { color: #6e9efa; font-size: 16px } .list_banner { width: 50%; height: 280px; overflow: hidden; float: right; background: no-repeat 50% 50%; background-size: cover } .list_banner img { width: 100% } .list_items { width: 24.2%; height: 435px; background-color: #fff; margin-right: 1%; margin-bottom: 13px; float: left; transition: all .3s } .nomobie_box .list_items:nth-child(2) { width: 50%; height: 280px; background-color: #fff; margin-right: 16px; margin-bottom: 13px; float: right; transition: all .3s } .nomobie_box .list_items:nth-child(2) .indexitem_img_box img { max-width: 278px!important; margin: 0 auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .nomobie_box .list_items:nth-child(2) .indexitem_rightcont { width: 50%; padding: 48px 0 0 0; text-align: left } .nomobie_box .list_items:nth-child(2) .indexitem_rightcont>div { text-align: left } .nomobie_box .list_items:nth-child(2) .flex_lr.nomobie { display: flex } .nomobie_box .list_items:nth-child(2) .indexitem_til { font-weight: 400; font-size: 18px; padding: 0 } .nomobie_box .list_items:nth-child(2) .fir_c { font-size: 13px; height: 60px; overflow: hidden } .nomobie_box .list_items:nth-child(2) .indexitem_img_box { height: 280px; width: 50%; padding: 10px } .nomobie_box .list_items:nth-child(2) .indexitem_stock { margin-top: 5px } .nomobie_box .list_items:nth-child(10), .nomobie_box .list_items:nth-child(14), .nomobie_box .list_items:nth-child(18), .nomobie_box .list_items:nth-child(2), .nomobie_box .list_items:nth-child(6) { margin-right: 0 } .mobie_box { position: relative; width: 90%; padding-bottom: 10px } .mobie_box .list_banner { position: absolute; top: -130px; z-index: 0; height: 180px; background-color: #ddd; display: none } .mobie_box .swiper-wrapper { height: auto } .mobie_box .indexitem_til { padding: 0 } .mobie_box .swiper-pagination { bottom: 0 } .mobie_box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px } .mobie_box .swiper-pagination-bullet-active { background-color: #aaa } .mobie_box .swiper-pagination-bullet { width: 24px; height: 4px; border-radius: 2px; background-color: #aaa } .list_banner_mobie { position: relative; height: auto; z-index: 0 } .list_banner_mobie img { margin-bottom: -10%; width: 100%; height: auto; max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover } .list_items:hover { box-shadow: 10px 15px 15px -10px rgba(0,0,0,.15) } .list_items>a { display: block } .indexitem_img_box { width: 100%; height: 315px; margin-bottom: 10px; padding: 17px } .indexitem_img_box img { max-width: 280px; -o-object-fit: contain; object-fit: contain; margin: 0 auto; display: block; margin-top: 49%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .indexitem_til { text-align: center; font-size: 14px; height: 40px; font-weight: 400; color: #232323; padding: 0 20px; margin-top: 5px; line-height: 18px; -webkit-line-clamp: 2; overflow: hidden } .index-feature-salenumBox { display: inline-block } .indexitem_price { text-align: center; font-size: 14px; margin-top: 8px; color: #232323 } .indexitem_stock { font-size: 13px; color: #999; text-align: center; margin-top: 4px; display: inline-block } .indexitem_sold { font-size: 13px; text-align: center; margin-top: 4px; display: inline-block } .text_2_esp { width: auto; height: 40px; line-height: 20px; position: relative; overflow: hidden; text-overflow: clip } .text_2_esp:after { background: linear-gradient(to right, rgba(255,255,255,0), #fffcfa 50%) repeat scroll 0 0 rgba(0,0,0,0); bottom: 0; content: "..."; padding: 0 10px 1px 30px; position: absolute; right: 18px } .request_listcont .text_2_esp:after { right: 0 } .menu_list_new dl dt { float: left; line-height: 24px } .menu_list_new dl dd { float: left; line-height: 24px; padding-left: 20px; position: relative } .menu_list_new dl dd:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: 400; text-align: center; content: '/'; position: absolute; left: 7px; top: 1px; color: #707473; font-size: 12px; line-height: 26px } .menu_list_new dl dd:nth-child(1):before { content: ' ' } .menu_list_new dl dd a, .menu_list_new dl dt a { color: #707473; text-decoration: none; line-height: inherit } .menu_list_new dl dd a:hover, .menu_list_new dl dt a:hover { color: #333 } .menu_list_cont { padding-top: 10px; padding-bottom: 34px } .menu_list_cont:after { content: ''; display: block; clear: both; width: 0; height: 0 } .menu_list_new dl dt { float: left; line-height: 24px } .menu_list_new dl dd { float: left; line-height: 24px; padding-left: 20px; position: relative } .menu_list_new dl dd:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: 400; text-align: center; content: '/'; position: absolute; left: 7px; top: 0; color: #d3d3d3; font-size: 12px; line-height: 26px } .menu_list_cont { padding-top: 20px } .menu_list_cont:after { content: ''; display: block; clear: both; width: 0; height: 0 } .featurePics_proImg .proImg_alink { width: 100%; height: 100%; display: inline-block } .m-list-Screening-center { height: calc(100% - 140px); overflow: scroll } .code-item { color: #acacac; display: flex; width: 50%; float: left } .code-item::before { content: " "; display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: #acacac; vertical-align: middle; margin-top: 13px } .code-item label { width: 120px; display: inline-block; line-height: 30px; vertical-align: middle; flex-shrink: 1 } .code-item span { width: 140px; display: inline-block; line-height: 18px; vertical-align: middle; flex: 1; color: #333 } .menu_list_cont .Home_next h1, .menu_list_cont .Home_next span, .menu_list_cont .back_Home { color: #707473; font-size: 13px; font-weight: 400 } .change_head_proStar.pro_star .pro_star_gray { width: 10px; background: url(../image/star_gray_bg.png) no-repeat; background-size: contain; height: 10px; float: left; margin: 5px 2px 0 0 } .change_head_proStar.pro_star .pro_star_hover { background: url(../image/star_yellow_bg.png) no-repeat; background-size: cover; height: 10px } .new_proList_ListBstarBox .pro_star { width: auto } .pro_star { overflow: hidden; float: left; height: 28px } .new_proList_serchListCont .v_show .change_head_proStar.pro_star .pro_star_gray { width: 10px; background: url(../image/star_yellow_bg.png) no-repeat -13px -297px } .new_proList_serchListCont .v_show .change_head_proStar.pro_star .pro_star_hover { background: url(../image/star_yellow_bg.png) no-repeat -13px -272px } .Menubox ul li.hover { border-bottom: 0 } .Menubox ul li a { color: #999; font-size: 16px } .Menubox ul li a:hover { color: #666 } .Menubox ul li.hover a { color: #333; font-size: 16px } .Menubox ul li { -webkit-transform: translateY(-2px); transform: translateY(-2px) } .product_tab_wap:after { content: ""; display: block; clear: both } .product_tab01 { display: block; padding-left: 0; box-sizing: border-box } .product_tab01_ul li { float: left; margin-right: 0; cursor: pointer; font-size: 13px; color: #999; font-weight: 700; line-height: 20px; margin-top: 0 } .product_tab01_ul li.hover { border-bottom: 2px solid #565656; color: #707473; box-sizing: border-box; max-height: 30px } .product_tab01_ul li:hover { color: #333 } .product_sticky { transition: all .3s; -webkit-transform: translateY(120%); transform: translateY(120%) } .Menubox { margin-top: 30px; height: 48px; line-height: 48px; border-bottom: 1px solid #dedede; position: sticky; overflow: hidden; top: 0; z-index: 99; overflow: hidden } .Menubox ul { list-style: none; margin: 0; padding: 0; float: left } .Menubox ul:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0 } .Menubox a { color: #999; text-decoration: none } .Menubox a:hover { color: #333; text-decoration: none } .Menubox ul li { -webkit-transform: translateY(-1px); transform: translateY(-1px); float: left; display: block; cursor: pointer; background: #fff; text-align: center; font-size: 14px; font-weight: 700; border-bottom: 0; height: 47px; margin-right: 22px } .Menubox ul li.hover { display: block; background: #fff; text-align: center; font-weight: 700; position: relative; z-index: 1 } .Menubox ul li.hover a { display: block; text-decoration: none; background: #fff; border-radius: 2px 2px 0 0; color: #333; text-align: center } .Menubox ul li a span { font-size: 12px; margin-left: 5px } .Menubox .Menubox_m_more { position: absolute; top: 51px; right: -1px; border-right: 1px solid #dedede; border-left: 1px solid #dedede; display: none; background-color: #fff; z-index: 99; box-shadow: 0 2px 3px 0 rgba(51,51,51,.3); border-radius: 0 0 3px 3px } .Menubox .Menubox_m_more p { white-space: pre; border-bottom: 1px solid #dedede; margin: 0 15px } .Menubox .Menubox_m_more a { padding: 0 15px; line-height: 40px } .Menubox .Menubox_m_more p a { padding: 0 0 } .no_data { height: auto; padding: 30px 20px 40px 20px } .no_data .no_data_mid { text-align: center; margin: 0 auto } .no_data .iconfont { font-size: 64px; line-height: 100%; color: #dedede } .no_data .no_data_font { margin-top: 10px; font-size: 12px; color: #dedede } .fakeaim { position: relative; top: -100px; display: block } .proImg_describe_box { background-color: #fff; } .detail_probox { position: relative; display: flex; align-items: flex-start; padding: 0 30px; } .detail_proLeft { flex: 0 0 40%; font-size: 12px; max-width: 600px; text-align: center; position: -webkit-sticky; position: sticky; background:#fff; } .detail_proLeft.fixed { position:sticky; top: 0 } .detail_proLeft.fixed .featurePics_proImg { margin-top: 0 } .detail_proRight { flex: 0 0 60%; background: #fff; padding: 28px 0 0 6%; box-sizing: border-box; min-height: 666px; overflow:auto; } .detail_proRight .product_ts { padding-left: 0 } .detail_proRight .product_03_08 { padding-left: 0; float: left } .detail_proDecribe_tit h1 { padding-top: 0; font-size: 22px; line-height: 36px; display: inline; font-weight: 400 } .detail_proAssess_starNum { padding-top: 6px } .detail_proAssess_starNum .right_box { float: right } .detail_proAssess_starNum .right_box .shipping_unit { color: #ff7519; font-size: 14px; margin-right: 10px; font-weight: 700; line-height: 30px } .detail_proAssess_starNum .right_box .shipping_unit.colorgre { color: #168800!important; font-weight: 700 } .detail_proAssess_starNum .right_box .shipping_cate { font-size: 14px; cursor: pointer; line-height: 20px } .detail_proAssess_starNum .right_box .shipping_cate .icon_bottom { font-size: 12px; display: inline-block } .detail_proAssess_starNum .right_box .shipping_rec { font-size: 14px; width: 100%; color: #828282; line-height: 20px } .detail_proAssess_starNum .right_box .shipping_rec a { color: #0070bc!important; display: inline-block; white-space: nowrap; margin-left: 5px } .detail_proAssess_starNum .right_box .shipping_rec span { font-size: 12px; color: #0070bc; padding: 0 } .detail_proAssess_starNum .right_box.total_disc { line-height: 58px } .detail_proAssess_starNum .right_box.total_disc .total_price { line-height: 60px; margin-top: 0 } .detail_proAssess_starNum span { padding: 0 5px; font-size: 14px; line-height: 30px; color: #616265; overflow: hidden } .origin-price-dis { font-size: 14px; color: #818181; font-weight: 400; text-decoration: line-through } .detail_proAssess_starNum span a { color: #616265; font-size: 14px } .detail_proAssess_starNum .detail_proPrice { display: inline-block; vertical-align: top } .detail_proAssess_starNum .detail_proPrice span { font-size: 18px; font-weight: 700; color: #333 } .detail_proPrice { display: inline-block } .wholesalebox { border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; margin: 10px 0; padding: 10px 0 } .wholesalebox .wholestit { display: inline-block; width: 16%; float: left; min-width: 90px } .wholesalebox .wholesunum { font-size: 14px; line-height: 30px } .wholesalebox .wholesutex { line-height: 27px; font-size: 14px } .wholesalelist { height: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: left; width: 82%; float: left } .wholesalelist .wholesaleitem { max-height: 60px; margin-right: 2% } .wholesalelist .wholesaleitem div { text-align: left; width: 100%; padding-left: 10px; white-space: nowrap } .wholesalelist .wholesaleitem .wholenum { font-size: 13px; color: #999; line-height: 29px; font-weight: 700; text-align: center } .wholesalelist .wholesaleitem .wholeprice { font-size: 16px; color: #333; line-height: 29px; font-weight: 700; text-align: center } .detail_P_N { padding-top: 10px; color: #acacac } .detail_P_N span { color: #acacac; padding-left: 10px } .detail_transceiver_type { margin-top: 15px } .detail_transceiver_type dt { font-size: 14px; color: #616265; padding-bottom: 3px } .detail_transceiver_type dd { float: left; margin: 5px 5px 5px 0; min-height: 36px; line-height: 34px; border-radius: 2px; background: #fff; border: 1px solid #dedede; text-align: left; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; box-sizing: border-box } .detail_transceiver_type dd.current { border: 1px solid grey; line-height: 32px; background-color: #eee } .detail_transceiver_type dd.current a { padding: 0 15px; box-sizing: border-box } .detail_transceiver_type dd a { text-decoration: none; font-size: 14px; color: #333; display: block; padding: 0 12px } .detail_transceiver_type dd.pro_item_color { float: left; height: 30px; padding: 3px; width: 30px; border: 1px solid #dedede; margin: 0 5px 0 0; box-sizing: border-box; border-radius: 2px; cursor: pointer; text-align: center } .detail_transceiver_type dd.pro_item_color.current { border: 2px solid #c91f24 } .detail_transceiver_type dd.pro_item_color a { text-decoration: none; display: inline-block; width: 100%; height: 100%; padding: 0; box-sizing: border-box } .detail_transceiver_type dd.pro_item_color_white a { border: 1px solid #dedede } .total_price { line-height: 40px; font-size: 18px; font-weight: 600; display: inline-block } .track_orders_wenhao_only { color: #0070bc; cursor: pointer; vertical-align: initial!important; line-height: 19px } .pro_font_w { font-weight: 600 } .Ship_To_dl dt { font-size: 13px; color: #333 } .ship_to_a { display: inline-block } .Ship_To_dl dt a { color: #0070bc } .product div.track_orders_wenhao { margin-left: 5px } .product .track_orders_wenhao { margin-top: 0 } .question_text, .track_orders_wenhao { position: relative; display: inline-block; vertical-align: middle; font-weight: 400 } .product-des-box { text-align: left; font-size: 14px; font-weight: 400; line-height: 40px; width: 100%; height: auto; overflow: hidden } .left_box { float: left; min-width: 100px } .right_box { float: right; width: 420px } .pro_item { border: 2px solid #d63030; line-height: 26px; float: left; margin: 5px 10px 5px 0; min-height: 30px; line-height: 28px; border-radius: 2px; background: #fff; border: 1px solid #dedede; text-align: left; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; box-sizing: border-box } .pro_item.disabled { background-color: #ddd } .pro_item.disabled a { color: #aaa; cursor: default } .pro_item a { padding: 0 11px; box-sizing: border-box } .AddtoCart { background: #dc3737; color: #fff; font-size: 16px; font-weight: 400; font-family: "Maven Pro"; border: 0; border-radius: 2px!important; transition: all .25s ease-in-out; -webkit-appearance: none; display: inline-block; width: auto; padding: 0 15px; letter-spacing: 1px; text-decoration: none; cursor: pointer; margin-bottom: 10px; height: 44px; line-height: 44px; border: 0!important; width: 48%!important; vertical-align: top } .buynow_Cla { width: 36%!important; margin-top: 17px; height: 40px; line-height: 40px; margin-left: 10px } .addcart_Cla { background: #fff; color: #dc3737; border: 1px solid #dc3737!important } .collection_box { margin-left: 20px } .collection_box a { display: inline-block; line-height: 44px; color: #acacac; font-size: 14px } .collection_ico { display: inline-block; width: 16px; background-size: contain; margin-top: -4px; vertical-align: middle; line-height: 20px!important } #add_cart_but { width: 45%!important; padding-left: 20px } #add_cart_but.link_ppquan { width: 36%!important } #add_cart_but.none { background-color: #ddd } .AddtoCart.none { background-color: #ddd; border: 1px solid #ddd!important; color: #acacac; cursor: no-drop } .detail_foot_link { border-top: 1px solid #e1e1e1; position: relative } .share { position: absolute; right: 10px; top: 11px; color: #acacac; cursor: pointer; padding-bottom: 10px; overflow: hidden } .share .share_font { margin-left: 10px } .share .share_floatlay { height: 60px; padding-top: 10px; box-sizing: border-box; background: url(../../dist/image/bg_bop.png) no-repeat center center; background-size: 100%; position: absolute; bottom: -60px; right: -20px; min-width: 180px; opacity: 0; transition: all .5s ease; z-index: 999 } .share .share_floatlay a { font-size: 20px; line-height: 50px; cursor: pointer; color: #acacac; padding: 0 6px } .share:hover { overflow: visible } .share:hover .share_floatlay { opacity: 1 } .mart24 .share { display: block } .detail_foot_link li { font-size: 14px; color: #0070bc; float: left; display: inline-block; margin-right: 3%; line-height: 60px; cursor: pointer } .detail_foot_link li .iconfont { vertical-align: middle } .detail_foot_link li>a { color: #0070bc } #live_chat { color: #acacac } .Contentbox { padding: 0 0 30px; font-size: 14px; border-top: 0; font-weight: 400; color: #333 } .Contentbox hr { line-height: 0; height: 0; width: 100%; background: #dedede; margin: 45px 0 40px; clear: both; display: block; border: 0; border-bottom: 1px solid #eee } .Contentbox h2 { font-size: 16px; font-weight: 600; margin-top: 30px; display: block; line-height: 24px } .Contentbox img { clear: both; max-width: 100%; height: auto } .Contentbox table.solu_table01 tr:first-child td { width: 25% } .p_con_01 { line-height: 22px; font-size: 18px; color: #333; font-weight: 600 } .p_con_01.mar_tb { padding: 20px 0 7px 0 } .p_con_01 h3 { font-size: 16px; font-weight: 600 } .p_con_01 .h_fake { font-size: 16px; font-weight: 600 } .spec { margin-top: 30px } .Contentbox table { border-collapse: collapse; border-spacing: 0; margin-bottom: 10px } .spec-slide table { width: 100%; font-size: 14px; line-height: 16px; color: #666; margin: 0 0 24px; background: #f6f4f2 } .spec-slide table tr th { line-height: 20px; color: #333; padding: 14px 12px } .spec-slide table tr td { border-radius: 8px; background: #f6f4f2; border: 4px solid #fff; padding: 4px 12px; line-height: 20px; vertical-align: middle; text-align: center } .spec-slide table tr td b { color: #333; padding: 8px; display: block; text-align: left } .spec-slide table tr td a { color: #0070bc; cursor: pointer } .spec-slide table tr td a.pointer { cursor: pointer } .spec-slide table tr td a:hover { color: #0070bc } .spec-slide table tr td img { border-radius: 2px; margin-top: 5px; width: 60px; height: 60px } .solu_table01 tr td { border: none; padding: 8px; line-height: 22px; font-weight: 400 } .solu_table01 tr td b { font-weight: 400; font-family: "Open Sans", Arial, Helvetica, sans-serif } .solu_table01 tr td { font-family: "Open Sans", Arial, Helvetica, sans-serif } .p_hot_01 { margin-top: 15px } .p_hot_01 { height: 49px; border-bottom: 1px solid #dedede } .p_hot_01 b { display: block; font-weight: 600; float: left; color: #333; font-size: 18px; background: #fff; line-height: 48px } .p_hot_01 b h2 { display: block; font-weight: 600; float: left; color: #333; font-size: 18px; background: #fff; line-height: 48px; margin-top: 0 } .p_hot_01 .por_review_btn { float: right; line-height: 48px; margin-top: 0 } .p_hot_01 .por_review_btn a { font-size: 14px } .p_hot_01 .por_review_btn a:hover { color: #0070bc } .por_review_btn a { color: #0070bc } .prodetail_til { margin-top: 30px; font-size: 18px; color: #333; font-weight: 600; line-height: 24px } .detail_new .detail_til { text-align: center; font-size: 22px; padding: 50px 0 } .detail_new .item_adv { margin-bottom: 60px; width: 24% } .detail_new .item_adv .item_adv_img { text-align: center } .detail_new .item_adv .item_adv_img img { max-width: 138px; width: 100% } .detail_new .Our_Advantages .flex_lrwrap { padding: 0 20px } .detail_new .prod_testing { background-color: #f6f6f6; padding: 10px 20px 30px 20px } .detail_new .prod_testing .detail_til { padding: 30px 0 } .detail_new .prod_testing .detail_cont { line-height: 26px } .detail_new .prod_testing .detail_cont_box .detail_cont_item { width: 24%; height: 290px; border: 1px solid #eaeaee; margin: 20px 0; background-color: #fff } .detail_new .prod_testing .detail_cont_box .detail_cont_item .liblue_font { font-size: 18px } .detail_new .prod_testing .detail_cont_box .detail_cont_item .liblack_font { font-size: 14px; padding: 0 3px } .detail_new .prod_testing .detail_cont_box .detail_cont_item .detail_cont_img { text-align: center } .detail_new .prod_testing .detail_cont_box .detail_cont_item .detail_cont_img img { width: 100%; max-width: 250px } .detail_new .Wide_Devices .detail_til { padding: 50px 0 } .detail_new .Wide_Devices .img_gallary { width: 49%; margin-top: 20px } .detail_new .Port_Fiber { background-color: #f6f6f6; padding: 20px 50px } .detail_new .Port_Fiber .detail_til { font-size: 24px } .detail_new .Port_Fiber .item_adv { width: 30% } .detail_new .Port_Fiber .item_adv .item_adv_img img { max-width: 272px } .detail_new .Port_Fiber .liblack_font { font-size: 14px; margin-top: 20px; text-align: left; margin-top: 20px } .detail_new .Port_Fiber .liblue_font { margin-top: 40px } .p_con_02.products_note { line-height: 24px!important; font-family: SourceHanSans!important } .p_con_02.products_note b { line-height: 24px!important; font-family: SourceHanSans!important } .p_con_profile_labeling { line-height: 24px!important; font-family: SourceHanSans!important } .specification_box { min-height: 100px } .product_review { padding-top: 30px } .product_review { display: block; border-top: 0; padding: 40px 0; font-size: 14px } .product_review_mc { padding: 0 0 20px } .product_review_mc ul li { float: left } .por_review_rate { width: 175px; margin-top: 20px } .por_review_percent { margin-left: 85px } .por_review_percent { width: 600px } .por_review_rate h2 { font-size: 18px; color: #333; font-weight: 300; margin-top: 0 } .por_review_rate span { background: 0 0; font-size: 20px; line-height: 27px; display: inline-block; width: auto; float: left } .por_review_percent { width: 600px } .por_review_percent dl { display: block; margin: 0 0 10px } .por_review_percent dl dt { width: 12%; font-size: 12px; color: #999; line-height: 9px; float: left; opacity: .5 } .por_review_percent dl dt:last-child { width: 8% } .por_review_percent dl dd { width: 78%; height: 9px; line-height: 9px; background: #f6f6f6; margin-right: 2%; float: left } .por_review_perbg { background: #fdaa01; height: 9px; line-height: 9px } .por_review_btn a { color: #0070bc } .por_review_percent dl { display: block; margin: 0 0 10px } .por_review_percent dl dt { width: 12%; font-size: 12px; color: #999; line-height: 9px; float: left; opacity: .5 } .por_review_percent dl dt:last-child { width: 8% } .por_review_percent dl dd { width: 78%; height: 9px; line-height: 9px; background: #f6f6f6; margin-right: 2%; float: left } .por_review_perbg { border-radius: 50px } .por_review_perbg { height: 10px; line-height: 10px } .por_review_percent dl.have_review dt { color: #333; opacity: 1 } .por_review_percent dl.have_review:hover dt { text-decoration: underline } .por_review_percent dl.have_review { cursor: pointer } .reviews_pictures { overflow: inherit } .reviews_pictures ul li { position: relative; z-index: 10 } .reviews_pictures ul li.pictures_hover { font-weight: 400; color: #333 } .reviews_pictures ul li .icon { font-size: 12px; color: #333; margin-left: 3px } .reviews_pictures ul li.see_all_review { float: right; margin-right: 20px } .reviews_pictures ul li.see_all_review a:hover { text-decoration: underline } .reviews_pictures { padding: 10px 0; position: relative; background: #f4f4f4 } .reviews_pictures ul li { float: left; margin: 0 20px } .reviews_pictures ul li:nth-child(2) { margin: 0 260px; position: absolute } .reviews_pictures ul li a { text-decoration: none } .reviews_pictures ul li.pictures_hover { font-weight: 700; color: #333 } .reviews_pictures { background: #f6f6f6 } .reviews_pictures ul li:last-child { margin-left: 110px } .review_filter { position: absolute; left: 50%; top: 31px; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 10px 10px; background-color: #fff; box-shadow: 0 1px 8px 0 rgba(120,102,102,.3); border-radius: 2px; display: none } .review_filter_main { min-width: 100px } .review_filter_main p { padding: 6px 0; border-bottom: none } .review_filter_main p:first-child { padding-top: 0 } .review_filter_main p:last-child { padding-bottom: 0; border-bottom: none } .review_filter_click { color: #333; cursor: pointer } .review_filter_noclick { color: #999 } .review_filter_arrow { left: 50%; margin-left: -9px; position: absolute; top: -10px; width: 18px; height: 9px; border: 7px solid transparent; border-bottom: 4px solid #fff } .product_tab01_ul .tab_li a { padding: 0 20px 10px } .tab_li a { display: block; height: 100%; width: 100% } .comment_items { padding-top: 35px } .comment_items { border-bottom: 1px solid #eee; padding: 20px 0 } .comment_left { text-align: left; float: left; width: auto } .comment_right { padding-left: 260px } .comment_head { width: 48px; height: 48px; margin-top: 10px; border-radius: 50%; overflow: hidden } .comment_head { border-radius: 24px; background: #e1e1e1; margin-bottom: 10px; display: inline-block; position: relative; vertical-align: middle } .comment_head img { max-height: 48px; max-width: 48px } .comment_name { display: inline-block; position: relative; top: 0; vertical-align: middle } .comment_name { color: #333; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 10px } .comment_country { text-align: left } .comment_country { padding-top: 5px } .comment_country { color: #999; padding-top: 10px; display: block } .P_06_star { display: inline-block } .p_star01, .p_star02, .p_star03, .p_star04, .p_star05, .p_star06, .p_star07, .p_star08, .p_star09, .p_star10, .p_star11 { float: left; display: block; width: 90px; height: 20px; background: url(../../dist/image/star.png) no-repeat } .p_star05 { background-position: 0 -60px } .p_star04 { background-position: 0 -79px } .p_star03 { background-position: 0 -98px } .p_star02 { background-position: 0 -117px } .p_star01 { background-position: 0 -136px } .P_06_star i { font-style: normal; background: #c6c6c6; color: #fff; border-radius: 2px; padding: 0 5px; line-height: 15px; margin: 3px 0 0 5px; font-size: 12px; float: left } .P_06_star i { background: 0 0; color: #666; font-size: 16px } .comment_rheadline { font-size: 16px; color: #333; font-weight: 600 } .comment_rheadline { font-size: 16px; margin-top: 15px } .comment_rcontent { font-size: 14px; color: #333 } .comment_rcontent { padding-top: 10px; color: #333 } .comment_imgbox img { max-height: 140px; max-width: 140px; margin: 10px 10px 10px 0 } .comment_replybox .reply_tit { font-size: 14px; color: #232323; line-height: 16px; font-weight: 600; margin-top: 8px; margin-bottom: 10px } .comment_replybox .reply_items { float: none; width: 100%; font-size: 14px; color: #616265; font-weight: 400; line-height: 22px; box-sizing: border-box } .comment_replybox .replay_til { color: #999; font-style: normal; margin-left: 10px; display: inline-block; font-size: 13px } .p_06_02_problem { margin-top: 15px; font-weight: 100 } .p_06_02_problem a { color: #666 } .p_06_02_problem a:hover { color: #0070bc } .p_06_02_pro01 { float: right } .p_06_02_problem .p_06_10 { display: inline-block; padding-left: 15px; margin-left: -6px; background-position: 0 5px } .p_06_02_problem a { color: #999; font-size: 14px; font-weight: 400; margin-right: 0; display: inline-block; padding-right: 5px } .pro_a_only { padding: 0 10px; border-right: 1px solid #dedede; line-height: 14px; border-left: 1px solid #dedede; padding-left: 6px } .por_review_rate .pro_star .pro_star_gray { background: url(../image/star-Medium.png) no-repeat; width: 22px; height: 21px } .por_review_rate .pro_star .pro_star_hover { background: url(../image/star-Medium.png) no-repeat; height: 21px; background-position: 0 -21px } .product_review .pro_star { width: auto; height: 24px; margin-right: 10px } .por_review_rate span { background: 0 0; font-size: 20px; line-height: 28px; display: inline-block; width: auto; float: left } .pro_div_top { overflow: hidden } .pro_div_top { margin-bottom: 0 } .por_review_rate .pro_star .pro_star_gray { float: left } #now_review_page .show_more { text-align: left; padding: 25px 25px 0; clear: both } #now_review_page .show_more a { text-align: left; color: #0070bc; text-decoration: none; font-size: 14px; cursor: pointer } .all_reviews_page_box .list_pro_page { float: left; height: 26px; line-height: 28px; width: 9px; margin-right: 20px; cursor: default; color: #ccc } .all_reviews_page_box .BC_pation_en { text-align: center; margin: 30px 0 10px } .all_reviews_page_box .BC_pation_box { text-align: center; display: inline-block } .all_reviews_page_box .BC_pation_en ul { float: left } .all_reviews_page_box .BC_pation_en li.BC_pation_item { float: left; height: 26px; width: 26px; font-size: 14px; color: #333; line-height: 25px; box-sizing: border-box; margin: 0 5px } .all_reviews_page_box .BC_pation_en li.BC_pation_item a { padding: 0; width: 100%; height: 100%; display: block; text-decoration: none; border-radius: 2px; cursor: pointer; border: 1px solid #fff; box-sizing: border-box } .all_reviews_page_box .BC_pation_en li.BC_pation_item.choosez a { background: #8e8e8e; color: #fff; cursor: default } .all_reviews_page_box .list_next_page { float: right; height: 26px; line-height: 28px; width: 9px; margin-left: 20px; cursor: pointer; color: #333 } .all_reviews_page_box .list_next_page, .all_reviews_page_box .list_pro_page { cursor: pointer; color: #333 } .all_reviews_page_box .none { cursor: default; color: #ccc } #all_reviews_pic { cursor: pointer } .slide_show_pdf { overflow: hidden } .slide_show_pdf ul { display: flex; flex-wrap: wrap } .slide_show_pdf ul li { float: left; width: 15%; cursor: pointer } .slide_show_pdf ul li>a { display: inline-block; width: 100%; text-align: center } .slide_show_pdf ul li>a .data_ico span { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .slide_show_pdf ul li>a:hover .download { color: #dc3737 } .slide_show_pdf ul li>a .download { display: inline-block; width: 100% } .slide_show_pdf ul li a { font-size: 14px; color: #333 } .data_ico { display: inline-block; color: #dc3737; line-height: 60px; font-size: 60px; padding: 11px 20px; position: relative } .data_ico span { position: absolute; left: 0; width: 100%; text-align: center; margin: 0 auto; line-height: 70px; font-size: 16px; color: #fff } .data_ico_pdf { background: url(../image/data_ico_pdf.png) center center no-repeat; background-size: contain } .data_ico_txt { background: url(../image/data_ico_txt.png) center center no-repeat; background-size: contain } .data_ico_txt { background: url(../image/data_ico_txt.png) center center no-repeat; background-size: contain } .data_ico_xls { background: url(../image/data_ico_xls.png) center center no-repeat; background-size: contain } .slide_show_pdf li { min-height: 30px } .slide_show_pdf a { display: inline-block; padding: 11px 0; width: 100%; text-align: center; vertical-align: middle; word-break: keep-all; display: table } .pro17_QA { margin-top: 0 } .pro17_QA { padding-bottom: 0; padding-top: 10px } .pro17_container { border-top: none } .pro17_container { margin-top: 0 } li { list-style: none } .pro17_container ul li { overflow: hidden; border-bottom: 1px solid #dedede; padding: 25px 10px } .pro17_container ul li { padding-right: 0 } .qa_result_dl dt { overflow: hidden; margin-bottom: 15px } .qa_result_dl dt { margin-bottom: 10px } .qa_result_dl dt p { width: 90%!important; word-wrap: break-word; font-weight: 400; float: left } .qa_result_dl dd span { display: inline-block!important; float: left; box-sizing: border-box; padding-left: 0!important; min-width: 100px; min-height: 20px } .qa_result_dl dt span { min-width: 100px; max-width: 100px; float: left } .qa_result_dl dd span, .qa_result_dl dt span { max-width: 30px; min-width: 30px } .qa_result_dl dt p, .qa_result_dl dt span { font-size: 14px; color: #333; font-weight: bold; } .pro_hiden01 { font-weight: 400!important; color: #999!important; font-size: 13px!important; font-style: normal; margin-left: 10px } .qa_result_dl dd p { float: left; line-height: 22px; padding: 0; background: none; } .qa_result_dl dd p { color: #333 } .qa_result_dl dd p { display: inline-block } #QA_ul { padding-bottom: 30px } #QA_ul .show_more { text-align: left; padding: 25px 25px 0; clear: both } #QA_ul .show_more a { text-align: left; color: #0070bc; text-decoration: none; font-size: 14px; cursor: pointer } .pro_stock_list { margin-top: 30px } .nowrap { white-space: nowrap } .pro_stock_list table { border-collapse: collapse; border-spacing: 0; margin-bottom: 10px } .pro_stock_list .p_con_04 { font-weight: 700; line-height: 22px; padding: 8px } .pro_stock_list table tr.p_con_04 td { background: #fff } .pro_stock_list table tr td { border-bottom: 1px solid #ddd; padding: 10px 30px; font-size: 14px } .pro_green_stock { color: #38b751 } .pro_green_stock i, .pro_yellow_stock i { width: 8px; height: 8px; border-radius: 8px; margin-right: 6px; display: inline-block } .pro_green_stock i { background: #76bb1f } .pro_stock_list .button_02 { white-space: nowrap; background: #fff; color: #dc3737; position: relative } .pro_stock_list .button_02.none { border: 1px solid #ccc; background-color: #ddd; color: #fff } .pro_stock_list .button_02.addLoad_animation { background: #dc3737; color: #fff } .button_02 .loader_order { left: 10px; opacity: 0 } .pro_stock_list .button_02.addLoad_animation .loader_order { opacity: 1 } .button_02 { font-size: 14px; background: 0 0; border-radius: 2px; color: #dc3737; cursor: pointer; display: inline-block; margin-bottom: 0; padding: 0 12px; text-align: center; vertical-align: middle; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400; border: 1px solid #dc3737; height: 38px; line-height: 38px } .detail_proImg_bottom { width: 100%; margin: 20px auto 0 } .play_proDetail_video .pro_details_iframe { margin-top: 65px } .play_proDetail_video iframe.pro_details_iframe { min-height: 300px; margin-top: 60px } .play_proDetail_video.current { display: none } .featurePics_proImg { text-align: center; position: relative; overflow: hidden; width: 100%; height:0; padding-bottom:100%; display: block; margin: auto; margin-top: 38px } .featurePics_proImg .proImg_alink img { max-width: 100%; margin: 0 auto } .featurePics_proImg .proImg_alink { display: inline-block } .proImg_enlarge { font-size: 12px; color: #9e9e9e; text-align: center; margin-top: 10px } .proImg_check_carousel { position: relative; padding: 0 35px } .proImg_check_carousel .detail_proImg_pre { position: absolute; left: 14px; width: 16px; height: 16px; top: 50%; font-size: 26px; color: #aaa; cursor: pointer; background: 0 0; margin-top: -8px } .proImg_check_carousel .detail_proImg_next { position: absolute; right: 14px; width: 16px; height: 16px; padding-left: 8px; box-sizing: border-box; top: 50%; font-size: 26px; color: #aaa; cursor: pointer; background: 0 0; margin-top: -8px } .checked_proImg_li { width: 20%; margin:0 5px; position: relative; border-radius: 2px } .checked_proImg_li img { max-width: 100%; border: 1px solid #eee; border-radius: 2px } .proImg_check_carousel_cont .checked_proImg_li.choosez img { border: 1px solid #bbb } .checked_proImg_li img:hover { border-color: #eee } .checked_proImg_li.current img { border: 1px solid #4ba0ff } .checked_proImg_li.detail_provideo img { border: 1px solid #fff } .checked_proImg_li .peoovideo_bg { position: absolute; width: 60px; height: 60px; border-radius: 2px; background: #000; opacity: .15; left: 50%; margin-left: -30px; top: 1px } .checked_proImg_li .video_cover { position: absolute; height: 100%; width: 100%; z-index: 10; opacity: .2; top: 0; left: 0; background-color: #333; font-size: 30px } .checked_proImg_li .iconOFF { position: absolute; height: 100%; width: 100%; top: 0; left: 0; line-height: 78px; color: #fff; cursor: pointer; z-index: 100 } .top_askboard { width: 100%; height: 200px } .top_askboard textarea { width: 100%; height: 100%; outline: 0; border: none; resize: none; border: 1px solid #ccc; border-radius: 5px; text-indent: 5px; color: #888; line-height: 20px; box-sizing: border-box } .bot_submit { text-align: center; padding: 10px 0 } .btn8 { background: #dc3737; color: #fff; font-size: 13px; font-weight: 400; font-family: "Maven Pro"; border: 0; border-radius: 3px!important; transition: all .25s ease-in-out; -webkit-appearance: none; display: inline-block; width: auto; padding: 0 15px; letter-spacing: 1px; text-decoration: none; cursor: pointer; margin-bottom: 10px; height: 44px; line-height: 44px; border: 0!important; margin: 0 auto } .btn8.disabled { background-color: #eee; color: #666 } .comment_input_box input { transition: all .2s; border: 1px solid #ddd; line-height: 36px; height: 36px; text-indent: 10px; font-size: 13px; font-family: Open Sans; color: #333; border-radius: 2px; vertical-align: middle; margin-bottom: 10px } .comment_input_box { padding: 20px 0 } .button_commnent { border-radius: 2px; cursor: pointer; display: inline-block; line-height: 34px; margin-bottom: 0; padding: 0 15px; text-align: center; vertical-align: middle; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 500; background: 0 0; float: right; margin-left: 10px; color: #fff; background: #c91f24; border: 1px solid #c91f24; transition: all .3s; width: 110px } #myship { color: #4b9fff } #shipchoose_pop .choose_ul li:hover { background-color: #f0f0f0; cursor: pointer } #shipchoose_pop .choose_ul li:hover .contex_right_money { color: #ed7612FF!important } #shipchoose_pop li { box-sizing: border-box } #shipchoose_pop .popup_width680 { width: 920px!important } #shipchoose_pop .Shipping_rule { color: #828282; font-weight: 400; font-size: 14px; margin-left: 14px; vertical-align: middle } #shipchoose_pop .new_popup_addCart_tit { background-color: #f0f0f0; border-bottom: none; height: 70px; padding: 24px 20px 0 } #shipchoose_pop .choose_ul li { overflow: hidden; width: 100%; padding: 5px 0; text-align: center; padding-left: 10px; line-height: 70px } #shipchoose_pop .choose_ul li.top_til { margin-bottom: 20px; height: 40px; background-color: #f7f7f7; line-height: 30px } #shipchoose_pop .choose_ul li.top_til .widing30 { width: 34% } #shipchoose_pop .choose_ul li.top_til .til_right { width: 66% } #shipchoose_pop .choose_ul li.top_til .til_right span { width: 33% } #shipchoose_pop .choose_ul li span { font-size: 14px!important } #shipchoose_pop .shipppitem { height: 70px; border-bottom: 1px solid #e5e5e5 } #shipchoose_pop .shipppitem .lshipimg { text-align: left; position: relative } #shipchoose_pop .shipppitem .lshipimg span { margin-left: 92px } #shipchoose_pop .shipppitem .lshipimg .lshipimgs { width: 42px; height: 42px; display: inline-block; z-index: 9; left: 54px; top: 11px; position: absolute; background-color: #fff } #shipchoose_pop .shipppitem .lshipimg .EPACKET_img { background: url(../../dist/image/top_icon.png) no-repeat -243px -1064px } #shipchoose_pop .shipppitem .lshipimg .UPS_img { background: url(../../dist/image/top_icon.png) no-repeat -189px -1064px } #shipchoose_pop .shipppitem .lshipimg .EMS_img { background: url(../../dist/image/top_icon.png) no-repeat -37px -1064px } #shipchoose_pop .shipppitem .lshipimg .DHL_img { background: url(../../dist/image/top_icon.png) no-repeat -135px -1064px } #shipchoose_pop .shipppitem .lshipimg .CPAP_img { background: url(../../dist/image/top_icon.png) no-repeat -85px -1064px } #shipchoose_pop .shipppitem .lshipimg .CPAM_img { background: url(../../dist/image/top_icon.png) no-repeat -85px -1064px } #shipchoose_pop .shipppitem .lshipimg .FEDEX_img { background: url(../../dist/image/top_icon.png) no-repeat -297px -1064px } #shipchoose_pop .shipppitem .lshipimg .fpx_img { background: url(../../dist/image/top_icon.png) no-repeat -352px -1063px } #shipchoose_pop .shipppitem.checkthis { background-color: #f0f0f0!important } #shipchoose_pop .shipppitem .widing30 { width: 34% } #shipchoose_pop .shipppitem .contex_right { display: flex; width: 66%!important } #shipchoose_pop .shipppitem .contex_right span { width: 33%!important } #shipchoose_pop #self_choosec { width: 280px; position: relative; z-index: 10; float: left; margin: 10px 0 20px } #shipchoose_pop #self_choosec .top_country_searchCountry { position: absolute; top: 36px } #shipchoose_pop .bottips { height: 40px; width: 100%; background-color: #f7f7f7; line-height: 40px; padding: 0 30px; margin-top: 20px; font-size: 13px } .nocomment_btnbox { margin: 30px 0; text-align: center } .nocomment_btn { color: #0070bc } @media (max-width:1024px) { .detail_proAssess_starNum .right_box { float: left; width: auto } .mart24 .share { bottom: 3px; top: auto } .detail_proLeft { width: 100%; min-height: 0; height: auto } .detail_proRight { width: 100%; padding: 14px; min-height: 333px } .mobie_imgbar { width: 100% } .mobie_imgbar .swiper-container { height: auto } .mobie_imgbar .swiper-wrapper { height: auto } .mobie_imgbar .swiper-slide { height: auto } .mobie_imgbar ul { width: 100% } .mobie_imgbar ul a { width: 100%; height: 100%; position: relative; display: block } .video_mobie .swiper_cover1 { position: absolute; height: 20%; width: 100%; top: 15%; background-color: transparent; opacity: 0 } .video_mobie .swiper_cover2 { position: absolute; height: 20%; width: 100%; top: 60%; background-color: transparent; opacity: 0 } .close_video { position: absolute; bottom: 10px; right: 30px; height: 30px; width: 20px; color: #ccc; font-size: 30px } .m_player_cover { position: absolute; width: 60px; height: 60px; background-color: rgba(0,0,0,.2); border-radius: 50%; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; transition: all .3s; box-sizing: border-box } .m_player_font { position: absolute; width: 19px; height: 22px; top: 50%; margin-top: -11px; left: 50%; margin-left: -9.5px; font-size: 22px; color: #fff } .mobie_imgbar ul img { width: 80%; height: auto; min-height: 100px } .right_box { width: auto } .collection_ico { line-height: 20px } .detail_foot_link { border-bottom: 1px solid #e1e1e1 } .detail_foot_link li { font-size: 12px; color: #0070bc; float: left; display: inline-block; margin-right: 3%; line-height: 40px; cursor: pointer } .detail_foot_link .share { display: none } .Menubox { padding: 10px } .solu_table01 tr td b { font-size: 12px } .solu_table01 tr td { font-size: 12px; padding: 1%; word-break: break-all } .Menubox { height: auto } .slide_show_pdf ul li { width: 50% } .pro_stock_list { overflow: scroll } .pro_stock_list table { width: 100% } .Contentbox { padding: 15px 0 42px } .product_review { display: block; border-top: 0; padding: 0; font-size: 14px } .reviews_pictures ul li { margin: 0 5px } #reviews_pic span { font-size: 12px } #all_reviews_pic { font-size: 12px } #pic_reviews_num { margin-right: 5px } .por_review_percent { margin-left: 0; width: 100% } .right_box { float: right } .reviews_pictures ul li:nth-child(2) { float: right; margin: 0; right: 3px } .collection_box { margin-left: 0 } .right_cont .right_til { color: #333; font-size: 12px; height: 40px; overflow: hidden } .pro_stock_list .left_img { width: 40%; height: 140px; padding-right: 10px } .pro_stock_list .right_cont { width: 60% } .left_img img { width: 100%; -o-object-fit: contain; object-fit: contain } .right_cont>div { margin: 5px 0 } .pro_stock_list .right_cont .right_price { font-weight: 700; font-size: 16px } .pro_stock_list .right_cont .right_stock { color: #999; font-size: 12px } .list_mobie_li { padding: 10px 0; border-bottom: 1px solid #ddd } .por_review_percent dl dt { width: 20% } .por_review_percent dl dd { width: 68% } .Contentbox { padding: 15px 0 45px } .blockquote { margin: 0!important } .answer_block { background-color: #f7f7f7; overflow: hidden; padding: 4px } .answer_block dd { overflow: hidden } .answer_block dd .qa_overflow { overflow: hidden } .answer_block dd .qa_overflow .pro_hiden01 { width: 100%; display: block } .qa_result_dl dd span, .qa_result_dl dt span { max-width: 30px; min-width: 30px } #shipchoose_pop .new_popup_main { width: 90%!important } #shipchoose_pop .new_popup_addCart_tit { padding: 14px 13px 0; height: 50px } #shipchoose_pop .addCrat_item_listMain01.padd30 { padding: 10px } #shipchoose_pop .ulbox { overflow: scroll; max-height: 270px } #shipchoose_pop .choose_ul { width: 100% } #shipchoose_pop .choose_ul li span { text-align: left; font-size: 14px!important } #shipchoose_pop .proinfobox { padding: 0 .2rem; height: auto } #shipchoose_pop .rd+label { margin-left: .07rem; display: none } #shipchoose_pop .shipppitem label { top: .11rem; left: 0 } #shipchoose_pop .shipppitem.checkthis { background-color: #fff; height: auto } #shipchoose_pop .l_radio { position: relative; width: 12%; display: none } #shipchoose_pop .mid_titil>div { color: #999; font-size: 14px; line-height: 30px; text-align: left } #shipchoose_pop .r_infoma { width: 50% } #shipchoose_pop .mid_titil>div, #shipchoose_pop .r_infoma>div { line-height: 30px; text-align: left } #shipchoose_pop #self_choosec { width: 100% } } .request_stock { background: #f6f6f6 } .request_stock .box { background-color: #fff; padding: 20px 0 } .request_stock .request_items { padding-bottom: 20px } .request_stock .inner_box { padding: 40px 150px } .request_stock .request_til { font-size: 14px; line-height: 40px; color: #232323 } .request_stock .request_til .icon_fujian { margin-right: 10px } .request_stock .request_til .require-icon { color: red } .request_stock .bar_bot { border-bottom: 1px solid #eaebef } .request_stock .request_input_box { min-height: 40px } .request_stock .request_input_box .top_country_choose_country { border: none } .request_stock .teleinput_box { height: 40px; border: 1px solid #cbcbcb; border-radius: 4px; float: left; text-indent: 20px } .request_stock .teleinput_small_box { width: 50px; height: 38px; border-right: 1px solid #b0b0b0; background: #eee; line-height: 40px; float: left } .request_stock .teleinput_small { width: 35px; height: 100%; background-color: transparent; float: right; border: none; text-align: left } .request_stock .teleinput_small_box input::-webkit-input-placeholder { color:#333 } .request_stock .teleinput_small_box input::-moz-placeholder { color:#333 } .request_stock .teleinput_small_box input:-moz-placeholder { color:#333 } .request_stock .teleinput_small_box input:-ms-input-placeholder { color:#333 } .request_stock .teleinput { width: 250px; border: none; float: left; margin: 0; height: 100%; line-height: 40px; text-indent: 20px; font-size: 14px } .request_stock .request_input { height: 40px; border: 1px solid #ddd; border-radius: 4px; float: left; text-indent: 20px; font-size: 14px } .request_stock .product_list_text { margin-top: 0; height: 40px; border: 1px solid #ddd; border-radius: 4px } .request_stock .product_list_qty { width: 45px!important; height: 37px; color: #333; border: none!important } .request_stock .pro_mun { height: 40px; max-height: 40px; border: none!important } .request_stock .cart_qty_reduce { line-height: 16px!important; vertical-align: top } .request_stock .cart_qty_add { line-height: 18px!important; vertical-align: bottom } .request_stock .cart_qty_add, .request_stock .cart_qty_reduce { color: #333; font-size: 24px!important; text-align: left!important } .request_stock .add_btn { height: 40px; min-width: 70px; border: 1px solid #cbcbcb; color: #333; cursor: pointer; text-align: center; line-height: 40px; font-size: 14px; border-radius: 4px; padding: 0 15px } .request_stock .request_listtil { padding-bottom: 7px; font-weight: 700; border-bottom: 1px solid #eaebef; height: 40px } .request_stock .request_listtil .request_listtil_li { float: left; width: 15%; font-size: 16px } .request_stock .request_listtil .request_listtil_li span { line-height: 40px } .request_stock .request_listtil .request_listtil_li:nth-child(1) { width: 40%; padding-right: 5%; box-sizing: border-box } .request_stock .request_listcont { padding-bottom: 7px; font-weight: 700; border-bottom: 1px solid #eaebef } .request_stock .request_listcont .request_listcont_li { float: left; width: 15%; font-size: 16px; height: 130px } .request_stock .request_listcont .request_listcont_li:nth-child(1) { width: 40%; box-sizing: border-box } .request_stock .request_listcont .left_product_info a { width: 100%; padding-top: 20px; display: inline-block; padding-bottom: 20px; overflow: hidden } .request_stock .request_listcont .left_img { float: left; margin-right: 14px; width: 100px; height: 100px; line-height: 100px; overflow: hidden; text-align: center } .request_stock .request_listcont .left_img img { max-width: 100%; max-height: 100%; vertical-align: middle } .request_stock .request_listcont .right_cont { width: 210px; max-height: 69px; min-height: 69px; float: left; padding-top: 5px; line-height: 20px; font-weight: 400; font-size: 14px; overflow: hidden } .request_stock .request_listcont .cont_info_box { color: #333; font-size: 14px; font-weight: 400; margin-top: 10px; width: 210px } .request_stock .request_listcont .request_listcont_li>span { font-weight: 400; font-size: 14px; display: block; vertical-align: middle } .request_stock .request_listcont .cont_item { margin-top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .request_stock .request_listcont .iconsystem_2 { font-size: 28px!important; cursor: pointer; text-indent: 12px } .request_stock .font_normal { color: #333; font-size: 14px; line-height: 30px } .request_stock .request_quadent { width: 40%; float: left } .request_stock .request_eightent { width: 73% } .request_stock .row_dvi { padding: 8px 0 } .request_stock .add_btn_cate { margin-bottom: 10px; margin-right: 10px; height: 30px; line-height: 30px } .request_stock .request_textarea { width: 600px; height: 175px; border: 1px solid #cbcbcb; border-radius: 4px; text-indent: 20px; line-height: 20px; font-size: 14px; color: #333; margin-top: 10px; text-align: left; overflow: auto } .request_stock .request_textarea .request_tag_box { min-height: 30px } .request_stock .request_textarea .tag_font { line-height: 30px; min-width: 70px; color: #b0b0b0; display: inline-block; background-color: #fff; border: none } .request_stock .request_textarea .tag_input_box { border: none; width: 90%; min-height: 170px; outline: 0; margin-left: 5%; line-height: 30px; color: #333; text-indent: 0; box-sizing: border-box } .request_stock .font_gray { color: #646466 } .request_stock .font_gray_01 { color: #b0b0b0 } .request_stock .font_blue { color: #4ba0ff } .request_stock .font_red { color: #19191a } .request_stock .hover_tips { font-size: 16px; float: left; position: relative; margin-left: 10px; cursor: pointer; font-weight: 400; color: #999 } .request_stock .tips_float { width: auto; min-width: 235px; background: url(../image/tips_float_long.png) no-repeat; background-size: 100% 100%; display: none; position: absolute; left: 150%; top: 50%; margin-top: -13px; color: #999; font-size: 12px; line-height: 26px; text-indent: 5px; white-space: nowrap } .request_stock .hover_tips:hover .tips_float { display: block } .request_stock .upload_img.disable { background-color: #b0b0b0; border: 1px solid #b0b0b0 } .request_stock .iconOther_1 { font-size: 20px; font-weight: 400; margin-right: 10px } .request_stock .file_select { width: auto; height: 30px; border: 1px solid #b0b0b0; border-radius: 4px; float: left; overflow: hidden; margin-bottom: 10px } .request_stock .file_select .file_til { min-width: 70px; color: #000; line-height: 28px; padding: 0 15px; max-width: 212px; overflow: hidden; text-align: right; white-space: nowrap; overflow: hidden } .request_stock .file_select .file_del { min-width: 20px; line-height: 30px; font-size: 12px; cursor: pointer; color: #999; text-align: center } .request_stock .submit_btn01 { width: 200px; height: 40px; background: #dc3737; opacity: 1; border-radius: 4px; text-align: center; line-height: 40px; color: #fff; cursor: pointer; font-size: 16px; margin: 0 auto; margin-top: 30px } .request_stock .submit_btn01.ban { background: #c9c9c9; color: #ffff } .request_stock .submit_btn01.empty { border: 1px solid #dc3737; border-radius: 4px; background-color: #fff; color: #dc3737 } .my_inquiry .my_inquiry_topic { font-size: 24px; color: #333; margin-bottom: 30px; font-weight: 700; padding-left: 27px } .my_inquiry .inquiry_items { padding: 10px 0 } .my_inquiry .inquiry_items_l { text-align: right; font-size: 14px; color: #999; width: 104px; font-weight: 600; min-width: 166px } .my_inquiry .inquiry_items_r { text-align: left; font-size: 14px; color: #333; padding-left: 26px; margin-bottom: 8px; white-space: normal } .my_inquiry .inquiry_items_r .inquiry_items_detail { max-width: 557px; height: auto; color: #333; line-height: 22px; font-size: 14px; padding-left: 20px; word-break: break-all } .my_inquiry .inquiry_table .request_listtil_li { float: left; width: 15%; font-size: 14px; font-weight: 400 } .my_inquiry .inquiry_table .request_listtil_li span { line-height: 40px } .my_inquiry .inquiry_table .request_listtil_li:nth-child(1) { width: 55%; padding-right: 5%; box-sizing: border-box } .my_inquiry .inquiry_table .left_product_info { width: 55%!important } .my_inquiry .inquiry_table .cont_item { font-weight: 400; color: #333 } .my_inquiry .inquiry_webim { width: 100%; height: 800px; border: 1px solid #e1e1e1; border-radius: 6px } .my_inquiry .inquiry_webim .inquiry_webim_top { height: 640px; overflow: auto } .my_inquiry .inquiry_webim .inquiry_webim_bot { height: 160px; border-top: 1px solid #eaeaee } .my_inquiry .inquiry_webim .inquiry_webim_bot .submit_btn01 { width: 120px; float: right; margin-top: 0 } .my_inquiry .inquiry_webim .inquiry_webim_bot .request_eightent { width: 98% } .my_inquiry .inquiry_webim .inquiry_webim_bot .tips_tag { float: left; line-height: 48px; color: #777; padding-left: 20px } .my_inquiry .inquiry_webim .im_chat_item { min-height: 100px; width: 100%; padding-bottom: 20px } .my_inquiry .inquiry_webim .im_chat_item .im_msgtime { height: 22px; background-color: #c4cdd4; line-height: 20px; color: #fff; border: 1px solid transparent; border-radius: 5px; display: inline-block; min-width: 30px; text-align: center; padding: 0 10px; margin: 20px auto; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 12px } .my_inquiry .inquiry_webim .im_chat_item .l_img_box { width: 100px } .my_inquiry .inquiry_webim .im_chat_item .l_img { margin: 0 auto; width: 60px } .my_inquiry .inquiry_webim .im_chat_item .l_img img { height: 60px; width: 60px } .my_inquiry .inquiry_webim .im_chat_item .l_img_name { line-height: 28px; font-size: 16px; font-weight: 400; color: #31373e; text-align: center; margin-top: 10px; overflow: hidden; max-height: 55px; height: auto; word-break: break-all } .my_inquiry .inquiry_webim .im_chat_item .l_img_name.text_2_esp:after { right: 0 } .my_inquiry .inquiry_webim .im_chat_item .sku_tag_font.text_2_esp:after { right: 0!important } .my_inquiry .inquiry_webim .im_chat_item .r_font_box { max-width: 430px } .my_inquiry .inquiry_webim .im_chat_item .r_font_box .r_font { width: 100%; background: #fdc8c8; min-height: 44px; color: #333; border: 1px solid #fdc8c8; border-radius: 6px; line-height: 20px; padding: 12px 20px; margin-top: 9px; word-break: break-all } .my_inquiry .inquiry_webim .im_chat_item .right_msg { float: right } .my_inquiry .inquiry_webim .im_chat_item .right_msg .l_img_box { float: right!important } .my_inquiry .inquiry_webim .im_chat_item .right_msg .r_font_box { float: right!important } .my_inquiry .inquiry_webim .im_chat_item .right_msg .r_font_box .r_font { background: #fdc8c8; color: #232323 } .my_inquiry .inquiry_webim .im_chat_item .sku_tag { height: 100px; width: 100%; display: block; padding: 10px; border: 1px solid #eaedef; border-radius: 6px; margin-top: 20px } .my_inquiry .inquiry_webim .im_chat_item .sku_tag .sku_tag_img { height: 80px; width: 80px; margin-right: 10px } .my_inquiry .inquiry_webim .im_chat_item .sku_tag .sku_tag_img img { max-width: 80px; max-height: 80px } .my_inquiry .inquiry_webim .im_chat_item .sku_tag .sku_tag_fontbox { max-width: 280px } .my_inquiry .inquiry_webim .im_chat_item .sku_tag .sku_tag_fontbox .sku_tag_font { max-height: 60px; min-height: 60px; min-width: 188px; overflow: hidden } .my_inquiry .inquiry_webim .webim_textarea { border: none; width: 100%; min-height: 100px; outline: 0; padding: 5px 20px } .my_inquiry .inquiry_webim .webim_textarea_box { height: 100px; overflow: hidden } .my_inquiry .inquiry_webim .webim_textarea:empty:before { content: attr(placeholder); color: #bbb } .my_inquiry .inquiry_webim .webim_textarea:focus:before { content: none } .my_inquiry .inquiry_detail .request_listtil .request_listtil_li span { font-weight: 700 } .my_inquiry .inquiry_detail .request_listtil_li:nth-child(1) { width: 50%!important } .my_inquiry .inquiry_detail .request_listcont_li:nth-child(1) { width: 50%!important } .inquiry_list { background-color: #fff } .inquiry_list .search_box_inquirey .submit_btn01 { width: 160px } .inquiry_list .list_list .request_listtil { padding-bottom: 7px; font-weight: 700; border-bottom: 1px solid #eaebef; height: 40px } .inquiry_list .list_list .request_listtil .request_listtil_li { float: left; width: 18%; font-size: 16px; text-align: center } .inquiry_list .list_list .request_listtil .request_listtil_li span { line-height: 40px } .inquiry_list .list_list .request_listtil .request_listtil_li:nth-child(1) { text-align: center; padding-right: 0 } .inquiry_list .list_list .request_listtil .request_listtil_li:nth-child(1) .fake_checkbox { margin-top: 0 } .inquiry_list .list_list .request_listtil .request_listtil_li:nth-child(2) { width: 21%; box-sizing: border-box } .inquiry_list .list_list .request_listtil .request_listtil_li:nth-child(3) { width: 25%; box-sizing: border-box } .inquiry_list .list_list .request_listcont { padding-bottom: 7px; font-weight: 700; border-bottom: 1px solid #eaebef } .inquiry_list .list_list .request_listcont .request_listcont_li { float: left; width: 18%; font-size: 16px; height: 130px; text-align: center } .inquiry_list .list_list .request_listcont .request_listcont_li .fake_checkbox { margin: 0 auto; margin-top: 35%; margin-left: 33px } .inquiry_list .list_list .request_listcont .request_listcont_li:nth-child(2) { width: 21%; box-sizing: border-box } .inquiry_list .list_list .request_listcont .request_listcont_li:nth-child(3) { width: 25%; box-sizing: border-box } .inquiry_list .list_list .request_listcont .listcont_li_img>img { max-height: 100px; max-width: 100px; margin-top: 20px } .inquiry_list .list_list .request_listcont .listcont_li_img { position: relative } .inquiry_list .list_list .request_listcont .listcont_li_img .more { position: absolute; right: 10px; top: 17px; margin-left: 10px; transform: rotate(90deg); margin-top: 18%; font-size: 37px; cursor: pointer; color: #c4cdd4; -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg) } .inquiry_list .list_list .request_listcont .left_product_info a { width: 100%; padding-top: 20px; display: inline-block; padding-bottom: 20px; overflow: hidden } .inquiry_list .list_list .request_listcont .left_img { float: left; margin-right: 14px; width: 100px; height: 100px; overflow: hidden; text-align: center } .inquiry_list .list_list .request_listcont .left_img img { max-width: 100%; max-height: 100%; vertical-align: middle } .inquiry_list .list_list .request_listcont .left_product_info { position: relative } .inquiry_list .list_list .request_listcont .left_product_info .this_new { position: absolute; color: #ffd23d; right: -20px; top: 20px; font-size: 48px } .inquiry_list .list_list .request_listcont .left_product_info a { padding: 0; cursor: pointer } .inquiry_list .list_list .request_listcont .right_cont { width: 210px; max-height: 69px; float: left; padding-top: 5px; line-height: 20px; font-weight: 400; font-size: 14px; overflow: hidden; text-align: left; margin-top: 33px; width: 100% } .inquiry_list .list_list .request_listcont .right_cont a { display: block } .inquiry_list .list_list .request_listcont .cont_info_box { color: #333; font-size: 14px; font-weight: 400; margin-top: 10px } .inquiry_list .list_list .request_listcont .request_listcont_li>span { font-weight: 400; font-size: 14px; display: block; vertical-align: middle } .inquiry_list .list_list .request_listcont .cont_item { margin-top: 43%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .inquiry_list .list_list .request_listcont .iconsystem_2 { font-size: 28px!important; cursor: pointer; text-indent: 12px } .inquiry_list .list_list .pros-list { height: 120px; box-shadow: #666; background: #fff; border: 1px solid #d7e0f0; box-sizing: border-box; z-index: 10; position: absolute; top: 6%; -webkit-transform: translateX(-7%); transform: translateX(-7%); display: none } .inquiry_list .list_list .pros-list a.agrayleft { cursor: default } .inquiry_list .list_list .pros-list a.aleft { float: left } .inquiry_list .list_list .pros-list a.abtn { display: block; height: 80px; width: 20px; font-size: 15px; color: #c4cdd4; text-decoration: none; font-size: 20px; font-weight: 700; margin-top: 20px; line-height: 80px } .inquiry_list .list_list .pros-list a.agrayright { cursor: default } .inquiry_list .list_list .pros-list a.aright { float: right } .inquiry_list .list_list .pros-list .sellerBackstage-article div { font-size: 12px } .inquiry_list .list_list .pros-list .scrolllist { width: 478px; height: 120px; margin: 0 auto; position: relative; overflow: hidden } .inquiry_list .list_list .pros-list .scrolllist .imglist_w { width: 428px; height: 120px; overflow: hidden; float: left; position: relative; margin-left: 4px } .inquiry_list .list_list .pros-list .sellerBackstage-article div { font-size: 12px } .inquiry_list .list_list .pros-list .scrolllist .imglist_w ul { width: 20000px; position: absolute; left: 0; top: 0 } .inquiry_list .list_list .pros-list .scrolllist .imglist_w li { width: 100px; float: left; height: 100px; border: 1px dashed #d7e0f0; display: table-cell; vertical-align: middle; margin: 8px 0 0 6px } .inquiry_list .list_list .pros-list .scrolllist .imglist_w li img { max-width: 98px; max-height: 98px; vertical-align: middle; margin-top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .inquiry_list .list_list .pros-list .scrolllist .iconOther_2 { position: absolute; right: 0; top: 0; width: 20px; height: 20px; cursor: pointer } .inquiry_list .no_list .no_list_icon { font-size: 100px; color: #b0b0b0; padding: 20px 0; text-align: center; height: 100px; margin-top: 100px } .inquiry_list .no_list .no_list_font { text-align: center; color: #232323; font-size: 14px } .inquiry_list .no_list .no_list_btn { display: block; width: 300px; height: 40px; background: #fff; border: 1px solid #dc3737; opacity: 1; border-radius: 4px; text-align: center; line-height: 40px; color: #dc3737; cursor: pointer; font-size: 14px; margin: 0 auto; margin-top: 30px } .inquiry_list .page_nav { color: #999; line-height: 28px; padding: 10px 0 } .inquiry_list .page_nav .page_left_loc { padding-top: 20px } .inquiry_list .page_nav .page_right_leap { padding-top: 20px } .inquiry_list .page_nav .page_right_leap .pageinput { height: 28px; width: 28px; border: 1px solid #b0b0b0; border-radius: 4px; text-align: center } .inquiry_list .page_nav .page_right_leap .page_btn { width: 40px; height: 28px; background-color: #999; color: #fff; text-align: center; line-height: 28px; cursor: pointer; border: 0 solid #b0b0b0; border-radius: 4px } .inquiry_list .time_range { margin-top: 30px; padding-left: 30px } .inquiry_list .time_range .time_range_box { display: block; height: 40px; line-height: 40px; text-align: center; border: 1px solid #b0b0b0; border-radius: 4px; padding: 0 20px; cursor: pointer; min-width: 210px } .inquiry_list .time_range .time_range_timetil { font-size: 14px; line-height: 40px; font-weight: 700 } .changescrollbar::-webkit-scrollbar { width:10px; height:1px } .changescrollbar::-webkit-scrollbar-thumb { border-radius:10px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.1); background:#999 } .changescrollbar::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.1); border-radius:10px; background:#ededed } .banner_static { width: 100%; min-width: 1200px; max-height: 380px } .banner_static img { width: 100%; -o-object-fit: cover; object-fit: cover } .cate-level1 h3 { height: 50px; font-size: 24px; line-height: 30px; text-align: center; font-weight: 400; color: #232323; opacity: 1; border-bottom: 1px solid #e1e1e1 } .cate-level3 h4 { color: #616265; line-height: 30px; font-size: 18px; text-decoration: underline } .cate-level3 .sitemap-ul li { min-width: 24%; margin-left: 1%; line-height: 28px } .add-tag { width: 100%; box-sizing: border-box; background: #ffff; overflow: hidden } .add-tag__title { padding: 10px 0; font-size: 16px } .add-tag__wrapper { overflow: hidden; padding-top: 20px; padding-left: 30px } .add-tag__wrapper li { float: left; font-size: 14px; margin-right: 10px; margin-bottom: 10px } .add-tag__wrapper li a { display: inline-block; border: 1px solid #e1e1e1; border-radius: 20px; padding: 5px 20px; color: #999 } .add-tag__wrapper li:hover a { color: #333; border-color: #333 } @media (max-width:1600px) { .catalog_sec { width: 1200px } .index_main_con_list { width: 1200px } .list_items { height: 400px } .indexitem_img_box { height: 272px } .indexitem_img_box img { max-width: 233px; margin-top: 50% } } @media (max-width:1025px) { .buynow_Cla { width: 100%!important; margin-right: 20px; margin-left: 0; height: 44px; line-height: 44px; margin-top: 0 } #add_cart_but { width: 300px!important; margin-right: 20px; background: #fff; border: 1px solid #dc3737!important; color: #dc3737 } .mobie_share { display: block } .menu_list_cont .Home_next, .menu_list_cont .back_Home { display: none } .mid_banner .swiper-container .swiper-wrapper { width: 100%; height: 100% } .mid_banner .swiper-button-next, .mid_banner .swiper-button-prev { display: none } .menu_list_cont { padding-top: 0 } .Menubox ul li.hover { border-bottom: 1px solid #e1e1e1 } .Menubox ul li a { color: #999; font-size: 16px } .Menubox ul li a:hover { color: #666 } .Menubox ul li { -webkit-transform: translateY(-2px); transform: translateY(-2px) } .Menubox ul li { display: block; width: 100%; text-align: left!important } .Menubox ul li.hover a { text-align: left } .Menubox.paddlr30 { padding: 0 } .Menubox ul li { padding: 0 3%; border-bottom: 1px solid #e1e1e1 } .Menubox ul li:nth-last-child(1) { border-bottom: 0 } .banner_static.mobie { width: 100%; min-width: 300px; max-height: 200px; height: 200px } .banner_static.mobie img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } #shearch_sku { width: 100%!important; min-width: 100%; margin-bottom: 15px } .Menubox ul li a:hover { color: #999 } .cate-level3 h4 { padding-left: 3% } .cate-level3 .sitemap-ul li { min-width: 30%; margin-left: 3% } .mid_banner_m { display: block } .mid_banner_p { display: none } .mid_banner .swiper-slide { height: 100% } .mid_banner .img_a img { left: auto } .code-item { width: 100% } .wholestit { display: none!important } .wholesalelist { height: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: left; width: 100% } .wholesalelist .wholesaleitem { width: auto; max-width: 150px } .wholesalelist .wholesaleitem div { text-align: left; width: 100%; padding-left: 10px } .wholesalelist .wholesaleitem .wholenum { font-size: 13px; color: #999; line-height: 29px; font-weight: 700 } .wholesalelist .wholesaleitem .wholeprice { font-size: 16px; color: #333; line-height: 29px; font-weight: 700 } .detail_new .item_adv { margin-bottom: 40px; width: 45% } .detail_new .item_adv .item_adv_img { text-align: center } .detail_new .item_adv .item_adv_img img { max-width: 138px; width: 100% } .detail_new .liblue_font { font-size: 16px } .detail_new .liblack_font { font-size: 14px } .detail_new .Our_Advantages .flex_lrwrap { padding: 0 } .detail_new .prod_testing .detail_cont_box .detail_cont_item { width: 49%; height: auto; padding-bottom: 20px; border: 1px solid #eaeaee; margin: 20px 0 } .detail_new .prod_testing .detail_cont_box .detail_cont_item .liblue_font { font-size: 14px } .detail_new .prod_testing .detail_cont_box .detail_cont_item .liblack_font { font-size: 12px; padding: 0 5px } .detail_new .prod_testing .detail_cont_box .detail_cont_item { width: 49%; height: auto; border: 1px solid #eaeaee; margin: 20px 0 } .detail_new .prod_testing .detail_cont_box .detail_cont_item .detail_cont_img { text-align: center } .detail_new .prod_testing .detail_cont_box .detail_cont_item .detail_cont_img img { width: 100%; max-width: 250px } .detail_new .Wide_Devices .img_gallary { width: 100%; margin-top: 20px } .detail_new .liblue_font { font-size: 20px } .detail_new .Port_Fiber { background-color: #f6f6f6; padding: 20px 20px } .detail_new .Port_Fiber .detail_til { font-size: 22px; padding: 20px 0; margin-bottom: 20px } .detail_new .Port_Fiber .item_adv { width: 100% } .detail_new .Port_Fiber .item_adv .item_adv_img img { max-width: 272px } .detail_new .Port_Fiber .liblack_font { font-size: 14px; margin-top: 20px; text-align: left; margin-top: 20px } .detail_new .Port_Fiber .liblue_font { margin-top: 40px } .detail_text_dom section { overflow: hidden; overflow-x: scroll } #index_tpl .mid_banner .img_a img { margin-left: 0; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100% } .paddlr30 { padding: 0 3% } } @media (max-width:960px) { .menu_list_cont { padding-left: 15px } } @media (max-width:780px) { .request_stock .inner_box { padding: 20px 15px } #sku_alert { font-size: 12px!important } #add_box .product_list_text { float: right!important } #add_box .add_btn { float: right!important } .request_listcont { position: relative; min-height: 219px } .request_listcont .left_img { position: absolute; left: 0; top: 20px } .request_listcont .right_cont { position: absolute; right: 0; top: 10px; width: 220px!important } .request_listcont .cont_info_box { position: absolute; right: 0; top: 80px; width: 220px!important } .request_listcont .cont_info_box>div { width: 140px; font-size: 13px } .request_listcont .cont_info_box .cont_info_box_1 { width: 40% } .request_listcont .cont_info_box .cont_info_box_2 { width: 60%; white-space: nowrap } .request_listcont .left_product_num { position: absolute; bottom: 22px; right: 100px } .request_listcont .left_product_num .product_list_text { -webkit-transform: translateY(0)!important; transform: translateY(0)!important } .request_listcont .left_product_num .product_list_text.mobie { height: 22px; padding: 0 27px; border: none } .request_listcont .left_product_price { position: absolute; right: 107px; top: 154px; font-size: 13px } .request_listcont .left_product_del { position: absolute; bottom: 15px; right: 0 } .request_listcont .request_listcont_li { height: auto!important; width: 110px!important } .request_listcont .request_listcont_li>span { font-size: 12px!important } .request_listcont .left_product_ship { position: absolute; right: 18px; top: 128px; width: 200px!important; font-size: 13px } .request_listcont .iconpage_right { font-size: 12px!important; text-align: right } .request_listcont .iconsystem_2 { text-align: right } .request_listcont .product_list_text span .product_list_qty.mobie { height: 20px; line-height: 20px; border: 1px solid #ddd!important } .request_listcont .pro_mun { position: absolute; z-index: -1; left: -38px; top: -3px; width: 120px!important; height: auto!important; border: none!important } .request_listcont .pro_mun .cart_qty_add { position: absolute; display: inline-block; width: 20px!important; height: 20px!important; border: 1px solid #dddedd!important; right: 12px!important; font-size: 12px!important; line-height: 20px!important; text-align: center!important; color: #333; top: 3px } .request_listcont .pro_mun .cart_qty_reduce { position: absolute; line-height: 20px; display: inline-block; width: 20px!important; height: 20px!important; border: 1px solid #dddedd!important; left: 13px!important; font-size: 12px!important; line-height: 20px!important; text-align: center!important; color: #333; top: 3px } .request_stock .request_listcont .cont_item { margin-top: 0!important } .request_stock .request_quadent { width: 100% } .request_stock .request_input { width: 100%!important } .teleinput_box { width: 100% } .top_country_choose_country { width: 100%!important } .request_input.minw600.mobie { min-width: 100%!important } .request_stock .request_textarea { min-width: 100%; width: 100% } .request_stock .request_eightent { width: 100% } .file_select { margin-bottom: 10px } #qoute_pop .fm_customer_btn>a { min-width: 45%!important; font-size: 13px!important } .search_box_inquirey { width: 100% } .search_box_inquirey .submit_btn01.empty { margin-right: 10px!important } .search_box_inquirey .submit_btn01 { margin-right: 0!important; width: 100%!important } .ta_calendar { width: 100%; position: fixed!important; left: 0!important; top: 0!important } .ta_calendar table { width: 96% } .ta_calendar td.first { color: #6590c1; background-position: -119px 2px!important } .ta_calendar td.last { color: #6590c1; background-position: -194px 2px!important } .inquiry_list .time_range { padding: 0 10px!important; width: 100% } .inquiry_list .time_range .time_range_box { min-width: 50%!important; padding: 0 5px } .Delete_mobie { padding-left: 10px!important; width: 100% } .inquiry_list .list_list .request_listtil .request_listtil_li { width: auto } .my_inquiry .my_inquiry_topic { font-size: 20px; margin-bottom: 0; text-indent: 10px } .mobie_del { margin-right: 10px } .inquiry_list .request_listcont_li.check_box { width: 40px!important } .inquiry_list .list_list .request_listcont .request_listcont_li .fake_checkbox { margin: 0 auto!important; margin-top: 30px!important } #list_items .right_cont { width: 80%!important; margin-top: 0!important; left: 0!important } #list_items.request_items .request_listcont_li.left_product_info { width: 100%!important; position: absolute; top: 0; left: 40px } #list_items.request_items .request_listcont .right_cont { min-height: 46px!important; max-height: 46px!important; top: 24px!important } #list_items.request_items .list_time { position: absolute; bottom: 10px; left: 40px; width: 200px!important } #list_items.request_items .list_time .cont_item { margin-top: 0!important } #list_items.request_items .list_del { position: absolute; right: 20px; bottom: 10px } #list_items.request_items .list_del .cont_item { margin-top: 0!important } #list_items.request_items .listcont_li_img { position: absolute; top: 81px; left: 40px; width: 80%!important; overflow: hidden } #list_items.request_items .request_listcont { min-height: 234px } #list_items.request_items .request_listcont .listcont_li_img>img { margin-top: 0!important } #list_items.request_items .left_product_info .this_new { right: 44px; top: 30px; font-size: 40px!important } #list_items.request_items .request_listcont .left_product_info a { width: 93%!important } .ta_calendar table thead th { text-align: center } .inquiry_list .list_list .request_listcont .listcont_li_img .more { font-size: 37px!important } .swiper-container3 { width: 100% } .swiper-container3 .swiper-slide { max-width: 100px; height: 100px; margin-right: 10px; border: 1px dashed #999; border-radius: 9px; overflow: hidden } .swiper-container3 .swiper-slide img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .my_inquiry .inquiry_items_l { min-width: 78px!important } .my_inquiry .inquiry_items_r { padding-left: 10px; padding-right: 10px } #request_detail .detail_item { position: absolute; top: 130px } #request_detail .detail_req { right: 0; top: 130px } #request_detail .detail_req .cont_item { font-size: 13px; float: right!important } #request_detail .detail_price { right: 0; top: 158px } #request_detail .detail_ship { right: 109px } #request_detail .usr_info .inquiry_items_l { min-width: 94px!important; width: 130px!important } #request_detail .mobie_topic { margin-bottom: 20px } #request_detail .inquiry_webim .im_chat_item .l_img_box { width: 70px } #request_detail .inquiry_webim .im_chat_item .l_img_name { font-size: 12px; line-height: 12px } #request_detail .inquiry_webim .im_chat_item .l_img { margin: 0 auto; width: 43px } #request_detail .inquiry_webim .im_chat_item .l_img img { height: 40px; width: 40px } #request_detail .inquiry_webim .im_chat_item .sku_tag .sku_tag_fontbox .sku_tag_font { max-height: 60px; min-height: 60px; min-width: 151px; overflow: hidden; font-size: 12px } #request_detail .inquiry_webim .im_chat_item .sku_tag .sku_tag_fontbox .sku_tag_font.text_2_esp:after { right: 0!important } #request_detail .inquiry_webim .im_chat_item .sku_tag .sku_tag_img { height: 60px; width: 60px; margin-right: 10px } #request_detail .inquiry_webim .im_chat_item .sku_tag .sku_tag_img img { max-height: 60px!important; max-width: 60px!important } #request_detail .inquiry_webim .im_chat_item .sku_tag .sku_tag_fontbox { max-width: 142px } #request_detail .inquiry_webim .im_chat_item .sku_tag .sku_tag_fontbox div { font-size: 12px } #request_detail .inquiry_webim .inquiry_webim_bot .submit_btn01 { width: 80px; float: right; margin-top: 0 } #request_detail .request_listcont { position: relative; min-height: 188px } #request_detail .inquiry_items_l { width: 78px } #request_detail .request_stock .submit_btn01 { margin-top: 0 } } .product-request__check .agreement { display: inline-block; width: 14px; height: 14px; text-align: center; line-height: 14px; background: #fff; border: 1px solid #616265; border-radius: 2px; cursor: pointer; vertical-align: middle } .product-request__check .agreement.icon_dui { font-size: 12px } .product-request__check .text { color: #646466; line-height: 17px; padding-left: 10px; font-size: 13px; vertical-align: middle } .product-request__check .text b { font-weight: 400; color: #19191a; cursor: pointer } .product-request__check .text b:hover { text-decoration: underline } @media (max-width:780px) { .request_stock .request_listcont .left_img { max-width: 120px!important; max-height: 120px!important } .i_next, .i_pre, .ta_calendar td.first, .ta_calendar td.last, .ta_calendar td.ta_dateRangeSelected, .ta_calendar td.today { background: url(../image/calendar_all_mobie.png) no-repeat!important; cursor: pointer!important } .ta_calendar td.first { color: #6590c1; background-position: -153px 2px!important } .ta_calendar td.today { color: #fff; background-position: -91px 2px!important } .ta_calendar td.last { color: #6590c1; background-position: -326px 2px!important } .ta_calendar td.ta_dateRangeSelected { background-position: -260px 2px!important; color: #fff } .inquiry_webim .im_chat_item .r_font_box { max-width: 254px!important } .cate-level3 h4 { padding-left: 4% } .cate-level3 .sitemap-ul li { min-width: 46%; margin-left: 4% } } @media (max-width:720px) { .ta_calendar td.first { color: #6590c1; background-position: -160px 2px!important } .ta_calendar td.today { color: #fff; background-position: -97px 2px!important } .ta_calendar td.last { color: #6590c1; background-position: -332px 2px!important } .ta_calendar td.ta_dateRangeSelected { background-position: -260px 2px!important; color: #fff } } @media (max-width:620px) { .ta_calendar td.first { color: #6590c1; background-position: -167px 2px!important } .ta_calendar td.today { color: #fff; background-position: -104px 2px!important } .ta_calendar td.last { color: #6590c1; background-position: -339px 2px!important } .ta_calendar td.ta_dateRangeSelected { background-position: -267px 2px!important; color: #fff } } @media (max-width:520px) { .ta_calendar td.first { color: #6590c1; background-position: -174px 2px!important } .ta_calendar td.today { color: #fff; background-position: -111px 2px!important } .ta_calendar td.last { color: #6590c1; background-position: -346px 2px!important } .ta_calendar td.ta_dateRangeSelected { background-position: -277px 2px!important; color: #fff } .cate-level3 h4 { padding-left: 6% } .cate-level3 .sitemap-ul li { min-width: 94%; margin-left: 6% } } @media (max-width:1000px) { #request_detail .request_listcont .right_cont { max-width: 60% } #request_detail .inquiry_detail .request_listcont_li:nth-child(1) { width: 60% } #request_detail .request_listcont .cont_info_box { max-width: 60% } } @media (max-width:380px) { .request_stock .request_listcont .left_img { max-width: 100px!important; max-height: 100px!important } .i_next, .i_pre, .ta_calendar td.first, .ta_calendar td.last, .ta_calendar td.ta_dateRangeSelected, .ta_calendar td.today { background: url(../image/calendar_all_mobie.png) no-repeat!important; cursor: pointer!important } .ta_calendar td.first { color: #6590c1; background-position: -180px 2px!important } .ta_calendar td.today { color: #fff; background-position: -119px 2px!important } .ta_calendar td.last { color: #6590c1; background-position: -355px 2px!important } .ta_calendar td.ta_dateRangeSelected { background-position: -281px 2px!important; color: #fff } .inquiry_webim .im_chat_item .r_font_box { max-width: 234px!important } } @media (max-width:330px) { .request_stock .request_listcont .left_img { max-width: 70px!important; max-height: 70px!important } .request_listcont .right_cont { position: absolute; right: 0; top: 10px; width: 179px!important } .request_listcont .cont_info_box { position: absolute; right: 0; top: 80px; width: 179px!important } .inquiry_webim .im_chat_item .r_font_box { max-width: 200px!important } } .tips_dom { height: 75px; width: auto; min-width: 230px; border: 0 solid transparent; border-radius: 10px; background-color: rgba(0,0,0,.4); position: fixed; top: 30%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; transition: opacity 1s } .tips_dom.show { opacity: 1 } .tips_dom .tips_ico { height: 100%; width: 80px; vertical-align: middle; line-height: 75px; text-align: center; font-size: 40px; text-indent: 1.5rem } .tips_dom .tips_font { height: 100%; line-height: 75px; color: #fff; font-size: 20px; text-indent: 1rem; padding-right: 23px } .m_header { display: none } @media (max-width:1280px) { .index_main_con_list { width: 1000px; margin-bottom: 0 } .nomobie_box .list_items:nth-child(2) { height: 233px } .list_banner { height: 233px } .nomobie_box .list_items:nth-child(2) .indexitem_img_box { height: auto } .nomobie_box .list_items:nth-child(2) .indexitem_img_box img { max-width: 190px!important } } @media (max-width:1025px) { body { overflow-x: hidden!important } html { overflow-x: hidden!important } .header { display: none } .top { display: none } .mid_banner { height: 490px } .mid_banner .swiper-container { height: 490px } .catalog_sec { width: 100% } .index_main_con_list { width: 100% } .footer { width: 100% } .mid_banner .swiper-pagination-bullets { bottom: 14px!important } .mid_banner .swiper-button-next, .mid_banner .swiper-button-prev { height: 30px; width: 30px; margin-top: -15px } .catalog_sec { margin: 10px auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: space-between; width: 100%!important } .catalog_sec_items { width: 25%; margin-right: 0; text-align: center; float: left; margin: 10px 0 } .catalog_sec i { display: inline-block; font-style: normal; background-repeat: no-repeat; margin-bottom: 0; height: 41px; font-size: 40px } .catalog_sec p { height: auto; overflow: hidden } .index_list_til { padding: 20px 10px } .index_list_til h1 { font-size: 16px; margin-left: 15px } .index_main_con_detail_box { padding: 0 } .index_main_con_detail { padding-bottom: 10px } .list_banner { width: 100% } .list_items { width: 48.5%; max-height: 306px; background-color: #fff; margin-bottom: 13px; float: left; transition: all .3s; margin-right: 0; z-index: 1 } .index_list_content { padding: 0 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: space-between } .indexitem_img_box img { height: 100%; width: auto; margin: 0 auto; -o-object-fit: contain; object-fit: contain; -webkit-transform: translateY(0); transform: translateY(0) } .indexitem_img_box { width: 100%; height: 166px; padding: 26px 0 0 0 } .m_header_main { padding: 0 15px } .header_top_list .line { width: 23px; height: 2px; background-color: #3b3e40; display: block; margin: 6px auto; transition: all .3s ease-in-out; border-radius: 2px } .header_top_list .line:first-child { margin-top: 0 } .header_top_list.active .line:first-child { -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg) } .header_top_list.active .line:nth-child(2) { opacity: 0 } .header_top_list.active .line:nth-child(3) { webkit-transform: translateY(-8px) rotate(-45deg); -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg) } .header_sidebar { position: fixed; top: 50px; width: 100%; height: 100%; left: -100%; background-color: #fff; margin-left: 0; transition: all .3s ease-in-out; border-top: 2px solid #dedede; z-index: 100 } .header_sidebar_first, .header_sidebar_second, .header_sidebar_third { width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch } .header_sidebar_first_country_account { padding: 10px 0; border-bottom: 1px solid #e5e5e5 } .header_sidebar_first_account, .header_sidebar_first_country, .header_sidebar_first_sign_out { height: 48px; line-height: 48px; padding: 0 15px; transition: all .2s } .header_sidebar_first_account:hover, .header_sidebar_first_country:hover { background-color: #f7f8f9 } .header_sidebar_first_country a { text-decoration: none; display: block } .header_sidebar_first_country em { width: 21px; height: 16px; background-image: url(../image/country_flag_w20_ver2.jpg); background-repeat: no-repeat; float: left; margin-top: 17px; margin-right: 8px } .header_sidebar_first_account span, .header_sidebar_first_country span { font-size: 14px; color: #3b3e40 } .header_sidebar_first_account i, .header_sidebar_first_categories_list i, .header_sidebar_first_country i, .header_sidebar_first_sign_out i, .header_sidebar_first_support_list i { font-style: normal; float: right; color: #666; font-size: 14px; text-align: center } .index_wap_country { top: 100%; transition: all .3s ease-in-out } .index_wap_country_list, .index_wap_country_main_search, .index_wap_country_main_sure, .index_wap_country_tit, .index_wap_currency_main_sure { padding: 0 15px } .index_wap_country_back { color: #666; font-size: 26px } .index_wap_country_main_sure a b, .index_wap_currency_main_sure a b { font-size: 14px } .header_sidebar_first_account em, .header_sidebar_first_sign_out em { font-size: 16px; color: #333; display: inline-block; margin-right: 10px } .index_wap_currency_main_sure em.icon { margin-right: 10px } .header_sidebar_first_categories_tit { font-size: 16px; color: #333; font-weight: 400; line-height: 48px; padding: 0 15px } .header_sidebar_first_categories_list li, .header_sidebar_first_support_list li, .header_sidebar_second_list li, .header_sidebar_third li { padding: 0 15px; line-height: 48px; font-size: 14px; color: #3b3e40; transition: all .2s } .header_sidebar_first_categories_list li:hover, .header_sidebar_first_support_list li:hover, .header_sidebar_second_list li:hover, .header_sidebar_third li:hover { background-color: #f7f8f9 } .header_sidebar_first_help { padding: 10px 0 } .header_sidebar_second_list li i.account { display: inline-block; vertical-align: middle } .header_sidebar_second_list li a { display: block; vertical-align: middle } .header_sidebar_second, .header_sidebar_third { position: absolute; top: 0; left: 200%; z-index: 1; background-color: #fff; transition: all .3s ease-in-out } .header_sidebar_second_tofirst { padding: 10px 15px; font-size: 14px; color: #666; line-height: 48px; border-bottom: 1px solid #e5e5e5 } .header_sidebar_second_tofirst i { font-size: 12px } .header_sidebar_second_tofirst:hover { background-color: #f7f8f9 } .header_sidebar_second_list { padding: 10px 0 } .header_sidebar_second_list i { font-size: 14px; float: right } .header_sidebar_second_list i.account, .header_sidebar_second_sign_out i { font-size: 18px; font-weight: 400; margin-right: 15px; float: none } .header_sidebar_second_sign_out { padding: 10px 15px; border-top: 1px solid #e5e5e5; font-size: 14px; color: #666; line-height: 48px } .header_sidebar_second_list_tit, .header_sidebar_second_tosecond { font-size: 16px; color: #333; font-weight: 400; padding: 0 15px; line-height: 48px } .header_sidebar_second_list_tit i, .header_sidebar_second_tosecond i { float: right; font-size: 14px; color: #666 } .header_sidebar_third { z-index: 2 } .header_sidebar_second_tosecond { padding-top: 10px } .header_sidebar_second_tosecond i { float: none } .header_sidebar_second_tosecond:hover { background-color: #f7f8f9 } .cart_remove_loading.m_sidebar_loading { width: 100%; top: 50%; margin-top: -43px } .cart_remove_loading.m_sidebar_loading #loader_order_alone.head_cart { width: 70px; margin-top: -35px; margin-left: -35px } .header_sidebar_second_sign_out a, .header_sidebar_second_sign_out i { display: inline-block; vertical-align: middle } .header_sidebar_third li a { display: inline-block; width: 100% } } .index_wap_country { display: none } @media (max-width:1025px) { .m_header { display: block; width: 100%; box-sizing: border-box; position: relative; top: 0; z-index: 100; height: 96px } .header_sidebar .header_sidebar_first a:active { text-decoration: underline } .header_sidebar .header_sidebar_second_list a:active { text-decoration: underline } .m_header_main { width: 100%; position: fixed; box-sizing: border-box; padding: 0 15px; background-color: #fff; border-bottom: 2px solid #dfdfdf } .m_header a:hover { text-decoration: none } .header_top { height: 50px; text-align: center; position: relative; z-index: 100 } .header_top_list { position: absolute; color: #888; text-decoration: none; top: 16px; left: 0; font-size: 30px } .m_cart { position: absolute; top: 16px; right: -3px } .header_top_cart { color: #3b3e40; text-decoration: none; font-size: 30px } .header_top_cart i { font-family: 'Open Sans', Arial, Helvetica, sans-serif; position: absolute; left: 50%; color: #fff; margin-left: -5px; height: 16px; top: -6px; font-style: normal; line-height: 16px; background-color: #d63030; color: #fff; text-align: center; font-size: 12px; border-radius: 16px; padding: 0 5px } .header_top_logo { display: inline-block!important; width: 170px; height: 34px; margin: 8px 0; background-size: contain } .m_header_search { position: relative; padding-bottom: 10px } .m_header_search input { height: 34px; border: none; outline: 0; background-color: #eee; width: 100%; border-radius: 3px; text-indent: 10px; color: #666; font-size: 14px } .header_sidebar_main { overflow-y: auto } .header_sidebar_operation { padding: 0 20px; width: 100%; height: 64px; box-sizing: border-box; border-bottom: 1px solid #ccc } .header_sidebar_login { height: 100%; float: left; position: relative } .header_sidebar_country.more, .header_sidebar_login.more { background-color: #fff; border-bottom: 1px solid #fff } .header_sidebar_login>a { display: block; width: 100%; height: 100%; box-sizing: border-box; text-decoration: none; line-height: 64px; padding-right: 200px } .header_sidebar_country>a em { display: inline-block; width: 30px; height: 30px; -webkit-transform: scale(.8); transform: scale(.8); background-image: url(../image/country_flag_w20_ver2.jpg); background-repeat: no-repeat; vertical-align: middle } .header_sidebar_back>a span, .header_sidebar_country>a span, .header_sidebar_login>a span { color: #1686cc; font-size: 14px } .header_sidebar_country>a .icon, .header_sidebar_login>a .icon { font-size: 24px; vertical-align: middle } .header_sidebar_country>a i, .header_sidebar_login>a i { font-style: normal; margin-left: 5px; line-height: 14px; display: inline-block; vertical-align: middle; text-align: right; margin-right: 5px; color: #1686cc } .header_sidebar_country { height: 100%; float: right; position: relative; margin-right: 10px } .header_sidebar_country>a { display: block; height: 100%; box-sizing: border-box; padding: 20px 10px; text-decoration: none } .header_sidebar_back { height: 100%; float: right; margin-right: 12px } .header_sidebar_back a { display: block; width: 100%; height: 100%; box-sizing: border-box; text-decoration: none; line-height: 70px } .header_sidebar_back a .icon { font-size: 18px; font-weight: 700 } .header_sidebar_login_more { position: absolute; left: 0; top: 64px; background-color: #fff; width: 226px; padding-left: 25px; box-sizing: border-box; padding-top: 20px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; display: none; box-shadow: 0 5px 10px 2px rgba(0,0,0,.15); z-index: 99 } .user_name { font-size: 18px; color: #999; margin-bottom: 28px } .header_sidebar_login_more a { text-decoration: none; color: #666; font-size: 15px; display: block; margin-bottom: 26px } .header_sidebar_country_more { position: fixed; left: 0; top: 116px; width: 100%; height: 80%; padding: 0 10px; box-sizing: border-box; display: none; z-index: 99 } .header_sidebar_country_more_main { background-color: #fff; height: 100%; box-shadow: 0 5px 10px 2px rgba(0,0,0,.15); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; box-sizing: border-box; padding: 22px 25px 35px } .header_sidebar_country_more_main_body { height: 100% } .header_sidebar_country_more_main_body input { width: 100%; height: 32px; line-height: 32px; outline: 0; border: 1px solid #ccc; border-radius: 3px; text-indent: 10px; box-sizing: border-box; font-size: 13px; color: #999 } .header_sidebar_country_more_main_body ul { margin-top: 15px; height: 90%; overflow-y: auto } .header_sidebar_country_more_main_body ul li { list-style: none } .header_sidebar_country_more_main_body ul a { display: block; position: relative; padding: 10px 0 10px 40px; text-decoration: none; color: #666; font-size: 15px; overflow: hidden; white-space: pre; text-overflow: ellipsis } .header_sidebar_country_more_main_body ul a em { position: absolute; width: 30px; height: 30px; background-image: url(../image/country_flag_w20_ver2.jpg); background-repeat: no-repeat; background-size: auto; left: 0; top: 5px; -webkit-transform: scale(.8); transform: scale(.8) } .header_sidebar_country_more_main_body ul a span { font-size: 14px; color: #999; margin-left: 8px } .header_sidebar_list { padding: 0 20px } .header_sidebar_list_tit { line-height: 50px; font-size: 16px; color: #333; font-weight: 400; border-bottom: 1px solid #dfdfdf } .header_sidebar_list_tit a { text-decoration: none; color: #333 } .header_sidebar_list_one { padding: 0 15px } .header_sidebar_list_one a { display: block; position: relative } .header_sidebar_list_one a .icon { float: right } .header_sidebar_list_one_tit, .header_sidebar_list_two_tit { display: block; padding: 12px 0; font-size: 14px; font-weight: 300; color: #666; text-decoration: none; line-height: 20px } .header_sidebar_list_three, .header_sidebar_list_two { padding-left: 15px } .header_sidebar_list_three_tit { display: block; padding: 10px 0; font-size: 14px; font-weight: 300; color: #666; text-decoration: none } .header_sidebar_list_three, .header_sidebar_list_two_all { display: none } .header_sidebar_contact { padding-left: 15px; margin-top: 20px } .header_sidebar_contact a { display: inline-block; font-size: 14px; color: #666; font-weight: 300; text-decoration: none } .header_sidebar_contact a:first-child { margin-right: 50px } .header_sidebar_country>a i { max-width: 100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .header_top_search { color: #888; position: absolute; font-size: 26px; text-decoration: none; left: 45px; top: 15px } .header_top_preson { color: #888; text-decoration: none; position: absolute; font-size: 28px; top: 16px; right: 45px; display: block } .header_top_login { position: absolute; right: 35px; top: 52px; background-color: #fff; width: 226px; padding-left: 25px; box-sizing: border-box; padding-top: 20px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; box-shadow: 0 5px 10px 2px rgba(0,0,0,.15); z-index: 50; display: none } .header_top_login p { text-align: left; font-size: 16px; margin-bottom: 15px } .header_top_login a { text-decoration: none; color: #666; font-size: 15px; display: block; margin-bottom: 15px; text-align: left } .header_top_login_line { position: absolute; width: 48px; height: 2px; background-color: #fff; top: -2px; right: 0 } .m_cart .icon { font-size: 32px!important; position: relative } .m_header_search .icon { position: absolute; font-size: 20px; color: #666; left: 9px; top: 7px } .m_header_search input { text-indent: 35px } .box_close a:hover, box_close a { box-shadow: none } .content_01 { height: 100%; overflow: visible; float: none } .content_01:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0 } .hot-event { position: inherit } .hot-event .event-item { position: inherit; z-index: 0 } .hot-event .switch-nav { display: block } .content_index { min-height: inherit } .banner_17text { display: none } .header_03 { width: auto; position: relative; border: 0; height: inherit } .header_03_02 { width: 44px; font-size: 0; position: absolute; right: 0; display: none!important } input[type=search].header_03_01, input[type=text].header_03_01 { width: 100%; color: #333; text-indent: 10px; border-radius: 3px; border: 1px solid #dedede } .wholesale_left { width: inherit; text-align: center; margin-bottom: 20px; float: none; padding: 30px 10px 0 } .wholesale_left span { font-size: 20px; padding-bottom: 10px } .wholesale_left b { display: none } .wholesale_right { border: 0 } .wholesale_left p { padding-bottom: 15px } .idx_con1 { margin-top: 0 } .idx_oem_size { width: 325px; text-align: center; float: none; margin: 0 auto } .idx_oem_size a { width: initial; font-size: 16px } .idx_oem_size a em { width: 25px; padding: 0 20px 0 0; margin-left: 10px } .idx_oem_size span { font-size: 20px } .idx_oem_size ul li { margin: 0 10px 15px } .idx_oem_size ul { margin: 0 auto; display: inline-block } .blk_18, .box_deals { width: 100% } .blk_18 { padding: 0 } .box_deals dl dt, .feedback dl dt, .feedback_img { padding-right: 30px } .box_deals dl dd, .feedback dl dd, .feedback span { padding-left: 110px; width: inherit; float: none; overflow: initial; max-height: inherit } .con_box01_tit { margin-bottom: 30px; font-size: 18px } .main_content_index { background: 0 0; left: 0; position: inherit; width: 100%; margin-top: 0; padding-top: 0; z-index: 1; padding-bottom: 0 } .idx_con1, .idx_new_pro_img, .wholesale_right { border-bottom: 10px solid #f6f6f6 } .idx_new_pro { margin: 0 } .m_header_search { margin: 0 auto; position: relative; z-index: 100 } .m_header_search.active { width: 80%; -webkit-transform: translateY(-43px); transform: translateY(-43px) } .m_header_search .icon { position: absolute; font-size: 20px; color: #666; left: 9px; top: 7px } .m_header_search input { text-indent: 35px } .m_search_main { position: fixed; width: 100%; height: 100%; z-index: 101; background-color: #fff; top: 0; left: 0; display: none } .m_search_main_top { box-sizing: border-box; padding: 8px 10px; position: relative; height: 50px; border-bottom: 2px solid #dfdfdf; margin-bottom: 20px } .m_search_main_top em.icon { position: absolute; font-size: 24px; color: #666; top: 50%; margin-top: -12px; left: 15px; z-index: 10 } .m_search_main_search { padding-left: 34px; height: 100%; position: relative } .m_search_main_search span.icon { position: absolute; font-size: 20px; color: #666; background-color: #eee; height: 34px; line-height: 34px; text-align: center; width: 36px } .m_search_main_search i.icon { position: absolute; font-size: 20px; color: #666; right: 0; top: 0; background-color: #eee; height: 34px; width: 30px; line-height: 34px; text-align: center } .m_search_main_search input { height: 34px; border: none; outline: 0; background-color: #eee; width: 100%; border-radius: 3px; color: #666; font-size: 14px; text-indent: 35px } .m_search_main_box_con { padding: 0 10px 10px } .m_search_main_box_con_main { overflow: hidden } .m_search_main_tit { font-size: 16px; color: #333; font-weight: 400; margin-bottom: 24px } .m_search_hotword { padding: 0 8px; float: left; line-height: 32px; border: 1px solid #dedede; border-radius: 3px; color: #999; text-decoration: none; margin-right: 10px; margin-bottom: 10px } .m_search_main_box_line { width: 100%; height: 10px; background-color: #f6f6f6; margin-bottom: 20px } .m_search_historyword { color: #999; float: left; margin-right: 15px; text-decoration: none; margin-bottom: 10px } .m_search_del { display: block; width: 72%; height: 38px; border: 1px solid #dedede; border-radius: 3px; line-height: 38px; text-align: center; font-size: 14px; color: #999; clear: both; text-decoration: none; margin: 20px auto 0 } .m_search_del span { display: inline-block; vertical-align: middle } .m_search_del .icon { font-size: 20px } .m_header_main.active { height: 50px } .m_header_search { padding: 0 0 10px; transition: all .3s; width: 100%; box-sizing: border-box } .cart_remove_loading.m_sidebar_loading { width: 100%; top: 50%; margin-top: -43px } .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.m_sidebar_loading #loader_order_alone.head_cart { width: 70px; margin-top: -35px; margin-left: -35px } #loader_order_alone.head_cart { width: 32px; margin-top: -16px; margin-left: -16px } #loader_order_alone { width: 18px; background: 0 0; z-index: 5; position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px } #loader_order_alone .circular { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%; -webkit-transform-origin: center center; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto } #loader_order_alone.head_cart .path { -webkit-animation: dash 1.5s ease-in-out infinite, head_cart_loading 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, head_cart_loading 6s ease-in-out infinite } #loader_order_alone .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round } #loader_order_alone:before { content: ''; display: block; padding-top: 100% } #loader_order_alone.head_cart { width: 32px; margin-top: -16px; margin-left: -16px } #loader_order_alone.head_cart .path { -webkit-animation: dash 1.5s ease-in-out infinite, head_cart_loading 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, head_cart_loading 6s ease-in-out infinite } @-webkit-keyframes head_cart_loading { 0%, 100% { stroke:#ddd } 40% { stroke:#ddd } 66% { stroke:#ddd } 80%, 90% { stroke:#ddd } } @keyframes head_cart_loading { 0%, 100% { stroke:#ddd } 40% { stroke:#ddd } 66% { stroke:#ddd } 80%, 90% { stroke:#ddd } } .alone_active { position: relative; background: #eb9898!important; border: none; cursor: default } #loader_order_alone { width: 18px; background: 0 0; z-index: 5; position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px } #loader_order_alone:before { content: ''; display: block; padding-top: 100% } #loader_order_alone .circular { height: 100%; -webkit-transform-origin: center center; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto } #loader_order_alone .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round } @-webkit-keyframes rotate { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes rotate { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @-webkit-keyframes dash { 0% { stroke-dasharray:1, 200; stroke-dashoffset:0 } 50% { stroke-dasharray:89, 200; stroke-dashoffset:-35px } 100% { stroke-dasharray:89, 200; stroke-dashoffset:-124px } } @-webkit-keyframes color { 0%, 100% { stroke:#fff } 40% { stroke:#fff } 66% { stroke:#fff } 80%, 90% { stroke:#fff } } @keyframes color { 0%, 100% { stroke:#fff } 40% { stroke:#fff } 66% { stroke:#fff } 80%, 90% { stroke:#fff } } .index_wap_country { position: fixed; width: 100%; height: 100%; background-color: #fff; z-index: 9999; top: 0; left: 0; display: none } .index_wap_country:after { content: ""; left: 0; top: 0; position: absolute; width: 100%; height: 50px; pointer-events: none; background: 0 0; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1) } .index_wap_country { background-color: #f7f8f9 } .index_wap_country_tit { padding: 0 15px; height: 50px; background-color: #fff; position: relative } .index_wap_country_back { font-size: 18px; color: #333; line-height: 50px; position: relative; z-index: 1; display: block } .index_wap_country_tit .tiltext { font-size: 18px; font-weight: 400; position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; line-height: 50px; color: #333 } .index_wap_country_main { overflow-y: auto; -webkit-overflow-scrolling: touch } .index_wap_country_main_tit { padding: 15px; color: #333; font-size: 18px; font-weight: 600; line-height: 1.5 } .index_wap_country_main ul { background-color: #fff; padding: 0 15px } .index_wap_country_list { border-bottom: 1px solid #eee } .index_wap_country_list:last-child { border-bottom: none } .index_wap_country_list a { display: flex; justify-content: space-between; padding: 15px 0 } .index_wap_country_list a:hover { text-decoration: none } .index_wap_country_list_name { display: inline-block } .index_wap_country_list_name .flag { display: inline-block; width: 21px; height: 16px; padding-left: 0; margin-top: 2px; margin-right: 6px; vertical-align: middle; background-image: url(../image/country_flag_w20_ver2.jpg); background-repeat: no-repeat } .index_wap_country_list_name i { display: inline-block; font-style: normal; color: #666; font-size: 14px; vertical-align: middle; line-height: 22px } .index_wap_country_list_currency { display: inline-block; color: #666; font-size: 14px } .index_wap_country_main_sure, .index_wap_currency_main_sure { padding: 0 15px; border-bottom: none; box-sizing: border-box; background-color: #fff } .index_wap_country_main_sure a, .index_wap_currency_main_sure a { display: flex; justify-content: space-between; padding: 15px 0 } .index_wap_country_main_sure a:hover, .index_wap_currency_main_sure a:hover { text-decoration: none } .index_wap_country_main ul, .index_wap_country_main_search { background-color: #f7f8f9 } .index_wap_country_main_sure a b, .index_wap_currency_main_sure a b { font-weight: 400; font-size: 12px; padding-top: 2px; transition: all .3s } .index_wap_country_main_sure.show a b, .index_wap_currency_main_sure.show a b { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .index_wap_country_main_country, .index_wap_country_main_currency { display: none } .index_wap_currency_main_sure a { border-top: 1px solid #eee } .index_wap_currency_main_sure em.icon { margin-right: 5px; vertical-align: middle } .index_wap_currency_list a { text-indent: 20px } .index_wap_country_main_btn { padding: 0 15px; margin-bottom: 25px } .index_wap_country_main_btn .top_country_more_main_save { background-color: inherit; margin-top: 20px } .index_wap_country_main_btn .top_country_more_main_save.saveloading { background-color: #ababab; color: #fff; border-color: #ababab; cursor: default; position: relative } .choose_country_open { height: 100%; overflow: hidden } .top_country_more_main_save_fa { position: relative } .top_country_more_main_save_fa_son { position: absolute; width: 100%; height: 38px; z-index: 10; display: none; cursor: wait } .index_wap_country_main ul { padding: 0; background-color: #fff } .index_wap_country_list { padding: 0 15px; border-bottom: none; box-sizing: border-box } .index_wap_country_list.active, .index_wap_currency_list.active { border-left: 3px solid #666; background-color: #f7f8f9; padding-left: 12px } .index_wap_country_list a { border-bottom: 1px solid #eee } .m_footer_country_currency_other { line-height: 22px; margin-right: 0 } .m_footer_country_currency_other em { background: 0 0; width: auto; height: auto; margin-top: 1px; font-size: 14px } .m_footer_country_currency_other span { color: #666; line-height: 22px } .m_footer_country a:last-child { margin-right: 0 } .m_footer_country em { margin-right: 8px } .index_wap_country_main_search { padding: 0 15px; background-color: #fff } .index_wap_country_search_main { padding: 0 0 15px; border-bottom: 1px solid #eee; position: relative } .index_wap_country_search_main_ipt { height: 34px; border: none; border-radius: 2px; background-color: #eee; width: 100%; text-indent: 15px; font-size: 13px; color: #333 } .index_wap_country_search_main_ipt::-webkit-input-placeholder { color:#aaa } .index_wap_country_search_main_ipt:-moz-placeholder { color:#aaa } .index_wap_country_search_main_ipt::-moz-placeholder { color:#aaa } .index_wap_country_search_main_ipt:-ms-input-placeholder { color:#aaa } .index_wap_country_search_main .icon { position: absolute; top: 8px; right: 12px; color: #666; font-size: 16px } .index_wap_currency { position: fixed; width: 100%; height: 100%; background-color: #fff; z-index: 9999; top: 0; left: 0; display: none; padding: 0 } .index_wap_currency:after { content: ""; left: 0; top: 0; position: absolute; width: 100%; height: 50px; pointer-events: none; background: 0 0; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1) } .index_wap_currency { background-color: #f7f8f9 } .index_wap_currency_tit { padding: 0 15px; height: 50px; background-color: #fff; position: relative } .index_wap_currency_back { font-size: 18px; color: #333; line-height: 50px; position: relative; z-index: 1 } .index_wap_currency_tit h1 { font-size: 18px; font-weight: 400; position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; line-height: 50px; color: #333 } .index_wap_currency_main { overflow-y: auto } .index_wap_currency_main_tit { padding: 15px; color: #333; font-size: 18px; font-weight: 600; line-height: 1.5 } .index_wap_currency_main ul { background-color: #fff } .index_wap_currency_list { padding: 0 15px } .index_wap_currency_list:last-child { border-bottom: none } .index_wap_currency_list a { display: flex; justify-content: space-between; padding: 15px 0; font-size: 14px; color: #333; border-bottom: 1px solid #eee } .index_wap_currency_list a:hover { text-decoration: none } .index_wap_con_solution { overflow: hidden; padding: 0 15px } .index_wap_con_solution_con { float: left; position: relative; width: 49%; margin-right: 2%; margin-bottom: 2% } .index_wap_con_solution_con:nth-of-type(2n) { margin-right: 0 } .index_wap_con_solution_con img { max-width: 100% } .index_wap_con_solution_con:nth-child(3), .index_wap_con_solution_con:nth-child(4) { margin-bottom: 0 } .index_wap_currency { padding: 0 15px 50px } .new_choose_country_main_currency_choose.wap, .new_choose_country_main_currency_select.wap { width: 13rem; background-color: #fff } .local_uk { cursor: default!important } .index_wap_country { top: 100%; transition: all .3s ease-in-out } .index_wap_country_list, .index_wap_country_main_search, .index_wap_country_main_sure, .index_wap_country_tit, .index_wap_currency_main_sure { padding: 0 15px } .index_wap_country_back { color: #666; font-size: 26px } .index_wap_country_main_sure a b, .index_wap_currency_main_sure a b { font-size: 14px } .header_sidebar_first_account em { font-size: 16px; color: #333; display: inline-block; margin-right: 10px } .index_wap_currency_main_sure em.icon { margin-right: 10px } .header_sidebar_first_categories_tit { font-size: 16px; color: #333; font-weight: 400; line-height: 48px; padding: 0 15px } .header_sidebar_first_categories_list li, .header_sidebar_first_support_list li, .header_sidebar_second_list li, .header_sidebar_third li { padding: 0 15px; line-height: 48px; font-size: 14px; color: #3b3e40; transition: all .2s } .header_sidebar_first_categories_list li:hover, .header_sidebar_first_support_list li:hover, .header_sidebar_second_list li:hover, .header_sidebar_third li:hover { background-color: #f7f8f9 } .header_sidebar_first_help { padding: 10px 0 } .header_sidebar_second_list li i.account { display: inline-block; vertical-align: middle } .header_sidebar_second_list li a { display: inline-block; vertical-align: middle } .header_sidebar_second, .header_sidebar_third { position: absolute; top: 0; left: 200%; z-index: 1; background-color: #fff; transition: all .3s ease-in-out } .header_sidebar_second_tofirst { padding: 10px 15px; font-size: 14px; color: #666; line-height: 48px; border-bottom: 1px solid #e5e5e5 } .header_sidebar_second_tofirst i { font-size: 14px } .header_sidebar_second_tofirst:hover { background-color: #f7f8f9 } .header_sidebar_second_list { padding: 10px 0 } .header_sidebar_second_list i { font-size: 14px; float: right } .header_sidebar_second_list i.account, .header_sidebar_second_sign_out i { font-size: 18px; font-weight: 400; margin-right: 15px; float: none } .header_sidebar_second_sign_out { padding: 10px 15px; border-top: 1px solid #e5e5e5; font-size: 14px; color: #666; line-height: 48px } .header_sidebar_second_list_tit, .header_sidebar_second_tosecond { font-size: 16px; color: #333; font-weight: 400; padding: 0 15px; line-height: 48px } .header_sidebar_second_list_tit i, .header_sidebar_second_tosecond i { float: right; font-size: 14px; color: #666 } .header_sidebar_third { z-index: 2 } .header_sidebar_second_tosecond { padding-top: 10px } .header_sidebar_second_tosecond i { float: none } .header_sidebar_second_tosecond:hover { background-color: #f7f8f9 } .cart_remove_loading.m_sidebar_loading { width: 100%; top: 50%; margin-top: -43px } .cart_remove_loading.m_sidebar_loading #loader_order_alone.head_cart { width: 70px; margin-top: -35px; margin-left: -35px } .header_sidebar_second_sign_out a, .header_sidebar_second_sign_out i { display: inline-block; vertical-align: middle } .header_sidebar_third li a { display: inline-block; width: 100% } } @media (max-width:838px) { .mid_banner { height: 400px } .mid_banner .swiper-container { height: 400px } } @media (max-width:668px) { .mid_banner { height: 340px } .mid_banner .swiper-container { height: 340px } } @media (max-width:548px) { .mid_banner { height: 275px } .mid_banner .swiper-container { height: 275px } } @media (max-width:468px) { .mid_banner { height: 230px } .mid_banner .swiper-container { height: 230px } } @media (max-width:378px) { .mid_banner { height: 200px } .mid_banner .swiper-container { height: 200px } } @media (max-width:328px) { .list_items { max-height: 330px } } @media (min-width:1025px) { .tb-pic a { display: table-cell; text-align: center; vertical-align: middle } .tb-pic a img { vertical-align: middle } .tb-thumb { margin: 10px 0 0; overflow: hidden } .tb-thumb li { background: none repeat scroll 0 0 transparent; float: left; height: 42px; margin: 0 6px 0 0; overflow: hidden; padding: 1px } .tb-s310, .tb-s310 a { height: 310px; width: 310px } .tb-s310, .tb-s310 img { max-height: 310px; max-width: 310px } .tb-s40, .tb-s40 a { height: 40px; width: 40px } .tb-booth { border: 1px solid #cdcdcd; position: relative; z-index: 1 } .tb-thumb .tb-selected { background: none repeat scroll 0 0 #c30008; height: 40px; padding: 2px } .tb-thumb .tb-selected div { background-color: #fff; border: medium none } .tb-thumb li div { border: 1px solid #cdcdcd } div.zoomDiv { z-index: 999; position: absolute; top: 0; left: 0; width: 200px; height: 200px; background: #fff; border: 1px solid #ccc; display: none; text-align: center; overflow: hidden } div.zoomMask { position: absolute; cursor: move; z-index: 1; background: #fff; opacity: .4; border: 1; outline: 1px solid #888 } } .tab_con:before { content: ""; display: table } .tab_con:after { content: ""; display: block; line-height: 0; height: 0; clear: both; visibility: hidden; font-size: 0 } .tags2020 { padding: 0 20px } .tags2020 .tagsitembox { padding: 0; border: none } .tags2020 .tagsitembox .tagsitem { display: inline-block; margin-right: .1rem } .tagsitem { padding: 0 20px; font-size: 14px; border: 1px solid #c1c1c1; border-radius: 15px; line-height: 30px; display: inline-block; float: left; cursor: pointer; margin: 14px 0; margin-right: 20px; color: #515151 } .tagsitem:hover { background-color: #6590c1; color: #fff; border: 1px solid #6590c1 } .tagsitembox { padding: 0 26px; border: 1px solid #e1e1e1 } .fakeaim { position: relative; top: -100px; display: block } .fl { float: left } .popularity_view_listz1_liBox01 { background: #fff; min-width: 100%; width: auto; top: 43px; padding: 5px 10px 5px 0; max-height: 310px; overflow: auto; border-radius: 2px; box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #dedede } .new_proList_mainLabel { display: block; padding-left: 25px; color: #707473; padding: 9px 0 9px 34px; white-space: nowrap; padding-right: 10px } .popularity_view_listz1_liMain { cursor: pointer; color: #232323; white-space: nowrap } .new_proList_autoDev .popularity_view_listz1_li { width: auto; top: 38px; max-height: 310px; overflow: visible; min-width: 260px } .new_proList_autoDev .popularity_view_listz1_li a { position: relative } .new_proList_autoDev .popularity_view_listz1_li .select_icon { position: absolute; left: 10px; top: 8px; color: #9e9e9e } .new_proList_autoDev .popularity_view_listz1_li .select_icon.iconyixuan { position: absolute; left: 10px; top: 8px; color: #5d5d5d } .FB_Newpation_en:after, .new_proList_Array_colB:after, .new_proList_Array_listLi:after, .new_proList_ListBstime:after, .new_proList_ListSizes_list:after, .new_proList__array_form .video_array_form:after, .new_proList_mainListL:after, .new_proList_mainListTli:after, .new_proList_mainListTliC:after, .new_proList_mainProse:after, .new_proList_mainProseBox:after, .new_proList_proListTIB:after, .new_proList_reciveBox:after, .new_proList_seeSli_catMain1 ul:after, .new_proList_seeSli_catMain:after, .new_proList_shipTimeBox:after, .qv_detail_clearBox:after { content: ""; display: block; clear: both } .new_proList_proListBox { margin: 0 auto } .new_proList_tableBoxPT { padding: 10px; background: #f7f8fa } .new_proList_tableBoxPT.choosez { display: none } .new_proList_mainListBox_bg { background: #f7f8f9; position: absolute; left: 0; width: 100%; z-index: -1 } .new_proList_bigTabBox.choosez { display: none } .FB_Newpation_en.choosez, .new_proList_LTBOX.choosez, .new_proList_mainListL.choosez, .new_proList_mainListT.choosez { display: none } .popularity_view_listz1.choosez { display: none } .new_proList_mainListT { display: block } .new_proList_mainListLi { background: #fff; padding: 15px; box-sizing: border-box; float: left; -webkit-animation: all .3s; animation: all .3s; transition: all .3s ease-out; overflow: hidden } .new_proList_mainListLi:hover { box-shadow: 0 15px 15px -10px rgba(0,0,0,.15) } .new_proList_mainListLi.last_listLi { margin-right: 0 } .new_proList_ListImg { text-align: center; margin-bottom: 15px; position: relative; height: 264px; overflow: hidden } .new_proList_ListImg a { display: inline-block; height: 100%; width: 100% } .new_proList_ListImg img { height: 100% } .new_proList_mainListL { line-height: initial; display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 10px; grid-column-gap: 10px; grid-row-gap: 10px; } .new_proList_LTBOX .product_list_qty { height: 38px; border-right: 0; box-sizing: border-box } .product_list_qty { width: 45px; border-right: 0; text-align: center; height: 38px; line-height: 34px; text-indent: 0; border-radius: 2px 0 0 2px; float: left } .new_proList_LTBOX .product_list_text { margin-right: 10px; float: left } .new_proList_LTBOX .product_list_btn { float: left } .video_array_img_pic { position: relative } .new_proList_mainListL .track_orders_wenhao, .new_proList_mainListT .track_orders_wenhao { display: none } .new_proList_QkviewBtn { position: absolute; font-size: 14px; text-align: center; left: 50%; top: 50%; margin-top: 20px; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 40px; align-items: center; border-radius: 2px; display: flex } .new_proList_QkviewBtn a { display: inline-block; text-decoration: none; line-height: 16px; padding: 0 15px; display: none; margin-bottom: 0; color: #0070bc; box-shadow: 2px 1px 10px 1px rgba(0,0,0,.1); background-color: #fff; display: none; height: 100% } .new_proList_QkviewBtnTa { display: table; height: 100% } .new_proList_QkviewBtnTaCe { display: table-cell; vertical-align: middle } .new_proList_mainListLi:hover .new_proList_QkviewBtn a, .new_proList_mainListTli:hover .new_proList_QkviewBtn a { display: inline-block } .new_proList_ListSizes_listLi { display: inline-block; height: 30px; padding: 0 7px; line-height: 28px; border: 1px solid #dedede; float: left; box-sizing: border-box; border-radius: 2px; cursor: pointer; text-align: center; margin-right: 5px; margin-bottom: 5px } .new_proList_ListSizes_listLi a { display: block; min-width: 20px } .new_proList_ListSizes_listLi:hover { border-color: #aaa } .new_proList_ListSizes_listLi:hover a { text-decoration: none } .new_proList_ListSizes_listLi:last-child { margin-right: 0 } .new_proList_ListSizes_listLi.choosez { border: 2px solid #c91f24; line-height: 26px } .new_proList_ListSizes_listLi.choosez a { cursor: default } .new_proList_ListSizes_listLi.choosez2 { border: 2px solid #c91f24; line-height: 28px } .new_proList_ListSizes_listLi.new_proList_ListSizes_listLi_more { background-color: #f2f2f2; margin-right: 0 } .new_proList_ListSizes_listLi1.choosez { border: 2px solid #c91f24 } .new_proList_ListSizes_listLi1.choosez2 { border: 2px solid #c91f24; pointer-events: none } .new_proList_ListSizes_listLi1 { display: inline-block; height: 30px; padding: 3px; width: 30px; border: 1px solid #dedede; margin-right: 5px; float: left; box-sizing: border-box; border-radius: 2px; cursor: pointer; text-align: center } .new_proList_ListSizes_listLi1 .new_proBgColor { display: inline-block; width: 100%; height: 100% } .new_proList_ListSizes_listLi1 .new_proBgColor.BgColor_4e83ff { background-color: #4e83ff } .new_proList_ListSizes_listLi1 .new_proBgColor.BgColor_7e7e7e { background-color: #7e7e7e } .new_proList_ListSizes_listLi1 .new_proBgColor.BgColor_333333 { background-color: #333 } .new_proList_ListSizes_listLi1 .new_proBgColor.BgColor_fa4937 { background-color: #fa4937 } .new_proList_ListSizes_listLi1 .new_proBgColor.BgColor_ab7cd8 { background-color: #ab7cd8 } .new_proList_ListTleft .new_proList_ListSizes_listLi, .video_array_img .new_proList_ListSizes_listLi1 { float: none; vertical-align: middle } .video_array_img .new_proList_ListSizes_listLi { float: none; vertical-align: middle } .new_proList_ListBlink { font-style: normal; font-weight: 400; font-size: 14px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; margin-bottom: 15px; max-height: 40px; min-height: 40px; overflow: hidden; margin-top: 10px } .price_tile { font-size: 13px } .new_proList_ListBlink_a { display: inline-block } .new_proList_ListBlink_a.text_2_esp:after { right: 2px } .new_proList_ListBPrice { font-size: 16px; font-weight: 700; color: #333; line-height: 18px; margin-bottom: 12px; min-height: 18px } .new_proList_ListBstarBox>a { display: inline-block } .new_proList_ListBstar { overflow: hidden; width: 65px; height: 20px; line-height: 20px; float: left } .new_proList_ListBgray { width: 10px; height: 12px; background: url(../image/star_yellow_bg.png) -13px -297px no-repeat; float: left; margin: 5px 3px 0 0 } .new_proList_ListBhover { width: 10px; height: 12px; background: url(../image/star_yellow_bg.png) -13px -272px no-repeat } .new_proList_ListBtxt { font-size: 13px; color: #999; margin-left: 5px; display: inline-block; padding-left: 0; line-height: 19px } .new_proList_ListBtxt1 { font-size: 13px; color: #999; display: inline-block; margin-top: 3px } .new_proList_ListBtxt1 div { display: inline-block } .new_proList_ListBtxt1 i { font-style: normal } .new_proList_ListBtxt2 { font-size: 13px; color: #359a34 } .new_proList_ListBtxt3 { font-size: 13px; color: #333; margin-top: 5px } .new_proList_ListBtimeM { margin-top: 15px; min-height: 41px } .new_proList_ListBstime { line-height: 16px } .new_proList_ListBPrice .old_price_z { font-size: 14px; color: #ccc; display: inline-block; margin-left: 6px; position: relative; font-weight: 400; padding: 0 2px } .new_proList_ListBPrice .old_price_line { position: absolute; height: 1px; width: 100%; background: #ccc; top: 50%; left: 0 } .new_proList_proListTit { font-size: 26px; color: #333; font-weight: 400; margin-top: 15px; margin-bottom: 25px; display: inline-block } .new_proList_proDrop { position: relative; display: inline-block; cursor: pointer } .new_proList_proDrop i { font-style: normal; display: inline-block } .new_proList_proDrop .icon { font-size: 12px; margin-left: 5px; -webkit-animation: all .3s; animation: all .3s; display: inline-block } .new_proList_proDrop:hover .icon { color: #6f6f6f } .new_proList_proDrop:hover i { text-decoration: underline } .popularity_view_listz { position: absolute; right: 50%; top: 20px; padding-top: 10px; z-index: 90; background-color: #fff; min-width: 193px; display: none; -webkit-transform: translateX(50%); transform: translateX(50%); margin-right: -40% } .popularity_view_listz ol { list-style: none; border: 1px solid #dedede; border-radius: 3px; margin: 0; cursor: pointer; box-shadow: 1px .5px 1px 1px rgba(0,0,0,.05); padding: 0 0 0; max-height: 272px; overflow: auto } .popularity_view_listz ol li { color: #666; font-size: 13px; line-height: 20px } .popularity_view_listz ol li a { color: #333; padding: 10px 20px; display: block; white-space: nowrap } .popularity_view_listz ol li:hover { background: #f6f6f6 } .popularity_view_listz ol li.choosez { color: #999; cursor: default; text-decoration: none; background: 0 0; padding: 10px 20px; white-space: nowrap } .new_proMenu_box { float: right } .new_breadtil_box { float: left } .new_breadtil_box.group_name { font-size: 26px; line-height: 40px } .new_breadtil_box h3 { line-height: 42px; font-size: 18px } .popularity_view_listz1 { position: relative; margin-right: 10px; float: left; margin-bottom: 10px } .popularity_view_listz1:hover .popularity_view_sortz1 { border-color: #6f6f6f } .popularity_view_listz1:hover .popularity_view_sortz1.show .icon { color: #6f6f6f; transition: all .3s ease-out } .popularity_view_listz1.new_proList_autoDev:hover .popularity_view_sortz1 .icon { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); color: #6f6f6f; transition: all .3s ease-out } .popularity_view_listz1.new_proList_autoDev .popularity_view_listz1_liMain:hover { background: #fff } .popularity_view_listz1.choosez1 .popularity_view_sortz1 { border-color: #6f6f6f } .popularity_view_listz1.choosez1 .popularity_view_sortz1 .icon { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg) } .popularity_view_listz1.choosez { display: none } .popularity_view_sortz1 { border: 1px solid #dedede; padding: 8px 28px 8px 12px; box-sizing: border-box; position: relative; cursor: pointer; border-radius: 2px; background: #fff } .popularity_view_sortz1 .icon { position: absolute; right: 8px; top: 10px; font-size: 12px; color: #999; transition: all .25s ease-out } .popularity_view_sortTxt { font-weight: 600; color: #333; margin-right: 10px } .popularity_view_sortPriceTxt { display: inline-block; margin-right: 16px } .popularity_view_listz1_li { position: absolute; top: 42px; left: 0; background: #fff; border: 1px solid #dedede; border-radius: 2px; width: 100%; box-sizing: border-box; box-shadow: 1px .5px 1px 1px rgba(0,0,0,.05); display: none; z-index: 10 } .popularity_view_listz1_liMain { cursor: pointer; color: #333; white-space: nowrap } .popularity_view_listz1_liMain p { padding: 9px 10px; white-space: nowrap } .popularity_view_listz1_liMain:hover { text-decoration: underline } .popularity_view_listz1_liMain:hover a { text-decoration: none } .popularity_view_listArrow { height: 6px; position: absolute; background: 0 0; width: 100%; top: 0 } .popularity_view_listz1_liBox01 { background: #fff; min-width: 100%; width: auto; top: 43px; padding: 5px 10px 5px 0; max-height: 310px; overflow: auto; border-radius: 2px; box-sizing: border-box; box-sizing: border-box } .new_proList_tableBox { padding-bottom: 30px; background: #f7f8fa } .new_proList_tableBox.choosez { display: none } .new_proList_tableBox .table_array_page .popup { margin-top: 0 } .new_proList_tableBox .new_proList_tableBoxMain { padding: 20px; padding: 20px; background: #fff; min-height: 300px } .new_proList_Array_col .new_proList_Array_col h3 { min-height: auto } .popularity_view_listz1_liMain.choosez { color: #999; cursor: default; text-decoration: none; background: 0 0; pointer-events: none } .new_proList_proListTIB { margin: 0 auto } .new_proMenu_box1 { float: left; margin-top: 7px } .new_proMenu_box1 .picture_array_Icbtn, .new_proMenu_box1 .popularity_array_Icbtn, .new_proMenu_box1 .sellist_array_Icbtn, .new_proMenu_box1 .table_array_Icbtn, .new_proMenu_box1 .video_array_Icbtn { padding: 5px; margin-right: 5px } .popularity_array_Icbtn, .sellist_array_Icbtn { display: none } .new_proMenu_box1 .picture_array_Icbtn i { color: #b9b9b9 } .new_proMenu_box1 .video_array_Icbtn i { color: #b9b9b9 } .new_proMenu_box1 .picture_array_Icbtn.choosez i { color: #333; font-weight: 700 } .new_proMenu_box1 .video_array_Icbtn.choosez i { color: #333; font-weight: 700 } .new_proMenu_box1 .picture_array_Icbtn, .new_proMenu_box1 .popularity_array_Icbtn, .new_proMenu_box1 .sellist_array_Icbtn, .new_proMenu_box1 .table_array_Icbtn, .new_proMenu_box1 .video_array_Icbtn { float: left; cursor: pointer; height: 17px } .new_proMenu_box1 .table_array_Icbtn { margin-right: 0 } .new_proMenu_box1 .picture_array_Icbtn.choosez .picture_array_ListIc { background-position: -10px -15px } .new_proMenu_box1 .video_array_Icbtn.choosez .video_array_ListIc { background-position: -40px -15px } .new_proMenu_box1 .table_array_Icbtn.choosez .table_array_ListIc { background-position: -71px -15px } .new_proMenu_box1 .sellist_array_Icbtn.choosez .sellist_array_ListIc { background-position: -98px -15px } .new_proMenu_box1 .popularity_array_Icbtn.choosez .popularity_array_ListIc { background-position: -122px -15px } .new_proList_serchListCont { padding-top: 0 } .new_proList_mainListLi { background: #fff; padding: 15px; box-sizing: border-box; float: left; -webkit-animation: all .3s; animation: all .3s; transition: all .3s ease-out } .new_proList_serchListBox:after, .new_proList_serchListCont:after { content: ""; display: block; clear: both } .new_proList_proListTit .new_proList_proListNtit { color: #707473 } .new_proList_serchListCont .new_proList_mainListTli { padding-bottom: 30px } .new_proList_serchListLeft, .new_proList_serchListMain { margin-top: 2px } .new_proList_serchListLeft { width: 220px; float: left } .new_proList_proListTit .new_proList_proListNtit { color: #707473 } .new_serch_resultBox { padding-top: 20px; padding-bottom: 90px } .new_serch_resultCont .new_proList_Array_col h3 { margin-bottom: 9px; min-height: auto } .new_serch_resultTxt { color: #999 } .new_serch_resultTips { display: inline-block; padding: 10px; border-radius: 2px; background: #fffcf7; border: 1px solid #ffeabf; margin-top: 15px } .new_serch_resultTips .icon { color: #d8a43a; float: left } .new_proList_mainListBox_serBg { background: #f6f6f6; position: absolute; top: 260px; left: 0; width: 100%; z-index: -1 } .new_serch_resultCont01 .new_proList_Array_col { padding-left: 20px } .new_serch_resultCont01 .new_serch_resultTxt01 { color: #666; padding-left: 21px } .new_serch_resultTxt02 { color: #707473; font-size: 13px; margin-top: 18px; margin-bottom: 10px } .new_serch_resultBtnbox { margin-top: 20px } .new_serch_similarTit { font-size: 22px; color: #333; margin-top: 40px; margin-bottom: 20px } .new_serch_resultCont01 .new_proList_Array_col h3 { min-height: auto } .new_serch_resultCont01 .new_proList__array_form .new_proList_ListBtxt1 { min-height: 45px } .new_serch_resultBox>.new_proList_mainListTli .new_serch_resultCont01 .new_proList_Array_col { width: 100% } .new_proList_serchListCont .proName_select_left { width: 220px; box-sizing: border-box; float: left; padding-right: 20px } .new_proList_serchListCont .proName_select_left .listSel:first-child { margin-top: 0 } .new_proList_serchListCont .proName_select_left .listSel { padding: 10px 10px 16px 10px; background: #fff; margin-top: 10px; border-top: 0 } .new_proList_serchListCont .new_pro_Bigcont .main_content { border-left: 0; width: 100% } .new_pro_Bigcont { display: block } .new_proList_serchListCont .v_show p:after, .new_pro_Bigcont:after { content: ""; display: block; clear: both } .new_proList_serchListBox .new_proList_proListTIB { padding: 6px 0 } .new_proList_serchListBox .menu_02 { padding-bottom: 10px } .new_proList_serchListCont .FB_Newpation_en { padding-bottom: 50px } .new_proList_serchListCont .v_show p:after, .new_pro_Bigcont:after { content: ""; display: block; clear: both } .new_proList_serchListCont .search_03_left, .new_proList_serchListCont .search_03_right { width: 50% } .new_proList_serchListCont .p_hot_01 { border-bottom: 0 } .new_proList_serchListCont .p_hot_01 b { background: 0 0; font-size: 22px } .new_proList_serchListCont .v_show { border-top: 0; background: #fff; margin-bottom: 60px; padding-bottom: 20px; min-height: 280px } .new_proList_serchListCont .v_show .swiper-button-prev { left: 20px } .new_proList_serchListCont .v_show .swiper-button-next { right: 10px } .new_proList_serchListCont .v_show span { color: #333 } .new_proList_serchListCont .v_show p { float: none } .new_proList_serchListCont .v_show .new_proList_ListBstarBox { margin-top: 5px; height: 20px } .new_proList_serchListCont .v_show .new_proList_ListBstarBox span { height: auto; line-height: 20px; color: #666; float: left } .new_proList_serchListCont .search_01 { color: #707473; font-size: 26px } .new_proList_serchListCont .search_01 span { color: #333 } .new_proList_serchListCont .search_03 li { font-size: 14px; color: #333 } .new_proList_serchListCont .menu_list_cont { padding-bottom: 20px } .new_proList_serchListCont .v_show .change_head_proStar.pro_star .pro_star_gray { width: 10px; background: url(../image/star_yellow_bg.png) no-repeat -13px -297px } .new_proList_serchListCont .v_show .change_head_proStar.pro_star .pro_star_hover { background: url(../image/star_yellow_bg.png) no-repeat -13px -272px } .new_proList_serchListMain .FB_Newpation_en { padding-bottom: 0 } .new_proList_serchListBox .menu_list_cont { padding-bottom: 10px } .new_proList_serchListMain .new_proList_mainListBox { padding-bottom: 30px } .view_box { position: absolute; right: 0; top: 5px } .view_box .popularity_view_listz1 .popularity_view_sortz1 { min-width: 95px; border: 1px solid #dedede; padding: 4px; box-sizing: border-box; position: relative; cursor: pointer; border-radius: 2px; background: #f6f6f6 } .view_box .popularity_view_listz1 .popularity_view_sortz1 .icon { position: absolute; right: 10px; top: 4px; font-size: 12px; color: #999; transition: all .25s ease-out } .view_box .popularity_view_listz1_li { position: absolute; top: 29px; left: 0; background: #fff; border: 1px solid #dedede; border-radius: 2px; width: 100%; box-sizing: border-box; box-shadow: 1px .5px 1px 1px rgba(0,0,0,.05); display: none; z-index: 10 } .product_list_text span { height: 38px } .product_list_text span .product_list_qty { width: 50px; border-radius: 2px; outline: 0; border: 1px solid #ddd; border-right: none; box-sizing: border-box } .pro_mun { max-height: 38px; padding: 3px 5px 3px 0; box-sizing: border-box; width: 21px } .pro_mun { width: 25px; border: 1px solid #ddd; border-left: 0; border-radius: 0 2px 2px 0; float: left } .pro_mun a { display: block } .pro_mun * { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .pro_mun { border: 1px solid #ddd; border-left: 0; border-radius: 0 2px 2px 0; float: left; transition: all .2s } .product_list_text .cart_qty_add.choosez { background-position: -175px -841px; cursor: default; pointer-events: none } .product_list_text .cart_qty_reduce.choosez { background-position: -175px -792px; cursor: default; pointer-events: none } .product_list_text .cart_qty_add, .product_list_text .cart_qty_reduce { height: 15px } .product_list_text .cart_qty_add:hover, .product_list_text .cart_qty_reduce:hover { cursor: pointer } .cart_qty_add, .cart_qty_reduce { height: 15px } .cart_qty_add:hover, .cart_qty_reduce:hover { background-color: #eee } .cart_qty_add.choosez { background-position: -175px -841px; cursor: default; pointer-events: none } .cart_qty_reduce.choosez { background-position: -175px -792px; cursor: default; pointer-events: none } .cart_basket_btn .shopping_cart_01 { width: 50px } .shopping_add, .shopping_minus { height: 15px } .shopping_add.choosez { background-position: -175px -841px; cursor: default; pointer-events: none } .shopping_minus.choosez { background-position: -175px -792px; cursor: default; pointer-events: none } .shopping_add:hover, .shopping_minus:hover { background-color: #eee } .product_list_text .cart_qty_add { line-height: 13px; text-align: center; font-size: 12px } .product_list_text .cart_qty_add, .product_list_text .cart_qty_reduce { height: 15px; line-height: 13px; text-align: center; font-size: 12px } .cart_con_top .notPrint { background: #fff; box-shadow: none; border-radius: 3px; border: 1px solid #dedede; text-shadow: none; padding: 0 15px; line-height: 40px; font-size: 14px; color: #666; cursor: pointer; display: inline-block; text-decoration: none } .cart_con_top .notPrint .icon { font-size: 14px; padding-right: 5px } .cart_con_top .notPrint:hover { background: #f4f4f4 } .product_list_text { line-height: 34px; margin-top: 17px; float: left } .min_order_text { line-height: 38px; color: #999; padding: 0 10px; font-size: 13px; display: inline-block; float: left; margin-top: 7px } .product_list_btn { margin-top: 17px; position: relative; height: 40px; overflow: hidden; float: right } .product_list_btn a, .product_list_btn input { float: right } .product_list_btn a.button_02 { height: 36px; line-height: 36px } .product_list_btn { margin-top: 17px; position: relative; height: 40px; overflow: hidden; float: right } .new_pro_addCart_btn { background: #fff; padding-left: 40px; padding-right: 37px; color: #dc3737; border: 1px solid #dc3737; transition: background-color .6s, color .6s, -webkit-transform .6s; transition: transform .6s, background-color .6s, color .6s; transition: transform .6s, background-color .6s, color .6s, -webkit-transform .6s; -o-transition: transform .6s, background-color .6s, color .6s; -webkit-transition: transform .6s, background-color .3s, color .6s; -moz-transition: transform .6s, background-color .6s, color .6s; height: 38px; line-height: 36px; border-radius: 2px; position: relative; cursor: pointer; font-size: 14px; font-family: 'Open Sans' } .new_pro_addCart_btn:hover { background: #dc3737; color: #fff; border: 1px solid #dc3737 } .new_proList_mainListTli { background: #fff; padding: 30px 35px 15px 20px; margin-bottom: 10px; -webkit-animation: all .3s; animation: all .3s; transition: all .3s ease-out } .new_proList_mainListTli:hover { box-shadow: 0 15px 15px -10px rgba(0,0,0,.15) } .new_proList_ListTleft { width: 23%; float: left } .new_proList_Array_colB { width: 77%; float: left } .new_proList_Array_col { width: 55%; float: left; padding-left: 50px; box-sizing: border-box } .new_proList_Array_col h3 { font-size: 14px; color: #333; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; margin-bottom: 18px; max-height: 40px; min-height: 40px; overflow: hidden; font-weight: 400 } .new_proList_Array_list { margin-top: 20px } .new_proList_Array_list p { text-overflow: ellipsis; max-height: 100px; overflow: hidden; color: #acacac } .new_proList_Array_listLi { font-size: 13px; color: #707473; padding-bottom: 10px } .new_proList_Array_listLi .new_proList_Array_txt { padding-left: 10px; display: inline-block; float: left; width: 95%; box-sizing: border-box } .new_proList_Array_listLi .new_proList_Array_circle { width: 2px; height: 2px; background: #333; border-radius: 50%; display: inline-block; float: left; margin-top: 10px } .new_proList__array_form { width: 30%; float: right; text-align: right } .new_proList__array_form .new_proList_ListBPrice { text-align: right; margin-bottom: 20px } .new_proList__array_form .new_proList_ListBtxt1 { text-align: right; display: block } .new_proList__array_form .new_proList_ListBtxt1 div:last-child { color: #999 } .new_proList__array_form .new_proList_ListBstime { margin-top: 22px } .new_proList__array_form .new_proList_ListBtxt2 { float: left } .new_proList__array_form .new_proList_ListBtxt3 { text-align: left } .video_array_formRight { text-align: right } .new_proList__array_form .video_array_form { width: auto; float: none; text-align: right; display: inline-block } .pro_deliverTo_overAutoBox.deliveryTo_maxH132 { box-shadow: inset 0 0 5px 0 rgba(0,0,0,.15) } .sku_box { min-height: 52px } .sku_out_box { height: 26px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: left; align-content: space-between } #con_one_1 .sku_out_box { flex-wrap: wrap; height: auto } #con_one_1 .sku_out_box .sku_item { margin-bottom: 10px } .sku_out_box.colunm { flex-wrap: wrap; height: auto } .sku_out_box.colunm .sku_item { margin-bottom: 10px } .sku_item { display: inline-block; width: auto; margin-right: 10px; border: 1px solid #e1e1e1; border-radius: 2px; display: none } .sku_item.show { display: block } .sku_item:hover { border: 1px solid #616265; color: #4ba0ff; cursor: pointer } .sku_item.default { border: 1px solid #616265; cursor: pointer; background-color: #eee } .sku_item a { color: #333; padding: 2px 6px; line-height: 20px; display: inline-block; white-space: nowrap } .sku_item.default a { color: #333; padding: 2px 6px; line-height: 20px; font-size: 12px } .bggnum { background-color: #f7f7f7 } .box { width: 94%; max-width: 1440px; margin: 0 auto } .list_page_nav { width: 100%; height: 38px; text-align: center; margin-bottom: 30px; position: relative } .list_page_navbox { height: 100%; display: inline-block; max-width: 530px } .left_pagearrow { height: 38px; width: 38px; border: 1px solid #000; border-radius: 2px; line-height: 38px; color: #000; cursor: pointer } .left_pagearrow.none { border: 1px solid #b0b0b0; color: #b0b0b0 } .right_pagearrow { height: 38px; width: 38px; border: 1px solid #000; border-radius: 2px; line-height: 38px; color: #000; cursor: pointer } .right_pagearrow.none { border: 1px solid #b0b0b0 } .left_pagearrow.none.iconfont:before, .none.right_pagearrow.iconfont:before { color: #b0b0b0 } .left_pagearrow.iconfont:before, .right_pagearrow.iconfont:before { color: #000 } .page_ul { padding: 0 10px } .page_ul li { float: left; margin: 0 2px } .page_ul li a { display: inline-block; height: 38px; line-height: 38px; width: 38px; text-align: center; border: 0 solid transparent; border-radius: 4px } .page_ul li a.active { background-color: #dc3737; color: #fff } .new_proList_top { margin: 0 auto } .new_proList_reciveBox .new_proList_reciveCont { display: inline-block; position: relative; background: #fff; border-radius: 2px; margin-right: 10px; float: left; margin-bottom: 10px; color: #333; border: 1px dashed #ddd; cursor: pointer } .new_proList_reciveBox .new_proList_reciveCont>a { display: inline-block; padding: 8px 43px 8px 10px; color: #333; text-decoration: none; border-radius: 2px } .new_proList_reciveBox .new_proList_reciveCont .new_proList_reciveTxt { color: #232323 } .new_proList_reciveBox .new_proList_reciveCont .icon { position: absolute; right: 10px; top: 8.5px; font-size: 12px; cursor: pointer; font-weight: 600; color: #333 } .new_proList_reciveBox .new_proList_reciveClebtn { vertical-align: middle; display: inline-block; line-height: 38px; margin-left: 10px } .new_proList_reciveBox .new_proList_shipTime_link { color: #0070bc; display: inline-block; cursor: pointer; position: relative } .req_nums { line-height: 80px } .req_nums_select { padding-top: 20px; flex: 1 } .No_Such_Product { height: 350px; background: url(../image/nosuchproduct.png) no-repeat; background-position: center center; background-size: contain } .addCrat_item_listTa .addCrat_item_list_top .addCrat_right { padding-top: 0; padding-left: 120px } .addCrat_item_listTa>div { display: table; width: 100%; position: relative } .new_popup_addCart_tit .addCrat_item_number .icon { float: left } .new_popup_addCart_tit .addCrat_item_number { font-weight: 400; display: inline-block; margin-bottom: 17px } .new_popup_addCart_tit.new_popup_changeTit01 { border-bottom: 1px solid #e1e1e1 } .addCrat_item_listTa { padding-top: 20px } .addCrat_item_listTa .addCrat_item_list_tit a { line-height: 22px; display: inline-block } .addCrat_item_list_top .Qty_num02 { color: #666; padding-top: 6px; line-height: 22px } .addCrat_item_listTa .addCrat_right .Qty_num:first-child { padding-top: 6px } .addCrat_item_number .addCrat_item_numberTit { line-height: 20px; display: inline-block; vertical-align: top; font-size: 20px } .new_popup_addCart_bottom { padding: 24px 40px 30px; background: #f7f8f9; border-top: #eee } .new_popup_addCart_bottom { text-align: right } .new_popup_addCart_bottom>div { display: block; text-align: right } .new_popup_addCart_bottom>div>span { display: block } .new_popup_addCart_bottomTit01 { font-size: 14px; color: #333; line-height: 22px; display: inline-block; vertical-align: middle; margin-right: 5px } .new_popup_addCart_bottomTit02 { font-size: 16px; color: #333; font-weight: 600; line-height: 22px; display: inline-block; vertical-align: middle } .new_popup_addCart_bottomLink { font-size: 14px; color: #0070bc; line-height: 22px; display: inline-block; vertical-align: middle } .new_popup_addCart_bottomLink:hover { color: #0070bc } .new_popup_addCart_bottomLine { width: 15px; display: inline-block; background: #333; height: 1px; vertical-align: middle; line-height: 22px; margin: 10.5px 5px 10.5px } .new_popup_addCart_bottomMain { margin-top: 15px } .new_popup_addCart_bottomMain .fm_customer_btnG01 { background: #fff; min-width: 220px; text-align: center } .new_popup_addCart_bottomMain .fm_customer_btnG01:hover { text-decoration: none; border-color: #6f6f6f } .new_popup_addCart_bottomMain .fm_customer_btn01 { min-width: 220px; background: #d63030; color: #fff; text-align: center } .new_popup_addCart_bottomMain .fm_customer_btn01:hover { background: #b00f14 } .new_popup_addCart_bottomMain .security_icon { margin-left: 0; margin-right: 10px; width: 14px; height: 17px; display: inline-block; vertical-align: middle } .addCrat_item_listMain01 { max-height: 350px; overflow: auto } .addCrat_item_listMain01 .new_popup_content.addCart_cont { padding: 0 40px 24px } .addCrat_item_taLlist { display: table; width: 100%; font-size: 16px; font-weight: 600; color: #666; padding-top: 14px } .addCrat_item_taLlistLiF { display: table-cell; width: 68%; vertical-align: middle; padding-left: 28px } .addCrat_item_taLlistLiS { display: table-cell; width: 17%; vertical-align: middle } .addCrat_item_taLlistLiT { display: table-cell; width: 15%; vertical-align: middle; text-align: right } .addCrat_item_listTa { display: table; width: 100%; position: relative; padding-right: 60px; box-sizing: border-box } .addCrat_item_listTa .product_list_text { margin-top: 0; float: none; display: block } .addCrat_item_listTa .addCrat_item_list_Quantity>span { float: right } .addCrat_item_listTa .addCrat_item_list_top { display: table-cell; width: 80%; vertical-align: top; padding-right: 20px; box-sizing: border-box } .addCrat_item_listTa .addCrat_item_list_Quantity { display: table-cell; width: 20%; vertical-align: top; padding-top: 0; text-align: right } .addCrat_item_listTa .addCrat_item_list_Quantity .product_list_qty { border-right: 0!important } .addCrat_item_listTa .addCart_pro_price { line-height: 22px; float: none; margin-bottom: 10px } .addCrat_item_listTa .addCrat_item_list_delete { display: inline-block; width: 20px; padding-left: 20px; position: absolute; height: 20px; top: 36px; right: -15px; visibility: visible } .addCrat_item_listTa .addCrat_item_list_delete i { opacity: 0; font-weight: 400; color: #333; cursor: pointer; width: 20px; height: 20px; display: inline-block; transition: all .3s; font-size: 14px; line-height: 20px; text-align: center } .cartpro_item:hover .addCrat_item_list_delete i { opacity: 1 } .cartpro_item { padding: 10px 0 } #addwish_pop .new_popup_addCart_tit { background-color: #fff } #addwish_pop .addCrat_item_numberTit { color: #232323 } #addwish_pop .new_popup_changeTit01 { text-align: left } #addwish_pop .pupop_wish { border-radius: 5px } #addwish_pop .left_img { width: 140px; min-width: 140px; height: 140px; background-color: #ddd } #addwish_pop .left_img img { height: 100%; width: 100% } #addwish_pop .mid_cont { font-size: 13px; text-align: left; margin: 0 10px; max-width: 305px; min-width: 280px } #addwish_pop .tit_font { margin-top: 10px; cursor: pointer } #addwish_pop .adwish_accont { color: #ff5722; text-align: left; font-size: 16px; font-weight: 700; margin-top: 10px } #addwish_pop .right_botton_box { width: 30% } #addwish_pop .fm_customer_btn>a { display: inline-block; background: #fff; min-width: 190px; text-align: center; border: 1px solid #e1e1e1; font-size: 14px; color: #232323; border-radius: 2px; padding: 0 12px; height: 48px; box-sizing: border-box; text-decoration: none; line-height: 47px; transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; margin-bottom: 22px } #addwish_pop .fm_customer_btn .fm_customer_btn01 { min-width: 190px; background: #dc3737; color: #fff; text-align: center; border: none } #addwish_pop #product_cart_popup .new_popup_addCart_bottomMain .fm_customer_btn>a { width: 100%; margin-bottom: 10px } #qoute_pop .new_popup_addCart_tit { background-color: #fff } #qoute_pop .addCrat_item_numberTit { color: #232323 } #qoute_pop .new_popup_changeTit01 { text-align: left } #qoute_pop .pupop_wish { border-radius: 5px } #qoute_pop .left_img { width: 140px; min-width: 140px; height: 140px; background-color: #ddd } #qoute_pop .left_img img { height: 100%; width: 100% } #qoute_pop .mid_cont { font-size: 13px; text-align: left; margin: 0 10px; min-width: 280px; width: 100% } #qoute_pop .tit_font { margin-top: 10px; cursor: pointer; display: block; min-height: 90px } #qoute_pop .adwish_accont { color: #ff5722; text-align: left; font-size: 16px; font-weight: 700; margin-top: 10px } #qoute_pop .right_botton_box { width: 100% } #qoute_pop .fm_customer_btn>a { display: inline-block; background: #fff; min-width: 190px; text-align: center; border: 1px solid #dc3737; font-size: 14px; color: #dc3737; border-radius: 2px; padding: 0 12px; height: 48px; box-sizing: border-box; text-decoration: none; line-height: 47px; transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; margin-bottom: 22px } #qoute_pop .fm_customer_btn .fm_customer_btn01 { min-width: 190px; background: #dc3737; color: #fff; text-align: center; border: none } #qoute_pop #product_cart_popup .new_popup_addCart_bottomMain .fm_customer_btn>a { width: 100%; margin-bottom: 10px } #writeview_pop .new_popup_content.addCart_cont { padding: 40px } #writeview_pop .upload_img { width: 170px; height: 40px; opacity: 1; border-radius: 4px; color: #dc3737; display: block; border: 1px solid #dc3737; border-radius: 4px; height: 34px; line-height: 34px; text-align: center; background-color: #fff; font-size: 14px; cursor: pointer } #writeview_pop .bot_alert { color: red; display: none } #writeview_pop .bot_alert.show { display: block } #writeview_pop .top_pro_info { height: 140px; width: 100%; margin-bottom: 40px } #writeview_pop .top_pro_info .left_img { height: 140px; width: 140px; background-color: #fafafa } #writeview_pop .top_pro_info .left_img img { max-height: 140px; max-width: 140px } #writeview_pop .top_pro_info .right_cont { width: 470px; margin-left: 10px } #writeview_pop .top_pro_info .right_cont .right_cont_text { max-height: 40px; overflow: hidden } #writeview_pop .top_pro_info .right_cont .sku { font-size: 16px; color: #999 } #writeview_pop .top_pro_info .right_cont>div { margin-bottom: 10px } #writeview_pop .top_pro_info .review_starbox { display: block } #writeview_pop .top_pro_info .review_starbox .pro_star_gray { height: 20px; width: 20px; background: url(../image/star_big_gray.png) no-repeat; background-size: cover; margin-right: 5px; cursor: pointer } #writeview_pop .top_pro_info .review_starbox .pro_star_hover { height: 20px; background: url(../image/star_big_yellow.png) no-repeat; background-size: cover } #writeview_pop .top_pro_info .review_starbox .pro_star_hover.hide { display: none } #writeview_pop .top_pro_info .review_starbox .star_count { float: left; font-size: 16px; line-height: 40px; margin-left: 10px; color: #333 } #writeview_pop .mid_text_cont .tit { font-size: 16px; color: #333; height: 30px; line-height: 30px } #writeview_pop .mid_text_cont .text_cont .input { width: 100%; height: 40px; border: 1px solid #b0b0b0; border-radius: 4px; text-indent: 20px } #writeview_pop .mid_text_cont .text_cont .textarea { width: 100%; height: 100px; border: 1px solid #b0b0b0; border-radius: 4px; resize: none; text-indent: 20px } #writeview_pop .mid_text_cont .bot_img_box { width: 100%; height: 160px; border: 1px dashed #b0b0b0; margin: 20px 0; border-radius: 4px } #writeview_pop .mid_text_cont .bot_img_box .img_item { width: 140px; height: 140px; border: 1px dashed #999; position: relative; margin: 10px; display: flex; justify-content: center; align-items: center } #writeview_pop .mid_text_cont .bot_img_box .img_item img { max-height: 138px; max-width: 138px; margin: 0 auto } #writeview_pop .mid_text_cont .bot_img_box .img_item .del_img { position: absolute; height: 20px; width: 20px; border-radius: 50%; font-size: 20px; line-height: 20px; color: #b0b0b0; right: 0; top: 0; margin-top: -10px; margin-right: -10px; background-color: #fff; cursor: pointer } #writeview_pop .mid_text_cont .hover_tips { font-size: 16px; line-height: 36px; float: left; position: relative; margin-left: 20px; cursor: pointer } #writeview_pop .mid_text_cont .tips_float { width: auto; min-width: 235px; height: 26px; background: url(../image/tips_float.png) no-repeat; background-size: 100% 100%; display: none; position: absolute; left: 150%; top: 50%; margin-top: -13px; color: #999; font-size: 12px; line-height: 26px; text-indent: 5px; white-space: nowrap; padding-left: 6px } #writeview_pop .mid_text_cont .hover_tips:hover .tips_float { display: block } #writeview_pop .mid_text_cont .upload_img.disable { background-color: #b0b0b0; border: 1px solid #b0b0b0 } #writeview_pop .bot_submit_box .upload_img { background-color: #dc3737; color: #fff } #writeview_pop .bot_submit_box .fake_checkbox { margin: 7px 10px 0 10px } #writeview_pop .bot_submit_box .checkbox_font { line-height: 34px } .fake_checkbox { height: 20px; width: 20px; cursor: pointer; background: url(../image/check_box.png) 0 0 no-repeat } .fake_checkbox.choossed { background: url(../image/check_box.png) 0 -30px no-repeat } .fake_checkbox.disabled { background: url(../image/check_box.png) 0 -90px no-repeat } .addCart .popup_width680.change_poput_width750 { width: 750px } .addCart .popup_width680.change_poput_width1100 { width: 1100px } .addCart .popup_width680.change_poput_width350 { width: 350px } .addCart .popup_width680.change_poput_width450 { width: 450px } .addCart .popup_width680.change_poput_width550 { width: 550px } .change_poput_width750 .addCrat_item_listMain01 .new_popup_content.addCart_cont { padding-right: 0 } .change_poput_width350 .addCrat_item_listMain01 .new_popup_content.addCart_cont { padding-right: 0 } @media (max-width:1025px) { #writeview_pop .flex_l.top_pro_info { display: flex; flex-direction: column; flex-wrap: nowrap; flex-flow: column; justify-content: left } #writeview_pop .top_pro_info { height: auto } #writeview_pop .top_pro_info .left_img { min-height: 140px } #writeview_pop .top_pro_info .right_cont { width: 100% } #writeview_pop .right_cont.flex_tbot { flex-wrap: wrap } #writeview_pop .new_popup_content.addCart_cont { padding: 20px } #writeview_pop .mid_text_cont .bot_img_box { min-height: 160px; height: auto; clear: both } #writeview_pop .bot_submit_box { margin-top: 20px } #writeview_pop .fake_checkbox { float: left } #writeview_pop .checkbox_font { float: left } #writeview_pop .upload_img.fll { float: right!important } #writeview_pop .mid_text_cont .hover_tips { float: right; margin-right: 20px; display: none } .new_proList_mainListL { grid-template-columns: repeat(3, 1fr); } } .cart_pop_ship { font-size: 12px!important; cursor: pointer; position: relative } .ship_slide { position: absolute; left: 0; background-color: #fff; z-index: 999; padding: 10px; border: 1px solid #ddd; box-shadow: 1px 3px 17px -3px #aaa; border-radius: 5px } .ship_slide li { padding: 0 20px } .ship_slide li:hover { background-color: #ddd } .cartpro_item:nth-last-child(1) .ship_slide { -webkit-transform: translateY(-100%); transform: translateY(-100%); top: 0 } .cartpro_item:nth-child(1) .ship_slide { -webkit-transform: translateY(0); transform: translateY(0); top: 100% } #shipchoose_pop .choose_ul .top_til { margin-bottom: 20px } #shipchoose_pop .choose_ul .top_til:hover { background-color: #fff } #shipchoose_pop .choose_ul .top_til:hover span { color: #333 } #shipchoose_pop .choose_ul .top_til .til_right { width: 56% } #shipchoose_pop .choose_ul .contex_right { width: 56% } #shipchoose_pop .choose_ul .contex_right span { width: 50%; display: inline-block; white-space: nowrap } #shipchoose_pop .choose_ul .top_til .til_right span { display: inline-block; width: 50%; white-space: nowrap } #shipchoose_pop .choose_ul .top_til span { font-size: 16px; font-weight: 700 } #shipchoose_pop .choose_ul li { overflow: hidden; width: 100%; padding: 5px 0; text-align: center; padding-left: 10px } #shipchoose_pop .choose_ul li span { text-align: left; font-size: 16px } #shipchoose_pop .choose_ul li:hover .contex_right_money { color: #fff } #shipchoose_pop .contex_right_money { color: #ed7612FF } #shipchoose_pop .fontgre { color: #168800!important } #shipchoose_pop .shoppingcart-setShip__buttonbox { width: 100%; text-align: center; bottom: 10px; left: 0; margin-top: 30px } #shipchoose_pop .shoppingcart-setShip__button { width: 160px; padding-right: 10px } #shipchoose_pop .btn-component { width: 100%; box-sizing: border-box; background: #dc3737; color: #fff; font-size: 14px; line-height: 18px; border-radius: 4px; text-align: center; cursor: pointer; height: 40px } #shipchoose_pop .btn-component>span { color: #ffff; display: inline-block; padding: 12px 0 } #shipchoose_pop .btn-default { width: 100%; box-sizing: border-box; background: #fff; cursor: pointer; font-size: 14px; line-height: 18px; border-radius: 4px; text-align: center; border: 1px solid #dc3737 } #shipchoose_pop .btn-default>span { color: #dc3737; display: inline-block; padding: 12px 0; cursor: pointer } #shipchoose_pop .addCrat_item_listMain01 { background-color: #fff } .rd { display: none } .rd+label { display: inline-block; position: relative; cursor: pointer; width: 16px; height: 16px; border: 1px solid #ccc; border-radius: 50%; background-color: #fff; margin-right: 10px } .rd:checked+label:before { position: absolute; width: 8px; height: 8px; background: #222 } .rd+label:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 0; height: 0; border-radius: 50%; transition: all .15s ease-in; background: #fff } .new_product_popup_addCart { text-align: center } .new_product_popup_addCart:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; box-sizing: border-box } .new_product_popup_addCart_list { text-align: center } .new_product_popup_addCart_list:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; box-sizing: border-box } .addCart .popup_width680 { position: static; -webkit-transform: none; transform: none; top: auto; left: auto; margin-left: 0; display: inline-block; text-align: left; vertical-align: middle; margin-top: 0!important } .new_popup { position: fixed; width: 100%; height: 100%; z-index: 9999999; top: 0; left: 0; display: none } .new_popup_bg { position: fixed; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background-color: #000; opacity: .3 } .new_popup_main { position: absolute; background-color: #fff; border-radius: 2px; overflow: hidden } .popup_width880 { width: 880px; left: 50%; top: 50%; margin-left: -440px } .pupop_video { margin-top: -328px; z-index: 100 } .new_popup_tit, .new_popup_tit strong { font-size: 18px; color: #333; font-weight: 400; line-height: 56px } .new_popup_tit { padding: 0 20px } .new_popup_tit .icon { float: right; font-size: 26px; cursor: pointer; color: #4c4948 } .new_popup_tit .icon:hover { color: #232323 } .new_popup_video { height: 495px } .new_popup:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; box-sizing: border-box } .addCart .popup_width680 { margin-top: 0; max-height: 94vh; overflow: auto } .new_popup_addCart_tit { padding: 19px 20px 0 } .addCart_bought_carousel_list:after, .addCrat_item_list_top:after, .new_popup_addCart_tit:after { content: ''; display: block; clear: both; width: 0; height: 0 } .new_popup_addCart_tit .icon { float: right; font-size: 21px; cursor: pointer; color: #aaa; font-weight: 400 } .new_popup_addCart_tit .icon:hover { color: #333 } .new_popup_content.addCart_cont { padding: 0 40px 24px } .addCrat_item_number { color: #232323; font-size: 22px; line-height: 22px; margin-bottom: 20px } .addCrat_item_number .icon { margin-right: 10px; font-size: 20px; color: #393 } .addCrat_item_list_top .addCrat_left { float: left } .addCrat_item_list_top .addCrat_left img { width: 100px; height: 100px } .addCrat_item_list_top .addCrat_right { padding: 10px 0 0 130px; box-sizing: border-box } .addCrat_img { width: 100px; height: 100px } .addCrat_item_list_tit { font-size: 14px; color: #333; line-height: 22px; font-weight: 400 } .addCrat_item_list_tit span { padding-left: 10px; color: #999; font-size: 13px } .addCrat_item_list_top .Qty_num { font-size: 13px; color: #aaa; padding-top: 3px } .addCrat_item_list_top .addCart_pro_price { font-size: 14px; color: #333; padding-top: 7px } .addCrat_item_list_bottom { text-align: right; margin-top: 24px } .popup_width680.pupop_new_list { margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .new_popup_content.addCart_cont .product_m_info_tit a { color: #333 } .new_popup_content.addCart_cont .product_m_info_tit a:hover { text-decoration: underline } .addCrat_item_list_top .addCart_pro_price .old_price_z { font-size: 14px; color: #ccc; display: inline-block; margin-left: 6px; position: relative; font-weight: 400 } .addCrat_item_list_top .addCart_pro_price .old_price_line { position: absolute; height: 1px; width: 100%; background: #ccc; top: 50%; left: 0 } .new_popup_addCart_bottomMain .fm_customer_btn>a { display: inline-block; background: #fff; min-width: 220px; text-align: center; height: 38px; border: 1px solid #ccc; font-size: 14px; color: #666; border-radius: 2px; padding: 0 12px; height: 38px; box-sizing: border-box; text-decoration: none; line-height: 36px; transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s } .new_popup_addCart_bottomMain .fm_customer_btn .fm_customer_btn01 { min-width: 220px; background: #dc3737; color: #fff; text-align: center } .new_pro_addCart_btn .loader_order { left: 12px } .loader_order { position: absolute; width: 18px; height: 18px; background: 0 0; z-index: 5; top: 10px; left: 120px } .circular { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%; -webkit-transform-origin: center center; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto } .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round } .product_detail_btn.floatRz { float: right; margin-top: 17px } .product_detail_btn { position: relative; display: inline-block } .new_pro_addCart_cont { display: inline-block; float: left } .new_pro_addCart_btn.addLoad_animation { border: 1px solid #dc3737; background: #dc3737; color: #fff; cursor: default } .new_pro_addCart_btn.addLoad_animation:hover { background: #dc3737 } .new_pro_addCart_btn .new_addCart_loading.choosez { display: none } .new_pro_addCart_btn .loader_order { left: 12px } .new_pro_custom_btn:hover { background: #d63030; color: #fff; text-decoration: none } .alone_active { position: relative; background: #dc3737!important; border: none; cursor: default } #loader_order_alone { width: 18px; background: 0 0; z-index: 5; position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px } #loader_order_alone:before { content: ''; display: block; padding-top: 100% } #loader_order_alone .circular { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%; -webkit-transform-origin: center center; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto } #loader_order_alone .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round } @-webkit-keyframes rotate { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes rotate { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @-webkit-keyframes dash { 0% { stroke-dasharray:1, 200; stroke-dashoffset:0 } 50% { stroke-dasharray:89, 200; stroke-dashoffset:-35px } 100% { stroke-dasharray:89, 200; stroke-dashoffset:-124px } } @-webkit-keyframes color { 0%, 100% { stroke:#fff } 40% { stroke:#fff } 66% { stroke:#fff } 80%, 90% { stroke:#fff } } @keyframes color { 0%, 100% { stroke:#fff } 40% { stroke:#fff } 66% { stroke:#fff } 80%, 90% { stroke:#fff } } .addLoad_animation.new_pro_addCart_btn { padding-left: 50px; padding-right: 47px } @media (max-width:1025px) { .box { width: 100%!important } .new_proList_proListBox { width: 100%; margin: 0 auto } .new_proList_mainListLi { padding: 15px 10px } .new_proList_ListImg { height: auto } .new_proList_ListImg a { height: auto; max-height: 450px } .new_proList_ListImg img { width: 100%; height: auto } .new_proList_mainListBox { padding: 0 12px } .new_proList_resultTxt { float: left; width: 100%; margin-top: 10px; line-height: 13px } .new_proList_shipTimeBox { padding-top: 0 } .new_proList_shipTimeBox { margin-bottom: 10px } .new_proList_reciveBox { padding-top: 10px } .new_proList_LTBOX .product_list_text { margin-right: 5px } .new_proList_tableBox { min-height: auto } .new_proList_mainListLi { padding: 10px } .new_proList_mainListTli { padding: 20px 10px } .FB_Newpation_enRt { display: none } .new_proList_ListTleft { width: 40% } .new_proList_Array_colB { width: 60% } .new_proList_Array_col { margin-bottom: 10px } .new_proList_Array_list { display: none } .new_proList_seeSliLeft { width: 100% } .new_proList_seeSliFooter .qv_Newsave_btn, .new_proList_seeSliFooter .qv_addCart_btn { width: 100% } .new_proList_seeSliFooter .qv_Newsave_btn { border: 1px solid #eee; color: #b2b2b2; margin-bottom: 10px; pointer-events: none; background: #eee } .new_proList_seeSliFooter .qv_Newsave_btn.choosez { border: 1px solid #ccc; color: #666; pointer-events: auto; background: #fff } .new_proList_shipTime_link .productList_top_country_more { position: fixed; width: 100%; height: 100%; top: 0; left: 0; margin-left: 0; border-radius: 0 } .new_proList_shipTime_link .top_country_more_main_smalltit { font-size: 14px; margin-bottom: 10px; line-height: 20px; margin-top: 0; padding-top: 20px } .new_proList_closeBox { padding: 12.5px 20px; box-sizing: border-box; background: #fff; display: block } .new_proList_closeBox .new_proList_closeCon.icon { display: inline-block; font-size: 28px; color: #999; cursor: pointer } .new_proList_shipTime_link .header_sign_more_arrow { display: none } .new_proList_shipTime_link .top_country_more_main { height: 100%; background: #f7f8f9 } .new_proList_shipTime_link .ce_form_choose_country { background-color: #fff } .new_proList_tableBox { margin-bottom: 20px } .new_proList_tableBox .popularity_view_block01 { display: table } .new_proList_tableBox .popularity_view_block01 .Fil_label { display: table-cell; width: 18%; vertical-align: top } .new_proList_tableBox .popularity_view_block01 .Fil_Text { display: table-cell; vertical-align: middle } .new_proList_tableBox .popularity_view_block01 .va_select { float: left; display: block; padding-bottom: 0 } .picture_array_from .product_list_text { margin-right: 5px } .picture_array_page .new_proList_mainListLi { width: 49% } .new_proList_mainListLi .add_to_cart_iconfont, .new_proList_mainListTli .add_to_cart_iconfont { left: 15.5px } .new_proList_Array_col, .new_proList__array_form { width: 100%; padding-left: 0; float: left; text-align: left } .new_proList__array_form .new_proList_ListBPrice { text-align: left } .new_proList__array_form .new_proList_ListBPrice, .new_proList__array_form .new_proList_ListBtxt1 { text-align: left } .new_proList_Array_col, .new_proList__array_form { width: 100%; padding-left: 0; float: left; text-align: left } .new_proList_Array_colB { width: 70%; padding-left: 20px; box-sizing: border-box } .new_proList_Array_colB { width: 60% } .new_proMenu_box1 .picture_array_Icbtn, .new_proMenu_box1 .popularity_array_Icbtn, .new_proMenu_box1 .sellist_array_Icbtn, .new_proMenu_box1 .table_array_Icbtn, .new_proMenu_box1 .video_array_Icbtn { padding: 10px; border: 2px solid #dedede; margin-right: 10px; border-radius: 2px } .new_proMenu_box1 .picture_array_Icbtn, .new_proMenu_box1 .popularity_array_Icbtn, .new_proMenu_box1 .sellist_array_Icbtn, .new_proMenu_box1 .table_array_Icbtn, .new_proMenu_box1 .video_array_Icbtn { padding: 10px; border: 2px solid #dedede; margin-right: 10px; border-radius: 2px } .new_proMenu_box1 { margin-top: 0 } .new_proList_serchListBox .new_proList_proListTIB { padding: 0 0 } .new_breadtil_box { width: 100%; text-align: center } .new_breadtil_box h3 { font-size: 16px; line-height: 20px; margin-bottom: 10px } .popularity_view_listz1 { float: right; margin-right: 10px } .req_nums_select { width: 50%; padding-top: 0 } .new_proList_top { height: 60px } .view_box { display: none } .list_page_navbox { height: 100%; display: inline-block; max-width: 100% } .req_nums_select .popularity_view_listz1 { margin-top: 14px } .new_proMenu_box .new_proMenu_box1 { float: right } .new_proMenu_box .popularity_view_listz1 { float: left } .new_pro_addCart_btn { background: #fff; padding-left: 20px; padding-right: 20px } } .menu { width: 100%; margin: 22px auto 16px } .menu_crumbs { float: left } .back_Home { padding-left: 0!important } .menu_crumbs .back_Home, .menu_crumbs .menu_all { float: left; line-height: 24px } .menu_crumbs .back_Home a { display: inline-block } .menu_crumbs .back_Home a, .menu_crumbs .menu_all a { font-size: 13px } .menu_crumbs .back_Home h1, .menu_crumbs .menu_all h1 { font-size: 13px; font-weight: 400 } .menu ul { width: auto; float: right; line-height: 24px } .menu ul li:last-child { margin-right: 0 } .menu_crumbs .menu_all { padding-left: 20px; position: relative } .menu_all:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: 400; text-align: center; content: '/'; position: absolute; left: 7px; top: 1px; color: #707473; font-size: 12px; line-height: 22px } .menu ul li { float: left; margin-right: 30px } #topcategory_tpl .content { padding-top: 410px } #topcategory_tpl .menu { margin: 0; padding: 5px 0; padding-left: 12%; background-color: #f7f7f7 } .class-banner-txt { font-size: 16px; margin-top: 7px; color: #616265; line-height: 26px } @media (max-width:1700px) { #topcategory_tpl .content { padding-top: 410px } #topcategory_tpl .menu { padding-left: 6%; background-color: #f7f7f7 } #topcategory_tpl .lev1_cate_menu { margin-left: 6% } #topcategory_tpl .content { padding-top: 410px } #topcategory_tpl .menu { padding-left: 12%; background-color: #f7f7f7 } #topcategory_tpl .lev1_cate_menu { margin-left: 12% } #topcategory_tpl .content { padding-top: 410px } #topcategory_tpl .menu { padding-left: 8%; background-color: #f7f7f7 } #topcategory_tpl .lev1_cate_menu { margin-left: 8% } } @media (max-width:1440px) { #topcategory_tpl .lev1cate_banner_title { left: 54% } } @media (max-width:1200px) { #topcategory_tpl .content { padding-top: 410px } #topcategory_tpl .menu { padding-left: 4%; background-color: #f7f7f7 } #topcategory_tpl .lev1_cate_menu { margin-left: 4% } #topcategory_tpl .lev1cate_top { top: 128px } } @media (max-width:1024px) { #topcategory_tpl .content { padding-top: 370px } #topcategory_tpl .menu { padding-left: 4%; background-color: #f7f7f7 } #topcategory_tpl .lev1_cate_menu { margin-left: 4% } #topcategory_tpl .lev1cate_top { top: 96px } } @media (max-width:840px) { #topcategory_tpl .content { padding-top: 294px } .class-banner-txt { font-size: 12px; margin-top: 22px; color: #616265; line-height: 19px } .banner_m_til { top: 23% } } @media (max-width:668px) { #topcategory_tpl .content { padding-top: 250px } } @media (max-width:548px) { #topcategory_tpl .content { padding-top: 210px } .class-banner-txt { font-size: 12px; margin-top: 3px; color: #616265; line-height: 14px } } @media (max-width:468px) { #topcategory_tpl .content { padding-top: 180px } } @media (max-width:380px) { #topcategory_tpl .content { padding-top: 150px } } .lev1cate_top { position: absolute; top: 128px; left: 0; width: 100% } .lev1cate_banner { height: 380px } .lev1cate_banner_con { position: relative; width: 100% } .lev1cate_banner_con ul li { position: absolute; width: 100%; overflow: hidden; height: 380px; opacity: 0 } .lev1cate_banner_con ul li img { height: 100%; position: absolute; width: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .lev1cate_banner_bg01 { width: 100%; background: 0 0!important; height: 408px; position: absolute; z-index: -1 } .lev1cate_banner_title { position: absolute; left: 50%; z-index: 2; width: 500px; margin-left: -315px; top: 60px } .lev1cate_banner_title span { font-size: 36px; padding-bottom: 15px; display: block; line-height: 40px } .lev1cate_banner_title p { font-size: 16px; line-height: 24px } .lev1cate_banner_center { text-align: center; width: 800px; margin-left: -340px; top: 144px } .class-banner-txt i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #616265; vertical-align: middle; margin-right: 6px; margin-top: -4px } .lev1cate_banner_btn { width: 100%; height: 100%; position: relative } .lev1cate_banner:hover .lev1cate_banner_btn_prev { display: block } .lev1cate_banner:hover .lev1cate_banner_btn_next { display: block } .lev1cate_banner_btn_prev { width: 60px; height: 60px; position: absolute; left: 26%; top: 50%; margin-top: -30px; z-index: 10; display: none; cursor: pointer; border-radius: 50%; overflow: hidden; color: #fff } .lev1cate_banner_btn_prev i { position: absolute; width: 16px; height: 28px; left: 50%; top: 50%; margin-left: -11px; margin-top: -10px; z-index: 10; font-size: 22px } .lev1cate_banner_btn_prev span { display: block; width: 100%; height: 100%; background-color: #666; opacity: .3 } .lev1cate_banner_btn_next { width: 60px; height: 60px; position: absolute; right: 5%; top: 50%; margin-top: -30px; z-index: 10; display: none; cursor: pointer; border-radius: 50%; overflow: hidden; color: #fff } .lev1cate_banner_btn_next i { position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; margin-left: -11px; margin-top: -10px; z-index: 10; font-size: 22px } .lev1cate_banner_btn_next span { display: block; width: 100%; height: 100%; background-color: #666; opacity: .3 } .lev1cate_banner_btn_dot { position: absolute; z-index: 10; bottom: 24px; left: 50% } .lev1cate_banner_btn_dot em { float: left; width: 10px; height: 10px; margin-right: 10px; cursor: pointer; position: relative } .lev1cate_banner_btn_dot em i { display: block; width: 100%; height: 10px; background: #999; opacity: .3; margin-top: 6px } .lev1cate_banner_btn_dot em span { border-radius: 5px; display: block; width: 10px; height: 10px; background-color: #666; margin-top: 6px; z-index: 11; opacity: .2; transition: all .2s ease } .lev1cate_banner_btn_dot em span.active { opacity: .8; background-color: #fff } .lev1_cate_menu { float: left; margin-left: 12%; width: 240px; height: 380px; position: relative; z-index: 95; background-color: #e7e7e7; opacity: .75 } .lev1_cate_menu ul { padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 30 } .lev1_cate_menu ul li { height: 38px; font-size: 13px; line-height: 38px } .lev1_cate_menu ul li:hover { background-color: #fff } .lev1_cate_menu ul li a { display: block; position: relative; padding: 0 26px; height: 100%; text-decoration: none; color: #232323 } .lev1_cate_menu ul li a span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 97%; display: block; color: #333 } .lev1_cate_menu ul li a .icon_right2 { position: absolute; right: 10px; top: 0; font-style: normal; color: #acacac; font-size: 12px } .lev1_cate_menu ul li:hover .lev1_cate_menu_more_one { display: block } .lev1_cate_menu ul li:hover a span { font-weight: 400 } .lev1_cate_menu ul li:hover a .icon_right2 { color: #232323 } .lev1_cate_menu_more_one { display: none; position: absolute; left: 0; top: 0; overflow: hidden; background-color: #f6f6f6; padding-left: 239px; z-index: -1 } .lev1_cate_menu_more_one_main { overflow: hidden; position: relative; background: #fff; box-sizing: content-box!important } .lev1_cate_menu_more_one_main_font { float: left; overflow: hidden; padding-top: 22px; padding-left: 20px; background-color: #fff; padding-bottom: 22px; min-height: 336px; border: 1px solid #f6f6f6; box-sizing: content-box!important } .lev1_cate_menu_more_one_main_font dl { line-height: 26px; position: relative; z-index: 1; float: left; width: 210px; margin-bottom: 12px; margin-right: 5px } .lev1_cate_menu_more_one_main_font dl dd a { display: block; text-decoration: none; color: #333; font-size: 13px; line-height: 22px; padding: 7px 0; background: 0 0 } .lev1_cate_menu_more_one_main_font dl dd a:hover { text-decoration: underline } .lev1_cate_menu_more_one_main_pic { position: absolute; right: 0; bottom: 0; display: none } .lev1_cate_menu_more_one_main_pic a { padding: 0 } .lev1cate_title { font-weight: 400; font-size: 24px; width: 100%; color: #232323; line-height: 30px; margin: 30px 0 20px 0; font-weight: 700 } .lev1cate_hot { margin: 0 auto; width: 100% } .lev1cate_hot ul { width: 100%; overflow: hidden; border-bottom: 1px solid #e5e5e5 } .lev1cate_hot_box:nth-last-child(1) ul { border-bottom: 0 } .lev1cate_hot ul li { float: left; width: 14.66%; padding: 20px 1% 10px 1%; position: relative; text-align: center } .lev1cate_hot ul li img { height: 210px; width: 210px; display: inline-block; background-color: #eee } .lev1cate_hot ul li a { display: inline-block; width: 100%; box-sizing: border-box; position: relative } .lev1cate_hot ul li em { position: absolute; width: 100%; height: 100%; background: #fff; opacity: .3; display: none; z-index: 10; cursor: pointer; top: 0; left: 0 } .lev1cate_hot ul li a span { display: inline-block; width: 100%; text-align: center; font-size: 14px; color: #333; margin-top: 15px; height: 40px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-align: center!important } .lev1cate_hot ul li:hover em { display: inline-block } .lev1cate_focused ul { width: 100%; overflow: hidden } .lev1cate_focused ul li { width: 380px; float: left; margin-right: 20px; text-align: center; overflow: hidden; background: #f7f8f9; padding-bottom: 20px } .lev1cate_focused ul.special_two li { width: 49%; margin-right: 2% } .lev1cate_focused ul.special_two li:last-child { margin-right: 0 } .lev1cate_focused ul li img { max-width: 100%; width: 100% } .lev1cate_focused ul li a { display: block } .lev1cate_focused ul li:nth-child(3) { margin-right: 0 } .lev1cate_focused ul li span { font-size: 14px; font-weight: 400; color: #333; margin: 15px 20px 0 20px; line-height: 24px; overflow: hidden; text-align: left; white-space: nowrap; text-overflow: ellipsis; display: block } .lev1cate_focused ul li p { color: #0070bc; padding: 0 20px; text-align: left; font-size: 13px } .lev1cate_focused ul li p i { width: 11px; display: inline-block; margin-left: 5px; font-size: 12px; line-height: 16px; height: 15px; overflow: hidden; vertical-align: middle } .lev1cate_focused ul li a:hover { text-decoration: none } .lev1cate_focused ul li a:hover p { text-decoration: underline } .mobie.swiper-container { height: 140px; display: none } @media (max-width:1025px) { .lev1cate_hot ul li { width: 47% } .lev1cate_con { padding: 0 15px } .lev1cate_focused ul li { width: 100%; margin-bottom: 15px } .menu { display: none } .lev1_cate_menu { display: none } .lev1cate_banner { display: none } .mobie.swiper-container { height: 140px; display: block } .menu_list_cont { padding-bottom: 0 } .new_proList_serchListCont { position: relative } .lev1cate_top .img_a { display: inline-block; width: 100%; height: 100% } .lev1cate_top .img_a img { height: 100%; width: auto; margin-left: 50%; -webkit-transform: translateX(-55%); transform: translateX(-55%) } .banner_m_til { position: absolute; top: 10%; left: 10%; font-size: 18px; max-width: 176px; z-index: 1 } } @media (max-width:1025px) { #product_cart_popup .new_product_popup_addCart .new_popup_main.pupop_video.popup_width680.change_poput_width1100 { position: fixed; min-height: 100%; display: flex; flex-direction: column; -webkit-transform: none; transform: none } #product_cart_popup .new_product_popup_addCart .new_popup_main.pupop_video.popup_width680 { left: auto; margin-left: 0; top: 0 } #product_cart_popup .listmain_box { max-height: none; height: 100% } #product_cart_popup .addCrat_item_listMain01 { max-height: none; height: 100% } #product_cart_popup .listmain_box { overflow: auto } #product_cart_popup .listmain_box .new_popup_content.addCart_cont { max-height: none; padding-bottom: 20px } #product_cart_popup .listmain_box .new_popup_content.addCart_cont { padding-left: 20px } #product_cart_popup .addCrat_item_listTa { display: block } #product_cart_popup .addCrat_item_listTa .addCrat_item_list_top { width: 100%; padding-right: 0; display: block } #product_cart_popup .addCart .popup_width680.change_poput_width1100 { width: 100%!important } #product_cart_popup .new_popup_addCart_bottomMain .fm_customer_btn>a { width: 100%; margin-bottom: 10px } #product_cart_popup .addCrat_item_listMain01 .new_popup_content.addCart_cont { max-height: none; overflow-y: hidden; padding-bottom: 20px } #product_cart_popup .new_popup_main.pupop_video.popup_width680 { width: 100%; height: 580px; left: 0; top: 0; right: 0; bottom: 0; margin-top: 0; margin-left: 0; -webkit-transform: translateY(0); transform: translateY(0) } #product_cart_popup .addCrat_item_listTa .addCrat_item_list_delete i { opacity: 1 } #product_cart_popup .addCrat_item_listTa { padding-right: 18px } #product_cart_popup .addCrat_item_listTa .addCrat_item_list_Quantity { position: absolute; bottom: 23px; text-align: left; width: 100%; padding-left: 118px } #product_cart_popup .addCrat_item_listTa .addCrat_item_list_Quantity>span { width: 100px; float: left } #product_cart_popup .cartpro_item { padding-bottom: 100px } #add_cart_but { width: 100%!important } .recently_item { margin-bottom: 20px; padding-top: 20px!important; padding-bottom: 20px!important; height: 200px; width: 200px } } @media (max-width:1025px) { .function-left { font-size: 14px; color: #666; padding-left: 20px } .function-left .icon { font-size: 20px; margin-right: 6px; font-weight: 700; vertical-align: middle } .req_nums { width: auto; padding-right: 15px; line-height: 60px } .function-left-click { line-height: 60px } .m-product-list-Screening { position: fixed; width: 50%; height: 100%; top: 0; left: 0; z-index: 1000; background: #f7f7f7; -webkit-transform: translateX(-110%); transform: translateX(-110%); transition: all .3s } .m-product-list-Screening.active { -webkit-transform: translateX(0); transform: translateX(0) } .m-product-list-Screening-center { position: relative; height: 100% } .m-product-list-Screening-bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: .3; z-index: 101; display: none } .m-list-Screening-top { height: 50px; background: #fff; line-height: 50px; padding: 0 16px } .m-list-Screening-tit { font-size: 16px; color: #232323; font-weight: 400 } .m-list-Screening-tit .icon { font-size: 22px; color: #666; float: right } .m-list-Screening-center { margin: 15px 15px 0 15px; box-sizing: border-box } .m-list-dl { width: 100%; background: #fff; padding: 0 20px; border: 2px solid #fff; box-sizing: border-box; margin-bottom: 10px } .m-list-dd-div { max-height: 290px; overflow-y: auto } .m-list-dl dt { height: 48px; line-height: 48px; font-size: 14px; color: #232323; box-sizing: border-box } .m-list-dl dt .icon { font-size: 12px; color: #999; float: right; display: inline-block; transition: all .3s } .m-list-dl.active dt .icon { -webkit-transform: rotate(-180deg); transform: rotate(-180deg) } .m-list-dl dd { font-size: 14px; color: #666; padding: 8px 0; display: none; box-sizing: border-box } .m-Screening-radio { width: 16px; height: 16px; display: inline-block; float: left; border: 1px solid #999; border-radius: 50%; box-sizing: border-box; margin-right: 7px; vertical-align: middle; margin-top: 2px; position: relative } .m-Screening-radio i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .m-list-dl dd.active .m-Screening-radio i { background: #4c4948 } .m-list-dl.active { padding-bottom: 10px; border: 2px solid #787777 } .m-list-Screening-bottom { position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; padding: 20px 17px; box-sizing: border-box; box-shadow: 0 1px 8px 0 rgba(120,102,102,.3) } .m-list-Screening-bottom-a { transition: all .3s; width: 100%; height: 40px; box-sizing: border-box; border: 1px solid #c91f24; border-radius: 2px; color: #fff; font-size: 14px; text-align: center; line-height: 38px; transition: all .3s; background-color: #c91f24; cursor: pointer; display: block; margin-bottom: 15px } .m-list-Screening-bottom-a:hover { background-color: #b00f14; color: #fff; text-decoration: none } .m-list-Screening-bottom-a:last-child { margin-bottom: 0 } .m-list-Screening-bottom-clear { background-color: #fff; color: #666; border-color: #e5e5e5 } .m-list-Screening-bottom-clear:hover { background-color: #f7f8f9; color: #666; border-color: #ccc } .m-list-Screening-bottom-close { background-color: #fff; color: #333; border-color: #565656 } .m-list-Screening-bottom-close:hover { background-color: #565656; color: #fff; border-color: #565656 } } @media (max-width:480px) { .m-product-list-Screening { width: 100% } .m-product-list-ul.active li { width: 49%; margin-right: 2% } .m-product-list-ul.active li:nth-of-type(3n) { margin-right: 2% } .m-product-list-ul.active li:nth-of-type(2n) { margin-right: 0 } .new_proList_tableBox { min-height: auto } .new_proList_tableBox { margin-bottom: 20px } .new_proList_tableBox .popularity_view_block01 { display: table } .new_proList_tableBox .popularity_view_block01 .Fil_label { display: table-cell; width: 18%; vertical-align: top } .new_proList_tableBox .popularity_view_block01 .va_select { float: left; display: block; padding-bottom: 0 } .m_a_link { display: block; height: auto } .m_product_list_dd .select_icon { display: inline-block; float: left; margin-right: 10px } .m_product_list_dd .select_icon { display: inline-block; float: left; margin-right: 10px } } .v_show .list_10 { width: 100% } .list_10 { text-align: center; margin-bottom: 5px } .list_10 a { display: block } .product_03_01 { line-height: 24px; padding-top: 13px } .shipping_text .product_03_01 { padding-top: 0 } .product_03_08 { padding-left: 150px; display: block } .product_03_24 input.p_07 { padding: 0; height: 38px; width: 54px; border-radius: 2px 0 0 2px; text-indent: 0; border-right: none; box-sizing: border-box } .product_03_24 { position: relative; padding: 0; overflow: hidden } .product_03_10 { width: 30px; text-align: center; float: left; height: 16px } .product_03_13 { line-height: 24px } .popover-content { line-height: 20px; font-size: 13px; font-weight: 400 } .popover-content a { color: #0070bc } .product_sticky { max-height: 118px; position: fixed; display: block; width: 100%; background-color: #fff; bottom: 0; left: 0; right: 0; z-index: 998; padding: 0; transition: all 250ms; box-shadow: 0 1px 5px #ccc; border-bottom: 1px solid #ccc } .product_sticky.active { -webkit-transform: translateY(0); transform: translateY(0) } .product_container { width: 1440px; margin: 0 auto; position: relative } .product_proinfo { float: left } .product_proinfo .product_proinfo_img { width: 60px; height: 60px } .product_proinfo .product_proinfo_img img { width: 100%; height: 100% } .product_proinfo dl { position: relative } .product_proinfo dl dt { float: left; position: inherit; top: 0; left: 0 } .product_proinfo dl dt img { width: 60px; height: 60px } .product_proinfo dl dd { min-height: 60px; padding: 10px 0 0 80px; box-sizing: border-box; font-size: 13px; line-height: 20px } .product_proinfo dl dd .pro_star { margin-right: 5px } .product_proinfo dl dd>div { padding-top: 4px } .product_proinfo dl dd h3 { font-size: 14px; overflow: hidden; height: 20px; width: 650px; white-space: nowrap; text-overflow: ellipsis } .product_proinfo dl dd h3 a { color: #232323 } .product_proinfo dl dd a { color: #707473 } .product_topfix_help { margin-left: 20px } .product_sticky_add { position: absolute; right: 0; top: 20px } .product_sticky_add ul li { text-align: right; display: inline-block; vertical-align: middle; float: none; font-size: 18px } .product_sticky_add ul li .product_sticky_newDetali_txt { font-size: 13px; color: #616265; line-height: 18px } .product_sticky_add ul:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0 } .product_sticky_qty { width: 55px; text-align: center; height: 38px; line-height: 38px; margin-left: 10px; float: left; border-radius: 2px 0 0 2px; text-indent: 0; box-sizing: border-box } .recently_box { padding: 30px 0; display: grid !important; grid-template-columns: repeat(5, 1fr); grid-column-gap: 15px; grid-row-gap: 15px; } .recently_item { padding: 10px; background: #FAFBFB; } .recently_item:hover { box-shadow: 10px 15px 15px -10px rgba(0, 0, 0, .15); } .recently_img_box { height: 200px; width: 200px; vertical-align: middle; background: #fff; margin-bottom: 10px; } .recently_item img { height: auto; width: auto; max-height: 200px; max-width: 200px; margin: 0 auto } .recently_item a { font-size: 13px; display: block } .recently_item p { color: #232323; padding-top: 10px; font-size: 14px; float: left; width: 100%; display: block; margin: 0 auto } .recently_item span a { color: #616265; overflow: hidden; display-radio: -webkit-box; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; } @media (max-width:1440px) { .product_container { width: 1200px; margin: 0 auto; position: relative } } @media (max-width:1025px) { #addwish_pop .addCrat_item_number .addCrat_item_numberTit { font-size: 15px } #addwish_pop .addCrat_item_listMain01 { max-height: 90% } #addwish_pop .addCrat_item_listMain01.padd30 { padding: 10px } #addwish_pop .add_wishback_box.flex_lr { flex-flow: column; justify-content: center; align-items: center } #addwish_pop .right_botton_box { width: 100% } #addwish_pop .fm_customer_btn { padding-top: 10px } #addwish_pop .new_popup_addCart_tit { padding: 19px 14px 0 } #shipchoose_pop .addCrat_item_listMain01.padd30 { padding: 10px } #shipchoose_pop .choose_ul .top_til span { font-size: 12px; font-weight: 700 } #shipchoose_pop .choose_ul li span { text-align: left; font-size: 12px } } @media (max-width:4400px) { .right_box { float: right; width: 530px } #request_stock .box { width: 94%; max-width: 1200px } } @media (max-width:1600px) { .right_box { float: right; width: 440px } .stock_status { width: 420px } .box { width: 94%; max-width: 1200px; margin: 0 auto } #request_stock .box { width: 94%; max-width: 1200px } .lev1cate_hot ul li img { height: 170px; width: 170px } } @media (max-width:1200px) { .box { width: 94%; max-width: 1100px; margin: 0 auto } #request_stock .box { width: 94%; max-width: 1100px } .request_stock .request_listcont .right_cont { width: 200px } .request_stock .request_listcont .cont_info_box { width: 200px } .right_box { float: right; width: 340px } .lev1cate_banner_title { margin-left: -230px; top: 100px } .lev1cate_banner_title span { font-size: 28px } .lev1cate_hot ul li img { height: 140px; width: 140px } .new_proList_proListTIB { max-width: 1100px; } .new_proList_top { max-width: 1100px } .new_proList_proListBox { max-width: 1100px } } @media (max-width:1120px) { .featurePics_proImg { width: 100%; height:auto; } .box { width: 94%; max-width: 1000px; margin: 0 auto } #request_stock .box { width: 94%; max-width: 1000px } .request_stock .request_listcont .right_cont { width: 164px } .request_stock .request_listcont .cont_info_box { width: 184px } .lev1cate_banner_title { margin-left: -230px; top: 90px } .lev1cate_banner_title span { font-size: 28px } .lev1cate_hot ul li img { height: 120px; width: 120px } .new_proList_proListTIB { width: 1000px } .new_proList_top { width: 1000px } .new_proList_proListBox { width: 1000px } } @media (max-width:1025px) { .video_mobie { height: 500px } #request_stock .box { width: 100% } .new_proList_proListBox { width: 100% } .new_proList_proListTIB { width: 100% } .new_proList_serchListCont { padding-top: 10px } .new_proList_top { width: 100% } .new_proList_mainListBox_serBg { top: 0 } .detail_probox { position: relative; display: flex; padding: 0 3%; flex-direction: column; } .detail_proLeft { flex: 0 0 100%; max-width: 100% } .mobie_imgbar { width: 100%; position: relative } .detail_proRight { flex: 0 0 100%; padding: 28px 0 0 0; max-width: 100% } .right_box { float: left; width: auto } #add_cart_but { width: 100%!important; margin-right: 0px } .mobie.swiper-container { height: 340px } .banner_m_til { font-size: 30px; max-width: 400px } .lev1cate_hot ul li img { height: auto; width: 70% } .recently_view { display: none } #now_review_page .show_more { text-align: center; line-height: 60px; padding: 0 } .mobie_share { position: relative; min-height: 50px } .mobie_share .share { right: auto; left: 0 } .mobie_share .share .share_floatlay { right: -108px } .request_listcont .right_cont { width: 70%!important } .request_listcont .cont_info_box { width: 70%!important } .request_listcont .left_product_ship { width: 68%!important } .request_listcont .left_product_price { left: 30% } .request_listcont .left_product_num { left: 30% } .banner_static.mobie { height: 400px; max-height: 400px } } @media (max-width:838px) { .video_mobie { height: 400px } .mobie.swiper-container { height: 300px } .request_listcont .left_product_ship { width: 68%!important } .banner_static.mobie { height: 350px; max-height: 350px } } @media (max-width:770px) { .addCart .popup_width680.change_poput_width750 { width: 96% } .request_listcont .left_product_ship { width: 67%!important } .banner_static.mobie { height: 310px; max-height: 310px } } @media (max-width:370px) { .addCart .popup_width680.change_poput_width350 { width: 96% } } @media (max-width:470px) { .addCart .popup_width680.change_poput_width450 { width: 96% } } @media (max-width:570px) { .video_mobie { height: 300px } .addCart .popup_width680.change_poput_width550 { width: 96% } } @media (max-width:668px) { .mobie.swiper-container { height: 250px } .banner_m_til { font-size: 22px; max-width: 300px } .request_listcont .left_product_ship { width: 67%!important } .banner_static.mobie { height: 280px; max-height: 280px } .comment_right { float: left; padding-left: 0; width: 100% } } @media (max-width:548px) { .mobie.swiper-container { height: 210px } .banner_m_til { font-size: 20px; max-width: 220px; line-height: 30px } .lev1cate_hot ul li img { height: auto; width: 90% } .banner_static.mobie { height: 250px; max-height: 250px } } @media (max-width:468px) { .video_mobie { height: 200px } .mobie.swiper-container { height: 180px } .banner_m_til { font-size: 20px; max-width: 220px; line-height: 30px } .request_listcont .left_product_ship { width: 65%!important } .request_listcont .left_product_num { left: 30% } .banner_static.mobie { height: 220px; max-height: 220px } .sku_item { margin-right: 7px } } @media (max-width:378px) { .mobie.swiper-container { height: 150px } .banner_m_til { font-size: 18px; max-width: 160px; line-height: 20px } .banner_static.mobie { height: 180px; max-height: 180px } .request_listcont .left_product_ship { width: 64%!important } } @media (max-width:1025px) { .new_proList_mainListLi .sku_box { min-height: initial } .new_proList_mainListLi .new_proList_ListBlink { margin-bottom: 10px } .new_proList_mainListLi .new_proList_ListBPrice { margin-bottom: 10px } .new_proList_mainListLi .product_list_text { margin-top: 10px } .new_proList_mainListLi .product_list_btn { margin-top: 10px } } .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 } .b_lev_1 { background-image: url(../image/bussniess@3x.png); background-size: contain } .pro_mun { background-color: #f1f1f1; width: 18px; padding: 0; height: 38px; border-left: 1px solid #ddd } .pro_mun .cart_qty_add, .pro_mun .cart_qty_reduce { height: 19px; line-height: 18px; -webkit-transform: scale(.7); transform: scale(.7) } .hot_searches { background: #fff; padding: 20px } .hot_searches .hot_searches_title { font-size: 18px; font-weight: 600; margin-top: 10px; margin-bottom: 20px } .hot_searches ul { display: flex; flex-wrap: wrap; align-items: flex-start } .hot_searches ul li { margin-right: 10px; margin-bottom: 10px } .hot_searches ul li.more_click { background-color: #f5fbff; color: #348eca; display: flex; align-items: center; border-radius: 2px; padding: 6px 15px; cursor: pointer } .hot_searches ul li.more_click .icon { -webkit-transform: translateY(2px); transform: translateY(2px); font-size: 10px; margin-left: 6px } .hot_searches ul li.more { display: none } .hot_searches ul li a { display: inline-block; background-color: #f7f7f7; padding: 6px 15px; border-radius: 2px } .hot_searches ul li a:hover { background-color: #dc3737; color: #fff } .cst-code-cont { margin: 0 auto; width: 1200px; 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-code-item ol { padding-left: 20px } .cst-code-item ol li { list-style: decimal outside } .cst-mobile-only { display: none } .cus-cont-detail { padding: 10px 30px; background: #fff; margin: 10px 0; overflow: hidden } @media (max-width:1280px) { .cst-code-cont { width: 1000px } } @media (max-width:1025px) { .cst-pc-only { display: none } .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 } .add-tag .add-tag__wrapper { padding: 0 16px } .add-tag .add-tag__wrapper li a { padding: 2px 5px; font-size: 12px } } .newupdown .cart_qty_add, .newupdown .cart_qty_reduce { -webkit-transform: scale(1)!important; transform: scale(1)!important; text-indent: -2px!important; font-weight: 400 } .newupdown .cart_qty_add { line-height: 23px!important } .newupdown .cart_qty_reduce { line-height: 21px!important } .newupdown .pro_mun { height: 38px!important } .newupdown .product_list_text { overflow: hidden!important } .newupdown .pro_mun .icon_top { -webkit-transform: scale(.5)!important; transform: scale(.5)!important } .newupdown .pro_mun .icon_bottom { -webkit-transform: scale(.5)!important; transform: scale(.5)!important } .newupdown .product_list_text input { border-right: 1px solid #ddd!important } .chatnow { cursor: pointer } .flex_lr { display: flex; flex-direction: row; flex-wrap: nowrap; flex-flow: row; justify-content: space-between; align-content: space-between } .likes_page { position: absolute; right: 20px; top: 10px; height: 100%; width: 70px; height: 30px } .likes_nex, .likes_pre { height: 30px; width: 30px; line-height: 30px; font-size: 16px; color: #333; background-color: #f7f7f7; text-align: center; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer } .swiper-button-disabled.likes_nex, .swiper-button-disabled.likes_pre { color: #d5d5d5 } .recently_img_box_font { cursor: pointer; font-size: 14px; font-weight: 400 } .likes_box { overflow: hidden; display: block !important; grid-template-columns: auto; grid-column-gap: inherit; grid-row-gap: inherit; } .likes_box .likes_box_ul .recently_item { padding: 0; background: #fff; } .likes_box .likes_box_ul .recently_item:hover { box-shadow: none; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box } .recently_img_box .img_tag_dec { width: 50px; height: 50px; position: absolute; right: -10px; top: -10px; background: url(../image/account.svg) center no-repeat; background-size: cover; padding: 8px 0 } .recently_img_box .img_tag_dec>div { line-height: 16px; font-size: 14px; color: #fff; font-weight: 700; text-align: center } @media (max-width:1025px) { .recently_img_box .img_tag_dec { width: 40px; height: 40px } .recently_img_box .img_tag_dec>div { line-height: 13px; font-size: 12px } } .recently_item p { color: #232323; font-size: 14px; float: left; width: 100%; display: block; margin: 0 auto; font-weight: 700; margin-top: 10px } .recently_item2020 .new_price { color: #333; font-size: 14px; text-align: left } .recently_item span { color: #616265; height: 40px } .recently_item2020 .new_price del { color: #999 } .recently_item .original_price { font-size: 12px; margin-left: 10px } .recently_item2020 .new_price .original_price { margin-left: 15px; vertical-align: middle } .indexitem_rightcont { text-align: center } .historical-component__sold { padding: 10px 0 } .separateDiv { width: 100%; height: 20px; background-color: #f7f7f7 } .alert-time-com { width: 400px; position: fixed; left: 50%; margin-left: -200px; top: 30%; text-align: center; background: rgba(0,0,0,.6); display: none; border-radius: 4px; z-index: 9999 } .alert-time-com__content { box-sizing: border-box; padding: 20px 20px; color: #fff; font-size: 16px } .alert-time-com__content .iconfont { display: inline-block; margin-right: 11px; width: 32px; height: 32px; line-height: 32px; font-size: 18px; text-align: center; background: #50b674; border-radius: 50%; color: #fff } .alert-time-com__content img { position: relative; top: 5px; right: 7px } .quality_certifications { padding-bottom: 40px; } .quality_certifications a { color: #0060bf; -webkit-text-decoration: none; text-decoration: none; } .quality_certifications a:hover { -webkit-text-decoration: underline; text-decoration: underline; } .quality_certifications .title { color: #19191a; font-size: 16px; font-weight: 600; line-height: 24px; padding: 32px 0 0; } .quality_certifications .product_compliance_status { color: #333; font-size: 14px; font-weight: 400; line-height: 22px; padding: 12px 0 0; } .quality_certifications .ctn_box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 12px 0 0; } .quality_certifications .ctn { margin-right: 35px; margin-top: 12px; } .quality_certifications .link-pp-popover { display: inline-block; margin-left: 4px; } .quality_certifications .trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .quality_certifications .ctn_tip_trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .quality_certifications .ctn_tip_trigger img { display: block; height: 62px; max-height: 100%; max-width: 100%; } .ctn_tip_trigger img.icon01 { width: 60px } .ctn_tip_trigger img.icon02 { width: 66px } .ctn_tip_trigger img.icon03 { width: 60px } .ctn_tip_trigger img.icon04 { width: 68px } .ctn_tip_trigger img.icon05 { width: 58px } .ctn_tip_trigger img.icon06 { width: 106px } .ctn_tip_trigger img.icon07, .ctn_tip_trigger img.icon08 { width: 60px } .ctn_tip_trigger img.icon09 { width: 72px } .ctn_tip_trigger img.icon010 { width: 62px } .ctn_tip_trigger img.icon011 { width: 66px } .ctn_tip_trigger img.icon012 { width: 52px } .ctn_tip_trigger img.icon013 { width: 70px } .ctn_tip_trigger img.icon014 { width: 66px } .ctn_tip_trigger img.icon015 { width: 154px } .ctn_tip_trigger img.icon016 { width: 60px } .ctn_tip_trigger img.icon017 { width: 54px } .ctn_tip_trigger img.icon17 { width: 52px } .ctn_tip_trigger img.icon018 { width: 46px } .ctn_tip_trigger img.icon22 { width: 76px } .ctn_tip_trigger img.icon23 { width: 154px } @media(max-width:960px) { .quality_certifications .ctn { margin-right: 25px; } .ctn_tip_trigger img { height: 52px !important } .ctn_tip_trigger img.icon01 { width: 52px } .ctn_tip_trigger img.icon02 { width: 58px } .ctn_tip_trigger img.icon03 { width: 52px } .ctn_tip_trigger img.icon04 { width: 60px } .ctn_tip_trigger img.icon05 { width: 46px } .ctn_tip_trigger img.icon06 { width: 92px } .ctn_tip_trigger img.icon07, .ctn_tip_trigger img.icon08 { width: 52px } .ctn_tip_trigger img.icon09 { width: 64px } .ctn_tip_trigger img.icon010 { width: 52px } .ctn_tip_trigger img.icon011 { width: 56px } .ctn_tip_trigger img.icon012 { width: 52px } .ctn_tip_trigger img.icon013, .ctn_tip_trigger img.icon014 { width: 56px } .ctn_tip_trigger img.icon015 { width: 132px } .ctn_tip_trigger img.icon016 { width: 48px } .ctn_tip_trigger img.icon017, .ctn_tip_trigger img.icon17 { width: 46px } .ctn_tip_trigger img.icon018 { width: 44px } .ctn_tip_trigger img.icon22 { width: 64px } .ctn_tip_trigger img.icon23 { width: 132px } } @media(max-width:768px) { body .quality_certifications .popper-computer { width: 94%; max-width: none; transform: translate(-50%, -50%) !important; } .quality_certifications .popper-computer:after { display: none; } .new_proList_mainListL { grid-template-columns: repeat(2, 1fr); } } .ctn_tip .ctn_tip_tip { min-width: 260px } .ctn_tip.info { padding: 20px } @media(max-width:960px) { .ctn_tip.info { width: 100% } } .popper-computer { background: #fff; border-radius: 8px; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1); box-shadow: 0 2px 8px 0 rgba(0,0,0,.1); color: #333; font-size: 13px; line-height: 20px; max-width: 300px; width: 300px; padding: 20px; z-index: 212; } .popper-computer:focus-visible { outline:none } .date-picker--popper-box { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .popper-computer-bottom:before, .popper-computer-top:before { background: #fff; border-radius: 8px; bottom: 0; content: ""; height: 12px; left: 0; position: absolute; width: 100%; z-index: 11 } .popper-computer-top:before { bottom: 0 } .popper-computer-bottom:before { top: 0 } .popper-computer-left:before, .popper-computer-right:before { background: #fff; border-radius: 8px; content: ""; height: 100%; position: absolute; top: 0; width: 12px; z-index: 11 } .popper-computer-left:before { right: 0 } .popper-computer-right:before { left: 0 } .popper-computer-bottom:after, .popper-computer-top:after { background: transparent; content: ""; height: 20px; left: 0; position: absolute; width: 100% } .popper-computer-top:after { bottom: -16px } .popper-computer-bottom:after { top: -16px } .popper-computer-left:after, .popper-computer-right:after { background: transparent; content: ""; height: 100%; position: absolute; top: 0; width: 20px; z-index: 11 } .popper-computer-left:after { right: -16px } .popper-computer-right:after { left: -16px } .link-pp-popover { position: relative; } .quality_certifications .popper-computer { position: absolute; top: 100%; left: 50%; transform: translate(-50%, 12px) !important; display: none; opacity: 0; transition: opacity 0.18s ease, transform 0.18s ease; pointer-events: auto; } .popper-computer.visible { display: block !important; opacity: 1; transform: translate(-50%, 0); animation: fadeIn 0.18s ease forwards; } @keyframes fadeIn { from { opacity: 0; transform: translate(-50%, 6px); } to { opacity: 1; transform:translate(-50%, 0); } } .popper-computer:after { content: ''; position: absolute; top: -16px; left: 50%; transform: translateX(-50%); border-width: 8px; border-style: solid; border-color: transparent transparent #fff transparent; } .ctn_tip_tip { max-width: 100%; word-wrap: break-word; } .products_ad .title { color: #19191a; font-size: 16px; font-weight: 600; line-height: 24px; padding: 25px 0 13px; } .products_ad .ctn_box .img { display: block; max-width: 100%; border-radius: 8px; overflow: hidden; } .products_ad .ctn_box { position: relative; } .products_ad .ctn { display: inline-block; padding-left: 30%; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); width: 84%; } .products_ad .ctn .text { margin-top: 10px; color: #333; font-size: 14px; line-height: 22px; width: 100%; } .products_ad .blacktext-link .text { color: #19191a; cursor: pointer; font-size: 14px; font-weight: 400; line-height: 22px; } .products_ad .blacktext-link .iconfont { font-size: 12px; } .content_box { display: grid; grid-template-columns: repeat(2, 1fr); margin: 28px auto 0; max-width: 950px; grid-gap: 12px; gap: 12px; } .content_box .ctn_box .desc { color: #707070; font-size: 14px; line-height: 22px; margin-top: 12px; text-align: center; word-break: break-word; } .subtitle_img img, .photo_gallery_box img { border-radius: 8px; overflow: hidden; } @media(max-width:960px) { .products_ad .ctn { display: block; padding-left: 0; position: relative; top: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100%; margin-top: 10px; } .content_box { grid-template-columns: repeat(1, 1fr); margin-top: 16px; } } .products_features .title { color: #19191a; font-size: 16px; font-weight: 600; line-height: 24px; padding: 0 0 10px; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; } .h2title { text-align: center; font-size: 16px; color: #19191a; line-height: 24px; margin: 0 auto; max-width: 950px; padding: 0 0 12px; font-weight: bold; } .subtitle_text { color: #333; font-size: 14px; line-height: 22px; margin: 0 auto 28px; max-width: 950px; text-align: center; } .subtitle_img { margin: 0 auto; max-width: 950px; width: 100%; } .tag_main { margin: 0 auto; max-width: 950px; width: 100%; } .link-pp_tag_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tag_title { color: #333; font-size: 14px; line-height: 22px; padding: 23px 0 30px; } .link-pp_tag { display: inline-block; max-width: 100%; position: relative } .tag_title.tag_title_bottom { padding-bottom: 0; } .tag_img { display: block; margin: 0 auto; max-width: 100%; position: relative; z-index: 0; } .tag_point_box { border-radius: 100%; display: inline-block; height: 32px; margin-left: -16px; margin-top: -16px; position: absolute; width: 32px; } .tag_point_box .linkpp-popover { margin-left: 0; display: inline-block; } .tag_point_box.trigger { height: 32px; width: 32px; } .tag_point { display: inline-block; height: 32px; left: 0; position: absolute; top: 0; width: 32px; } .tag_point .tag_point_view { background: rgba(0,0,0,.2); border-radius: 100%; cursor: pointer; display: inline-block; height: 32px; position: relative; -webkit-transition: all .3s; transition: all .3s; width: 32px; } .tag_point .tag_point_view.tag_point_active { background: rgba(0,0,0,.3); } .tag_point .tag_point_view:hover { background: rgba(0,0,0,.3); } .tag_point .iconfont_tag { color: #fff; font-size: 16px; left: 50%; margin-left: -8px; margin-top: -10px; position: absolute; top: 50%; -webkit-transition: all .3s; transition: all .3s; } .tag_point .iconfont_tag.iconfont_tag_hide { opacity: 0; } .tag_point .iconfont_scene { color: #fff; font-size: 18px; left: 50%; margin-left: -9px; margin-top: -9px; position: absolute; top: 50%; -webkit-transition: all .3s; transition: all .3s; } .tag_point .iconfont_scene { font-size: 14px; margin-left: -7px; margin-top: -7px; } .tag_point .iconfont_scene.iconfont_tag_hide { opacity: 0; } .tag_point .iconfont_close { color: #fff; font-size: 16px; left: 50%; margin-left: -8px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .3s; transition: all .3s; } .tag_point .iconfont_close.iconfont_close_show { opacity: 1; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .tag_popup { background-color: #fff; border-radius: 2px; -webkit-box-shadow: 0 1px 8px 0 hsla(0,8%,44%,.3); box-shadow: 0 1px 8px 0 hsla(0,8%,44%,.3); display: block; left: 50%; min-height: 86px; min-width: 300px; padding: 16px; position: absolute; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); z-index: 10; } .iconfont_popup_close { color: #4c4948; cursor: pointer; font-size: 12px; line-height: 20px; line-height: 12px; position: absolute; right: 16px; top: 16px; } .product_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; position: relative; } .product_item .product_img { display: block; width: 68px; -ms-flex-negative: 0; flex-shrink: 0; } .product_item .product_img>img { display: block; margin: 0 auto; max-width: 100%; } .product_item .product_detail { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .product_item .product_detail .product_name, .product_item .product_detail .product_title { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; width: 100%; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333; font-size: 12px; line-height: 20px; margin: 0 auto 2px; text-align: left; } @media(max-width: 768px) { .popper-computer { position: fixed !important; inset: 50% 50% !important; height: -moz-fit-content; height: -webkit-fit-content; height: fit-content; } .product_item .product_detail .product_name, .product_item .product_detail .product_title { margin: 0 auto 10px; } } .product_item .product_detail .product_name>a, .product_item .product_detail .product_title>a { color: #19191a; display: block; } .product_item .product_detail .product_name:hover, .product_item .product_detail .product_title:hover { -webkit-text-decoration: underline; text-decoration: underline; } .product_item .product_detail .product_id { display: -webkit-box; font-size: 14px; font-weight: 400; line-height: 22px; margin-bottom: 4px; margin-top: 12px; max-height: 40px; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: none; overflow: hidden; } .product_item .product_detail .product_id:hover { -webkit-text-decoration: underline; text-decoration: underline; } .product_item .product_detail .product_bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product_item .product_detail .product_bottom .price { color: #19191a; font-size: 14px; font-weight: 600; line-height: 22px; } .product_item .product_detail .product_bottom .iconfont_cart { border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 26px; position: absolute; -webkit-transition: all .3s; transition: all .3s; width: 26px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #c00000; bottom: 0; -webkit-box-shadow: 0 3px 9px 0 rgba(0,0,0,.1); box-shadow: 0 3px 9px 0 rgba(0,0,0,.1); color: #fff; cursor: pointer; font-size: 12px; line-height: 1; right: 0; } .product_item .product_detail .product_bottom .iconfont_cart:hover:after { opacity: .2 } .product_item .product_detail .product_bottom .iconfont_cart:after { background: #19191a; border-radius: 4px; content: ""; display: block; height: 26px; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: all .3s; transition: all .3s; width: 26px; } @media(max-width: 768px) { .product_item .product_detail .product_bottom .iconfont_cart { bottom: auto; } } .product_item .product_detail .product_bottom .add_cart_btn { height: 26px; padding: 0; width: 26px; background: #c00000; color: #fff; border: none; border-radius: 4px; overflow: hidden; position: relative; cursor: pointer; } .product_item .product_detail .product_bottom .add_cart_btn.iconfont { font-size: 14px; line-height: 1; } @media(max-width: 768px) { .product_item_box { width: 100%; } .tag_point .tag_point_view { height: 22px; width: 22px; } .tag_point .iconfont_tag { font-size: 12px; margin-left: -6px; margin-top: -9px; } .tag_point .iconfont_close { font-size: 12px; margin-left: -6px; margin-top: -9px; } .tag_point { padding: 5px; } .popper-mobile-mask { background: rgba(0, 0, 0, .2); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 112; display: none; } .popper-computer>.linkpp-popover-arrow { display: none; } } .product_item_box:last-of-type .product_item { margin-right: 0; } .product_box_more { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product_box_more, .product_box_more .product_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .product_box_more .product_item { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; width: 140px; -ms-flex-negative: 0; flex-shrink: 0; padding: 5px 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product_box_more .product_item .product_img { margin-right: 0; width: 68px; } .product_box_more .product_item .product_detail .product_title { display: none; } .product_box_more .product_item .product_detail .product_id { display: block; text-align: left; } .product_box_more .product_item .product_detail .product_bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product_box_more .product_item .product_detail .product_bottom .price { margin-bottom: 8px; } .linkpp-popover-arrow, .linkpp-popover-arrow:before { background: inherit; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1); box-shadow: 0 2px 8px 0 rgba(0,0,0,.1); height: 18px; position: absolute; width: 18px; z-index: 8; } .linkpp-popover-arrow { visibility: hidden; } .linkpp-popover-arrow:before { content: ""; -webkit-transform: scale(.707) rotate(45deg); -ms-transform: scale(.707) rotate(45deg); transform: scale(.707) rotate(45deg); visibility: visible; } .popper-computer>.linkpp-popover-arrow { left: -8px; } .linkpp-button-red:before { background: #19191a; border-radius: 4px; bottom: 0; content: " "; display: block; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all .3s; transition: all .3s; width: 100%; } .linkpp-button-red:hover:before { opacity: .2; } .linkpp_content { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 28px auto 0; max-width: 1000px; -webkit-box-pack: justify; -ms-flex-pack: justify; gap: 12px; justify-content: space-between; } .linkpp_content.linkpp_content_1 .con_item { width: 100%; } .linkpp_content.linkpp_content_3 .con_item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .linkpp_content.linkpp_content_4 .con_item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .linkpp_content.linkpp_content_5 .con_item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .linkpp_content.linkpp_content_6 .con_item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .linkpp_content .con_item { -webkit-box-flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } .linkpp_content .con_item.con_item_col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .linkpp_content .con_item.con_item_col .icon { margin-bottom: 16px; margin-right: 0; } .linkpp_content .con_item.con_item_col .text_box .text_title { color: #19191a; font-size: 14px; font-weight: 600; line-height: 22px; } .linkpp_content .con_item.con_item_col .text_box .text_info { color: #707070; font-size: 14px; line-height: 22px; white-space: pre-line } .linkpp_content .con_item .icon { display: block; height: 30px; margin-right: 16px } .linkpp_content .con_item .text_box { background: #f7f7f7; border-radius: 4px; height: 100%; padding: 12px 20px; width: 100%; word-break: break-word; } .linkpp_content .con_item .text_box:hover { background: #eaeaea; } .linkpp_content .con_item .text_box .text_title { color: #19191a; font-size: 14px; font-weight: 600; line-height: 22px; text-align: center; } .linkpp_content .con_item .text_box .text_info { color: #707070; font-size: 14px; line-height: 22px; text-align: center; white-space: pre-line; } .linkpp_content.linkpp_content_2 .con_item { width: calc(50% - 4px); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media(max-width: 960px) { .linkpp_content { margin-top: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .linkpp_content.linkpp_content_1 .con_item, .linkpp_content.linkpp_content_2 .con_item { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .linkpp_content.linkpp_content_3 .con_item { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .linkpp_content.linkpp_content_4 .con_item { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .linkpp_content.linkpp_content_5 .con_item { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .linkpp_content.linkpp_content_6 .con_item { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .linkpp_content .con_item { margin-bottom: 12px; width: 100%; } .linkpp_content .con_item:last-child { margin-bottom: 0; } .linkpp_content .con_item.con_item_col { text-align: left; width: 100%; } .linkpp_content .con_item.con_item_col { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: left; -ms-flex-align: left; align-items: left; } .linkpp_content .con_item.con_item_col .icon { margin-bottom: 0; margin-left: 0; margin-right: 20px } .linkpp_content .con_item .icon { margin-left: 0; } .linkpp_content .con_item .icon { height: 28px; margin-right: 20px; width: 28px; } .linkpp_content .con_item .text_box .text_title { font-size: 14px; line-height: 22px } .linkpp_content .con_item .text_box .text_info { font-size: 14px; line-height: 22px; } .linkpp_content.linkpp_content_2 { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .linkpp_content.linkpp_content_2 .con_item { padding: 0; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media(max-width: 1220px) { .linkpp_content .con_item .icon { margin-right: 12px; } } .module_Link-PP_switch_table { position: relative; } .module_Link-PP_switch_table:before { background: -webkit-gradient(linear, left top, right top, from(rgba(25,25,26,.15)), to(hsla(0,0%,100%,0))); background: linear-gradient(90deg, rgba(25,25,26,.15), hsla(0,0%,100%,0)); content: ""; display: block; height: 100%; left: 184px; opacity: 0; opacity: var(--left-mark-opacity, 0); pointer-events: none; position: absolute; top: 0; -webkit-transition: opacity .2s; transition: opacity .2s; width: 10px; z-index: 4 } @media(max-width: 768px) { .module_Link-PP_switch_table:before { display: none } .module_Link-PP_switch_table:before { left: 156px } } .module_Link-PP_switch_table .silder_div { background: #fff; border-radius: 50%; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1); box-shadow: 0 2px 8px 0 rgba(0,0,0,.1); cursor: pointer; height: 40px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s; transition: all .2s; width: 40px; z-index: 4 } @media(max-width: 768px) { .module_Link-PP_switch_table .silder_div { display: none } } .module_Link-PP_switch_table .silder_div:hover { background: #f7f7f7 } .module_Link-PP_switch_table .silder_div i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; color: #707070; font-size: 20px; justify-content: center; margin-top: 10px } .module_Link-PP_switch_table .silder_div.previous_div { left: 204px; opacity: 0; opacity: var(--previous-opacity, 0); pointer-events: "none"; pointer-events: var(--previous-pointer-events, "none") } @media(max-width: 768px) { .module_Link-PP_switch_table .silder_div.previous_div { left: 176px } } .module_Link-PP_switch_table .silder_div.next_div { opacity: 0; opacity: var(--next-opacity, 0); pointer-events: "none"; pointer-events: var(--next-pointer-events, "none"); right: 20px } .header_div { position: sticky; top: 26px; } .header_div:after { background: -webkit-gradient(linear, left bottom, left top, from(hsla(0,0%,100%,0)), to(rgba(25,25,26,.15))); background: linear-gradient(0deg, hsla(0,0%,100%,0), rgba(25,25,26,.15)); content: ""; display: block; height: 10px; left: 0; left: var(--header-mark-left, 0); opacity: 0; opacity: var(--header-mark-opacity, 0); pointer-events: none; position: absolute; top: 100%; -webkit-transition: opacity .2s; transition: opacity .2s; width: 100%; width: var(--header-mark-width, 100%); } .header_div .header_div_container { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .header_div .header_div_container::-webkit-scrollbar { display: none; } .header_div .header_div_container .table { height: 100%; table-layout: fixed; width: 100%; } .header_div .header_div_container .table tbody tr th:not(:first-child) { width: 240px; width: var(--table-column-width, 240px); } .header_div .header_div_container .table tbody tr th:first-child { left: 0; position: sticky; width: 184px; } .header_div .header_div_container .table tbody tr th .header_item { height: 100%; text-align: center; } .header_div .header_div_container .table tbody tr th .header_item .products_box { color: #19191a; display: block; height: 100%; padding: 12px; } .header_div .header_div_container .table tbody tr th .header_item .products_box .products_img_box { display: block; margin: 0 auto 8px; max-width: 100%; } .header_div .header_div_container .table tbody tr th .header_item .products_box .products_img { display: block; height: 100px; margin: 0 auto; -o-object-fit: contain; object-fit: contain; width: 100px; } .header_div .header_div_container .table tbody tr th .header_item .products_box .products_text { color: #19191a; display: -webkit-box; font-size: 14px; font-weight: 600; line-height: 22px; max-height: 44px; overflow: hidden; padding: 0 10px; text-align: center; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .header_div .header_div_container .table tbody tr th .header_item .products_box .products_text>a { color: #19191a; } .header_div .header_div_container .table tbody tr th .header_item:first-child { background: #fff; color: #19191a; font-size: 12px; line-height: 20px; text-align: left; } .table_div { overflow-x: auto; } .table_div .desktop-table { display: table; height: 100%; table-layout: fixed; width: 100%; } .table_div .desktop-table tbody tr:nth-child(odd) { background: #fff; border-radius: 4px; } .table_div .desktop-table tbody tr:nth-child(odd) td .bg_div { background: rgba(64,128,255,.06); } .table_div .desktop-table tbody tr td { background: #fff; color: #19191a; font-size: 14px; line-height: 22px; } .table_div .desktop-table tbody tr td .bg_div { height: 100%; padding: 12px 16px; text-align: center; word-wrap: break-word; -ms-flex-line-pack: center; align-content: center; } .table_div .desktop-table tbody tr td:not(:first-child) { width: 240px; width: var(--table-column-width, 240px); } .table_div .desktop-table tbody tr td:first-child { font-weight: 600; left: 0; position: sticky; width: 184px; } .table_div .desktop-table tbody tr td:first-child .bg_div { padding-left: 16px; text-align: left; } .table_div .desktop-table tbody tr td:first-child .bg_div .info { color: #19191a; } .table_div .mobile-table { display: none; height: 100%; table-layout: fixed; width: 100%; } .table_div .mobile-table .tbody_div { display: grid; grid-template-rows: 1fr; -webkit-transition: grid-template-rows .3s; transition: grid-template-rows .3s; transition: grid-template-rows .3s, -ms-grid-rows .3s; } .table_div .mobile-table .tbody_div .tr_div { display: grid; } .table_div .mobile-table .tbody_div .tr_div:nth-child(odd) { background: #fff; border-radius: 4px; } .table_div .mobile-table .tbody_div .tr_div:nth-child(odd) .td_div:not(:first-child) { background: rgba(64,128,255,.06); } .table_div .mobile-table .tbody_div .tr_div .td_div { background: #fff; color: #19191a; font-size: 14px; line-height: 22px; } .table_div .mobile-table .tbody_div .tr_div .td_div .bg_div { height: 100%; padding: 12px 16px; text-align: center; word-wrap: break-word; -ms-flex-line-pack: center; align-content: center; } .table_div .mobile-table .tbody_div .tr_div .td_div:not(:first-child) { width: 191px; } .table_div .mobile-table .tbody_div .tr_div .td_div:first-child { font-weight: 600; grid-column: 1/-1; left: 0; position: sticky; width: 156px; } .table_div .mobile-table .tbody_div .tr_div .td_div:first-child .bg_div { padding: 8px 0 4px; text-align: left; } .table_div .mobile-table .tbody_div .tr_div .td_div:first-child .bg_div .info { color: #19191a; width: calc(100vw - 32px); } @media(max-width: 768px) { .header_div:after { left: 0; width: 100%; } .header_div .header_div_container { padding: 0 24px 0 0; } .header_div .header_div_container .table tbody tr th:first-child { position: fixed; width: 191px; } .table_div .desktop-table tbody tr td:first-child { width: 156px; } .table_div .mobile-table { display: block; } } @media(max-width: 960px) { .table_div .desktop-table tbody { border-collapse: separate; border-spacing: 46px; } .table_div .desktop-table tbody tr:nth-child(odd) { border-radius: none; } .table_div .mobile-table .tbody_div .tr_div:nth-child(odd) { border-radius: none; } } @media(max-width: 1200px) { .header_div { top: -50px; } }