div.pages{ box-sizing: border-box;clear:both;float:left; text-align:center;}
div.pages div{text-align:center;height:auto;}
.pages >div>.current{
	text-decoration: none;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    background-color: #2c6bb3;
    background-repeat: repeat-x;
    color: #fff;
    cursor: default;
    z-index: 2;
	display: inline-block;
    margin: 0 3px;
	font-weight:bold;
	border:1px solid #2c6bb3;

}
.pages >div>a{ 
	font-family:'microsoft yahei';
    color: #222222;
	line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
	display: inline-block;
    margin: 0 2px;
	border:1px solid #ccc;
	
}
@media (max-width:768px){
	
	.pages >div>a{line-height: 1.12857; margin:3px 2px;}
}


.pages >div>a:hover{background-color: #84b4ce; color:#fff;}
.pages >div>a:focus{background-color: #84b4ce; color:#fff;}