@charset "utf-8";

/* 分页整体 */
.page_box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 40px;
}

.pagination li {
    float: left;
}

/* 分页按钮 */
.page_box a,
.page_box span {

    display: inline-flex;
    justify-content: center;
    align-items: center;

    min-width: 38px;
    height: 38px;

    padding: 0 14px;

    color: #666;
    font-size: 14px;

    background: #fff;

    border: 1px solid #e8e8e8;
    border-radius: 15px;

    text-decoration: none;

    transition: .3s;

}


/* 鼠标经过 */
.page_box a:hover {

    color: #fff;

    background: #99cc56;

    border-color: #99cc56;

    transform: translateY(-2px);

    box-shadow:
        0 6px 15px rgba(22, 119, 255, .25);

}

/* 当前页 */
.page_box .active,
.page_box span {

    color: #fff;

    background:
        linear-gradient(135deg,
            #99cc56,
            #99cc56);

    border-color: #99cc56;

}

/* 上一页 下一页 */
.page_box a:first-child,
.page_box a:last-child {

    padding: 0 20px;

}