@charset "UTF-8";
/*导航活页夹样式*/
    /* 标题样式 */
    .mod-hd {

    }
    
    .tab-container {
    
    }
    
    .tab-container::-webkit-scrollbar {
     
    }
    
    /* 标签样式 */
    .mod-tit {
     
    }
    
    /* 活跃标签样式 - 蓝色背景白色文字 */
    .mod-tit.active-tab {
          color: #fd8442;position:relative;
    }
   .mod-tit.active-tab::after {
      content: "";
      display: block;
      width: 0.16rem;
      height: 0.07rem;
      position: absolute;
      left: 50%;
      margin-left: -0.08rem;
      bottom: -0.1rem;
      background-image: url(/2024/images/icon-menu-arrow.png);
      background-position: center;
      }
      
    #shouye{display:none!important}
   .at-pc{}
   .at-phone{display:none !important}
    /* 内容区域样式 */
    .mod-bd {
     padding: 0 0 0.2rem 0
    }
    
    /* 标签内容样式 */
    .tab-content {
      display: none;
      animation: fadeIn 0.4s ease-out forwards;
    }
    
    .tab-content.active {
      display: block;
    }
    
    /* 动画效果 */
    @keyframes fadeIn {
      from { 
        opacity: 0; 
        transform: translateY(30px); 
      }
      to { 
        opacity: 1; 
        transform: translateY(0); 
      }
    }
    
    /* 响应式调整 */
    @media (max-width: 768px) {
      .mod-tit {
        padding: 15px 18px;
        font-size: 14px;
      }
    }

/* 手机版适配--------------*/
@media screen and (max-width: 768px) {
 .at-pc{display:none!important}
 .at-phone{display: block !important}
 .common-menu .common-item{margin:0}
 .mod-tit{padding:0.3rem 0.1rem 0.1rem 0.1rem}
 .mod-hd{}
 .tab-container{  display: flex;justify-content: center;}
 .mod-tit.active-tab{color: #000!important;}
 .mod-tit.active-tab::after {
     content: '';
      position: absolute;
      left:0;
      bottom:-0.1rem;
      width: 100%;
      height: 4px; /* 对应原边框的宽度 */
      background-color: #125ed3; /* 对应原边框的颜色 */
      border-radius: 4px; /* 圆角大小，根据需要调整 */
      background-image:none;
      margin-left:0
      }
.mod-top{margin-top: 2rem}
.activeBG{ background-color: #eff5fd;}
.menuicon{display: none}

}
