@charset "utf-8";

#page {
    display: table;
    margin: 0 auto;
}
.page {
    text-align: center;
}
.pagingUl {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
    height: 30px;
}
.pagingUl li {
    float: left;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
}
.pagingUl li a {
    display: inline-block;
    width: 27px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    color: #96a4ac;
    border: 1px solid #5b7381;
}
#page .prv,
#page .next {
    width: 56px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    cursor: pointer;
    background: #ffffff;
    color: #96a4ac;
    border: 1px solid #5b7381;
    margin-right: 3px;
}
#page .prv {
    margin-right: 10px;
}
.first,
.last {
    width: 56px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    cursor: pointer;    
    color: #96a4ac;
    background: #ffffff;
    border: 1px solid #5b7381;
    margin-right: 10px;
}
#page .prv:hover,
#page .next:hover,
.first:hover,
.last:hover,
.pagingUl li a:hover,
.activP {
    background-color: #004b70!important;
    color: #FFFFFF!important;
    border: 1px solid #004b70;
}


.fy{ display: table;margin:60px auto;text-align:center;color:#96a4ac; font-size:12px;}
.fy a{padding:5px 8px; border:1px solid #5b7381; background:#fff; color:#96a4ac!important; line-height:22px;}
.fy a:hover{ background-color: #004b70!important; color:#fff;}
.fy b a{ background-color: #004b70!important; color:#fff;}
.layui-laypage a, .layui-laypage span{ height:auto!important; line-height:22px!important;margin: 0 3px 5px 0;padding:2px 8px;}