/*名橙科码 2026-06-05 罗 17635350695*/

  * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: "思源黑体", "Source Han Sans SC", "Noto Sans SC", "PingFang SC", sans-serif;
    }

    body {
      background: #f5f9f9;
      font-size: 14px;
      color: #333;
      line-height: 1.5;
    }

    a {
      text-decoration: none;
      color: #333;
      transition: all 0.2s ease;
    }

    a:hover {
      color: #ff6700;
    }

    ul, li {
      list-style: none;
    }

    img {

      display: block;
    }

    .container {
      width: 1280px;
      margin: 0 auto;
    }
.course-container{
   width: 1280px;
      margin: 0 auto;  
}
    /* 顶部导航 */
    .top-bar {
      height: 36px;
      line-height: 36px;
      background: #fff;
      border-bottom: 1px solid #f0f0f0;
      font-size: 13px;
      color: #666;
    }

    .top-bar .container {
      display: flex;
      justify-content: space-between;
    }

    .top-bar a {
      color: #666;
      margin: 0 8px;
    }

    /* 主导航 */
    .main-header {
      height: 70px;
      background: #2378aa;
      box-shadow: 0 2px 10px rgba(0,0,0,0.08);
      position: relative;
      z-index: 99;
    }

    .main-header .container {
      display: flex;
      align-items: center;
      height: 100%;
      justify-content: space-between;
    }

    .logo-area {
      display: flex;
      align-items: center;
      gap: 12px;
      color: #fff;
      font-size: 20px;
      font-weight: bold;
    }
.logo-area a{
 color: #fff;   
}
.logo-area a:hover{
    font-weight: bold;
    color: #ffef04;
}
    .logo {
      height: 44px;
    }

    .nav-list {
      display: flex;
      gap: 24px;
      margin: 0 auto;
      position: relative;
    }

    .nav-list a {
color: #fff;
  font-size: 17px;
  position: relative;
  height: 40px;
  line-height: 40px;
  display: block;
    }
.tab-btn {
      position: relative;
      cursor: pointer;
    }
    .nav-list a:hover {
color: #ff8c00;
}
    .nav-list a:hover::after {
      content: "";
      position: absolute;
      bottom: -6px;
      left: 0;
      width: 100%;
      height: 2px;
      background: #ff8c00;
    }


    /* 二级菜单 默认隐藏 */
    .second-menu {
      display: none;
      position: absolute;
      top: 100%;
      left: -19px;
      width: 100px;
      background: #2378aa;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      z-index: 999;
      padding-bottom: 3px;
    }

    .second-menu li {
      padding: 6px 20px;
      position: relative;
    }

    .second-menu li a {
     color: #fff;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
    }

    .second-menu li:hover {
      /*background: #d32f2f;*/
    }

    /* 三级菜单 默认隐藏 */
    .third-menu {
      display: none;
      position: absolute;
      top: 0;
      left: 100%;
      width: 160px;
      background: #fff;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }

    /* hover 显示二级、三级 */
    .tab-btn:hover > .second-menu {
      display: block;
    }
    .second-menu li:hover > .third-menu {
      display: block;
    }
    .search-box {
     width: 260px;
  height: 38px;
  background: #ffffff;
  border-radius: 50px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  box-shadow: 0 1px 5px rgba(0,0,0,0.05);
  position: relative;
    }

    .search-box input {
   flex: 1;
  border: none;
  outline: none;
  font-size: 14px;
  color: #333;
  float: left;
  width: 100%;
  line-height: 38px;
    }

    .search-btn {
color: #fff;
  font-weight: bold;
  cursor: pointer;
  border: none;
  padding: 9px 3px;
  font-size: 14px;
  position: absolute;
  width: 60px;
  right: 0;
  background: #2378aa;
  top: 0px;
  height: 38px;
    }

    .user-info {
      color: #fff;
      font-size: 14px;
    }

    .user-info a {
      color: #fff;
      margin: 0 6px;
    }

    /* 主体布局 */
    .main-wrap {
      margin-top: 10px;
    }

    .main-wrap .container {
      display: flex;
      gap: 10px;
    }

    /* 左侧 */
    .left-side {
      width: 300px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .card {
      background: #fff;
      border-radius: 12px;
      padding: 18px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.04);
      border: none;
      transition: all 0.2s ease;
    }


    /* 功能入口 */
    .func-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
    }
.func-item2 i.fas {
  width: 25px;
  height: 25px;
  margin-top: 3px;
  font-size: 26px;
  color: #2378aa;
  margin-bottom: 3px;
}    
.img-nav-list{
 list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;   
}
    .func-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 12px 6px;
      background: #f9fafb;
      border-radius: 8px;
      transition: 0.2s;
      text-align: center;
    }
.func-item2{
 cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 6px;
  border-radius: 8px;
  transition: 0.2s;
  text-align: center;   
}    
    
    
.indexbkcl1{ background: linear-gradient(135deg,#f9f7ff,#f3f0ff);    }
.indexbkcl2{ background: linear-gradient(135deg,#f9f7ff,#f3f0ff);  }
.indexbkcl3{background: linear-gradient(135deg,#f6f9ff,#e7f0ff);   }
.indexbkcl4{ background: linear-gradient(135deg,#fffaf8,#fff2ec);  }
.indexbkcl5{ background: linear-gradient(135deg,#fff7f7,#ffefed);  }
.indexbkcl6{ background: linear-gradient(135deg,#f6f9ff,#e7f0ff);    }

.func-item i.fas{   
width: 30px;
  height: 30px;
  margin-top: 3px;
  font-size: 26px;
  color: #2378aa;
}
    .func-item:hover {
      background: #fff0e6;
    }

    .func-item img {
      width: 28px;
      height: 28px;
      margin-bottom: 6px;
    }

    .func-item span {
      font-size: 13px;
      color: #555;
    }

    /* 倒计时 */
    .kefulogo{
     position: absolute;
  left: 6px;
  bottom: 0;   
    }
    .count-down .text{
       margin-left: 85px; 
       text-align: center;
    }
    .count-down {
      background: linear-gradient(135deg, #fff5ec, #fff);
      border: 1px solid #ffd9bf;
      padding: 13px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      gap: 14px;
      position: relative;
      box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    }

    .count-down .icon {
      width: 46px;
      height: 46px;
    }

    .count-down .text .title {
      font-size: 14px;
      color: #666;
      margin-bottom: 6px;
    }
.kaoshidjskm{
 color: #ff6700;
  font-weight: bold;
  font-size: 18px;   
}
    .count-down .text .day {
      font-size: 24px;
      color: #ff6700;
      font-weight: bold;
    }

    /* 标题 */
    .box-title {
      font-size: 16px;
      font-weight: bold;
      padding-left: 8px;
      border-left: 4px solid #ff6700;
      margin-bottom: 14px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .box-title .tag {
      font-size: 12px;
      color: #999;
      font-weight: normal;
    }

    /* 表格 */
    .info-table {
      width: 100%;
      border-collapse: collapse;
      border-radius: 8px;
      overflow: hidden;
margin-bottom: 18px;
    }

    .info-table td {
   padding: 6px 6px;
  text-align: center;
  font-size: 13px;
  color: #555;
  background: #fafbfc;
  border-bottom: 0px solid #f2f2f2;
    }

    .info-table td:first-child {

    }

    .info-table a {
     color: #171718;
  font-size: 14px;
    }
.info-table a:hover{
    color: #ff6700;
}
    /* 讲师 */
    .teacher {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 16px;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.04);
    }

    .teacher img {
     width: 82px;
  height: 82px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px #e4e4e4 solid;
    }

    .teacher .name {
      font-size: 16px;
      font-weight: bold;
   
    }

    .teacher .job {
      color: #999;
      font-size: 12px;

    }

    .teacher .try {
      color: #ff6700;
      font-size: 13px;
      font-weight: 500;
    }

    /* 中间内容 */
    .center {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .center-card {
      background: #fff;
      border-radius: 12px;
      padding: 20px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    }

    .banner {
width: 100%;
  height: 322px;
  display: block;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  box-shadow: 0 4px 16px rgba(255, 103, 0, 0.15);
  background: #fff;
  border-radius: 10px;
  padding: 6px;
  position: relative;
    }
.banner img.pindaobaner{
  width: 100%;
  height: 100%;
  border-radius: 10px;  
}
.banner h3.pindaobanertxt{
 position: absolute;
  bottom: 15px;
  left: 30px;
  font-size: 20px;   
}

    /* 资讯 */
    .news-wrap {
      display: flex;
      gap: 10px;
    }

    .news-col {
      flex: 1;
    }

    .news-col h3 {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 12px;
      color: #333;
      line-height: 1.4;
      word-break: break-all;
    }

    .news-col li {
      overflow: hidden;
      position: relative;
      margin-bottom: 8px;
      font-size: 14px;
      line-height: 1.5;
      word-break: break-all;
      white-space: normal;
    }

.text-link-item-tag{
 height: 20px;
  background: rgba(116,116,146,.1);
  border-radius: 4px;
  display: inline-flex;
  color: #646482;
  font-size: 13px;
  line-height: 13px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 6px;
  padding-right: 6px;  
  margin-right: 2px;
}   
.news-col h3 a{
color: #530b74;  
}
.news-col h3 a:hover{
color: #ff6700;  
}
.news-col li a{
 position: relative;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.5;
  word-break: break-all;
  white-space: normal;
  overflow: hidden;   
}  
.news-col li a:hover{
color: #ff6700;    
}
.coursewenzhang-list{
 display: grid;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  grid-template-columns: repeat(2, 1fr);   
}
.course-tip{
display: grid;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden;
  width: 100%;
}
.course-tip li{
    overflow: hidden;
  width: 305px;
  height: 28px;
  font-size: 16px;
  line-height: 26px;
  font-weight: bold;
  margin-bottom: 5px;
} 
.course-tip li a{
 olor: #b0178a;   
}
.course-tip li a:hover{
 color: #ff6700;   
}
.guanzhucard{
 background: #fff;
  border-radius: 12px;
  padding: 6px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
  border: none;
  transition: all 0.2s ease;   
}
.guanzhucard img{
 width: 100%;
  height: auto;   
  border-radius: 8px;
} 
 
    /* 广告 */
    .ad-wrap {
     display: flex;
  gap: 6px;
    }

    .ad-item {
     height: 178px;
  background: #fff;
  border-radius: 10px;
  padding: 6px;
    }
   .ad-item img{
     width: 100%;
  height: 100%;  
  border-radius: 10px;
   }
    /* 右侧 */
    .right-side {
      width: 300px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .right-title {
font-size: 15px;
  font-weight: bold;
  padding-bottom: 8px;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 15px;

  justify-content: space-between;
    }
.right-title a{
font-weight: normal;
  font-size: 13px;
  color: #666;    
  float: right;
}
.right-title a:hover{
    color: #ff6700;
}
.right-title i.fa-fire{
 color: #ff6700;
  margin-right: 5px;
  font-size: 18px;   
}
.right-title i.fa-star{
  color: #ff6700;
  margin-right: 1px;
  font-size: 18px;     
}
.empty {
      text-align: center;
      padding: 40px 0;
      color: #aaa;
      font-size: 14px;
    }

    /* 课程卡片 */
    .course-item {
      padding-bottom: 14px;
      margin-bottom: 14px;
      border-bottom: 1px dashed #c8c6c6;
    }

    .course-item:last-child {
      border: none;
      margin: 0;
      padding: 0;
    }

    .course-item-top {
      display: flex;
      gap: 10px;
      margin-bottom: 10px;
    }

    .course-item-top img {
      width: 70px;
      height: 70px;
      border-radius: 6px;
      object-fit: cover;
      background: #f5f7fa;
    }

    .course-item-top .txt .name {
      font-size: 16px;
      line-height: 1.5;
      font-weight: 500;
      margin-bottom: 5px;
      word-break: break-all;
    }

    .course-item-top .txt .info {
      color: #999;
      font-size: 12px;
    }

    .course-item-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
.course-item-bottom .info{
    color: #999;
  font-size: 12px;
  height: 28px;
  line-height: 36px;
}
    .course-item-bottom .num {
      color: #999;
      font-size: 12px;
      height: 28px;
  line-height: 36px;
    }

    .course-item-bottom .btn {
      padding: 5px 12px;
      background: #ff6700;
      color: #fff;
      border-radius: 6px;
      font-size: 12px;
      font-weight: 500;
      transition: 0.2s;
    }

    .course-item-bottom .btn:hover {
      color: #fff;
  background: #ff6700;
    }

    .course-item-bottom .play {
     background: linear-gradient(84deg,#ff737a 5%,#ff9500 93%);
  border-radius: 15px;
  box-shadow: inset 0 1px 4px 0 hsla(0,0%,100%,.5);
  transform: translateX(0%);
  transition: transform 0.5s ease;
    }
/* 倒计时样式 */
.countdown {
 display: flex;
  gap: 4px;
  font-size: 15px;
  font-weight: bold;
  color: #333;
}
.countdown-item {
text-align: center;
  background: #d32f2f;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 17px;
  line-height: 18px;
}
.countdown-itemss {
  font-family: Times New Roman;  
}
.countdown-label {
font-size: 14px;
}
    /* 响应式 */
    @media (max-width: 1200px) {
      .container {
        width: 100%;
        padding: 0 5px;
      }
    }

    @media (max-width: 992px) {
      .main-wrap .container {
        flex-direction: column;
      }
      .left-side, .center, .right-side {
        width: 100%;
      }
      .main-header {
        height: auto;
        padding: 12px 0;
      }
      .main-header .container {
        flex-direction: column;
        gap: 12px;
      }
      .nav-list {
        flex-wrap: wrap;
        justify-content: center;
      }
      .search-box {
        width: 100%;
      }
    }

    /* 手机端专属优化（修复资讯文字） */
    @media (max-width: 768px) {
      .news-wrap {
        flex-direction: column;
        gap: 16px;
      }
      .course-list {
        grid-template-columns: 1fr;
      }
      .ad-wrap {
        flex-direction: column;
      }
    }
    
    
    
    
    
    
    
  /* 顶部倒计时 */
    .countdown-bar {
      background: #fff;
      border-bottom: 1px solid #f0f0f0;
      padding: 8px 0;
      font-size: 15px;
      font-weight: bold;
      color: #e63946;
      text-align: center;
      position: relative;
    }

    .countdown-bar .tag {
      background: #e63946;
      color: #fff;
      padding: 2px 8px;
      border-radius: 4px;
      margin: 0 4px;
    }

    .countdown-bar .class-compare {
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 12px;
      color: #666;
    }


    /* 讲师团队 */
    .teacher-team {
      margin: 25px 0;
      background: #fff;
      border-radius: 8px;
      padding: 14px;
      box-shadow: 0 1px 8px rgba(0,0,0,0.05);
    }

    .section-title {
font-size: 22px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #333;
  height: 30px;
  line-height: 25px;
  float: left;
  margin-right: 24px;
  display: block;
  width: 100%;
    }

    .teacher-main {
      display: flex;
      align-items: flex-start;
      gap: 20px;
    }

    .teacher-info {
      flex: 2;
    }

    .teacher-name {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 6px;
    }

    .teacher-title {
      color: #666;
      margin-bottom: 8px;
      font-size: 12px;
      line-height: 1.4;
    }

    .teacher-desc {
      font-size: 12px;
      color: #666;
      line-height: 1.5;
    }

    .teacher-avatar {
      flex: 1;
      text-align: center;
    }

    .teacher-avatar img {
      width: 180px;
      height: auto;
      border-radius: 4px;
      margin: 0 auto;
    }

    .teacher-thumbnails {
      display: flex;
      gap: 10px;
      margin-top: 16px;
      overflow-x: auto;
      padding-bottom: 6px;
    }

    .teacher-thumb {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      overflow: hidden;
      border: 2px solid transparent;
      cursor: pointer;
      transition: all 0.2s ease;
    }

    .teacher-thumb.active {
      border-color: #ff6700;
    }

    .teacher-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* 考试书店 */
    .book-store {
      margin: 15px 0;
      background: #fff;
      border-radius: 8px;
      padding: 16px;
      box-shadow: 0 1px 8px rgba(0,0,0,0.05);
    }

    .book-list {
      display: flex;
      gap: 12px;
      overflow-x: auto;
      padding-bottom: 6px;
    }

    .book-item {
      flex: 0 0 160px;
    }

    .book-cover {
      width: 100%;
      height: 180px;
      background: #f2f2f2;
      border-radius: 4px;
      margin-bottom: 6px;
      position: relative;
    }

    .book-cover .tag {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background: #409eff;
      color: #fff;
      font-size: 10px;
      text-align: center;
      padding: 2px 0;
    }

    .book-cover img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .book-name {
      font-size: 12px;
      margin-bottom: 4px;
      line-height: 1.3;
      height: 36px;
      overflow: hidden;
    }

    .book-price {
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .book-price .current {
      color: #e63946;
      font-weight: bold;
      font-size: 14px;
    }

    .book-price .discount {
      background: #ff6700;
      color: #fff;
      font-size: 10px;
      padding: 1px 4px;
      border-radius: 2px;
    }

    .book-price .origin {
      color: #999;
      font-size: 11px;
      text-decoration: line-through;
    }

    .book-meta {
      display: flex;
      gap: 4px;
      margin-top: 4px;
      font-size: 9px;
      color: #999;
    }

    .book-meta span {
      padding: 1px 4px;
      border-radius: 2px;
      background: #f5f5f5;
    }

    /* 资料下载 */
    .material-download {
      margin: 10px 0;
      background: #fff;
      border-radius: 8px;
      padding: 16px;
      box-shadow: 0 1px 8px rgba(0,0,0,0.05);
      width: 100%;
    }

    .download-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 15px;
    }

    .download-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 8px;
      background: #f9f9f9;
      border-radius: 6px;
    }

    .download-info {
      flex: 1;
    }

    .download-title {
      font-size: 14px;
      margin-bottom: 3px;
      line-height: 1.3;
    }

    .download-meta {
      display: flex;
      gap: 8px;
      font-size: 12px;
      color: #999;
    }

    .download-meta .free {
      color: #e63946;
    }

    .download-btn {
      width: 24px;
      height: 24px;
      background: url(" ") center no-repeat;
      background-size: 16px;
      cursor: pointer;
      transition: all 0.2s ease;
    }

    .download-btn:hover {
      opacity: 0.8;
    }

    /* 考试辅导+热门文章 */
    .exam-coach {
     margin: 10px 0;
  display: flex;
  gap: 10px;
    }

    .coach-left {
      flex: 5;
      background: #fff;
      border-radius: 8px;
      padding: 16px;
      box-shadow: 0 1px 8px rgba(0,0,0,0.05);
      position: relative;
    }

    .coach-right {
      flex: 2;
      background: #fff;
      border-radius: 8px;
      padding: 16px;
      box-shadow: 0 1px 8px rgba(0,0,0,0.05);
    }

    .tab-nav {
    display: flex;
  gap: 6px;
  margin-bottom: 12px;
  flex-wrap: wrap;
  position: absolute;
  left: inherit;
  float: left;
  margin-left: 128px;
    }

    .tab-nav button {
    padding: 4px 8px;
  background: #fff;
  border: none;
  border-radius: 16px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
    }

    .tab-nav button.active {
      background: #fff;
      border-color: #ff6700;
      color: #ff6700;
    }

    .tab-nav button.active::after {
      content: "";
      position: absolute;
      bottom: -2px;
      left: 50%;
      transform: translateX(-50%);
      width: 10px;
      height: 2px;
      background: #ff6700;
      border-radius: 1px;
    }

    .tab-content {
      display: none;
    }

    .tab-content.active {
     display: block;
  position: relative;
  margin-top: 12px;
  float: left;
  width: 100%;
    }
.right-article-list{
  max-height: 320px;
  overflow-y: auto;
  height: 300px;
  float: left;
  width: 100%;
}
.right-article-list li{

  border-bottom: 1px dashed #f0f0f0;
  font-size: 14px;
  overflow: hidden;
  width: 100%;
height: 33px;
  line-height: 44px; 
}
.right-article-list li a em{
width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: linear-gradient(-63deg, #645a5a, #A37878);
  display: block;
  color: #fff;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 10px;
  margin-right: 5px;
  float: left;
  margin-top: 12px;  
}

.article-list {
      max-height: 320px;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
    }

.article-list li {
display: flex;
  justify-content: space-between;
  border-bottom: 1px dashed #f0f0f0;
  font-size: 14px;
  overflow: hidden;
  width: 100%;
  height: 27px;
  line-height: 27px;
    }
.article-list li a em{
width: 24px;
  height: 19px;
  line-height: 17px;
  text-align: center;
  background: linear-gradient(-63deg, #d13c3c, #694F4F);
  display: block;
  color: #fff;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 12px;
  margin-right: 5px;
  float: left;   
}
    .article-list li:last-child {
      border: none;
    }

    .article-date {
      color: #999;
      font-size: 11px;
      white-space: nowrap;
    }

    /* 考试试题 */
    .exam-questions {
      margin: 25px 0;
      background: #fff;
      border-radius: 8px;
      padding: 16px;
      box-shadow: 0 1px 8px rgba(0,0,0,0.05);
    }

    /* 报考指导+学习资料+APP下载 */
    .guide-section {
      margin: 10px 0;
      display: flex;
      gap: 10px;
    }

    .guide-left {
      flex: 3;
      background: #fff;
      border-radius: 8px;
      padding: 16px;
      box-shadow: 0 1px 8px rgba(0,0,0,0.05);
    }

    .guide-right {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .study-material {
   height: 338px;
    }

    .app-download {
    
      padding: 16px;
      text-align: center;
    }

    .qrcode {
      width: 100px;
      height: 100px;
      margin: 0 auto 10px;
      background: #f2f2f2;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .qrcode img {
      width: 90px;
      height: 90px;
    }

    .app-text {
      font-size: 12px;
      color: #666;
      line-height: 1.4;
    }

    /* 响应式适配 */
    @media (max-width: 1200px) {
      .container {
        width: 100%;
      }
    }

    @media (max-width: 992px) {
      .header-section {
        flex-direction: column;
      }
      .course-packages {
        flex-direction: column;
      }
      .exam-coach {
        flex-direction: column;
      }
      .guide-section {
        flex-direction: column;
      }
      .guide-right {
        flex-direction: row;
      }
      .study-material, .app-download {
        flex: 1;
      }
    }

    @media (max-width: 768px) {
      .teacher-main {
        flex-direction: column;
        text-align: center;
      }
      .download-grid {
        grid-template-columns: 1fr;
        width: 100%;
      }
      .guide-right {
        flex-direction: column;
      }
      .teacher-avatar img {
        width: 100%;
        max-width: 200px;
        height: auto;
      }
      .countdown-bar .class-compare {
        display: none;
      }
    }

    @media (max-width: 480px) {
      .book-list {
        flex-direction: column;
        overflow-x: hidden;
      }
      .book-item {
        flex: none;
        width: 100%;
      }
      .article-list {
        max-height: 200px;
      }
    }
    
    
    
    
    
    
    
   .header {
     margin-top: 25px;
        }
        .header .container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .main-title {
          font-size: 24px;
  color: #333;
  font-weight: bold;
  margin-left: 8px;
        }
        .countdown-box {
          margin: 10px 0;
    margin-left: 0px;
  display: flex;
  align-items: center;
  padding: 2px 13px;
  margin-left: 10px;
  background: linear-gradient(270deg, #FF8164, #FF489E);
  border-radius: 26px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
        }
.countdown-new{
display: block;
padding: 0 3px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  background-color: #fff;
  color: #F74573;
  border-radius: 3px;
  text-align: center;
  margin: 4px 0;
}        
        
   .countdown-labelpp{
     margin-right: 10px;  
   }    
        .unit {
        font-size: 13px;
  color: #fff;
  margin: 4px 0;
        }
        .header-right {
            display: flex;
            align-items: center;
            gap: 15px;
            font-size: 14px;
        }
        .compare-btn, .trial-btn {
            cursor: pointer;
            color: #666;
        }
        .trial-btn {
            color: #ff4400;
            font-weight: bold;
        }
        .more-btn {
            font-size: 12px;
            color: #999;
        }
        .main-content {
      
        }
        .course-list {
          display: grid;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  grid-template-columns: repeat(4, 1fr);
        }
        .course-card {
width: 100%;

  background-color: #fff;
  flex: 1;
  min-width: 280px;
  border-radius: 12px;
 text-align: center;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
  border: none;
  transition: all 0.2s ease;
  position: relative;
        }
.course-card1{ 
 background: linear-gradient(90deg, #EDEEEE, #EFEFEF, #FBFBFB, #E5E5E5);   
}
.course-card2{ 
    background: #DDE3E8;
}
.course-card3{ 
   background: linear-gradient(90deg, #F8E8E2, #FEF2EC, #FEF2EC, #F0D5CB);    
}
              
        
        
        .course-banner .banner-img {
            width: 100%;
            height: auto;
            border-radius: 10px 10px 0 0;
        }
        .course-title {
   padding: 10px 15px;
  font-size: 18px;
  line-height: 18px;
  color: #222;
  font-weight: bold;
  text-align: center;
        }
        .course-desc {
            font-size: 12px;
            color: #666;
            padding: 0 15px 10px;
            line-height: 1.5;
        }
.kechengxxy{
height: 190px;
  position: relative;
  padding: 10px 10px 10px;
  border-radius: 8px;
  background-color: #fff;
  margin: 3px 6px 14px 6px;
}        
        .course-features {
list-style: none;
  margin: 5px 1px;
    margin-bottom: 5px;
  margin-bottom: 0px;
  margin-bottom: 10px;
  height: 139px;
  position: relative;

        }
        .course-features li {
            font-size: 12px;
            color: #666;
            margin-bottom: 8px;
            display: flex;
            align-items: flex-start;
        }
        .feature-label {
    width: 32px;
  height: 19px;
  line-height: 17px;
  text-align: center;
  background: linear-gradient(-63deg, #333333, #5C5C5C);
  display: block;
  color: #fff;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 12px;
  margin-right: 5px;
        }
        .relearn {
            color: #ff4400;
            font-size: 12px;
        }
        .agreement {
            color: #0066cc;
            text-decoration: none;
            font-size: 11px;
        }
        .detail-btn {
display: block;
  margin: 0 auto 15px;
  padding: 5px 10px;
  border-radius: 10px 10px 0px 0px;
  color: #fefefe;
  cursor: pointer;
  font-size: 11px;
  border: 0px;
  background: linear-gradient(90deg, #2E30DF, #2270C3, #737DCB, #513AC2);
        }
        .price-area {
background-color: #fff;
  padding: 10px 10px 0;
  box-sizing: border-box;
  border-radius: 8px;
  width: 96%;
  margin: auto;
  position: relative;
  height: 63px;
        }
.price-area p.original-price span.del{
 text-decoration: line-through;   
}        
        .price-tag {
      margin-right: 5px;
  display: block;
  position: absolute;
  top: -5px;
  font-weight: bold;
  width: 70px;
  padding: 0 10px;
  left: 38%;
  text-wrap: nowrap;
  height: 20px;
  line-height: 20px;
  background: linear-gradient(90deg, #FF995C, #FF324A);
  box-shadow: 0px 6px 13px 0px rgba(255, 37, 12, 0.14);
  border-radius: 10px 10px 10px 0px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  -webkit-animation: activeBox 4s linear infinite;
  animation: activeBox 4s linear infinite;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  display: inline-block; /* 必须加，才能动 */
  animation: shake 3s infinite;
        }
@keyframes shake {
  0%, 85% {
    transform: translateY(0);  /* 静止 */
  }
  88% {
    transform: translateY(-3px); /* 第1下往上 */
  }
  91% {
    transform: translateY(3px);  /* 第1下往下 */
  }
  94% {
    transform: translateY(-3px); /* 第2下往上 */
  }
  97% {
    transform: translateY(3px);  /* 第2下往下 */
  }
  100% {
    transform: translateY(0);    /* 复位 */
  }
}
        .price {
font-size: 18px;
  color: #ff4400;
  font-weight: bold;
  float: left;
  display: block;
  width: 100%;
  text-align: left;
        }
        .original-price {
            font-size: 11px;
            color: #999;
          float: left;
        }
        .btn-group {
            display: flex;
            gap: 10px;
            padding: 0 15px;
            margin: 15px 0px;
        }
        .consult-btn, .buy-btn {
            flex: 1;
            padding: 8px 0;
            border-radius: 3px;
            cursor: pointer;
            font-size: 12px;
            border: none;
        }
        .consult-btn {
        background-color: #FFF;
  color: #555;
  box-shadow: 0px 2px 9px 0px rgba(177, 208, 226, 0.24);
  height: 39px;
  font-size: 14px;
  border-radius: 20px;
  transition: transform 0.5s ease;
        }
        .consult-btn:hover{
            transform: translateY(-2px);
        }
        .buy-btn {
          color: #fff;
  background: linear-gradient(90deg, #FF866E, #F72836);
  margin-left: 13px;
  height: 37px;
  font-size: 14px;
  border-radius: 20px;
  transition: transform 0.5s ease;
        }
        .buy-btn:hover{
         transform: translateY(-2px);   
        }
        .trial-area {
       width: 100%;


  flex: 1;
  min-width: 280px;
  border-radius: 12px;
        }
        .trial-video {
            position: relative;
            margin-bottom: 10px;
            text-align: center;
        }
        .video-cover {
            width: 100%;
            height: auto;
            border-radius: 5px;
        }
        .play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 40px;
            height: 40px;
            background-color: rgba(0,0,0,0.5);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 20px;
            cursor: pointer;
        }
        .video-title {
            font-size: 14px;
            color: #333;
            margin-top: 8px;
        }
        /* 视频播放器容器 */
        .video-player {
            position: relative;
            width: 100%;
          
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0,0,0,0.2);
            cursor: pointer;
        }

        /* 视频默认封面 */
        .video-cover {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
        }

        /* 播放按钮 */
        .play-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 70px;
            height: 70px;
            background: rgba(255,68,0,0.9);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 30px;
            z-index: 9;
            transition: all 0.3s;
        }
        .play-icon:hover {
            background: #ff4400;
            transform: translate(-50%, -50%) scale(1.1);
        }

        /* 视频标签默认隐藏 */
        video {
            width: 100%;
            height: auto;
            display: none;
            object-fit: cover;
        }
        /* 遮罩层：半透明黑灰色 */
.video-cover-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* 半透明黑灰，0.4 是透明度 */
  z-index: 1;
}

/* 让播放按钮在遮罩上面 */
.play-icon {
  z-index: 2 !important;
}

/* 封面图层级放最下面 */
.video-cover {
  z-index: 0;
  position: relative;
}
        
        .teacher-name {
          font-size: 12px;
  color: #999;
  font-weight: normal;
  margin-bottom: 0px;
        }
        .trial-btns {
            display: flex;
            gap: 12px;
            margin-bottom: 15px;
        }
        .more-trial-btn, .class-detail-btn, .sign-btn {
          flex: 1;
  padding: 5px 0;
  border-radius: 3px;
  cursor: pointer;
  font-size: 13px;
  color: #fff;
  background: linear-gradient(80deg, #F48356, #95673E, #39394A, #0A1422);
  border: 0px;
  transition: transform 0.5s ease;
        }
.more-trial-btn:hover, .class-detail-btn:hover, .sign-btn:hover{
  transform: translateY(-2px);    
}         
        .trial-chapter{
  background-color: #fff;
  border-radius: 12px;
  padding: 18px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
  height: 273px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;  
        }
        .trial-chapter h4 {
           color: #333;
  margin-bottom: 10px;
  line-height: 22px;
  padding: 2px 0 2px 0px;
  font-size: 16px;
  font-weight: 900;
  position: relative;
  cursor: pointer;
        }
        .chapter-list {
            list-style: none;
        }
        .chapter-list li {
color: #666;
  margin-bottom: 5px;
  padding: 4px 5px 3px 16px;
  line-height: 20px;
  font-size: 13px;
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #fcf9f9;
        }
        .lock {
            color: #999;
            font-size: 10px;
            float: right;
        }
        @media (max-width: 992px) {
            .course-list {
                justify-content: center;
            }
            .header .container {
                flex-direction: column;
                align-items: flex-start;
            }
            .header-right {
                margin-top: 10px;
                width: 100%;
                justify-content: flex-end;
            }
        }
        @media (max-width: 576px) {
            .main-title {
                font-size: 18px;
            }
            .course-card, .trial-area {
                min-width: 100%;
            }
            .btn-group {
                flex-direction: column;
            }
            .trial-btns {
                flex-direction: column;
            }
        }
        
.ziliaoku{
  width: 100%;
  margin-top: 12px;
  height: 177px;
}        
.ziliaoku a img{
width: 100%;
  border-radius: 6px;
  height: 100%;
}        
.ziliaomore{
font-size: 13px;
  font-weight: normal;
  float: right;
  color: #666;  
}        
        
.kechengmore{
  margin: auto;
    margin-top: auto;
  display: block;
  height: 24px;
  margin-top: 18px;
  text-align: center;  
}        
.kechengmore a{
 font-size: 12px;
  color: #fff;
  background: #666;
  padding: 4px 8px;
  text-align: center;
  border-radius: 23px;   
}  
.kechengmore a:hover{
 background: #ff6700;   
}  
.download-btn i.fa-cloud-download-alt{
  font-size: 18px;
  color: #1a6481;
  font-weight: bold;  
}

.fa-file-alt{
 font-size: 16px;
  color: #2378aa;
  margin-right: 5px;   
}
.fa-file-pdf{
 color: #2378aa;
  margin-right: 5px;
  font-size: 16px;   
}

        
         /* 广告外层容器：电脑端最大 1280px，居中 */
        .ad-container {
           max-width: 1280px;
  margin: 10px auto;
        }

        /* 广告布局：电脑端左右并排，平板手机上下 */
        .ad-wrapper {
            display: flex;
            gap: 10px; /* 两个广告之间间距 */
        }

        /* 电脑端：左右各占一半 */
        .ad-itemad {
        flex: 1;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #333;
  text-align: center;
  border-radius: 6px;
  padding: 4px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
  border: none;
  transition: all 0.2s ease;
        }
       .ad-itemad a img{ width: 100%; border-radius: 3px;}
        /* 平板 & 手机：自动变成上下布局 */
        @media (max-width: 768px) {
            .ad-wrapper {
                flex-direction: column;
            }
            .ad-itemad {
                height: 100px;
            }
             .ad-itemad a img{ width: 100%; border-radius: 3px;}
        }


 /* === 全部重命名 === */
        .yx_serve_module{
         max-width: 100%;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 15px;
  margin-bottom: 30px;
        }
        .yx_serve_card{
     background: linear-gradient(0deg, #fff, #ffeeea);
  border-radius: 16px;
  padding: 22px 20px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  box-shadow: 0 1px 8px rgba(0,0,0,0.05);
        }
        .yx_icon_wrap{
         width: 50px;
  height: 50px;
  background: linear-gradient(135deg,#ffc8c8,#ee4444);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
        }
        .yx_icon_wrap i{
          font-size: 24px;
  color: #ffffff;
  margin-right: 0px;
        }
        .yx_text_area h3{
          font-size: 22px;
  color: #111111;
  font-weight: bold;
        }
        .yx_text_area p{
        font-size: 12px;
  color: #333333;
  line-height: 1.6;
        }
        /* 移动端自适应 */
        @media(max-width:1100px){
            .yx_serve_module{
                grid-template-columns: repeat(2,1fr);
            }
        }
        @media(max-width:640px){
            .yx_serve_module{
                grid-template-columns: 1fr;
            }
            .yx_text_area h3{
                font-size:18px;
            }
            .yx_text_area p{
                font-size:12px;
            }
            .yx_icon_wrap{
                width:50px;
                height:50px;
            }
            .yx_icon_wrap i{
                font-size:22px;
            }
        }
        

.bottom_menu_fixed{
    display: none;
}

/***新增自适应样式  平板***/
 @media only screen and (min-width: 1201px) {
  /* 电脑大屏样式 */
   .logo-caidan{display: none;}  
}
 @media only screen and (min-width: 769px) and (max-width: 1200px) {
 .logo-caidan{display: none;}    /* 笔记本样式 */
}
 @media (max-width: 992px) {
.kefulogo {
  position: absolute;
  left: 40px;
  bottom: 0;
}
.count-down .text {
  margin-left: 150px;
  text-align: center;
}
.banner{height: 100%;   }
.ad-item {
  height: auto;
}
.course-item-top{ position: relative;  }
.course-item-top img{position: absolute; right: 0;  }    
.course-item-bottom{ position: relative; margin-top: 33px;  }    
.header-right{ display:none;}
 .course-list {
    justify-content: center;
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    gap: 10px;
  }
.course-container{
 width: 100%;
    padding: 0px; 
}
.ziliaoku {
  width: 100%;
  margin-top: 12px;
  height: 100%;
}
.right-article-list{
overflow: unset;
  height: 345px;
  max-height: 345px;    
}
.footer-copyright{
 margin-bottom: 68px;   
}
.bottom_menu_fixed {
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            background: #fff;
            border-top: 1px solid #eee;
            z-index: 99999;
            display: block;
        }  





    
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* 平板样式 */
  .logo-caidan{ display: block;}
}
    /* 手机端专属优化（修复资讯文字） */
    @media (max-width: 768px) {
   .kefulogo {
  position: absolute;
  left: 25px;
  bottom: 0;
}
 .count-down .text {
  margin-left: 110px;
  text-align: center;
}
.banner{height: 100%;   }
.banner h3.pindaobanertxt {
  font-size: 15px;
}
.course-tip {
  display: block;
} 
.coursewenzhang-list{
flex-direction: column;
  display: flex;    
}
.ad-item {
  height: auto;
}
.course-item-top{ position: relative;  }
.course-item-top img{position: absolute; right: 0;  }    
.course-item-bottom{ position: relative; margin-top: 33px;  }    

.header-right{ display:none;}
.course-list {
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
.course-container{
 width: 100%;
    padding: 0px; 
}
.tab-nav{
 margin: 0;
  position: relative;
  overflow-x: scroll;
  width: 100%;
  display: block ruby;   
}
.tab-nav button{
padding: 3px;
  font-size: 15px;
  height: 36px;    
}
.ziliaoku {
  height: auto;
}
.article-list{
grid-template-columns: repeat(1, 1fr);    
overflow: unset;
    max-height: 580px;
}
.right-article-list{
overflow: unset;
  height: 300px;
  max-height: 300px;    
}
.footer-copyright{
 margin-bottom: 68px;   
}

 .bottom_menu_fixed {
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            background: #fff;
            border-top: 1px solid #eee;
            z-index: 99999;
            display: block;
}  
      
 .menu-btn {
          width: 40px;
  height: 40px;
  background: none;
  border-radius: 6px;
  border: none;
  font-size: 28px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: -10px;
        }
        /* 下拉菜单容器 */
        .dropdown-menu {
            position:absolute;
            top: calc(100% - 62px);
            right:20px;
            background:#fff;
            border-radius:8px;
            box-shadow:0 3px 12px rgba(0,0,0,0.15);
            width:120px;
            overflow:hidden;
            display:none;
            z-index:99;
        }
        .dropdown-menu li {
            list-style:none;
        }
        .dropdown-menu a {
            display:block;
            padding:12px 18px;
            color:#333;
            text-decoration:none;
            font-size:16px;
        }
        .dropdown-menu a:hover {
            background:#f5f5f5;
            color:#d92121;
        }            
        
        
   
}
    















        
/***底部通用样式***/
/* 右侧悬浮客服面板 */
.right-sidebar {
  position: fixed;
  right: 20px;
  bottom: 80px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.right-item {
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #2378aa;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  cursor: pointer;
  position: relative;
  transition: 0.3s;
}

.right-item:hover {
  background: #2378aa;
  color: #fff;
}

/* 回到顶部 */
#backToTop {
  display: none; /* 默认隐藏，滚动后显示 */
}

/* 悬浮弹窗 */
.right-popup {
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  white-space: nowrap;
  display: none;
  font-size: 14px;
  color: #333;
}

.right-item:hover .right-popup {
  display: block;
}

/* 二维码大小 */
.right-popup img {
  width: 120px;
  height: 120px;
  display: block;
}
        /* —————————— 【优化：页脚自适应布局】 —————————— */
        footer {
            background-color: #1f2937;
            color: #d1d5db;
            padding: 40px 0 10px;
            font-size: 13px;
        }

        .footer-service {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 40px;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 1px solid #374151;
            flex-wrap: wrap;
        }

        .service-item {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #fff;
        }

        .service-icon {
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #3b82f6;
            font-size: 18px;
        }

        .service-text {
            font-size: 14px;
        }

        .footer-main {
display: flex;
  width: 95%;
  gap: 20px;
  margin: auto;
        }
.footer-column-left{
 flex: 3;
  grid-template-columns: repeat(4, 1fr);
  display: grid;   
}
.footer-column-right{
 flex: 1;   
}        .footer-column {
            min-width: auto;
        }

        .footer-column h4 {
            color: #fff;
            font-size: 14px;
            margin-bottom: 15px;
            font-weight: 600;
        }

        .footer-column ul {
            list-style: none;
display: flex;
  flex-direction: column;

        }

        .footer-column li {
            margin-bottom: 8px;
        }

        .footer-column a {
            color: #8e8e8e;
            text-decoration: none;
            transition: color 0.2s;
        }

        .footer-column a:hover {
            color: #3b82f6;
        }

        .contact-column {
            min-width: auto;
            position: relative;
        }

        .contact-info {
           
            line-height: 1.8;
            text-align: left;
        }

        .qrcode-group {
            display: flex;
            gap: 6px;
            align-items: center;
            flex-wrap: wrap;
            justify-content: flex-start;
margin-top: 20px;
        }

        .qrcode-item {
            text-align: center;
        }

        .qrcode-item img {
            width: 100px;
            height: 100px;
            background: #fff;
            padding: 2px;
            margin-bottom: 5px;
        }

        .qrcode-text {
            font-size: 12px;
            color: #8e8e8e;
        }

        .footer-links {
            padding: 15px 0;
            border-top: 1px solid #374151;
            border-bottom: 1px solid #374151;
            margin-bottom: 15px;
        }

        .links-text {
            color: #9ca3af;
            margin-right: 10px;
        }

        .links-list {
            display: inline-flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .links-list a {
            color: #d1d5db;
            text-decoration: none;
        }

        .links-list a:hover {
            color: #3b82f6;
        }

        .footer-copyright {
            text-align: center;
            color: #79828f;
  text-decoration: none;
  font-size: 12px;
            padding: 10px 15px;
  
        }
.footer-copyright a{
color: #79828f;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
  margin-right: 3px;
  margin-left: 3px;
}
.footer-copyright a:hover{
    color: #ff6700;
}

        /* —————————— 【重点：完美自适应】 —————————— */
        @media (max-width: 1200px) {
            .footer-main {
                grid-template-columns: repeat(4, 1fr);
            }
        }
        @media (max-width: 992px) {
            .footer-main {
                grid-template-columns: repeat(3, 1fr);
            }
            .contact-column {
  min-width: auto;
  position: relative;
  text-align: center;
}
  .qrcode-group {
    justify-content: center;
  }
        }
        @media (max-width: 768px) {
            .footer-copyright a{
  color: #79828f;
  text-decoration: none;
  font-size: 10px;
  font-weight: normal;
  margin-right: 1px;
  margin-left: 1px;  
}        
.footer-copyright p{
   font-size: 10px;   
}        
  
            .footer-service {
                gap: 20px;
                padding: 0 10px 20px;
            }
            .footer-column-left {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px 20px;
            }
            .footer-main {
   display: block;
  }
            .qrcode-group {
                justify-content: flex-start;
            }
        }
        @media (max-width: 480px) {
            .footer-column-left{
                grid-template-columns: repeat(2, 1fr);
                text-align: center;
            }
            .qrcode-group {
                justify-content: center;
            }
        }
        /* —————————— 【自适应结束】 —————————— */

        /* 原有响应式 */
        @media (max-width: 992px) {
            .nav-list {
                justify-content: center;
            }
            .header-top {
                flex-direction: column;
                align-items: center;
            }
            .contact-info {
              display: block;
text-align: center;
    top: 10px;
    right: 15px;
            }
            .card-grid {
                grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            }
        }

        /* 手机端：隐藏服务时间 + 手机号改为拨号图标按钮 */
        @media (max-width: 768px) {
            .service-time {
                display: none;
            }
            .phone {
                display: inline-block;
                width: 40px;
                height: 40px;
                line-height: 40px;
                border-radius: 50%;
                background: #ff8c00;
                color: #fff !important;
                font-size: 20px;
                text-align: center;
            }
            .phone span {
                display: none;
            }
        }

        @media (max-width: 768px) {
            .mobile-nav-btn {
                display: block;
                position: absolute;
                top: 14px;
                left: 15px;
            }
            .nav-list {
                display: none;
                flex-direction: column;
                text-align: center;
                margin-top: 15px;
                width: 100%;
            }
            .nav-list.active {
                display: flex;
            }
            .nav-item {
                margin-right: 0;
                margin-bottom: 5px;
            }
            .intro-title {
                font-size: 20px;
            }
            .section-title {
                font-size: 18px;
            }
            .course-card {
                padding: 15px;
            }
        }

        @media (max-width: 480px) {
            .card-grid {
                grid-template-columns: 1fr;
            }
            .logo-text {
                font-size: 18px;
            }
            .phone {
                font-size: 16px;
            }
            .intro {
                padding: 15px;
            }
        }  
        
        
        
 /* ========== 底部菜单主容器 ========== */
       

        /* 一级菜单 */
        .bottom_menu_main {
            display: flex;
            justify-content: space-around;
            align-items: center;
            height: 60px;
            position: relative;
        }

        /* 一级菜单项 */
        .bottom_menu_item {
            flex: 1;
            text-align: center;
            list-style: none;
            position: static;
        }
        .bottom_menu_item i.fa-file-alt{
            color: unset;
        }
        .bottom_menu_btn {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background: none;
            border: none;
            width: 100%;
            height: 60px;
            font-size: 12px;
            color: #333;
            cursor: pointer;
            gap: 4px;
        }
        .bottom_menu_btn i {
            font-size: 20px;
        }
        .bottom_menu_btn.active {
            color: #ff8c00;
        }

        /* ========== 向上弹出的二级菜单 ========== */
        .bottom_sub_menu {
            position: absolute;
            left: 0;
            bottom: 60px;
            width: 100%;
            background: #fff;
            border-top: 1px solid #eee;
            box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
            padding: 15px;
            display: none;
            z-index: 999;
        }
        .bottom_sub_menu.show {
            display: block;
        }

        /* 二级菜单网格布局（自适应） */
        .sub_menu_grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 12px;
        }
        .sub_menu_item {
            text-align: center;
            padding: 10px 5px;
            border-radius: 8px;
            background: #f8f8f8;
            font-size: 13px;
            color: #333;
            cursor: pointer;
        }
        .sub_menu_item:hover {
            background: #ff8c00;
            color: #fff;
        }

        /* 平板适配 */
        @media (min-width: 768px) {
            .sub_menu_grid {
                grid-template-columns: repeat(5, 1fr);
                max-width: 900px;
                margin: 0 auto;
            }
        }
        /* 手机小屏 */
        @media (max-width: 400px) {
            .sub_menu_grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }