#c235773 ul {list-style: none; margin: 0px; padding: 0px;} 
    #c235773 ul li a {font-family: 微软雅黑;text-decoration: none;color:#fff; display:block; width:170px; line-height:45px;  text-align:center;   font-size:16px;} 
    #c235773 ul li { float:left; margin-left:0px;} 
    #c235773 ul li a:hover {background:#056b5c;}
    #c235773 ul li a#current { background:#056b5c; font-weight:bold; color:#fff;}
    #c235773 ul li ul { border:0px solid #ccc; display:none;} 
    #c235773 ul li ul li {font-family: 微软雅黑;text-decoration: none; float:none;  margin:0;border-bottom:1px solid #8ba6a2;min-height:30px;line-height:45px;}
    #c235773 ul li ul li a {min-height:30px;line-height:39px; text-align:center; background:#20a08e; color:#fff;font-size:16px;min-width:133px;padding:0px 0px;} 
    #c235773 ul li ul li a:hover { background:#056b5c; color:#fff;}  
    #c235773 ul li:hover ul { display:block;z-index:9999999; position:absolute;}
    #c235773 ul li.sfhover ul { display:block;}    

/* ============================================
   三级导航手风琴菜单样式 - 现代浏览器完整效果
   ============================================ */

/* 导航项定位上下文 */
.jalaaff,
.jalaa {
    position: relative;
    transition: background-color 0.3s ease;}

/* 有子菜单的项显示指针 */
.jalaaff.has-children,
.jalaa.has-children {
    cursor: pointer;}

/* 展开按钮样式 - 使用伪元素绘制加减号 */
.nav-toggle {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    pointer-events: none; /* 让点击穿透到父元素 */
    transition: transform 0.3s ease;}

/* 加号图标 - 水平线 */
.nav-toggle::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    background: #666;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease, opacity 0.3s ease;}

/* 加号图标 - 垂直线 */
.nav-toggle::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 12px;
    background: #666;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease, opacity 0.3s ease;}

/* 现代浏览器：展开状态旋转动画 */
.jalaaff.active .nav-toggle,
.jalaa.active .nav-toggle {
    transform: translateY(-50%) rotate(180deg);}

/* 展开状态：垂直线旋转消失形成减号 */
.jalaaff.active .nav-toggle::after,
.jalaa.active .nav-toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;}

/* 三级导航容器 - 默认隐藏 */
.sub-nav {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0, 1, 0, 1), 
                opacity 0.4s ease,
                padding 0.3s ease;
    opacity: 0;
    background: #f5f5f5;
    border-top: 0 solid transparent;
    /* 现代浏览器：平滑阴影效果 */
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);}

/* 三级导航展开状态 */
.jalaaff.active .sub-nav,
.jalaa.active .sub-nav {
    max-height: 500px; /* 根据实际内容调整此值 */
    opacity: 1;
    border-top: 1px solid #d0d0d0;
    transition: max-height 0.5s ease-in-out, 
                opacity 0.4s ease,
                padding 0.3s ease;}

/* 三级导航链接项 */
.sub-nav a {
    display: block;
    height: 45px;
    line-height: 45px;
    padding-left: 60px; /* 缩进显示层级关系 */
    padding-right: 20px;
    font-size: 15px;
    color: #555;
    text-decoration: none;
    border-bottom: 1px solid #e8e8e8;
    transition: all 0.3s ease;
    background: transparent;}

/* 三级导航悬停效果 */
.sub-nav a:hover {
    background: #e8e8e8;
    color: #000;
    padding-left: 65px; /* 悬停时轻微位移反馈 */
    text-decoration: none;}

/* 最后一项去除边框 */
.sub-nav a:last-child {
    border-bottom: none;}

/* ============================================
   IE11降级处理
   ============================================ */

/* IE11降级：max-height动画可能不流畅，使用display切换作为后备方案 */
_:-ms-fullscreen, :root .sub-nav {
    display: none;
    max-height: none;
    opacity: 1;
    transition: none;
    box-shadow: none;}

_:-ms-fullscreen, :root .jalaaff.active .sub-nav,
_:-ms-fullscreen, :root .jalaa.active .sub-nav {
    display: block;
    max-height: none;}

/* IE11降级：禁用旋转动画，直接显示静态图标 */
_:-ms-fullscreen, :root .nav-toggle {
    transition: none;}

_:-ms-fullscreen, :root .jalaaff.active .nav-toggle,
_:-ms-fullscreen, :root .jalaa.active .nav-toggle {
    transform: translateY(-50%);}

/* IE11降级：简化悬停效果，移除位移避免重绘问题 */
_:-ms-fullscreen, :root .sub-nav a:hover {
    padding-left: 60px;
    background: #e1e1e1;}

/* ============================================
   IE10降级处理
   ============================================ */

/* IE10降级：基本功能保证，无动画效果 */
_:-ms-lang(x), .sub-nav {
    display: none;
    max-height: none;
    opacity: 1;
    transition: none;}

_:-ms-lang(x), .jalaaff.active .sub-nav,
_:-ms-lang(x), .jalaa.active .sub-nav {
    display: block;}

_:-ms-lang(x), .nav-toggle {
    display: none;}

/* 可选：IE10下直接显示所有三级导航作为降级方案 */
_:-ms-lang(x), .sub-nav {
    display: block;
    background: #f0f0f0;}











/* ============================================
   三级导航遮挡修复 - 父元素高度自适应
   ============================================ */

/* 现代浏览器：使用min-height替代固定height，允许父元素随子导航展开扩展 */
.jalaaff,
.jalaa {
    height: auto !important; /* 移除固定高度限制 */
    min-height: 55px; /* 保持最小高度确保视觉一致性 */
    overflow: visible;}

/* 确保三级导航容器在文档流中正确展开 */
.sub-nav {
    position: relative; /* 确保相对于父元素定位，脱离文档流会导致遮挡 */
    width: 100%;}

/* IE11降级：确保overflow:visible生效，避免内容被裁剪 */
/* IE11降级：min-height支持良好，无需特殊降级，确保盒模型计算正确 */
_:-ms-fullscreen, :root .jalaaff,
_:-ms-fullscreen, :root .jalaa {
    height: auto !important;
    min-height: 55px;
    overflow: visible;}

/* IE10降级：基本高度自适应支持 */
_:-ms-lang(x), .jalaaff,
_:-ms-lang(x), .jalaa {
    height: auto !important;
    min-height: 55px;}







.vsbcontent-table-container-outer { position: relative;}
.vsbcontent-table-container
{
    width: 98%;
    overflow-y: auto;
    _overflow: auto;
    margin: 2px;}
.vsbcontent-table-container::-webkit-scrollbar
{
    -webkit-appearance: none;
    width: 14px;
    height: 14px;}
.vsbcontent-table-container::-webkit-scrollbar-thumb
{
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);}
.vsbcontent-table-container-fade
{
    position: absolute;
    right: 0;
    width: 5px;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: linear-gradient(0deg, rgba(255,255,255,.5), #fff);}