.pagination {
    text-align: center;
    width: 100%;
}
.pagination ul {
    margin: 0;
    padding: 0;
}
.pagination ul li {
    display: inline-block;
    /* margin-right: 5px; */
    line-height: 1;
    vertical-align: middle;
}
.pagination ul li a, .pagination ul li span {
    display: inline-block;
    color: var(--color-b1);
    font-family: var(--font-2r);
    font-size: 20px;
    /* padding: 15px 12px; */
    line-height: 1;
    cursor: pointer;
}
.pagination ul li.active a, .pagination ul li a:hover {
    color: var(--color-b1-h);
    /* text-decoration: underline; */
}
.pagination ul li.disabled {
    color: #2f2f2f;
}
.pagination ul > :first-child, .pagination ul > :last-child {
    /* border: 1px solid #d5d5d5; */
}
.pagination ul > :first-child a, .pagination ul > :last-child a, .pagination ul > :first-child span, .pagination ul > :last-child span {
    /* padding: 15px 17px; */
    font-size: 22px;
    padding: 0 5px;
}
.pagination ul > :first-child.disabled, .pagination ul > :last-child.disabled {
    color: var(--color-b2);
    cursor: default;
    opacity: 0.6;
}
.pagination ul > :first-child.disabled a, .pagination ul > :last-child.disabled span, .pagination ul > :first-child.disabled span, .pagination ul > :last-child.disabled a {
    cursor: default;
}
.pagination ul > :first-child.disabled:hover, .pagination ul > :last-child.disabled:hover {
    /* background-color: #fff; */
}
.pagination ul > :first-child.disabled:hover a, .pagination ul > :last-child.disabled:hover a, .pagination ul > :first-child.disabled:hover span, .pagination ul > :last-child.disabled:hover span {
    color: var(--color-b1);
}
.pagination ul > :first-child:hover, .pagination ul > :last-child:hover {
    /* background-color: #8fb243; */
    /* border-color: #8fb243; */
}
.pagination ul > :first-child:hover span, .pagination ul > :last-child:hover span, .pagination ul > :first-child:hover a, .pagination ul > :last-child:hover a {
    /* color: #fff; */
    color: var(--color-b1-h);
}