/* 重置 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial,\5b8b\4f53; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; color:inherit;}
a:hover { text-decoration:none; cursor: pointer;}
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
/*button, input, select, textarea { font-size:100%; }*/
table { border-collapse:collapse; border-spacing:0; }

.none{
  display: none !important;
}

div, header, nav, main, section, footer,ul,li{
  box-sizing: border-box;
}

.clear:after{
  display: block;
  content: "";
  clear: both;
}

.flex-cen{
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-between{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.con{
	max-width: 1200px;
  margin: 0 auto;
}

div,footer,header,img{
   font-size: initial;
}
/*公共样式开始*/

/*公共样式结束*/
@media (max-width: 630px){
	

	
	div,p,footer,header,img{
    font-size: initial;
	}
	
	div::-webkit-scrollbar{
		display: none;
	}
}





.page .start,
.page .end {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page .start .shou,
.page .end .wei {
    display: block;
    width: 60px;
    height: 40px;
    background: #FFFFFF;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
    text-align: center;
    border: 1px solid #DDDDDD;
    margin-right: 5px;
}

.page .start .last,
.page .end .next {
    display: block;
    width: 70px;
    height: 40px;
    background: #FFFFFF;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
    text-align: center;
    border: 1px solid #DDDDDD;
    margin-right: 5px;
}

.page-list {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-list a {
    display: block;
    width: 40px !important;
    height: 40px;
    background: #FFFFFF;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
    text-align: center;
    border: 1px solid #DDDDDD;
    margin-right: 5px;
}

.page .start a:hover,
.page .end a:hover,
.page-list a:hover {
    background: #7D3CEB;
    color: #FEFEFE;
}

.page {
    /*width: 280px;*/
    height: 40px;
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;

}