body {
	text-align: left;
	font-family: "微软雅黑", arial;
	margin: 0;
	padding: 0;
	background: #fff;
	font-size: 14px;
	color: #888;
}
*{margin:0;padding:0;}

div, form, img, ul, ol, li, dl, dt, dd, button, table, tr, td, p, label {
	margin: 0;
	padding: 0;
	border: 0
}
ul, li, dl {
	list-style-type: none
}
h1,h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal
}


a:link {
	/*color: #888;*/
	text-decoration:none;
}
a:visited {
	outline: none
}
a:hover {
	color: #009bdc;
	text-decoration: underline;
	outline: none;
}

input{
	border:1px solid #3676ba;
	padding: 3px;
}


header , footer , content, .main-common , .bottom {			/*容器页面居中*/
	width: 1220px;
	display: block;
	margin:0 auto;
}

/*------------common------------------*/
.btn{
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	text-align: center;
	padding:8px 20px;
	border-radius: 5px;
	cursor: pointer;
}

.btn:hover {
	text-decoration: none;
}

.btnSmall {
	padding:2px 6px;
	border-radius: 3px;
}

.btn-primary {
	background-color: #3676ba;
	color:white;
}

.btn-primary:hover {
	background-color: #044a95;
	color: white;
	text-decoration: none;
}

.btn-default {
	border:1px solid #DDD;
}

.btn-default:hover {
	background-color: #DDD;
}

.btn-cancel {
	background-color: orange;
}

.btn-cancel:hover {
	background-color: #ff5500;
	color:white;
}

/*布局-盒子*/
.box-inline > div{
	display: inline-block;
	vertical-align: top;
}


/*线*/
.lineBox {border: 1px solid #eee;}
.line-bottom {border-bottom: 1px solid #efefef}


/*列表*/
.list-inline li, .list-inline div {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

.list-title {				/*订单头*/
	background-color: #8ed8ef ;
	padding: 5px 0;
	color:#09598a;
}

.list-supName {				/*供应商栏*/
 	background-color:#efefef;
 	padding: 5px 20px;
}

.table-list {
	width: 100%;
}

.table-list td {
	padding: 8px 2px;
	text-align: center;
	width: 9%;       /*特殊大小的格子页面另设*/
}

.table-header {
	background-color: #e6e6e6;
}


.t-primary {
	color:#175ca6;
}

h1 {font-size: 20pt; font-weight:100;}

h3 {font-size: 14pt;display: inline-block;}

/*带录入的表格*/
.table_input {width: 95%;}
.table_input td:first-child {
	width: 100px;
	text-align: right;
	padding-right: 20px;
}
.table_input td {
	padding: 3px 5px;
}
.table_input input {
	width: 40%;
}




/*------------header------------------*/
header {
	height: 140px;
	/*width: 1200px;*/
}

header > div {					/*使元素横排*/
	display: inline-block;
	vertical-align: middle;
}

.logo { }

.search {
	margin:30px 0 20px 10px;
}

.search ul>a {
	display: inline-block;
	width: 40px;
	text-align: center;
	padding: 4px;
	text-decoration: none;
}
.search ul>a.active {
	background-color: #3676ba;
	color: white;
	width: 80px;
}

.cart {
	width: 140px;
	margin:30px 0 0 20px;
}

.cart:hover {
	border-color: orange;
	background:orange;
	text-decoration: none;
	color:white;
}

.login {
	float: right;margin-right:10px;
}
.position-relative {
	position: relative;
}
.login-pos {
	position: absolute;
	right: 0px;
}


/*------------nav------------------*/
.navBar {
	position: relative;
	background-color:#ddd;
	height: 38px;
}

.navBtn , .nav , .subNav {
	width: 200px ;
	margin-left: 20px;
}

.navBtn {
	height:100%;
	background-color:#3676ba;
	font-size: 16px;
	line-height: 38px;
	color: white;
	text-align: center;

}
.navBtn:hover {
	cursor: pointer;
}
.navBtn:hover +.nav{		/*navBtn hover时，nav样式改变，让nav的隐藏失效*/
	display:block;
}

/*主导航及弹出菜单*/
.nav {
	min-height: 340px;
	background-color:#3676ba;
	z-index: 998;
	position: relative;
	display: none  	   /*一开始是隐藏的*/
}
.nav:hover {
	display: block;
}

.nav li {
	border-bottom: 1px solid #1d5b9c;
	vertical-align: middle;
	text-align: center;
}

.nav li>a {
	line-height: 38px;
	display: block;
	width: 100%;
	text-decoration: none;
	color:white;
}

.nav li>a:hover {
	background-color:#efefef;
	color:black;
}


.nav .div{						/*弹出采单*/
	display:none;
	width:500px;
	height:auto;
	position:absolute;
	top:0px;
	left:200px;
	background-color: #F2F2F2;
	min-height: 340px;
}

.div dl>dd  {					/*导航内容*/
	width: 100%;
	line-height: 26px;
}
.div dl>dd>div{
	float: left;
	vertical-align: top;
}
.div dl>dd .product-type2{
	text-align:right;
	width: 100px;
}
.div dl>dd .product-type3{
	width:400px;
	text-align:left;
}
.div dl>dd .product-type3 .product-type3-div{
	float: left;
}
.div dl>dd .product-type3 .product-type3-div a{
	color:#666666;
}

.nav .liname div{display:block;}	/*必须有，但不知何用*/

.banner {
	z-index: 999;
}


/*内页的左边二级导航*/
.subNav {
	display: inline-block;
	text-align: left;
}

.subNav ul>li a {
	line-height: 168%;
	margin-left: 30px;
}

.subNav ul>li a.active {
	color: #009bdc;
}

.subNav ul li:first-child{
	text-align: center;
	font-size: 12pt;
	border-bottom: 1px solid #ddd;
}
.align-center-ul li {
	text-align: center;
}
.align-center-ul li a {
	margin-left: 0px !important;
}

/*面包屑*/
.breadNav {
	margin-top:-20px;
	margin-bottom: 20px;
}
.breadNav a {
	color:#666;
}

/*------------content------------------*/
content { min-height: 370px }
content section {display: inline-block; vertical-align: top;}
.show{width:140px; font-size: 10px; color: red;}
.show2{width:140px; font-size: 10px; color: red;}




/*------------footer------------------*/
footer {
	background-color: #00aeff;
	padding: 10px 0;
	margin-top: 40px;
	padding:20px 0px;
}
footer .help li {
	color:black;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 6px;
}
footer .help {
	display: inline-block;
	vertical-align: top;
	margin:auto 40px;
}
footer .help>a {
	display: block;
	margin-bottom: 5px;
}
footer .help>a:hover {
	color: #000;
}

footer > div {
	vertical-align: middle;
	display: inline-block;
}

footer a{
	color: rgb(136, 136, 136);
}

footer a:link{
	color: rgb(136, 136, 136);
}

footer a:hover{
	color: rgb(136, 136, 136);
}



/*------------index 首页专用------------------*/
.hotBrand td {
	padding: 8px 0;
}

.hotSales > div {
	display: inline-block;
	width: 48%;
}

.hotSales , .hotBrand {
	margin-top:20px;
}

/*------------product专用------------------*/
.sorting li {display: inline-block;  margin:20px 20px 0 0;}
.filter a {display: inline-block; margin-right: 20px;}


/*------------new index专用------------------*/
#carousel-brand{padding:0px 156.5px;background-color:#FFF;}
#carousel-brand .layui-this{background-color:#FFF;}
.brand-img-div{width:150px;height:150px;float:left;border-left:1px solid #f8f8f8;border-bottom:1px solid #f8f8f8;cursor:pointer;}
.brand-img-div img{margin: 50px 25px;}

.color-red{color:red;}
.color-orange{color:orange;}
.time-buy{height:315px;margin-bottom:40px;}
.time-buy>div{float:left;}
.time-buy .time-buy-content{width: 540px;height:255px;padding:30px;margin-right:20px;overflow:hidden;background-color:#fff;}
.time-buy .time-buy-content p{margin-bottom:10px;position: relative;}
.time-buy .time-buy-content p>span{position:absolute;right:0px;}

.hot-sales{position:relative;height:420px;margin-bottom:40px;}
.hot-sales>div{float:left;}
#product_hot_div{width:620px;height:345px;margin-left:20px;margin-top:35px;padding:20px 30px;overflow:hidden;background-color:#fff;}
#product_hot_div p{margin-bottom:15px;position: relative;}
#product_hot_div span.color-orange{position:absolute;right:0px;}
#product_hot_div p:nth-child(1) span.product-hot-num{font-size:22px;color:red;}
#product_hot_div p:nth-child(2) span.product-hot-num{font-size:20px;color:red;}
#product_hot_div p:nth-child(3) span.product-hot-num{font-size:18px;color:red;}
#product_hot_div p a{position:absolute;left:40px;}