@charset "utf-8";
/* CSS Document */
.wpage{
	width: 100%;
	text-align: center;
	padding:2rem 0 0;
}
.page{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	clear:both;
	display: inline-block;
}
.page a{
	text-decoration:none;
	color:#999;
	width: 35px;
	height: 35px;
	line-height:35px;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items: center;
	float:left;
	background: #fff;
	margin:0 5px;
	/*box-shadow: inset 0px 0px 1px #d3d3d3;*/
	transition: .5s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.page a.prev,.page a.next{
	width:35px;
}
.page a.prev svg,.page a.next svg{
	width:15px;
	height:15px;
	fill:#a2a2a2;
	transition: .5s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.page a.active{
	color:#000 !important;
}
.page a:hover{
	color:#000 !important;
}
.page a.prev:hover svg,.page a.next:hover svg{
	fill:#000;
}




.wpage_two{
	width: 100%;
	text-align: center;
	padding:40px 0 0;
}
.page_two{
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	text-align:center;
	clear:both;
	display: inline-block;
}
.page_two a{
	text-decoration:none;
	color:#999;
	width: 60px;
	height: 60px;
	line-height:60px;
	display:block;
	float:left;
	background: #fff;
	margin: 0 3px;
	transition: .5s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.page_two .page-input{
	float:left;
	width: 140px;
	padding: 5px;
	background: #fff;
	height: 60px;
}
.page_two .input1{
	width: 80px;
	height:50px;
	line-height: 50px;
	background:none;
	border:1px solid #e5e5e5;
	font-size: .75rem;
	color: #d82128;
	font-family: "AVG";
	text-align: center;
}
.page_two .all-page{
	display: inline-block;
	line-height: 1;
	color: #999;
	font-size: 16px;
	bottom: -1.25em;
}
.page_two .input2{
	text-decoration:none;
	color:#fff;
	width: 60px;
	height: 60px;
	line-height:60px;
	display:block;
	float:left;
	background: #d82128;
	margin: 0 3px;
	border:none;
}
.page_two a.next{
	transform:rotate(-180deg);
}
.page_two a.active{
	background: #016cb6;
	color:#fff;
}
.page_two a:hover{
	background: #016cb6;
	color:#fff;
}

@media (max-width: 768px){
	.page_two .page-input{
		width: 100px;
	}
	.page_two .page-input{
		height: 50px;
	}
	.page_two .input1{
		width: 55px;
		height: 40px;
		line-height: 40px;
	}
	.page_two a{
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.page_two .all-page{
		font-size: 14px;
	}
	.page_two .input2{
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.page a{
		font-size: 12px;
	}
	.page a.prev, .page a.next {
	    width: 60px;
	}


	.wpage{
		padding-top:1rem;
	}
	.page a{
		margin:0 2px;
		width:30px;
		height:30px;
		line-height:30px;
	}
}