body{
font-size:16px;
color:#333;
margin:0 auto;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
background:#f5f5f5
}

em{ font-style:normal}
.cl{ clear:both}
div,ul,li,table
{
color:#333;
font-size:16px;
font-family: Arial, Helvetica, sans-serif;
margin:0 auto; 
padding:0;
list-style:none;
box-sizing:border-box
}
*{outline:0px; margin:0 auto; padding:0; box-sizing:border-box; font-style:normal}
a,a:link,a:visited,a:active {
color: #333;
text-decoration: none;
}
a:hover {
text-decoration:none;
color: #036d6d;
}

/*定义新型浏览器特性*/
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:000}
::-webkit-scrollbar-track-piece{background:#f6f6f6}
::-webkit-scrollbar-thumb:vertical{background:#d0d0d0;}
::-webkit-scrollbar-thumb:vertical:hover{background:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background:#535353}
::-webkit-scrollbar-resizer:vertical{background:#FF6E00}


img{border:none}

/*分页样式*/
.pageban{ width:100%; text-align:center; float:left; font-size:14px}
.page_info{text-align:center;margin-top:20px;color:#333; font-size:14px}}
.page_info span{padding:0 2px;font-weight:bold;}

.page_list {
	height: 30px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0;
	font-family: Microsoft Yahei;
	font-size: 12px;
	margin-top:20px;
	padding-bottom: 10px;
	float: left;
	width: 100%;
	margin-bottom:80px;
}

.page_list a {
	display: inline-block;
	color: #333;
	border: 1px solid #ddd;
	background: #fff;
	text-align: center;
	padding: 0 13px;
	margin: 0 3px
}

.page_list a:hover {
	color: #fff;
	border: 1px solid #036d6d;
	background: #036d6d
}

.page_list a.on {
	background-color: #036d6d;
	color: #fff;
	border: 1px solid #036d6d
}


.page_lista {
	height: 30px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0;
	font-family: Microsoft Yahei;
	font-size: 12px;
	margin-top:20px;
	padding-bottom: 10px;
	float: left;
	width: 100%;
	margin-bottom:80px;
}

.page_lista a {
	display: inline-block;
	color: #333;
	border: 1px solid #ddd;
	background: #fff;
	text-align: center;
	padding: 0 13px;
	margin: 0 3px
}

.page_lista a:hover {
	color: #fff;
	border: 1px solid #036d6d;
	background: #036d6d
}

.page_lista a.on {
	background-color: #036d6d;
	color: #fff;
	border: 1px solid #036d6d
}

/*去掉input自动补全后的黄色样式*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
-webkit-transition-delay: 99999s;
-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;background-color:transparent;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #999  !important;
font-size: 14px;
}

input:-moz-placeholder, textarea:-moz-placeholder {
color: #999 !important;
font-size: 14px;
}

input::-moz-placeholder, textarea::-moz-placeholder {
color:  #999 !important;
font-size: 14px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #999 !important;
font-size: 14px;
}


/*首页*/
.tool{ width:100%; height:40px; line-height:40px; color:rgba(255,255,255,.6); background:#333;}
.tool *,.tool a{color:rgba(255,255,255,.6); font-size:12px}
.topbar-nav{ float:left;color:rgba(255,255,255,.6); font-size:12px}
.topbar-nav a:hover,.topbar-navr a:hover{ color:rgba(255,255,255,.8) }
.topbar-nav .sep,.topbar-navr .sep{ margin:0 10px; color:rgba(255,255,255,.2)}
.topbar-navr{ float:right;color:rgba(255,255,255,.6); font-size:12px}
.headerw{ width:100%; background:#fff; overflow:hidden;}
header{ width:100%; height:100px; padding-top:15px; background:#fff; float:left}
header .logo{ float:left;}
header .search{ float:right; height:24px; margin-top:25px}
header .search img{ height:100%}
.wapper{ width:92%;overflow:hidden; max-width:1400px; margin:0 auto}
.bsbg{ background:#fff}
nav{ float:left; margin-left:50px; margin-top:15px}
nav a{ float:left; line-height:50px; height:50px; margin-right:40px}
.dtbg .l{ width:260px; height:500px; background:#fff; float:left; margin-top:20px; padding-top:20px}
.dtbg .r{width:calc(100% - 270px);float:right; margin-top:20px}
.dtbg .r .r1{width:100%; height:380px; background:#d1f2fc; float:left;}
.dtbg .r .r2{width:100%; height:110px;float:left; margin-top:10px}
.dtbg .r .r2 ul{ display:inline}
.dtbg .r .r2 ul li{ width:24%; float:left; height:110px; margin-right:1.33%; position:relative; overflow:hidden;border-radius:5px;}
.dtbg .r .r2 ul li strong{ line-height:110px; height:110px; width:50%; text-align:center; float:left; color:#666}
.dtbg .r .r2 ul li i{ width:50%;height:110px; float:right;display: flex; align-items: center;justify-content: center; position:relative; z-index:2}
.dtbg .r .r2 ul li i img{ width:40%}
.dtbg .r .r2 ul li:last-child{ margin-right:0}
.dtbg .r .r2 ul li:nth-child(1){ background:#fff}
.dtbg .r .r2 ul li:nth-child(2){ background:#fff}
.dtbg .r .r2 ul li:nth-child(3){ background:#fff}
.dtbg .r .r2 ul li:nth-child(4){ background:#fff}

.dtbg{ width:100%; height:550px; padding-bottom:30px; background:#f1f2f3}
.h_p1{ padding-top:25px}
.h_ban{ width:100%; float:left; margin-bottom:20px; font-size:22px;}

.goods_item{ width:100%; float:left}
.goods_item ul{ display:inline}
.goods_item ul li{ width:24%; float:left; overflow:hidden; background:#fff; margin-bottom:15px; margin-right:1.33%; padding:40px 0 40px 0;transition: 0.3s ease-in-out}
.goods_item ul li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); transform: translateY(-5px)}
.goods_item ul li:nth-child(4n){ margin-right:0}
.goods_item ul li .img{width:75%;height:180px; float:left;display: flex; align-items: center;justify-content: center; margin-left:12.5%;}
.goods_item ul li .img img{ max-width:100%; max-height:100%;object-fit: cover;}
.goods_item ul li .tit{ width:100%; float:left; text-align:center; overflow:hidden; height:25px; line-height:25px; margin:35px 0 20px 0; padding:0 15px}
.goods_item ul li .price{ width:100%; float:left; text-align:center; overflow:hidden; height:25px; line-height:25px; color:#ff6700}
.h_kb{ width:100%; float:left; height:30px}

.h_bclass a{ width:100%; float:left; height:42px; line-height:42px; padding-left:30px; font-size:14px; background:url(../images/barr.png) right center no-repeat}

.fl_w{ width:100%; float:left; margin-bottom:20px; background:#fff; padding:20px 20px; overflow:hidden; min-height:80px}
.fl_w .l{ width:60px; float:left; font-size:14px; line-height:40px; height:40px;}
.fl_w .r{ float:right; width:calc(100% - 60px)}
.fl_w .r .bclass a{ float:left; margin-right:40px; font-size:14px; height:40px; line-height:40px;}
.fl_w .r .bclassa a{ float:left; margin-right:40px; font-size:14px; height:40px; line-height:40px; color:#036d6d}

.zwnr{ width:100%; float:left; padding:30px 0; text-align:center; background:#fff; border:1px solid #ddd; color:#999; font-size:14px}
.zwnr img{ display:inline-block; width:150px; margin-bottom:20px}

.zwdl{ width:100%; float:left; padding:30px 0; text-align:center; background:#fff; color:#999; font-size:14px}
.zwdl a{ color:#ff6700; padding:0 5px}
.zwdl img{ display:inline-block; width:150px; margin-bottom:20px}

.dbkb{ width:100%; height:50px; float:left}
.fbx{ width:100%; border-top:1px solid #ddd; height:25px}
.goods_show_l{
	width:600px;
    height:600px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center; border:1px solid #ddd
 }
.goods_show_l img{
max-width: 100%;
max-height: 100%;
object-fit: cover;}
.site{ font-size:14px; margin-bottom:20px; width:100%; float:left; margin-top:15px; color:#999}
.site a{ color:#999}
.goods_show_r{ width:calc(100% - 640px); float:right}
.goods_show_tit{ width:100%; float:left; font-size:24px; line-height:1.5; margin-bottom:20px; margin-top:-5px}
.goods_show_price{ width:100%; float:left; font-size:18px; margin-bottom:20px; color:#ff6700; padding-bottom:20px; border-bottom:1px solid #ddd}
.goods_show_js{ width:100%; float:left; font-size:14px; color:#666}
.goods_show_js a{ float:right; color:#036d6d}
.tb-prop{ width:100%; float:left; margin-top:30px}
.tb-prop dt{float:left;margin-bottom:25px; width:100%}
.tb-prop dd{width:100%; float:left; margin-bottom:25px;}
.tb-prop dd a{ height:45px; line-height:45px; text-align:center; border:1px solid #ddd;background:#fff;color:#816957;width:49%; margin-right:2%; float:left; text-align:center;}
.tb-prop dd a:nth-child(2n){ margin-right:0}
.tb-prop dd a:hover{text-decoration:none;color:#036d6d;}
.tb-prop dd a.selected{border:1px solid #036d6d; color:#036d6d}
.sl{ width:100%; float:left; margin-top:20px}
.num-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #333;
    text-decoration: none;
    font-size: 18px;
    vertical-align: middle;
}

.num-btn:hover {
    background: #e5e5e5;
    text-decoration: none;
}

.buynum {
    width: 60px !important;
    text-align: center;
    margin: 0 5px;
    vertical-align: middle;
    height: 30px;
    padding: 0;
    border: 1px solid #ddd;
}

#buynow{ padding:15px 40px; background:#036d6d; border:none; color:#fff; font-size:18px; float:left; margin-top:20px;transition: 0.3s ease-in-out}
#buynow:hover{background:#025858;}
#addcart{ padding:15px 40px; background:#ff6700; border:none; color:#fff; font-size:18px; float:left; margin-top:20px; margin-left:20px;transition: 0.3s ease-in-out}
#addcart:hover{background:#e86004;}
.goods_xq_ban{ width:100%; height:80px; line-height:80px; font-size:20px; color:#036d6d; border-top:1px solid #ddd;border-bottom:1px solid #ddd; margin:40px 0 30px 0}
.goods_xq_ban strong{ float:left; font-weight:bold; color:#036d6d}
.goods_xq_ban strong:after{}
.goods_content{ width:100%; float:left; font-size:16px; line-height:1.8; background:#fff; border-radius:10px; overflow:hidden;}
.goods_content img,.contentarea table{ max-width:100%}
.subTitle{ width:100%; background:#fff; padding:30px; overflow:hidden; margin-bottom:20px; font-size:14px}
.subTitle a{ float:right; font-weight:normal; color:#ff6700}

.cart_ban{ width:100%; border-bottom:2px solid #eee; overflow:hidden}
.cart_ban ul{ display:inline}
.cart_ban ul li{ float:left; height:50px; line-height:50px; font-size:14px; font-weight:bold; color:#666}
.cart_ban ul li:nth-child(1){ width:65%;}
.cart_ban ul li:nth-child(2){ width:15%; text-align:center}
.cart_ban ul li:nth-child(3){ width:15%;text-align:center}
.cart_ban ul li:nth-child(4){ width:5%;text-align:center}
.bs_w{ width:100%; float:left; background:#fff; overflow:hidden; padding:30px; min-height:460px}

.cart_list{ width:100%; border-bottom:1px solid #eee; overflow:hidden}
.cart_list ul{ display:inline}
.cart_list ul li{ float:left; height:50px; line-height:50px; font-size:14px; overflow:hidden}
.cart_list ul li:nth-child(1){ width:65%;}
.cart_list ul li:nth-child(2){ width:15%; text-align:center}
.cart_list ul li:nth-child(3){ width:15%;text-align:center}
.cart_list ul li:nth-child(4){ width:5%;text-align:center}
.cart_list ul li:nth-child(4) a{ color:#ff6700}
.js{ width:100%; float:left; margin-top:20px;}
.js .total{ font-size:14px; color:#333}
.js .totalprice{ font-size:14px; color:#ff6700; font-size:24px}
.js .next{ background:#036d6d; padding:10px 20px; color:#fff; float:right; font-size:14px}
.js .next:hover{ background:#089b9b}

footer{ width:100%; border-top:1px solid #eee; background:#fff; overflow:hidden; margin-top:40px}
footer .quick{width:100%; float:left;  border-bottom:1px solid #eee;}
footer .quick ul{ display:inline}
footer .quick ul li{ width:20%; float:left; text-align:center;height:75px; line-height:75px; font-size:15px}
footer .quick ul li img{ height:24px; vertical-align:middle; margin-right:10px}
footer .copy{width:100%; float:left; text-align:center; padding:30px 0; font-size:14px; color:#666}
footer .copy a{color:#666}

.ordertable table{ border:none}
.ordertable table td{ padding-bottom:5px}
.ordertable .tit{ padding-bottom:6px; font-size:14px; font-weight:bold; padding-top:15px}
.ordertable .tit .note{ color:red; transform:translateY(3px); display:inline-block; margin-left:5px}
.ordertable input,.ordertable select,.ordertable .layui-form-select{ font-size:14px}

.ordertj{background:#036d6d; padding:10px 20px; color:#fff; float:right; font-size:14px; border:none; cursor:pointer}
.ordertj:hover{background:#025858;}
.order_bar{ width:100%; float:left; margin-top:30px}
.order_bar .next{ padding:0 20px; background:#fff; border:1px solid #ddd; color:#666; font-size:14px;transition: 0.3s ease-in-out; float:right; cursor:pointer;height:39px; line-height:39px; margin-right:10px}
.order_bar .next:hover{border:1px solid #036d6d;}

.order_bar .totalprice{ font-size:14px; color:#ff6700; font-size:24px}
.layui-layer-msg{animation: none !important}
.mem_login_list input{ height:48px !important; line-height:48px !important}