.page-bar{
    text-align: center;
    width: 100%;
}
.page-bar ul,li{
    margin: 0px;
    padding: 0px;
}
.page-bar li{
    list-style: none;
    display: inline-block !important;
}
#page-ul{
    margin-top: 50px;
}
#li{
    display: inline-block;
    width: 45px;
    margin: 0 3px;
}
.page-bar li:first-child>a {
    margin-left: 0px
}
.page-bar a{
    border: 1px solid #EBEBEB;
    text-decoration: none;
    position: relative;
    margin-left: 3px;
    color: #337ab7;
    cursor: pointer;
    border-radius: 6px;
    width: 45px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 !important;
}
.page-bar a:hover{
    background-color: #eee;
}
.page-bar a.banclick{
    cursor:not-allowed;
}
.page-bar .active a{
    color: #fff;
    cursor: default;
    background-color: #508de8;;
    border-color: #337ab7;
}
.page-bar i{
    font-style:normal;
    color: #d44950;
    margin: 0px 4px;
    font-size: 12px;
}