.page{
    width:100%;
    height:160px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
} 
.pagination {
            display: inline-block;
            margin-left:auto;
            margin-right:auto;
        }

        ul {
            margin: 0;
            padding: 0;
        }

        .pagination > li {
            display: inline;
        }

            .pagination > li > a {
                font-family: PingFang-SC-Medium;
                position: relative;
                float: left;
                margin-left: 10px;
                color: #404040;
                text-decoration: none;
                background-color: #fff;
                border: 1px solid #e6edf0;
                font-size: 16px !important;
                display: block;
                 width: 40px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                border-radius: 2px;
            }

                .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:2px;
            width: 80px;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }