@charset "utf-8";

/*样式参考*/

@media screen and (min-width: 960px) {
    /* pc端CSS代码 */
    a {
        text-decoration: none;
    }
    #page {
        height: 50px;
        display: table;
        margin: 0 auto;
        margin-top: 20px;
    }
    .page {
        text-align: center;
    }
    .fl {
        float: left;
    }
    .fr {
        float: right;
    }
    .pagingUl {
        float: right;
        padding: 0;
        margin: 0;
        list-style: none;
        height: 30px;
    }
    .pagingUl li {
        float: left;
        width: 30px;
        height: 30px;
        background: #fff;
        text-align: center;
        margin-right: 5px;
    }
    .pagingUl li a {
        display: inline-block;
        width: 30px;
        height: 30px;
        text-align: center;
        border: solid 1px #CCCCCD;
        /* line-height: 30px;
    color: #cccccc;
    font-size: 14px; */
        font-family: MicrosoftYaHei;
        font-size: 18px;
        line-height: 30px;
        color: #9C9D9D;
    }
    .prv,
    .next {
        width: 50px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
        background: #fff;
        padding: 0 5px;
        border: solid 1px #CCCCCD;
    }
    .prv {
        margin-right: 10px;
    }
    .first,
    .last {
        display: none;
        width: 30px;
        height: 30px;
        font-size: 14px;
        text-align: center;
        line-height: 30px;
        border: solid 1px #CCCCCD;
        cursor: pointer;
        background: #fff;
        padding: 0 5px;
        margin-right: 10px;
    }
    .prv:hover,
    .next:hover,
    .first:hover,
    .last:hover,
    .pagingUl li a:hover,
    .activP {
        background-color: #0A4E82!important;
        color: #fff!important;
    }
}

@media screen and (max-width: 960px) {
    /* 手机端CSS代码 */
    a {
        text-decoration: none;
    }
    #page {
        height: 50px;
        display: table;
        margin: 0 auto;
        margin-top: 20px;
    }
    .page {
        text-align: center;
    }
    .fl {
        float: left;
    }
    .fr {
        float: right;
    }
    .pagingUl {
        float: right;
        padding: 0;
        margin: 0;
        list-style: none;
        height: 30px;
    }
    .pagingUl li {
        float: left;
        width: 30px;
        height: 30px;
        background: #fff;
        text-align: center;
        margin-right: 5px;
    }
    .pagingUl li a {
        display: inline-block;
        width: 22px;
        height: 30px;
        text-align: center;
        border: solid 1px #CCCCCD;
        /* line-height: 30px;
        color: #cccccc;
        font-size: 14px; */
        font-family: MicrosoftYaHei;
        font-size: 14px;
        line-height: 30px;
        color: #9C9D9D;
    }
    .prv,
    .next {
        width: 40px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
        background: #fff;
        padding: 0 5px;
        border: solid 1px #CCCCCD;
    }
    .prv {
        margin-right: 10px;
    }
    .first,
    .last {
        display: none;
        width: 25px;
        height: 30px;
        font-size: 12px;
        text-align: center;
        line-height: 30px;
        border: solid 1px #CCCCCD;
        cursor: pointer;
        background: #fff;
        padding: 0 5px;
        margin-right: 10px;
    }
    .prv:hover,
    .next:hover,
    .first:hover,
    .last:hover,
    .pagingUl li a:hover,
    .activP {
        background-color: #0A4E82!important;
        color: #fff!important;
    }
}