*{font-family:"微软雅黑"}
.op-page {
    height: 40px;
    margin: 5px auto;
}
    .op-page * {
        box-sizing: border-box;
        -webkit-user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        user-select: none;
    }
        .op-page span {
            position: relative;
            display: inline-block;
            height: 35px;
            line-height: 35px;
            width: 35px;
            margin: 0 5px;
            border: 1px solid #ebebeb;
            text-align: center;
            background-color: white;
            color: black;
            cursor: pointer;
            font-size: 14px;
        }
        .op-page span:not(.dot):not(.disabled):hover {
            border: 1px solid #1B77BD;
            background-color: #1B77BD;
            color: white;
        }
            .op-page span.prev,
            .op-page span.next {
                width: 70px;
                padding: 0 10px;
            }
            .op-page span.dot {
                border: none;
                outline: 0;
                cursor: default;
                width: 24px;
            }
            .op-page span.active {
                border: 1px solid #1B77BD;
                background-color: #1B77BD;
                color: white;
            }
            .op-page span.disabled {
                background-color: #ebebeb;
                cursor: not-allowed;
            }