/* 电脑 */
@media only screen and (min-width: 769px) and (max-width: 1920px) {
    .pagination {
        display: flex;
        justify-content: flex-end;
    }
    .page-item{
        width: 2rem
        /* 32/16 */
    ;
    height: 2rem
        /* 32/16 */
    ;
    border-radius: .13rem
        /* 2/16 */
    ;
    border: .06rem
        /* 1/16 */
        solid #E6E6E6;
    margin-right: .25rem
        /* 4/16 */
    ;
    text-align: center;
    line-height: 2rem;
    font-weight: bold;
    font-size: 1.13rem
    }
    .page-num.page-num-current{
        width: 2rem
        /* 32/16 */
    ;
    height: 2rem
        /* 32/16 */
    ;
    border-radius: .13rem
        /* 2/16 */
    ;

    font-family: Arial;
    font-weight: 400;
    font-size: .88rem;
    /* 14/16 */
    color: #FFFFFF;
    background: #2459A9;
    border: .06rem
        /* 1/16 */
        solid #2459A9;
    text-align: center;
    line-height: 2rem;
    margin-right: .25rem
        /* 4/16 */
    ;
    }
    .page-num{
        display: block;
        width: 2rem
        /* 32/16 */
    ;
    height: 2rem
        /* 32/16 */
    ;
    border-radius: .13rem
        /* 2/16 */
    ;
    border: .06rem
        /* 1/16 */
        solid #E6E6E6;
    margin-right: .25rem
        /* 4/16 */
    ;
    text-align: center;
    line-height: 2rem;
    font-weight: bold;
    font-size: 1.13rem
        /* 18/16 */
    }
    .container .page {
        width: 15.5rem
            /* 248/16 */
        ;
        height: 2rem
            /* 32/16 */
        ;
        /* background: #005BAD; */
        float: right;
        display: flex;

    }


    .container .page .leftPage {
        width: 2rem
            /* 32/16 */
        ;
        height: 2rem
            /* 32/16 */
        ;
        border-radius: .13rem
            /* 2/16 */
        ;
        border: .06rem
            /* 1/16 */
            solid #E6E6E6;
        margin-right: .25rem
            /* 4/16 */
        ;
        text-align: center;
        line-height: 2rem;
        font-weight: bold;
        font-size: 1.13rem
            /* 18/16 */
        ;
    }

    .container .page .noLeftPage {
        width: 2rem
            /* 32/16 */
        ;
        height: 2rem
            /* 32/16 */
        ;
        border-radius: .13rem
            /* 2/16 */
        ;
        border: .06rem
            /* 1/16 */
            solid #E6E6E6;
        margin-right: .25rem
            /* 4/16 */
        ;
        text-align: center;
        line-height: 2rem;
        font-weight: bold;
        font-size: 1.13rem
            /* 18/16 */
        ;
        color: #E6E6E6;
    }

    .container .page .leftPage:hover {
        background: #2459A9;
        color: #FFFFFF;
    }

    .container .page .leftPageNum:hover {
        background: #2459A9;
        color: #FFFFFF;
    }

    .container .page .rightPage:hover {
        background: #2459A9;
        color: #FFFFFF;
    }

    .container .page .rightPage {
        width: 2rem
            /* 32/16 */
        ;
        height: 2rem
            /* 32/16 */
        ;
        border-radius: .13rem
            /* 2/16 */
        ;
        border: .06rem
            /* 1/16 */
            solid #E6E6E6;
        ;
        text-align: center;
        line-height: 2rem;
        font-weight: bold;
        font-size: 1.13rem
            /* 18/16 */
        ;
    }

    .container .page .leftPageNumActive {
        width: 2rem
            /* 32/16 */
        ;
        height: 2rem
            /* 32/16 */
        ;
        border-radius: .13rem
            /* 2/16 */
        ;

        font-family: Arial;
        font-weight: 400;
        font-size: .88rem;
        /* 14/16 */
        color: #FFFFFF;
        background: #2459A9;
        border: .06rem
            /* 1/16 */
            solid #2459A9;
        text-align: center;
        line-height: 2rem;
        margin-right: .25rem
            /* 4/16 */
        ;
    }

    .container .page .leftPageNum {
        width: 2rem
            /* 32/16 */
        ;
        height: 2rem
            /* 32/16 */
        ;
        border-radius: .13rem
            /* 2/16 */
        ;

        font-family: Arial;
        font-weight: 400;
        font-size: .88rem
            /* 14/16 */
            d;
        color: #333333;
        background: #fff;
        border: .06rem
            /* 1/16 */
            solid #CCCCCC;
        text-align: center;
        line-height: 2rem;
        margin-right: .25rem
            /* 4/16 */
        ;
    }

       .container .noData {
        width: 100%;
        /* height: 1.75rem */
        height: 37.5rem
            /* 930/16 */
        ;
        text-align: center;
        font-size: 1.75rem
            /* 28/16 */
        ;
        line-height: 37.5rem;
    }
}

/* 手机 */
@media only screen and (max-width: 768px) {
    .pagination {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 1.63rem;
    }
    .page-item{
        width: 2rem
        /* 32/16 */
    ;
    height: 2rem
        /* 32/16 */
    ;
    border-radius: .13rem
        /* 2/16 */
    ;
    border: .06rem
        /* 1/16 */
        solid #E6E6E6;
    margin-right: .25rem
        /* 4/16 */
    ;
    text-align: center;
    line-height: 2rem;
    font-weight: bold;
    font-size: 1.13rem
    }
    .page-num.page-num-current{
        width: 2rem
        /* 32/16 */
    ;
    height: 2rem
        /* 32/16 */
    ;
    border-radius: .13rem
        /* 2/16 */
    ;

    font-family: Arial;
    font-weight: 400;
    font-size: .88rem;
    /* 14/16 */
    color: #FFFFFF;
    background: #2459A9;
    border: .06rem
        /* 1/16 */
        solid #2459A9;
    text-align: center;
    line-height: 2rem;
    margin-right: .25rem
        /* 4/16 */
    ;
    }
    .page-num{
        display: block;
        width: 2rem
        /* 32/16 */
    ;
    height: 2rem
        /* 32/16 */
    ;
    border-radius: .13rem
        /* 2/16 */
    ;
    border: .06rem
        /* 1/16 */
        solid #E6E6E6;
    margin-right: .25rem
        /* 4/16 */
    ;
    text-align: center;
    line-height: 2rem;
    font-weight: bold;
    font-size: 1.13rem
        /* 18/16 */
    }
    .container .page {
        width: 15.5rem
            /* 248/16 */
        ;
        height: 2rem
            /* 32/16 */
        ;
        /* background: #005BAD; */
        float: right;
        display: flex;

    }


    .container .page .leftPage {
        width: 2rem
            /* 32/16 */
        ;
        height: 2rem
            /* 32/16 */
        ;
        border-radius: .13rem
            /* 2/16 */
        ;
        border: .06rem
            /* 1/16 */
            solid #E6E6E6;
        margin-right: .25rem
            /* 4/16 */
        ;
        text-align: center;
        line-height: 2rem;
        font-weight: bold;
        font-size: 1.13rem
            /* 18/16 */
        ;
    }

    .container .page .noLeftPage {
        width: 2rem
            /* 32/16 */
        ;
        height: 2rem
            /* 32/16 */
        ;
        border-radius: .13rem
            /* 2/16 */
        ;
        border: .06rem
            /* 1/16 */
            solid #E6E6E6;
        margin-right: .25rem
            /* 4/16 */
        ;
        text-align: center;
        line-height: 2rem;
        font-weight: bold;
        font-size: 1.13rem
            /* 18/16 */
        ;
        color: #E6E6E6;
    }

    .container .page .leftPage:hover {
        background: #2459A9;
        color: #FFFFFF;
    }

    .container .page .leftPageNum:hover {
        background: #2459A9;
        color: #FFFFFF;
    }

    .container .page .rightPage:hover {
        background: #2459A9;
        color: #FFFFFF;
    }

    .container .page .rightPage {
        width: 2rem
            /* 32/16 */
        ;
        height: 2rem
            /* 32/16 */
        ;
        border-radius: .13rem
            /* 2/16 */
        ;
        border: .06rem
            /* 1/16 */
            solid #E6E6E6;
        ;
        text-align: center;
        line-height: 2rem;
        font-weight: bold;
        font-size: 1.13rem
            /* 18/16 */
        ;
    }

    .container .page .leftPageNumActive {
        width: 2rem
            /* 32/16 */
        ;
        height: 2rem
            /* 32/16 */
        ;
        border-radius: .13rem
            /* 2/16 */
        ;

        font-family: Arial;
        font-weight: 400;
        font-size: .88rem;
        /* 14/16 */
        color: #FFFFFF;
        background: #2459A9;
        border: .06rem
            /* 1/16 */
            solid #2459A9;
        text-align: center;
        line-height: 2rem;
        margin-right: .25rem
            /* 4/16 */
        ;
    }

    .container .page .leftPageNum {
        width: 2rem
            /* 32/16 */
        ;
        height: 2rem
            /* 32/16 */
        ;
        border-radius: .13rem
            /* 2/16 */
        ;

        font-family: Arial;
        font-weight: 400;
        font-size: .88rem
            /* 14/16 */
            d;
        color: #333333;
        background: #fff;
        border: .06rem
            /* 1/16 */
            solid #CCCCCC;
        text-align: center;
        line-height: 2rem;
        margin-right: .25rem
            /* 4/16 */
        ;
    }
}