@charset "utf-8";

/* 分页样式 */
.page-box {
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
}

.page-box ul {
    font-size: 0;
    *word-spacing: -1px /*IE6、7*/;
}
.page-box ul .layui-laypage-limits {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	vertical-align: top;
	background-color: #fff;
	color: #333;
	font-size: 12px;
	margin-right: 20px;
	padding: 0;
	border: none;
}
.page-box ul .layui-laypage-limits select {
	height: 22px;
	padding: 3px;
	border-radius: 2px;
	cursor: pointer;
	border: 1px solid #e2e2e2;
	box-sizing: content-box;
}
.page-box ul .layui-laypage-count {
	line-height: 32px;
	margin-left: 20px;
	font-size: 13px;
	color: #666;
}
.page-box ul li {
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    display: inline-block;
    margin: 0 0 0 -1px;
    *display: inline /*IE6、7*/;
    *zoom: 1;
}
.page-box li span {
    font: 400 12px/20px Verdana, Tahoma, Arial;
    color: #aaa;
    background-color: #fff;
    text-align: center;
    display: block;
    min-width: 20px;
    padding: 5px 15px;
    border: 1px solid #e6e6e6;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

.page-box li a span, .page-box li a:visited span {
    color: #555;
    text-decoration: none;
    background-color: #FFF;
    position: relative;
    z-index: 1;
}

.page-box li a:hover span, .page-box li a:active span {
    color: #da2128;
    text-decoration: none;
    border-color: #da2128;
    position: relative;
    z-index: 9;
    cursor: pointer;
}

.page-box li a:hover {
    text-decoration: none;
}

.page-box li span.currentpage {
    color: #FFF;
    font-weight: bold;
    background-color: #da2128;
    border-color: #e2e2e2;
    position: relative;
    z-index: 2;
}

.page-box li:first-child {
    /*margin-right: 8px;*/
}
.page-box li:last-child {
    /*margin-left: 8px;*/
}