*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;} html{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;} body,html{margin:0;padding:0;width:100%;color:#232323;font-size:14px;font-family:"思源黑体";} dd,dl,dt,ul,ol,li,form,h1,h2,h3,h4,h5,h6,img,p,label,input{margin:0;padding:0;} a{color:#232323;text-decoration:none;cursor:pointer;} li,ul,ol{list-style:none;} input,select,textarea,button{padding:0;color:#232323;font-size:14px;font-family:"思源黑体";} select,textarea,input[type='text'],input[type='password'],input[type='number'],input[type='checkbox']{-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;appearance:none;} select,textarea,input[type='text'],input[type='password'],input[type='number']{border-radius:0;} textarea{resize:none;} input[type='checkbox']{position:relative;top:2px;width:15px;height:15px;border:1px solid #999;border-radius:2px;} input[type='checkbox']:checked{background:#fff url(/static/img/right.png) no-repeat;background-position:-1px -1px;} input::-ms-clear,input::-ms-reveal{display:none;} input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;} input::-moz-placeholder,textarea::-moz-placeholder{color:#999;} input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999;} input:-moz-placeholder,textarea:-moz-placeholder{color:#999;} img{max-width:100%;max-height:100%;border:none;} table{max-width:100%;width:100%;border-collapse:collapse;border:none;} header,footer{display:block;} sub,sup{display:inline-block;-webkit-transform:scale(.9);transform:scale(.9);} em,i{font-style:normal;} .layout{margin:0 auto;max-width:1300px;} .float-L{float:left;} .float-R{float:right;} .align-R{text-align:right;} .textC{text-align:center;} .clear:after,.clearfloat:after,.clearboth:after{clear:both;display:block;visibility:hidden;height:0;content:" ";} .clear,.clearfloat,.clearboth{zoom:1;} .position-R{position:relative;} .position-A{position:absolute;} .btn{display:inline-block;outline:0;border:none;text-align:center;cursor:pointer;} .border-B{border-bottom:1px solid #ddd;} .color-blue{color:#007bc4;} .color-gray{color:#666;} .error{color:#f00;} .hidden{display:none;} .p_nodata{padding:30px 0;text-align:center;font-size:14px;} .through{color:#666;text-decoration:line-through;} /*弹出层样式*/ .mask{position:fixed;top:0;left:0;z-index:10000;display:none;width:100%;height:100%;min-width:320px;} .mask>div{max-width:100%;} .mask_bg{width:100%;height:100%;z-index:10000;} .mask_bg,.dv_keyword_mask{background:#000;opacity:.5;filter:alpha(opacity=50);} .popups{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border:8px solid #2d3b4e;border-radius:5px;background:#fff;} .form-popups-title{height:40px;background:#eff5f7;text-align:center;font-weight:700;font-size:18px;line-height:40px;} .del-mask{position:absolute;top:0;right:5px;cursor:pointer;} .body_mask{padding-top:110px;} .layui-layer{max-width:95%;max-height:95%;} /*products card*/ .single-menu-detail-con,.products-con{font-size:0;} .item .product-card{width:100%;} .product-card{display:inline-block;padding:8px;width:20%;vertical-align:top;font-size:0;} .product-card .img-box{display:block;background:#e8f9fe;text-align:center;} .product-card .img-box img{vertical-align:middle;} .product-card dt{position:relative;padding-bottom:30px;} .product-name{position:absolute;bottom:0;display:block;overflow:hidden;width:100%;min-height:30px;border-bottom:1px solid #ddd;color:#666;font-size:14px;text-overflow:ellipsis;white-space:nowrap;line-height:24px;} .product-name span{position:absolute;left:0;width:100%;text-align:left;} .product-EN-name{bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .product-EN-name div.product-EN-name_show{bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: none;} .product-EN-name div.product-EN-name_flex{display:flex; justify-content:space-between;align-items:center;} .product-EN-name div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .product-EN-name div.goods_name{max-width: calc(100% - 140px);} .product-EN-name div.goods_brand{text-align:right;width:140px;} .product-CN-name{top:5px;display:none;font-weight:700;} .product-card dd{font-size:14px;overflow:hidden;height:30px;text-align:center;white-space:nowrap;line-height:30px;} .product-card dd span{display:inline-block;overflow-x:hidden;max-width:86px;} .product-card dd span:nth-child(2){max-width:95px;} .product-card dd span.float-R{max-width:56px;} .position_tips_img{position:absolute;top:5px;left:5px;} .p_loading{line-height: 200px; text-align: center;} .recommend_product_hide{display: none;} /*footer*/ body{position:relative;padding-bottom:340px;min-width:1200px;min-height:1000px;min-height:100vh;} .bide-footer{position:absolute;bottom:0;left:0;width:100%;background:#0f2037;} .bide-footer,.bide-footer a{color:#2f90c9;} .bide-footer li a:hover{text-decoration:underline;} .footer-top{overflow:hidden;padding:50px 0 45px;font-size:16px;} .footer-top .float-R p,.footer-nav li,.footer-contact li{line-height:36px;} .footer-nav{width:60%;} .footer-nav ul{float:left;width:150px;} .footer-contact{width:25%;} /*.footer-contact img{vertical-align:middle;}*/ .footer-contact li,.header-link li{white-space:nowrap;} .footer-contact li{padding-left:30px;} .footer_tel{background:url('/static/img/sprites/contact_sprite.png') no-repeat -5px -132px;} .footer_email{background:url('/static/img/sprites/contact_sprite.png') no-repeat -5px -95px;} .footer-top .float-R{min-width:126px;} .footer-top .float-R li{float:left;} .footer-top .float-R .img-box{display:block;width:68px;height:68px;margin-left:10px;padding:4px 4px 0;background:#fff;} .footer-B{padding:8px 0;border-top:1px solid #194f82;text-align:center;line-height:34px;} .footer-B a{display:inline-block;} .DCBL_bg,.ICP_bg{padding-left:40px;margin-left:50px;} .DCBL_bg{background:url(/static/img/package/DCBL.png) no-repeat left center;} .ICP_bg{background:url(/static/img/package/ICP.png) no-repeat left center;padding-right:30px;} /*header nav-bide*/ .nav-bide-show .nav-bide,.nav-bulk-show .nav-bulk,.nav-customization-show .nav-customization,.nav-feature-show .nav-feature,.nav-free-show .nav-free,.nav-integral-show .nav-integral,.nav-new-show .nav-new,.nav-sale-show .nav-sale{border-bottom:1px solid #fff;} /*header member-tips*/ .member-tips{padding:20px 25px;background:#fff;} .member-tips dt{float:left;width:40px;height:40px;border-radius:35px;background:#007bc4;color:#fff;text-align:center;line-height:40px;} .member-tips dd{padding-left:45px;} .member-tips dd p{white-space:nowrap;} .member-tips dd span{padding:0 5px 0 10px;} .member-tips dd b{color:#007bc4;} .member-tips dd a{color:#666;} /*header cart-tips*/ .cart-tips{z-index:99;padding:8px;width:315px;min-height:60px;background:#fff;font-size:12px;} .cart-tips h4{margin:0 0 8px;} .cart-tips ul{overflow:hidden;padding-bottom:8px;} .cart-tips .img-box{float:left;margin-right:5px;width:50px;height:50px;background:#e8f9fe;} .cart-tips-name{float:left;width:160px;white-space:nowrap;} .cart-tips-name p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .cart-tips-name span{padding-right:8px;color:#666;} .cart-tips .float-R{text-align:right;} .cart-tips .float-R span{color:#fd8300;} .a_toCart{display:inline-block;width:120px;height:36px;background:#fd8300;color:#fff;text-align:center;font-weight:700;font-size:14px;line-height:36px;} /*滚动加载 hader search*/ .fixed-head{position:fixed;top:-76px;width:100%;height:75px;background:#007bc4;} .fixed-head-show{top:0;z-index:10001;-webkit-transition:all .4s linear .1s;-moz-transition:all .4s linear .1s;transition:all .4s linear .1s;-ms-transition:all .4s linear .1s;} .fixed-head .Logo a{top:5px;} .header-scroll_mask{z-index:10000;} .header-scroll_mask_show{top:0!important;opacity:0.8;filter:alpha(opacity=80);} /*breadcrumb*/ .breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:50px;} .breadcrumb i{padding:0 5px;color:#aaa;font-size:12px;} .breadcrumb .current{color:#007bc4;} .common-title{margin-bottom:2%;color:#007bc4;font-size:24px;} .menu-con-title{min-height:38px;color:#007bc4;font-weight:700;font-size:24px;} .menu-con-title>span{padding-left:10px;color:#666;font-weight:400;font-size:12px;} /*page*/ .page,.pages,#dvPage{text-align:center;padding:30px 0;line-height:24px;} .page a,.page span,.pages a,.pages span,#dvPage a,#dvPage span{display:inline-block;padding:0 5px;font-size:16px;} .page .active,.pages .active,#dvPage .active{font-weight:700;font-size:18px;} /*21-08-05*/ .page span{cursor: pointer;} .page span:hover{font-weight:700;font-size:18px;} /*公共筛选框*/ .public-option{margin-bottom:10px;height:42px;border:1px solid #e2e9eb;background:#eff5f7;} .clear-option{display:inline-block;margin-right:10px;padding:12px 0 2px 0;color:#666;font-size:12px;} .public-option-list,.public-option-list>li{float:left;height:40px;} .public-option-tab a{float:left;display:inline-block;padding:0 15px;height:40px;border-right:1px solid #e2e9eb;line-height:40px;} .public-option-tab .current{background:#fff;} .tips-kuang{position:relative;z-index:5;margin-left:10px;height:50px;} .tips-kuang .purity-ul{left:-18px;width:130px;} .purity-ul .top-img{left:48px;} .tips-content .top-img{position:absolute;top:-16px;} .tips-content li{cursor:pointer;} .tips-content li span{display:inline-block;overflow:hidden;padding-left:2px;white-space:nowrap;} .tips-content li i{float:right;color:#fff;} .tips-content{position:absolute;top:46px;left:-5px;z-index:10;display:none;padding:10px;width:100px;border:1px solid #aaa;border-radius:4px;background:#fff;color:#555;} .tips-txt{display:inline-block;overflow:hidden;margin-top:6px;padding:0 8px;width:90px;height:28px;background:#fff url(/static/img/down.png) no-repeat;background-position:68px center;text-overflow:ellipsis;line-height:28px;} .tips-kuang:hover .tips-content{display:block;} .tips-content li:hover i{color:#666;} /*p 加载loading图片*/ .p_loading{line-height: 200px;text-align: center;} @media only screen and (min-width:1025px){ .product-card .img-box{min-height:240px;} .product-card:hover{-webkit-box-shadow:0 0 15px rgba(36,50,56,.3);-moz-box-shadow:0 0 15px rgba(36,50,56,.3);box-shadow:0 0 15px rgba(36,50,56,.3);} .product-card:hover img{visibility:hidden;} .product-card:hover .product-name{padding:0 10px;height:100%;background:#e8f9fe;white-space:normal;} .product-card:hover .product-EN-name_flex{display: none;} .product-card:hover .product-EN-name{padding:0 5px;display:-webkit-box;overflow:visible;overflow:hidden;max-height:152px;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;line-height:22px;word-break:normal;-webkit-line-clamp:7;-webkit-box-orient:vertical;} .product-card:hover .product-EN-name_show{display:-webkit-box;overflow:visible;overflow:hidden;max-height:152px;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;line-height:22px;word-break:normal;-webkit-line-clamp:7;-webkit-box-orient:vertical;} .product-card:hover .product-CN-name{padding:0 5px;display:block;display:-webkit-box;overflow:hidden;max-height:86px;text-overflow:ellipsis;line-height:22px;-webkit-line-clamp:4;-webkit-box-orient:vertical;} } @media only screen and (max-width:1350px){ .layout,.width1200{padding:0 2%;} .layout.footer-top{padding:4% 2% 3.5%;} .product-card{padding:5px;} } @media only screen and (max-width:1024px){ .common-title,.menu-con-title{font-size:22px;} /*product-card*/ .product-name,.product-card dd:nth-child(2) span.float-L{display:none;} .product-card{width:25%;} .product-card .img-box{min-height:175px;} .product-card dt{padding:0;} .product-card dd:nth-child(2){text-align:left;} /*footer*/ body{min-width:320px;} .bide-footer{padding-bottom:65px;margin-top:60px;} .footer-top{font-size:14px;} .footer-nav{width:48%;} .DCBL_bg,.ICP_bg{margin-left:20px;padding-left:25px;background-size:20px 20px;} .footer-B{line-height:28px;} } @media only screen and (max-width:780px){ .common-title,.menu-con-title{font-size:20px;} /*product-card*/ .product-card{width:33.3%;} /*footer*/ body{padding-bottom:380px;} .footer-nav{display:flex;width:100%;-webkit-display:flex;justify-content:space-between;} .footer-nav ul{width:auto;} .footer-B{line-height:24px;} .DCBL_bg,.ICP_bg{margin-left:15px;} } @media only screen and (max-width:640px){ .public-option{display:none;} .product-card{width:50%;} } @media only screen and (max-width:480px){ .product-card{padding:5px 3px;} .page a,.page i{font-size:14px;} .page .active{font-size:16px;} /*footer*/ .footer-B{text-align:left;font-size:12px;} .DCBL_bg,.ICP_bg{margin-left:0;} .DCBL_bg{width:100%;} .ICP_bg{padding-right:0;} .ICP_ba{padding-left:25px;} } @media only screen and (max-width:375px){ .bide-footer ul,.product-card dd{font-size:12px;} } @media only screen and (max-width:320px){ .common-title,.menu-con-title{font-size:18px;} body,html,input,select,textarea{font-size:12px;} .footer-top ul.float-R li:first-child{visibility:hidden;} .footer-B{line-height:20px;} }