.page{
    list-style: none;
    height: 40px;
}
.page>li{
    float: left;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
}
.page .pageItem{
    border: solid thin #DDDDDD;
}
.page>li{width:30px;height:30px;line-height:30px;margin:4px;}
.page>li:nth-last-child(1){width:46px;height:30px;color:#333;}
.page li:first-child{color:#333;width:46px;height:30px;}
.page li:nth-last-child(2){background: #fff;width:66px;height:30px;color:#999;}
.page li.nextChild{
	background: #fff;width:66px;height:30px;color:#999;
}

.page .pageItemActive{
    border: solid thin #236efb;
    background-color: #236efb;
    color:white;
}
.page .pageItem:hover,.page .pageItemDisable:hover{
    border: solid thin #236efb;
    background-color: #fff;
    color:#333;
}
.page .pageItemDisable,.page li:nth-child(2){
    border: solid thin #ddd;
    background: #fff;
    width:66px;
    height:30px;
    color:#999;
}
.page .pageItemDisable,.page li:first-child+li{
    border: solid thin #ddd;
    background: #fff;
    width:66px;
    height:30px;
    color:#999;
}