@charset "utf-8";
/* CSS Document */
@import "../nb_font/iconfont.css";
.iconfont{ font-family:"iconfont"}
html{width:100%; height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7,pre,form,fieldset,p,blockquote,th,td,span,em,p,a,input,img,input,button{margin:0; padding:0; border:0; outline:none;}
ol,ul,li,dl,dd,dt,.from{ display:block; list-style-image:none;list-style-position:outside;list-style-type:none;}
body{ font-family:"Microsoft YaHei",Arial;font-size:14px;line-height:24px; color:#666; width:100%; min-width:1200px;}
.fl { float:left;}
.fr{ float:right;}
.clear{ clear:both;height:0;}
img{ display:block;border:0; margin:0px; padding:0px; outline:none;}
a{text-decoration:none; list-style:none; cursor:pointer; color:#666;}
a:hover{text-decoration:none;}
.f12{ font-size:12px;}
.f16{ font-size:16px;}
.w100{width:1200px; margin:0 auto;}

#ordertype{margin-left:80px;font-size:20px;color:#f94576;font-weight:bold;}

header{ padding-top:10px; overflow:hidden; line-height:34px; background:url(../images/head_bg.jpg) no-repeat center; background-size:100% 100%;}
header .h_top{ overflow:hidden;}
header .h_top a:hover span{ color:#36b8f5;}
header .h_top .fr a{ float:right; margin-left:30px;}
header .h_top .fr a:last-child i{ font-size:18px; vertical-align:middle; color:#27aeff}
header .h_top .nav{ float:right;}
header .h_top .nav a{ display:inline-block; padding:0 25px;}
.h_top1{ padding:50px 0; overflow:hidden;}
.logo{ width:315px; height:75px; margin-right:60px; background:url(../images/logo.png) no-repeat center; background-size:100%;}
.search { float:left; padding-top:15px; line-height:42px;}	
.search form{ box-shadow:0 0 10px #ddd;width:425px; float:left;background:#fff; border:1px solid #ddd; border-radius:6px;overflow:hidden; color:#ccc; margin-right:30px;}
.search input{ display:block; width:360px; float:left; line-height:42px;height:42px; padding:0 5px;}
.search button{ display:inline-block; width:55px; line-height:42px; font-size:18px; background:#fff; cursor:pointer}
.search a{ display:inline-block; line-height:42px;height:42px; border:1px solid #ccc; border-radius:6px; padding:0 20px 0 10px; position:relative; background:#fff; transition:.3s;}
.search a i{ font-size:20px; color:#2da2de;}
.search a span{ position:absolute; right:5px; top:5px; display:inline-block; width:16px; font:12px/16px ""; text-align:center; background:#F00; color:#fff; border-radius:100%;}
.search a:hover{ box-shadow:0 0 10px #ccc}
/*  head end  */

nav{ background:#f94576; height:60px;}
nav ul#nav1,nav ul#nav1 li{ display:block; overflow:hidden;}
nav ul#nav1 li{ line-height:60px; float:left; color:#fff; width:171px; text-align:center; cursor:pointer; transition:.3s;}
nav ul#nav1 li.on,nav ul#nav1 li:hover{ background:#fff; color:#f94576;}
nav ul#nav2 {float:right;box-shadow:#ccc 2px 2px 2px;width:171px;margin-top:-20px;background:#f94576;margin-right:3px;position:relative;z-index:2;display:none;}
nav ul#nav2 li{line-height:40px;height:40px;color:white;text-align:center;transition:.3s;font-size:16px;cursor:pointer;}
nav ul#nav2 li.on,nav ul#nav2 li:hover{background-color:white;color:#f94576;}
.main{ padding:20px 0 30px; overflow:hidden;}
.main img{max-width:100%;}
.sort{ display:block; overflow:hidden; border:1px solid #eee; box-shadow:0 0 5px #eee; padding:0 10px; line-height:26px;}
.sort li{ border-bottom:1px dashed #eee; padding:10px 0; overflow:hidden;}
.sort li:last-child{ border-bottom:none;}
.sort li p{ display:inline-block; width:70px; float:left; margin-right:15px; text-align:justify; text-align-last:justify;}
.sort li div{ width:1090px; float:left}
.sort li div span{ display:inline-block; margin-right:30px; cursor:pointer;}
.sort li div span:hover,.sort li div span.on{ color:#f94576}
/*  分类  end  */
.product{ overflow:hidden; padding-bottom:40px;}
.product .proLi{ width:270px; float:left; margin:30px 37px 0 0; border:1px solid #eee; transition:.3s;}
.product .proLi:nth-child(4n+4){ margin:30px 0 0;}
.product .proLi .bigImg{ width:260px; height:260px; line-height:260px; padding:5px 5px 8px;}
.product .proLi .bigImg div{ display:none;}
.product .proLi .bigImg div:first-child{ display:block;}
.product .proLi .bigImg img{ display:inline-block; vertical-align:middle; width:auto; max-width:100%; max-height:100%;object-fit: contain;}
.product .proLi .bd{ padding:0 28px; position:relative;}
.product .proLi .bd>a{ position:absolute; top:0; left:0; width:30px; line-height:38px; text-align:center; font-weight:bold;}
.product .proLi .bd>a.next{ right:0; left:auto}
.product .proLi .smImg{ display:block; width:100%; height:39px;padding:0 5px;}
.product .proLi .smImg li{ display:block;_display:inline; overflow:hidden;float: left; text-align:center; margin-right:8px; padding:1px;border:1px solid #eaeaea; width:44px;height:35px;}
.product .proLi .smImg li:last-child{ margin-right:0;}
.product .proLi .smImg li a img{ width:44px;height:35px;}
.product .proLi .smImg li.on{ border-color:#157cb0}
.product .proLi.on{ box-shadow:0 0 10px #ccc;}
.product .proLi .tit{ padding:10px; overflow:hidden;border-top:1px solid #eee;}
.product .proLi .tit p{ display:-webkit-box; width:225px; float:left; overflow:hidden; text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical; font-size:16px;}
.product .proLi .tit i{ font-size:22px; color:#47ade3}
.product .proLi .price{ border-top:1px solid #eee; overflow:hidden}
.product .proLi .price div{ float:left; width:125px; padding:5px;text-align:center;}
.product .proLi .price div:first-child{ width:124px; border-right:1px solid #eee;}
.product .proLi .price div span{ font:12px/20px ""; display:inline-block; width:20px; height:20px; border-radius:50%; border:1px solid #47ade3; text-align:center; color:#157cb0; float:left; margin-right:8px;}
.product .proLi .price div p{ display:block; float:left; font:12px/20px ""; color:#666;}
.product .proLi .price div b{ display:block; font-size:14px; color:#e93636;}

.product .proLi .desc{padding:10px;overflow:hidden;border-top:1px solid #eee;}
.product .proLi .desc p{ display:-webkit-box; overflow:hidden; text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical; font-size:16px;}
.i-gouwuche2{cursor:pointer;}

.searchli{display:none;}

.pages{text-align:center;}
.pages .nomore{display:none;}
.pages .more{color:#f94576;cursor:pointer;}

.list_page{ display:block;width:100%; overflow: hidden;text-align:center; }
.list_page li {display:inline-block;padding:0 10px; line-height: 26px; background:#e1e1e1;}
.list_page li a:hover{ color:#ff552e;}
.list_page li:last-child{ background:none}
/*  首页列表  end  */

footer{ background:#3a3939; padding:30px 0 40px; font:16px/40px ""}
footer .f_nav{ text-align:center;}
footer .f_nav a{ display:inline-block; margin:0 65px; line-height:30px; color:#eee; transition:.3s;}
footer .f_nav a:hover{ color:#fff;}
footer .ewm{ padding:40px 0 10px; margin-bottom:40px; overflow:hidden; text-align:center; border-bottom:1px solid #a6a6a6}
footer .ewm span{ display:inline-block; width:98px; margin:0 50px; color:#fff;}
footer .ewm span img{ width:98px; height:100px;}
footer .tel{ height:40px;}
footer .tel p{ display:block;width:50%; float:left; color:#fff; text-align:center;}
footer .tel p i{ font-size:20px; margin-right:10px;}

.gouwuche{position:absolute;background-color:white;box-shadow:0 0 10px #ccc;width:270px;z-index:2000;}
.gouwuone{border-bottom:1px solid #ccc;}
.gouwuche .gouwuname{padding:5px;border-bottom:1px dotted #eee;}
.gouwuones{}
.srone{padding:5px;}
.gouwusaletitle{font: 12px/20px "";display: inline-block;width: 20px;height: 20px;border-radius: 50%;border: 1px solid #47ade3;text-align: center;color: #157cb0;float: left;margin-right: 8px;display:block;float:left;}
.gouwuprice{display:block;float:left;color:#f94576;width:130px;}
.gouwucount{display:block;float:right;color:#aaa;}
.gouwubtn{float:right;margin-left:8px;background-color:#36b8f5;color:white;padding:3px 5px;cursor:pointer;}
.gouwubtn.on{background-color:#f94576;}
.gouwusub{background-color:#157cb0;padding:3px 5px;cursor:pointer;color:white;margin:5px 5px 5px 226px;}
										/* ------------------首页  end------------------ */

.table{ width:100%}
.gwc_tit li{ display:inline-block; font:16px/30px ""; padding:0 5px; margin-right:30px; border-bottom:1px solid #fff; cursor:pointer; transition:.3s;}
.gwc_tit li.on{ color:#f70a4b; border-bottom:1px solid #f70a4b}
.cart .cart1{ position:relative;}
.cart .cart1 .delete{ position:absolute; right:0; top:-40px; display:inline-block; line-height:30px; padding:0 10px; border:1px solid #36b8f5; color:#36b8f5; cursor:pointer}
.cart table{ width:100%; border:1px solid #eee; margin-top:10px;}
.cart table thead tr { background:#eee}
.cart table thead tr th{ padding-left:25px; font:16px/40px ""; font-weight:normal; text-align:left; border-top:none; margin-top:0; color:#333;}
.cart table tbody tr{ display:block; border-bottom:1px solid #eee;padding:15px 0;}
.cart table tr:last-child{ border-bottom:none;}
.cart table tr td{width:160px; text-align:center;}
/*.cart table tr td:first-child{ width:70px !important;}
.cart table tr td:nth-child(2){ width:350px; text-align:left;}
.cart table tr td:nth-child(2) img{ display:block; float:left; max-width:60px; max-height:65px; margin-right:15px;}
.cart table tr td:nth-child(2) span{ display:block;}*/

.cart table tr td:first-child{ width:380px; text-align:left; padding-left:50px;}
.cart .cart1 tr td:nth-child(2){ width:350px; text-align:left;}
.cart .cart1 tr td:first-child{ width:70px !important; text-align:center; padding:0;}
.cart table tr td:first-child img,.cart .cart1 tr td:nth-child(2) img{ display:block; float:left; max-width:60px; max-height:65px; margin-right:15px;}
.cart table tr td:first-child span,.cart .cart1 tr td:nth-child(2) span{ display:block;}
.cart table tr i,.xz_all i,.info li i{ display:inline-block; width:16px; height:16px; background:#fff; border:1px solid #ccc; border-radius:4px; cursor:pointer; vertical-align:middle;}
.cart table tbody tr.on{ background:#fff8fb;}
.cart table tr.on i,.xz_all i.on,.heji .on i,.xz_all1.on i,.info li .on i{ background:#fff url(../images/choose.png) no-repeat center; background-size:14px;}
.cart table .input1,.cart table .input2{ display:inline-block; width:22px; height:22px;text-align:center; line-height:14px; outline:none; background:#efefef; vertical-align:middle;}
.cart table input.number{display:inline-block; width:60px;text-align:center; line-height:20px; outline:none; background:#fff; vertical-align:middle; border:1px solid #f1f1f1;}
.cart table tr td:nth-child(4),.cart .cart1 tr td:nth-child(5){ color:#e10101; font-weight:bold}
.del a{ display:inline-block; padding:0 10px;}
.cart table tr td a:hover{ color:#36b8f5}
.heji{ overflow:hidden; height:60px; background:#eee; margin-top:20px;}
.xz_all{ padding:18px 0 0 25px; cursor:pointer}
.jisuan{ color:#333; line-height:60px;}
.jisuan span,.jisuan b{ color:#ff0000}
.jisuan b{ font:28px/60px ""; font-weight:bold; color:#ff0000}
.jisuan a{ display:block; width:160px; text-align:center; line-height:60px; font-size:18px; background:#f70a4b; color:#fff; float:right;}
/* 购物车列表 end */

#s-top{background: rgba(0,0,0,0.5);width:100%;height:100%;left:0;top:0;z-index:999;padding:0px; position:fixed; display:none;}
.s-top{ width:100%;width:700px; min-height:450px;background:#fff; position:absolute;top:50%; left: 50%;  border-radius:8px;}
.s-top .tab{ padding:6px 0; overflow:hidden; background:#f31250; color:#fff; text-align:center;}
.s-top .tab li{ width:349px; float:left; border-right:1px solid #c51646; font:16px/30px ""; font-weight:bold; cursor:pointer}
.s-top .tab li span{ display: inline-block; padding-bottom:5px;}
.s-top .tab li.on span{ border-bottom:2px solid #fff;}
.s-top .tab li:last-child{ border-right:none; border-left:1px solid #fff;}
.s-top .jd{ padding-top: 4.5em; background:url(../images/lc4.png) no-repeat center top 1em; border-top: 1px solid #eee; }
.s-top img{ display: inline-block; width: 6em; margin:0 1em 1em 0;}
.s-top .jd span{ display: block;float: left; width: 33.33%; text-align: center}
.s-top .close1{ display:inline-block; background:rgba(0,0,0,0.4); line-height:30px; width:30px; text-align:center; color: #fff; border-radius:50%; transition: all .3s; position:absolute; right:-15px; top:-15px; }
.s-top .close1:hover{ box-shadow: 0 0 8px #ccc; }
.card{ padding:15px 30px; margin-bottom:20px; overflow:hidden; line-height:28px; border-bottom:1px solid #e5e5e5;}
.tab_main li .layui-fluid{ padding:0 30px; overflow:hidden;}
.tab_main .layui-form-label{ width:60px; margin-right:5px; padding:0; line-height:24px; text-align:justify; text-align-last:justify}
.tab_main .layui-form-item .layui-input-inline{ width:137px;}
.tab_main .bz .layui-form-item .layui-input-inline,.tab_main .address .layui-form-item .layui-input-inline{ width:350px;}
.tab_main .layui-input{ line-height:24px; height:24px;}
.tab_main .layui-form-select dl{ top:26px;}
.button{ text-align:center; padding:20px 0; overflow:hidden;}
.button button{ display:inline-block; padding:0 20px; margin:0 10px; border:1px solid #ccc; transition:.3s; line-height:28px; background:none; border-radius:4px;}
.button button:hover,.button button:first-child{ color:#00a0e9; border-color:#00a0e9}
.tab_main .card .search,.tab_main .card .search form{ width:180px; float:right; margin:0; padding:0; line-height:28px;}
.tab_main .card .search input{ width:140px; height:28px; line-height:28px;}
.tab_main .card .search button{ width:30px; line-height:28px;}
.tab_main .layui-form-select dl dd.layui-this{ background:#36b8f5}
.tab_main div select{ border:1px solid #e6e6e6; display:block; width:100%; height:24px;}

.info{ margin-top:10px;}
.info li{ padding:0 30px; overflow:hidden;}
.info li input{ width:120px; display:inline-block;}
.info li div{ display:inline-block; float:left; min-width:130px}
.info li i{ margin-right:10px;}
.info li label b{ color:#F00}
.info .jiage{ line-height:20px; background:#f9f9f9; padding:0; margin:10px auto;}
.info .jiage p{ display:inline-block; padding:15px 0 0; line-height:16px; height:35px; width:25%; float:left; text-align:center;}
.info .jiage p:last-child{ background:#eae9e9;}
.info .jiage p span{ font-weight:bold; color:#f70a4b;}
.info .jiage p font{ display:block; font-size:12px;}
										/*-------------------------  购物车  end  ------------------------------*/
select{
 z-index: 4;
 border:1px solid #ccc;
 padding-left:5px;
 appearance: none;  
 -moz-appearance: none;  
 -webkit-appearance: none; 
 background-color: transparent;
 background:url(../images/arrow.png) no-repeat right 0.5em center;
 background-size:8px;
}
select::-ms-expand { 
 display: none; 
}