.page{text-align:center;margin-top:40px;width:100%;overflow: hidden;}
.page ul{float:left;position: relative;left: 50%;}
.page ul li{display:inline-block;float:left;position: relative;width:28px;margin:0 4px;border:1px solid #cbcbcb;border-radius:5px;height:28px;line-height:28px;left: -50%;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
    transition: all .20s ease-in-out;
}
.page ul li.active{background-color:#ffb53e;color:#ffffff;border:1px solid #ffb53e}
.page ul li:hover{cursor:pointer;color:#ffb53e;border:1px solid #ffb53e}
.page ul li.active:hover{background-color:#ffb53e;color:#ffffff;border:1px solid #ffb53e}
.page ul li a{display:block;width:100%;height: 100%;}
@media (max-width:800px) {
.page select{display:inline-block;position: relative;left: -50%;font-size:14px;}
}
@media (max-width:480px) {
.page select{display:inline-block;position: relative;left: -50%;font-size:12px !important;}
}
@media (max-width:370px) {
.page select{display:none;}
}