/* ================================== 全局基础样式（去重核心） ================================== */
.slideshow {
    height: 400px;
    object-fit: cover;
}
.bg-info {
    background-color: #20ad96 !important;
}
.btn-info {
    color: #fff;
    background-color: #20ad96;
    border-color: #20ad96;
}
.btn-info:hover {
    color: #fff;
    background-color: #20ad96;
    border-color: #20ad96;
}

/* 分页样式 */
.page-num:not(:disabled) {
    cursor: pointer;
}
.page-num, .page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #20ad96;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
    text-decoration: none;
}
.page-num-current {
    z-index: 1;
    color: #fff;
    background-color: #20ad96;
    border-color: #20ad96;
}
.page-num-current:hover {
    color: #fff;
}

/* ================================== 导航核心样式（去重，保留原风格） ================================== */
#top_main {
    position: relative;
    padding: 17px 0;
    z-index: 9;
}
#top_main .logo img {
    float: left;
}
#top_main ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
#top_main li {
    float: left;
    margin-left: 35px;
    text-align: left;
    position: relative;
    display: block;
    text-align: center;
    padding-top: 5px;
    z-index: 9;
}
#top_main li a {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    font-size: 17px;
}
#top_main li a i {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 7px;
    display: block;
    transition: ease-in-out 0.2s;
    z-index: 9;
}
#top_main li a p {
    width: 100%;
    height: 50px;
    text-align: center;
    left: 0;
    top: 0;
    z-index: 10;
    line-height: 50px;
}
#top_main li a:hover,
#top_main li a.hover,
#top_main li #hover2 {
    cursor: pointer;
}
#top_main li a:hover i,
#top_main li a.hover i,
#top_main li #hover2 i {
    width: 100%;
    bottom: 0;
    background: #20ad96;
}
#top_main li a:hover p,
#top_main li a.hover p,
#top_main li #hover2 p {
    color: #20ad96;
}

/* 二级栏目容器样式 */
#top_main dl {
    width: 260px;
    border-radius: 0 0 3px 3px;
    padding-bottom: 3px;
    background: #20ad96;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 55px;
    z-index: 1555;
    border-top: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease 0s;
    transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
}
#top_main li:hover dl {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

/* 二级栏目项基础样式 */
#top_main dl dd {
    border-top: 1px solid #20ad96;
    text-align: center;
    position: relative;
    z-index: 1556;
    display: block;
    width: 100%;
    font-size: 17px;
    line-height: 40px;
}
#top_main dl dd a {
    color: #dddada;
    height: 35px;
    display: block;
    line-height: 35px;
}
#top_main dl dd a:hover {
    color: #fff;
}

/* ================================== 三级栏目核心样式（PbootCMS 专属适配） ================================== */
/* 1. 仅对有三级栏目的二级菜单添加定位（无三级则不生效） */
#top_main > li > dl > dd:has(> div:has(li)) {
    position: relative !important;
    overflow: visible !important;
    z-index: 1556 !important;
}

/* 2. 三级栏目容器：默认隐藏 */
#top_main > li > dl > dd > div {
    width: 240px;
    background: #20ad96 !important;
    border-radius: 0 3px 3px 0 !important;
    position: absolute !important;
    left: 100% !important;
    top: 0 !important;
    z-index: 1600 !important;
    padding: 5px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all .3s ease 0.1s !important; /* 延迟0.1s，避免误触 */
    transform: translate3d(10px, 0, 0) !important;
    pointer-events: none !important;
}

/* 3. 一级hover：仅显示二级，强制隐藏所有三级 */
#top_main > li:hover > dl > dd > div {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translate3d(10px, 0, 0) !important;
    pointer-events: none !important;
}

/* 4. 二级hover：仅显示对应三级 */
#top_main > li > dl > dd:hover > div {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate3d(0, 0, 0) !important;
    pointer-events: auto !important;
}

/* 5. 三级列表项：清除默认样式 */
#top_main > li > dl > dd > div > li {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 6. 三级链接：与二级统一（字体改为12px，贴合原风格） */
#top_main > li > dl > dd > div > li > a {
    display: block !important;
    width: 100% !important;
    height: 35px !important;
    line-height: 35px !important;
    padding: 0 15px !important;
    font-size: 17px !important;
    color: #dddada !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: background-color .3s ease 0s !important;
}

/* 7. 三级链接hover/高亮 */
#top_main > li > dl > dd > div > li > a:hover,
#top_main > li > dl > dd > div > li > a.hover {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.15) !important; /* 半透明白色背景 */
}

/* 8. 隐藏三级链接下划线 */
#top_main > li > dl > dd > div > li > a > i {
    display: none !important;
}

/* 9. 仅有三级的二级菜单添加箭头 */
#top_main > li > dl > dd:has(> div:has(li)) > a::after {
    content: "→" !important;
    font-size: 17px !important;
    color: #dddada !important;
    float: right !important;
    margin-right: 20px !important;
    line-height: 35px !important;
    transition: color .3s ease 0s !important;
}
#top_main > li > dl > dd:has(> div:has(li)) > a:hover::after {
    color: #fff !important;
}

/* 10. 无三级的二级菜单：仅hover背景色变化（核心需求） */
#top_main > li > dl > dd:not(:has(> div:has(li))) > a {
    transition: background-color .3s ease 0s !important;
}
#top_main > li > dl > dd:not(:has(> div:has(li))) > a:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

/* 11. 隐藏无三级的空div容器 */
#top_main > li > dl > dd > div:empty {
    display: none !important;
}

/* ================================== 响应式适配（移动端兼容） ================================== */
@media (max-width: 992px) {
    #top_main dl {
        width: 220px !important;
        margin-left: -50px !important;
    }
    #top_main > li > dl > dd > div {
        width: 200px !important;
    }
}
@media (max-width: 768px) {
    #top_main li {
        float: none !important;
        margin: 10px 0 !important;
    }
    #top_main dl {
        position: static !important;
        width: 100% !important;
        margin-left: 0 !important;
        top: 0 !important;
        transform: none !important;
    }
    #top_main > li > dl > dd {
        position: static !important;
    }
    #top_main > li > dl > dd > div {
        position: static !important;
        width: 100% !important;
        border-radius: 3px !important;
        transform: none !important;
        margin-top: 2px !important;
        transition: none !important;
    }
    #top_main > li > dl > dd:has(> div:has(li)) > a::after {
        display: none !important;
    }
}