.page {
	margin: 0 auto;
	color: #666;
	display: block;
	text-align: center;
	margin-top: 3rem;
}

.page li {
	display: inline-block;
	min-width: 2rem;
	height: 2rem;
	cursor: pointer;
	color: #666;
	font-size: 0.8rem;
	line-height: 2rem;
	background-color: #f9f9f9;
	border: 1px solid #dce0e0;
	text-align: center;
	margin: 0 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.xl-nextPage,
.xl-prevPage {
	width: 4rem;
	color: #F9AF20;
	height: 28px;
}

.page li.xl-disabled {
	opacity: .5;
	cursor: no-drop;
}

.page li.xl-disabled:hover{
	background-color: #f9f9f9 !important;
	border: 1px solid #dce0e0 !important;
	color: #666 !important;
}

.page li.xl-active {
	background-color: #F9AF20;
	border-color: #F9AF20;
	color: #FFF
}

.page li:hover{
	background-color: #F9AF20 !important;
	border-color: #F9AF20;
	color: #FFF
}

 .page li.xl-jumpText {
	background-color: rgba(0,0,0,0);
	border-color: rgba(0,0,0,0);
	opacity: 1;
}

.page li.xl-jumpText:hover{
	background-color: rgba(0,0,0,0) !important;
	border-color: rgba(0,0,0,0) !important;
}

.page li.xl-jumpButton{
	padding: 0 5px;
}

#xlJumpNum {
	display: inline-block;
	width: 35px;
	height: 28px;
	color: #666;
	font-size: 14px;
	line-height: 28px;
	background-color: #f9f9f9;
	border: 1px solid #dce0e0;
	margin: 0 4px;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
	-webkit-appearance: none !important;
}
input[type="number"]{
	-moz-appearance:textfield;
}
.pages{clear: both;margin:0 auto; margin-top: 3rem; overflow: hidden;font-size:0.7rem;text-align: center;}
.pages ul li{display:inline-block;border: 1px solid #ccc;padding: 0.3rem 0.75rem;margin: 0 1px;line-height:1.2rem;background: #fff;color:#999;border-radius:2px}
.pages ul li:last-child{border: 0}
.pages ul li:hover{background:#F9AF20;color:#fff;border: 1px solid #F9AF20}
.pages ul li:last-child:hover{background:#ffffff;color:#999;border: 0}
.pages ul li:hover a{color:#fff;}
.pages ul li.thisclass{display: inline-block;border: 1px solid #F9AF20;;background: #F9AF20;color: #fff;}
.pages ul li.thisclass a{color: #fff;}
.pages ul li a{display:block;color:#999}
.pages ul li a:hover{color: #fff;}
.pagelist{display: inline-block;}