.spage-total {
	display: inline-block;
	margin-right: 20px;
	line-height: 35px;
	color: #666;
	font-size: 14px
}

.spage-number {
	display: inline-block;
	color: #666;
	font-size: 14px
}

.spage-number span {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	margin-left: -1px;
	width: 40px;
	text-align: center;
	border-radius: 4px;
	line-height: 40px;
	height: 40px;
	border: 1px solid #c8c8c8;
	text-align: center;
	transition: all .2s;
	cursor: pointer;
	margin-left: 10px;
}
.spage-number span[data-page="prev"]{
	background: url(../img/list/page-l.png) no-repeat center;
}
.spage-number span[data-page="next"]{
	background: url(../img/list/page-r.png) no-repeat center;
}

.spage-number span.active {
	background: #b50a26;
	color: #fff;
	border-color: #b50a26;
	z-index: 3
}

.spage-number span.active:hover {
	background: #b50a26;
	color: #fff;
	border-color: #b50a26;
	z-index: 3
}

.spage-number span:hover {
	background-color: #eee
}

.spage-number span.span-disabled {
	cursor: not-allowed;
	color: #ccc
}

.spage-skip {
	display: inline-block;
	margin-left: 20px;
	line-height: 35px;
	color: #666;
	font-size: 14px
}

.spage-skip input {
	box-sizing: border-box;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	vertical-align: top;
	border: 1px solid #ddd;
	outline: none;
	transition: all .2s
}

.spage-skip input:focus {
	border-color: #b50a26
}

.spage-skip span {
	display: inline-block;
	line-height: 40px;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 4px;
	vertical-align: top;
	color: #666;
	outline: none;
	border: 1px solid #ddd;
	cursor: pointer;
	transition: all .2s
}

.spage-skip span:hover {
	background: #b50a26;
	color: #fff;
	border: 1px solid #b50a26
}