a,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,html,img,input,label,legend,li,mark,ol,p,section,span,strong,textarea,time,ul,var {margin: 0;border: 0;padding: 0;font-style: normal}
ol,ul {list-style: none}
button,input,textarea {border: 0;margin: 0;padding: 0;font-size: 1em;line-height: 1em;background-color: rgba(0,0,0,0)}
a:active,a:hover {outline: 0}
a,a:visited {text-decoration: none}
.clearfix:after {content: ' ';display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
html {
 font-size:100px;
}
*{
	padding: 0px;
    margin: 0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */	
}
a {
    color: #303030;
}
a:hover{color:#1868e0;text-decoration:none;}a:link{text-decoration:none;}
button,input[type=button],input[type=submit],input[type=reset],textarea {-webkit-appearance: none}
img {vertical-align: middle; border:0px;max-width:100%;}
input:-webkit-autofill {
    background-color: rgb(250, 255, 189);
    background-image: none;
    -webkit-box-shadow: 0 0 0px 10rem white inset;
}
p{font-size: 15px}
body {
 font-size: 0px;
    color: #222;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow-x: hidden;
    font-weight: normal;
    background-color: #fff;
margin:0px;
	}
	img{
			-webkit-transition: -webkit-transform .7s;
			transition: -webkit-transform .7s;
			-moz-transition: transform .7s,-moz-transform .7s;
			transition: transform .7s;
			transition: transform .7s,-webkit-transform .7s,-moz-transform .7s;
	}
/*--图片缩放控制--	img:hover{
	transform:scale3d(1.05,1.05,1.05);
	}
--*/
 .padding{
		padding-right:0.15rem;
		padding-left: 0.15rem;
	}

.row{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right:0.15rem;
    margin-left:0.15rem;
}
.col3{
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col4{
	-ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col5{
	-ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}

.suolv{
	position: absolute;
    top: -2rem;
}
.tran{
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.tranM{
	-webkit-transition: all 0.6s;
    transition: all 0.6s;
}
/*----width:calc(33.3333% - (10px + 5px) * 2 - 15px )---
calc()能让你给元素的做计算，你可以给一个div元素，使用百分比、em、px和rem单位值计算出其宽度或者高度，
比如说“width:calc(50% + 2em)”，这样一来你就不用考虑元素DIV的宽度值到底是多少，而把这个烦人的任务交由浏览器去计算。--*/


.pgwidth{
	width:13rem;
	margin:0 auto;
}


.pagination-wrapper {
    clear: both;
    padding: 0.2rem 0;
	 margin:0 auto; display:block; text-align:center;
}
.pagination {
    position: absolute;
    bottom: 0.05rem;
    z-index: 99;
}
.pagination {
    position: relative;
    text-align: center;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-right: 0;
    -moz-border-radius: 0.02rem;
    border-radius: 0.02rem;
}
.pagination.pagination-block {
    width:35%;
    display: block;
    margin: 0 auto;
	text-align:center;
}
.pagination.pagination-block li { float:left;  border: #CCCCCC 1px solid;
    padding: 4px;
    margin-left: 5px;
    color: #999999;}
.pagination>a {
    margin: 0 0.01rem;
    padding: 0.03rem 0.15rem;
    background-color: #d32e35;
    -moz-border-radius: 50%;
    border-radius: 0.04rem;
    color: #fff;
    min-width: 0.24rem;
}
.pagination>a[href*="/"] {
    background: #fff;
    color: #303030;
    border: 1px solid #ededed;
}

