@charset "utf-8";

#page {
    display: table;
    margin: 50px auto 70px;
}
.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 #e1e1e1;
    background: #fafafa;
}
#page .prv,
#page .next {
    width: 56px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    cursor: pointer;
    background: #fafafa;
    color: #96a4ac;
    border: 1px solid #e1e1e1;
    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: #fafafa;
    border: 1px solid #e1e1e1;
    margin-right: 10px;
}
#page .prv:hover,
#page .next:hover,
.first:hover,
.last:hover,
.pagingUl li a:hover,
.activP {
    background-color: #d0333a!important;
    color: #FFFFFF!important;
    border: 1px solid #d0333a !important;
}

.fy{  line-height:28px;display: table;margin:50px auto;text-align:center;color:#96a4ac; font-size:12px;}
.fy a{padding:5px 10px; border:1px solid #e1e1e1; background: #fafafa; color:#96a4ac; line-height:22px;}
.fy a:hover{ background-color: #d0333a!important; color:#ffffff!important;border: 1px solid #d0333a !important;}
.fy b a{ background-color: #d0333a!important; color:#ffffff!important;border: 1px solid #d0333a !important;}