@charset "UTF-8";
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -ms-box-sizing: border-box;-o-box-sizing: border-box;x-sizing: border-box;box-sizing: border-box;}
*{zoom:1; font-size:100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td { margin:0; padding:0; }
section{position: relative;}
.section-padding {padding: 100px 0px;}
body {font-size: 14px; color: #333; font-family: "PingFang SC","Microsoft YaHei",arial,"Hiragino Sans GB","Hiragino Sans GB W3"; background-color: #fff; overflow-x:hidden; margin:auto;font-weight: normal; } 
ol,ul,li {list-style:none; } 
h1,h2,h3,h4,h5,h6 {font-size:100%; color: #666;  font-weight:normal; margin:0; padding:0;}
i,b { font-style:normal; display:block; text-align:center;}
em {font-style:normal;}
a{ text-decoration: none; color:#333;}
a:link,a:visited{text-decoration: none;}
input {	vertical-align: middle; background-color: #fff;color: #7f7f7f;border: 1px solid #ccc;text-align: left;margin: 2px 0 2px 0;} 
input,button,textarea,select {outline: none; font-family: '微软雅黑';	font-size: 0.875em; }
div { display:block;}
form { display:block;}
.transition{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.hidden{display:none;}

/*bootrstrap样式复盖*/
.container-fluid{
	width:1430px !important;
	max-width:85% !important;
}

@media screen and (max-width:1300px){
	.container-fluid{
		max-width:95% !important;
	}
}
@media screen and (max-width:768px){
	.container-fluid{
		max-width:100% !important;
	}
}


/*分页*/
.pageList{
	clear: both;
}
.pagination{
	margin: 20px 0 0px 0;
}
#product .pageList .pagination>li>a, .pagination>li>span{
	color: #666;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color: #25221e;
    border-color: #25221e;
}

/*手机端分页*/
.m-pageList{
	overflow: hidden;
	margin: 20px 0 10px 0;
	display: flex;
	clear: both;
}
.m-pageList .prev{
	width: 40%;
	float: left;
}
.m-pageList .next{
	width: 40%;
	float: right;
}
.m-pageList .num{
	width: 20%;
	text-align: center;
	color: #999;
	line-height: 38px;
}
.m-pageList  a{
	display: block;
	padding: 8px 0;
	text-align: center;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #fafafa;
	color: #333;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.m-pageList .prev a:hover,.m-pageList .next a:hover{
	background: #25221e;
	color: #fff;
}
.m-pageList a.disabled{
	opacity: 0.5;
	background: #eee;
}
.m-pageList  a.disabled:hover{
	background: #eee;
	color: #333;
}