/* category效果 */
/* 样式一 */
.category_list_style_1 .category_item:hover .category_item_font,.category_list_style_1 .category_item.active .category_item_font {
    color: var(--vi);
}

/* 样式二 */
.category_list_style_2 .category_item:hover .category_item_font,
.category_list_style_2 .category_item.active .category_item_font {
    color: var(--vi);
}
.category_list_style_2 .category_item .category_item_font {
    position: relative;
}
.category_list_style_2 .category_item .category_item_font::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -4px;
    transform-origin: right;
    transform: scaleX(0);
    height: 2px;
    background-color: var(--vi);
    transition: transform 0.3s cubic-bezier(0.25, 0, 0.4, 1);
}
.category_list_style_2 .category_item:hover .category_item_font::after,
.category_list_style_2 .category_item.active .category_item_font::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 样式三 */
.category_list_style_3 .category_item:hover .category_item_font,
.category_list_style_3 .category_item.active .category_item_font {
    color: #fff;
}
.category_list_style_3 .category_item:hover,
.category_list_style_3 .category_item.active {
    background-color: var(--vi);
}


/* page效果 */
/* 效果1 */
.page_style_1 li:not(:first-child, :last-child) .page-link:hover {
    color: var(--vi) !important;
}
.page_style_1 li:not(:first-child, :last-child) .current {
    color: var(--vi) !important;
}

/* 效果2 */
.page_style_2 li:not(:first-child, :last-child) .page-link:hover {
    background-color: var(--vi);
    color:#fff !important;
}
.page_style_2 li:not(:first-child, :last-child) .current {
    background-color: var(--vi);
    color:#fff !important;
}