.page{
    width:100%;
    height:1.6rem;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
} 
.pagination {
            display: flex;
            flex-direction:row;
            justify-content:space-around;
            align-items:center;
            width:6.9rem;
        }

        ul {
            margin: 0;
            padding: 0;
        }

        .pagination > li {
            display: inline;
        }

            .pagination > li > a {
                font-family: PingFang-SC-Medium;
                color: #ffffff;
                text-decoration: none;
                 background-color: #ff7237 !important;
            border-color: #ff7237 !important;
            border-radius:0.26rem;
                font-size: 0.24rem !important;
                display: block;
                 width: 1.36rem;
            height: 0.52rem;
            line-height: 0.52rem;
                text-align: center;
            }

                .pagination > li > a:hover {
                    color: #ff7237;
                    background-color: #eaf4fe;
                }

        .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
            z-index: 3;
            color: #ffffff !important;
            cursor: default;
            background-color: #ff7237;
            border-color: #ff7237;
        }

        .pagination .default-page {
            z-index: 3;
            color: #ffffff !important;
            cursor: default;
            background-color: #ff7237 !important;
            border-color: #ff7237 !important;
            border-radius:0.26rem;
            width: 1.36rem;
            height: 0.52rem;
            line-height: 0.52rem;
            text-align: center;
        }