html body {
    background-color: #f5f5f5;
}
.navbar {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    height: 50px;
    border-bottom: 1px solid #dee2e6;
}
.navbar .nav-container {
    padding-left: 15px;
    padding-right: 15px;
}
.navbar .nav, .navbar .nav .nav-item {
    height: 50px;
}
.nav .nav-item .nav-link {
    line-height: 50px;
    height: 50px;
    padding: 0 16px;
    border-radius: 0;
    color: #777777;
}
.nav .nav-item .nav-link:hover {
    color: #555555;
}
.nav .nav-item .nav-link.active {
    color: #444444;
    background-color: #e7e7e7;
    /*color: #007bff;*/
    /*font-weight: 500;*/
}
.ax-nav-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
}

.ax-nav-tabs-header {
    position: fixed;
    width: 100%;
    top: 50px;
    z-index: 99999;
}

.ax-nav-tabs-wrapper {
    background-color: #ffffff;
    border-bottom: 1px solid #dee2e6;
}

.ax-home-tabs-header-gap {
    height: 50px;
}

.color222 {
    color: #222222
}

.pagination-md .page-link {
    padding: .75rem 1.5rem;
}

.box-content .breadcrumb, .box-bread-content .breadcrumb {
    background-color: #ffffff;
}

/* 主内容区域 */
.wk-container {
    margin: 0 auto;
}

.header-gap-base {
    height: 50px;
    clear: both;
}

.header-gap, .header-gap-article {
    height: 66px;
    clear: both;
}

.box-content {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: .25rem;
    /*border-radius: 8px;*/
}

.van-sticky {
    border-bottom: 1px solid #E3E8EC;
}


/* 自定义 gutter 宽度 */
.row-custom-gutter {
    margin-right: -8px;
    margin-left: -8px;
}

.row-custom-gutter > [class*="col-"] {
    padding-right: 8px;
    padding-left: 8px;
}
.card-ratio-image {
    /*opacity: .96;*/
    aspect-ratio: 1 / 1;       /* 设置宽高比 */
}
.card-img-text {
    color: #ffffff !important;
}
a.ax-cate-info-card:hover .card-img-top {
    /*opacity: 1;*/
}

a.ax-cate-info-card {
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
a.ax-cate-info-card:hover {
    text-decoration: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}

a.ax-cate-info-card h4, a.ax-cate-info-card h5, a.ax-cate-info-card h6, a.ax-cate-info-card .list-group-item h4, a.ax-cate-info-card .list-group-item h5, a.ax-cate-info-card .list-group-item h6 {
    color: #343430;
    text-decoration: none;
}
a.ax-cate-info-card:hover h4, a.ax-cate-info-card:hover h5, a.ax-cate-info-card:hover h6{
    color: #d73038;
    text-decoration: none;
}

.ax-dw-card-bg {
    display: flex; justify-content: center; align-items: center; width: 100%;
    /* 直接定义宽高比 1:1 */
    /*aspect-ratio: 16 / 9;*/
    aspect-ratio: 1 / 1;
    margin: 0;
    box-sizing: border-box;
}

/* 现代浏览器：重置降级样式，恢复正常居中 */
@supports not (aspect-ratio: 1/1) {
    .ax-dw-card-bg {
        padding-top: 100%;
        transform: none; /* 取消位移补偿 */
        align-items: center; /* 恢复正常垂直居中 */
        /* 关键1：固定内容高度为 0，避免文字撑高 */
        height: 0;
        /* 关键2：防止文字溢出破坏布局 */
        overflow: hidden;
    }
    .ax-dw-card-text-center {
        margin-top: calc(-50% - 60px - 100px);
    }
}

.ax-dw-text-size {
    font-size: 23px; font-weight: 500
}
.ax-dw-text-count {
    font-size: 13px; font-weight: 400;
}
.ax-dw-card-text-center {
    padding: 15px;
    text-align: center;
}

.font-12 {
    font-size: 12px;
}

.two-line-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    height: 3em;
}

.card-img, .card-img-left {
    border-top-left-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px);
}

a.zhikao-card {
    color: #333333;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
a.zhikao-card:hover {
    color: #e3342f;
    text-decoration: none;
}
img.zhikao-cate-img-scale {
    aspect-ratio: 16 / 9;       /* 设置宽高比 */
}





/* -------------------- 职考栏目页面切换设置 -------------------- */
/* 主容器 */
.main-container {
    margin-top: 66px;
    display: flex;
}
/* 左侧导航菜单 */
.nav-menu {
    width: 200px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 0 0 20px 0;
    position: sticky;
    top: 66px;
    height: calc(100vh - 90px);
    overflow-y: auto;
    margin-right: 16px;
}
@media (max-width: 768px) {
    .nav-menu {
        width: 126px;
    }
}
@media (max-width: 576px) {
    .nav-menu {
        display: none !important;
    }
}
.menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.menu-item {
    padding: 16px 20px;
    cursor: pointer;
    transition: all 0.2s;
    border-left: 4px solid transparent;
    font-size: 15px;
    color: #666;
    display: flex;
    align-items: center;
    margin: 0;
    box-sizing: border-box;
}
.menu-item:hover {
    background-color: #fff8e1;
    color: #333;
}
.menu-item.active {
    background-color: #fff8e1;
    border-left: 4px solid #ffc300;
    color: #222;
    font-weight: 600;
}
/* 右侧内容区域 */
.content-area {
    flex: 1;
    /*background-color: #fff;*/
    /*border-radius: 8px;*/
}
.content-area-cate {
    flex: 1;
    background-color: #fff;
    border-radius: 8px;
}
.category-section {
    margin-bottom: 50px;
    scroll-margin-top: 100px;
}
.category-section-16 {
    margin-bottom: 16px;
    scroll-margin-top: 16px;
}
/* 千万不要随便加减 box-shadow: 0 2px 4px 的像素，太多的宽高变化会让响应式页面滚动事件时每次计算宽高而抖动乱版卡死 */
.zhikao-card:hover {
    /*border: solid 1px #17a2b8;*/
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* -------------------- 职考栏目页面切换设置 -------------------- */



/* 自定义登录按钮样式 */
.login-btn {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s;
}

.login-btn:hover {
    background-color: #0056b3;
}

/* 用户信息样式 */
.user-info {
    position: relative;
    display: inline-block;
}

.user-info-main {
    /*display: flex;*/
    /*align-items: center;*/
    /*padding: 8px 12px;*/
    /*background-color: #f8f9fa;*/
    /*border-radius: 20px;*/
    /*cursor: pointer;*/
    /*transition: background-color 0.3s;*/
}

.user-info-main:hover {
    /*background-color: #e9ecef;*/
}

.user-info-main img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 8px;
}

.user-info-main span {
    font-size: 14px;
    color: #333;
}

.dropdown-arrow {
    font-size: 10px;
    margin-left: 8px;
    color: #6c757d;
}

a.ax-drawer-user-box {
    color: #333333;
    text-decoration: none;
}
a.ax-drawer-user-box:hover {
    color: #e3342f;
    text-decoration: none;
}

/* 下拉菜单样式 */
.user-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    padding: 8px 0;
    min-width: 120px;
    display: none;
    z-index: 1000;
}

/* 使用CSS hover控制下拉菜单显示 */
.user-info:hover .user-dropdown {
    display: block;
}

.user-dropdown a {
    display: block;
    padding: 8px 16px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.3s;
}

.user-dropdown a:hover {
    background-color: #f8f9fa;
}


/* 抽屉核心样式：display控制显隐，transform控制动画 */
#ax_drawer_panel {
    position: fixed;
    top: 0;
    right: 0;
    width: 260px;
    height: 100vh;
    background: white;
    box-shadow: -2px 0 10px rgba(0,0,0,0.1);
    z-index: 9999;
    /*padding: 20px;*/
    box-sizing: border-box;

    /* 1. 基础隐藏：display:none（兼容所有浏览器） */
    display: none;
    /* 2. 动画初始状态：向右移出视口 */
    transform: translateX(100%);
    /* 3. 过渡动画（兼容写法） */
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}

/* 抽屉显示：先display:block渲染，再通过active触发动画 */
#ax_drawer_panel.show {
    display: block; /* 先显示（渲染元素） */
}
#ax_drawer_panel.show.active {
    transform: translateX(0); /* 再执行滑入动画 */
}


/* 遮罩层：同样用display+动画 */
#ax_drawer_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.3);
    z-index: 9998;
    display: none; /* 基础隐藏 */
    opacity: 0; /* 动画初始状态 */
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
#ax_drawer_mask.show {
    display: block;
}
#ax_drawer_mask.show.active {
    opacity: 1;
}

.footer {
    color: #777777;
    text-align: center;
    padding: 30px 0;
    margin-top: 70px;
    border-top: 1px solid #e5e5e5;
    background-color: #f5f5f5;
}
.footer a {
    color: #333333;
    text-decoration: none;
    padding: 0 3px;
}
.footer a:hover, .footer a:focus {
    color: #d44950;
    text-decoration: none;
}



/* grid 导航 */
.grid-container {
    display: grid;
    /* 默认手机端 2 列 */
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 100px; /* 行高 */
    gap: 1px; /* 格子之间的间距，模拟边框 */
    background-color: #dee2e6; /* 边框颜色 */
    background-clip: content-box; /* 背景只绘制到内容区，四边无边框 */
}

.grid-item {
    background-color: #fff; /* 格子背景色 */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* --------------- Grid Begin --------------- */
.ax-flex-center {
    display: flex;
    align-items: center;
}

.ax-flex-left-main {
    display: flex;
    flex: 1;
}

.ax-flex-right-link {
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.grid-row-sidebar, .grid-row-flush {
    border-top: 1px solid #dddddd;
    display: flex;
    flex-wrap: wrap; /* 核心：列超出时自动换行 */
    width: 100%;
}
/* 列项：固定50%宽度，统一分隔线逻辑 */
a.grid-col-sidebar, a.grid-col-flush {
    /*flex: 0 0 50%; !* 固定50%宽度，不收缩/拉伸 *!*/
    /*max-width: 50%;*/
    display: block;
    padding: 12px 15px;
    /*padding: 12px 15px;*/
    box-sizing: border-box; /* 内边距不影响宽度 */
    border-bottom: 1px solid #ddd; /* 所有列底部加横线（行间分隔） */
    border-right: 1px solid #ddd; /* 所有列右侧加竖线（列间分隔） */
    color: #5e5e5e;
    text-decoration: none;
}
a.grid-col-sidebar:hover, a.grid-col-flush:hover {
    color: #e3342f;
    background-color: #f8f9fa;
}

a.grid-col-flush {
    flex: 0 0 33.33333%; /* 固定50%宽度，不收缩/拉伸 */
    max-width: 33.33333%;
}
.grid-col-flush:nth-child(3n) {
    border-right: none;
}

a.grid-col-sidebar {
    flex: 0 0 50%; /* 固定50%宽度，不收缩/拉伸 */
    max-width: 50%;
}
/* 分隔线优化：去掉多余边框 */
/* 1. 偶数列（第2、4、6...列）去掉右侧竖线（列间仅保留一条竖线） */
.grid-col-sidebar:nth-child(2n) {
    border-right: none;
}


/* --------------- Grid End --------------- */





/* 通用背景颜色 */
.home-index-banner-0 {
    background-color: #4F5D9F;
    color: #FFFFFF;
}
.home-index-banner-1 {
    background-color: #6f5499;
    color: #FFFFFF;
}
.home-index-banner-2 {
    background-color: #007bff;
    color: #FFFFFF;
}
.home-index-banner-3 {
    background: #9966CC;
    color: #FFFFFF;
}
.home-index-banner-4 {
    background-color: #066aad;
    color: #FFFFFF;
}
.home-index-banner-5 {
    background: #009999;
    color: #FFFFFF;
}
.home-index-banner-6 {
    background-color: #FF9966;
    color: #FFFFFF;
}
.home-index-banner-7 {
    background: #6633FF;
    color: #FFFFFF;
}
.home-index-banner-8 {
    background-color: #3399CC;
    color: #FFFFFF;
}
.home-index-banner-9 {
    background: #3366CC;
    color: #FFFFFF;
}


/* 文章内容区域 */
.main-content {
    display: flex;
    gap: 20px;
}
.main-body{
    flex: 1;
}

.main-sidebar {
    width: 300px;
    flex: 0 0 300px;
}
@media (max-width: 960px) {
    .main-content {
        flex-direction: column;
    }
    .main-sidebar {
        width: 100% !important;
        flex: 0 0 100%;
    }
    .ark-bottom-btn-block {
        max-width: 690px;
        margin: 0 auto;
    }
    .article-bottom-qr-code {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        z-index: 999999;
        border-bottom: 1px solid #e9ecef;
        border-radius: 0 !important;
    }
    ._article_wx_buy_qr_box {
        display: none !important;
    }
}

.article-content {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 36px;
    border-radius: 8px;
}

.article-title {
    /*margin-top: 0;*/
    color: #333333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9ecef;
}

.article-created_at{
    padding-top: 16px;
    font-size: 14px;
    color: #8a8f8d;
    display: flex;
}

.article-created_user {
    display: flex;
    flex: 1;
}
.article-created-user-icon {
    display: inline-block;
    width: 14px; /* 图标宽度，可自定义 */
    height: 14px; /* 图标高度，可自定义 */
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238a8f8d' viewBox='0 0 16 16'%3E%3Cpath d='M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002a.274.274 0 0 1-.014.002H7.022zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0zM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816zM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275zM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain; /* 自适应容器大小 */
    color: #8a8f8d; /* 图标颜色，可自定义（影响 currentColor） */
    margin-top: 3px;
    margin-right: 5px;
}


.article-created_read {

    /*border-left: 1px solid #dddddd;*/
    /*padding-left: 50px;*/
    /*margin-left: 50px;*/
}


.article-bottom-qr-code {
    margin-top: 15px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 30px;
    border-radius: 8px;
}

.article_copyright_statement {
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 30px;
    border-radius: 8px;
}

.font12 {
    font-size: 12px;
}
.cursor-pointer {
    cursor: pointer;
}
.article-download-content {
    padding-bottom: 20px;
}
.article-download-static {
    margin-top: 32px;
    border-top: 1px solid #dee2e6;
}


/* article - download */

.xiti-box {
    padding: 16px 0 ;
    border-bottom: 1px solid #dddddd;
}
.ax-clear5 {
    margin-top: 10px;
}
.ti_print_count {
    padding: 32px 0 16px 0;
    font-weight: 500;
    color: #e3342f;
    border-bottom: 1px solid #dddddd;
}
.ti_end_answer_analysis {
    padding: 32px 0 16px 0;
    border-bottom: 1px solid #dddddd;
}
.ti_file_info {
    padding: 32px 0 16px 0;
}
.file_info_grid_row {
    padding: 16px 0 ;
}
.file_info_grid_col {
    padding: 5px 0;
}
.file_info_grid_key {
    color: #6c757d;
}
.article-list-icon-pdf {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23e3342f%22%20class%3D%22bi%20bi-file-earmark-pdf-fill%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M5.523%2012.424c.14-.082.293-.162.459-.238a7.878%207.878%200%200%201-.45.606c-.28.337-.498.516-.635.572a.266.266%200%200%201-.035.012.282.282%200%200%201-.026-.044c-.056-.11-.054-.216.04-.36.106-.165.319-.354.647-.548zm2.455-1.647c-.119.025-.237.05-.356.078a21.148%2021.148%200%200%200%20.5-1.05%2012.045%2012.045%200%200%200%20.51.858c-.217.032-.436.07-.654.114zm2.525.939a3.881%203.881%200%200%201-.435-.41c.228.005.434.022.612.054.317.057.466.147.518.209a.095.095%200%200%201%20.026.064.436.436%200%200%201-.06.2.307.307%200%200%201-.094.124.107.107%200%200%201-.069.015c-.09-.003-.258-.066-.498-.256zM8.278%206.97c-.04.244-.108.524-.2.829a4.86%204.86%200%200%201-.089-.346c-.076-.353-.087-.63-.046-.822.038-.177.11-.248.196-.283a.517.517%200%200%201%20.145-.04c.013.03.028.092.032.198.005.122-.007.277-.038.465z%22%2F%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4%200h5.293A1%201%200%200%201%2010%20.293L13.707%204a1%201%200%200%201%20.293.707V14a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V2a2%202%200%200%201%202-2zm5.5%201.5v2a1%201%200%200%200%201%201h2l-3-3zM4.165%2013.668c.09.18.23.343.438.419.207.075.412.04.58-.03.318-.13.635-.436.926-.786.333-.401.683-.927%201.021-1.51a11.651%2011.651%200%200%201%201.997-.406c.3.383.61.713.91.95.28.22.603.403.934.417a.856.856%200%200%200%20.51-.138c.155-.101.27-.247.354-.416.09-.181.145-.37.138-.563a.844.844%200%200%200-.2-.518c-.226-.27-.596-.4-.96-.465a5.76%205.76%200%200%200-1.335-.05%2010.954%2010.954%200%200%201-.98-1.686c.25-.66.437-1.284.52-1.794.036-.218.055-.426.048-.614a1.238%201.238%200%200%200-.127-.538.7.7%200%200%200-.477-.365c-.202-.043-.41%200-.601.077-.377.15-.576.47-.651.823-.073.34-.04.736.046%201.136.088.406.238.848.43%201.295a19.697%2019.697%200%200%201-1.062%202.227%207.662%207.662%200%200%200-1.482.645c-.37.22-.699.48-.897.787-.21.326-.275.714-.08%201.103z%22%2F%3E%0A%3C%2Fsvg%3E) no-repeat center;
    background-size: contain;
    color: #e3342f;
    margin-right: 5px;
}


.ax-box-radius {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.ax_sidebar_down_box {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 16px;
    height: auto;
    right: 0;
    top: 66px;
    float: none;
    position: sticky;
    margin-left: auto;
}

.ax-nav-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
}


.article-recommend-list {
    margin-top: 16px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.article-recommend-list h4.article-recommend-title, .article-recommend-list h5.article-recommend-title {
    padding-left: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dddddd;
}

.article-recommend-title a {
    color: #333333;
    text-decoration: none;
}

.article-recommend-list a:hover, .article-recommend-title a:hover {
    color: #e3342f;
    text-decoration: none;
    background-color: #ffffff;
}
/* article - tiku */

/*-------------------- jstree --------------------*/
#jstree-dnd.jstree-default {
    line-height: 46px;
    padding: 0 4px
}

#jstree-dnd.jstree-default i {
    background: transparent;
    width: 24px;
    height: 46px;
    line-height: 46px
}

.jstree-default .jstree-ellipsis .jstree-anchor {
    width: calc(100% - 24px + 5px);
    text-overflow: ellipsis;
    overflow: hidden
}

.jstree-default .jstree-node {
    min-height: 46px;
    line-height: 46px;
    margin-left: 24px;
    min-width: 24px
}

.jstree-default .jstree-anchor {
    line-height: 46px;
    height: 46px
}

.jstree-default .jstree-icon {
    width: 24px;
    height: 46px;
    line-height: 46px
}

.jstree-default .jstree-icon:empty {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-top: 10px;
}

.jstree-default.jstree-rtl .jstree-node {
    margin-right: 24px
}

.jstree-default .jstree-wholerow {
    height: 46px
}

#jstree-dnd.jstree-default {
    line-height: 46px;
    padding: 0 4px
}



/* 颜色配置 */
.jstree-default .jstree-hovered {
    background: #f5f7fa;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #cccccc
}

.jstree-default .jstree-context {
    background: #f5f7fa;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #cccccc
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
    background: #f5f7fa
}
.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
    background: #f5f7fa
}
.jstree-default .jstree-wholerow-hovered {
    background: #f5f7fa
}
.jstree-default-responsive .jstree-wholerow-hovered {
    background: #f5f7fa
}




.jstree-default .jstree-clicked {
    background: #f5f7fa;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #999999
}
.jstree-default .jstree-wholerow-clicked {
    background: #f5f7fa;
    background: -webkit-linear-gradient(top, #f5f7fa 0%, #f5f7fa 100%);
    background: linear-gradient(to bottom, #f5f7fa 0%, #f5f7fa 100%)
}
.jstree-default-responsive .jstree-wholerow-clicked {
    background: #f5f7fa
}

.jstree-anchor,.jstree-anchor:link,.jstree-anchor:visited,.jstree-anchor:hover,.jstree-anchor:active {
    text-decoration: none;
    color: #404040;
    font-size: 14px;
}


/* icon 配置 */
/* 覆盖jstree默认文件夹图标 - 折叠状态（关闭） */
.jstree-closed > .jstree-anchor > .jstree-icon:before {
    background: none !important; /* 清除默认图标 */
    display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;

    content:"\f3d7" !important;
    color: #409eff; /* 自定义图标颜色 */
    /*font-family: "Font Awesome 6 Free" !important; !* 使用Font Awesome字体 *!*/
    /*font-weight: 900 !important; !* 确保图标正常显示 *!*/
    /*content: "\f07b" !important; !* 折叠文件夹图标（fa-folder） *!*/
}

/* 覆盖jstree默认文件夹图标 - 展开状态（打开） */
.jstree-open > .jstree-anchor > .jstree-icon:before {
    background: none !important; /* 清除默认图标 */
    display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;

    content:"\f3d8" !important;
    color: #3498db; /* 自定义图标颜色 */
}

/* 可选：隐藏叶子节点的默认图标（如需） */
.jstree-leaf > .jstree-anchor > .jstree-icon:before {
    background: none !important; /* 清除默认图标 */
    display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;

    content:"\f470"  !important;
    color: #e83e8c; /* 自定义图标颜色 */
}

.jstree-leaf > .jstree-anchor > .mytreefolder.mytreefolder-pdf.jstree-icon:before {
    content: "\F63D" !important;
    color: #e3342f;
}
/*-------------------- jstree --------------------*/