/* 导航栏链接悬浮效果 */
.nav-link-hover {
    transition: color 0.3s ease;
}

.nav-link-hover:hover {
    color: #ff6b6b !important;
    /* 悬浮时改变为红色，可根据需要修改 */
}

/* 下拉菜单链接悬浮效果 */
.sub-menu .nav-link-hover:hover {
    color: #4ecdc4 !important;
    /* 下拉菜单中悬浮时改变为青色，可根据需要修改 */
}

/* 下拉菜单悬浮效果 */
.dropdown-toggle:hover {
    color: #ff6b6b !important;
    /* 下拉菜单标题悬浮时改变为红色，可根据需要修改 */
}

/* 下拉菜单下三角样式 */
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    /* IE8+ */
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/* 下拉菜单悬浮时下三角变化 */
.dropdown-toggle:hover .caret {
    border-top-color: #ff6b6b;
    /* 与悬浮文字颜色保持一致 */
}

/* 下拉菜单展开状态下三角变化 */
.dropdown-toggle.open .caret {
    border-top: none;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    /* IE8+ */
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/* 下拉菜单展开状态下三角颜色变化 */
.dropdown-toggle.open .caret {
    border-bottom-color: #ff6b6b;
    /* 与悬浮文字颜色保持一致 */
}

/* 分页样式 */

#pagi {
    text-align: center;
    margin: 20px 0;
}

#pagi a,
#pagi b {
    border-radius: 10px;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 5px;
    border: 1px solid #ddd;
    text-decoration: none;
}

#pagi a:hover {
    background-color: #f5f5f5;
}

.zit {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}