.listlb ul li{float:left;margin-right:1.75em;}
.title-16{margin-bottom:.2rem;font-size:1rem;}
.xq{float:right;}
.image-hover .thumb-title,.image-hover img{transition:transform .4s;}
.image-hover:hover .thumb-title{background:#0a62fb;}
.image-hover{overflow:hidden;}
.image-hover:hover img{transform:scale(1.25);}
.position-relative{position:relative!important;}

  /* Widget Title */
  .blog-sidebar .sidebar-title{position:relative;display:block;margin-top:0;margin-bottom:12px;padding-bottom:12px;text-transform:capitalize;font-size:18px;}
  .blog-sidebar .sidebar-title::before{position:absolute;bottom:0;left:0;display:block;width:40px;height:2px;background:#f3a712;content:"";}
  .blog-sidebar .single-sidebar{margin-bottom:20px;padding:30px;background:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);-moz-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);}
  @media only screen and (max-width:479px){.blog-sidebar .single-sidebar{margin-bottom:20px;padding:15px;background:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);-moz-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);}
  }
  @media only screen and (min-width:768px) and (max-width:991px){.product-title{text-align:center;font-size:22px;}
  }
  
  /*课程列表*/
  .widget_inkc{padding:30px}
  .widget_inkc.widgetkc-background{background:#fff;
      -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
/* 开课信息 */
.showkc .fz14{font-size: 1.08rem;font-weight: 600;}
  /*颜色框*/
.bd-callout-warning {border-left-color:#f0ad4e}
.bd-callout-danger {border-left-color:#d9534f}
.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #F7941D;
    border-left-width: .25rem;
    border-radius:.25rem
}

.bd-callout h4 {
    margin-top: 0;
    margin-bottom:.25rem
}
/*左边颜色竖条*/
.ti{
  margin-bottom: 30px;
  padding-left: 12px;
  border-left: 3px solid #F7941D;
}

.kc-list h5{font-size:16px;font-weight:400;padding-bottom: 15px; border-bottom:3px solid #2b75b5;margin-bottom:0}
.kc-list h5 a{color:#2b75b5;font-size:16px;font-weight:700}

/*报名流程*/
.rules-flow-box{overflow:hidden;margin:30px auto;border:1px solid #e8e8e8;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#f6f6f6;-ms-border-radius:3px;-o-border-radius:3px;}
.rules-flow-title{float:left;padding:12px 17px;width:50px;background-size:cover;font-weight:700;font-size:16px;line-height:18px;}
.bmbg{background:#c99c59;color:#fff;}
.bmbg2{background:#5979c9;color:#fff;}
.rules-flow-box .rules-flow-main{margin-left:70px;padding-top:8px;color:#333;font-weight:700;font-size:16px;}
.rules-flow-box .rules-flow-main>div{height:36px;line-height:36px;}
.rules-flow-box .rules-flow-main span{position:relative;display:inline-block;padding-right:5px;padding-left:5px;}
.zxbm input{width:73%;height:28px;font-size:12px;line-height:23px;}

/* ruleslist start */
@media only screen and (max-width:1200px){.news-flex-box{padding:0 5%;}
.rules-flow-box .rules-flow-main{margin:0 5%;padding:17px 0;}
.rules-flow-box .rules-flow-title{float:none;width:auto;}
}
@media only screen and (max-width:767px){.rules-flow-box .rules-flow-main{font-size:14px;line-height:30px;}
}
@media only screen and (max-width:767px){.rules-flow-box{height:100%;padding-bottom: 10px;}
.rules-flow-box input{margin-bottom:10px;}
.zxbm input{width:100%;}
}

  /* 师资列表 */
.szfl ul {font-size: 0.95em;font-weight:400;
    display: flex;
    flex-direction: row;   /* 排列 */
    flex-wrap: wrap;   /* 超出换行 */
    /* flex-wrap: nowrap */
    justify-content:flex-start;  /* 水平左对齐 */}
.szfl li {padding: 0px 5px;}
.szfl li a:hover {border-bottom:3px solid #2b75b5;}
.szfl li.active{border-bottom:3px solid #2b75b5;}
.szfl li.active a:hover{border-bottom:0px solid #2b75b5;}
.szname a {font-size: 1.24rem;color: #530ca6;margin-bottom: 0.2rem;}
.szname a:hover {color: #07076e;margin-bottom: 0.2rem}
.szname ul {flex-wrap:wrap; font-size: 0.85em;font-weight: 400;}
/* 限制只显示两行，超出隐藏 */
.szhig {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;line-height: 1.5;min-height: 3em;max-height: 3em;}
.szname small {padding-left: 3px;font-family:"Microsoft YaHei";}
.boxsz{padding:5px; background-color:#fcfcfc;}
.boxsz .btn{ margin-bottom:5px; margin-left:5px;}
.boxsz b{position:absolute;width:64px;border-radius:3px 0 0 3px;background:#636391;color:#fff;text-align:right;font-weight:400;font-size:14px;line-height:20px;}
.boxsz b::after{position:absolute;top:-1px;left:64px;display:block;width:12px;height:22px;background:url(/uploads/b-bg.png) no-repeat left center;content:'';}
.boxsz ul{display:flex;padding-top:22px;padding-bottom:9px;padding-left:5px;line-height:22px;flex-direction:row;flex-wrap:wrap;}
.boxsz-type-list{border-bottom:1px dashed #e0e0e0;font-size:14px;line-height:18px;}
.product-summery .cor b{color:#3a4d82;font-size: 0.92rem;}
/* 内训分页 */
.swiper-container {
    width: 100%;
    overflow: hidden;
    position: relative; /* 关键：给分页提供参考坐标 */
    padding-bottom: 50px; /* 为底部的分页留出空间 */
}
.swiper-pagination {
    position: absolute; /* 确保是绝对定位 */
    bottom: 10px !important; /* 根据需要调整距离底部的距离 */
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.swiper-pagination-bullet {
    display: inline-block; /* 确保它们在同一行 */
    margin: 0 5px;
    width: 25px; /* 稍微加大一点，方便显示两位数 */
    height: 25px;
    line-height: 25px;
    border-radius: 50%; /* 圆形 */
    cursor: pointer;
}
.swiper {width: 100%;height: 100%;margin-bottom:50px;overflow: hidden;}
.swiper-slide {width: 100%;overflow: hidden;}
.swiper-pagination-bullet-active {color: #fff;background: #007aff;}
.media-body h5{white-space: nowrap;}
@media only screen and (max-width:479px){.mt105{padding-top: 105px;}
}


      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 4.25rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: 5px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }
/* 师资内容 */
/* 基础色调与背景 */
.bg-primary-soft { background-color: rgba(13, 110, 253, 0.1); }
.bg-warning-light { background-color: rgba(255, 193, 7, 0.05); }

/* 鼠标经过效果 */
.transition-hover {
    transition: all 0.3s ease;
}
.transition-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

/* 课程大纲样式调整 */
.kegang-item a {
    transition: color 0.2s;
}
.kegang-item a:hover {
    color: #0d6efd !important;
}

/* 移动端间距微调 */
@media (max-width: 768px) {
    .section-title h3 { font-size: 1.2rem; }
    .article-content { font-size: 1rem !important; }
}

/* 文字超长截断 */
.text-truncate {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-sidebar .single-sidebar {
    background: #fff;
    border-radius: 1rem; /* 即 rounded-4 */
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important; /* shadow-sm */
}
/* 针对侧边栏广告图片的修复 */
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.panel-blockimg img {max-width: 100% !important;height: auto !important;display: block;margin: 0 auto;border-radius: 4px;}
.panel-blockimg {
    overflow: hidden; /* 防止图片放大时溢出 */
    transition: all 0.3s ease;
}

.panel-blockimg img:hover {
    opacity: 0.9;            /* 悬停微弱透明 */
    transform: scale(1.02);  /* 悬停轻微放大 */
    transition: all 0.3s ease;
}


/*课程表格*/
/* ============================================================
   CMS 正文内容高级美化（大气/高端/极简）
   ============================================================ */

/* 1. 标题样式：采用左侧装饰线与渐变背景，强调层次感 */
.article-text h1, .article-text h2, .article-text h3 {
    color: #2c3e50;
    font-weight: 700;
    line-height: 1.4;
    margin: 1.5em 0 1em;
    position: relative;
}

/* 一级标题：高端商务范 */
.article-text h2 {
    font-size: 1.75rem;
    padding-bottom: 10px;
    border-bottom: 2px solid #eaecef;
}
.article-text h2::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 60px;
    height: 2px;
    background: #0d6efd; /* 品牌主色 */
}

/* 二级标题：侧边栏引导 */
.article-text h3 {
    font-size: 1.4rem;
    padding-left: 15px;
    border-left: 4px solid #0d6efd;
    background: linear-gradient(to right, #f8f9fa, #ffffff);
}
.article-text h4 {
    color: #800020 !important; /* 经典酒红色 */
    font-size: 1.25rem;        /* 大小适中，既突出又不突兀 */
    font-weight: 700;          /* 加粗显示，增强权威感 */
    margin: 1.5em 0 0.8em;     /* 上留白多一点，下留白少一点，建立视觉层级 */
    padding-bottom: 5px;
    border-bottom: 1px dashed #e9e2d0; /* 底部配一条淡淡的虚线，呼应你之前的奶油色 */
    display: block;
    letter-spacing: 0.05em;    /* 稍微增加字间距，提升高级感 */
}

/* 2. 表格样式：高端酒店/金融机构风格 */
.article-text table {
    width: 100% !important;
    margin: 20px 0;
    border-collapse: collapse;
    font-size: 0.95rem;
    color: #444;
    border-radius: 8px;
    overflow: hidden; /* 圆角溢出隐藏 */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* 极轻阴影 */
}

/* 表格样式 表头：深色调/高级灰 */
.article-text table thead th {
    background-color: #343a40; 
    color: #ffffff;
    font-weight: 500;
    text-align: left;
    padding: 15px;
    letter-spacing: 1px;
    border: none;
}

/* 单元格间距与线条 */
.article-text table td, .article-text table th {
    padding: 12px 15px;
    border: 1px solid #f1f1f1;
}

/* 隔行换色：极简浅灰 */
.article-text table tr:nth-child(even) {background-color: #e8edee;}
.article-text table tr:nth-child(odd) {background-color: #366092;color: #ffffff !important;}
.article-text table tr:nth-child(odd) td,
.article-text table tr:nth-child(odd) td p,
.article-text table tr:nth-child(odd) td span,
.article-text table tr:nth-child(odd) td strong {background-color: #366092; color: #ffffff !important;margin-bottom: 0;}
/* 鼠标经过效果：淡蓝色升华 */
.article-text table tr:nth-child(odd):hover {background-color: #234f84 !important;color: #ffffff !important;}
.article-text table tr:hover {
    background-color: #f1f7ff !important;
    transition: background-color 0.3s ease;
}
.article-text table tr {cursor: pointer;}
/* 3. 文本排版优化：呼吸感 */
.article-text p {
    line-height: 1.8;
    margin-bottom: 1.2rem;
    color: #4a4a4a;
    text-align: justify;
}

/* 4. 引用块样式：不仅是文字，也是设计 */
.article-text blockquote {
    margin: 20px 0;
    padding: 20px;
    background: #f8f9fa;
    border-left: 5px solid #dee2e6;
    color: #6c757d;
    font-style: italic;
    border-radius: 0 8px 8px 0;
}

/* 5. 编辑器上传图片的间距控制 */
.article-text img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 20px auto;
    display: block;
    box-shadow: 0 5px 20px rgba(0,0,0,0.07);
}



.bgfff{background-color: #fff;}
.content-body img,.content-body p img,.content-body section img,.content img,#th-about-pane img {max-width:100% !important ;height: auto !important ;overflow: hidden;}
.content-body table td, .content-body table th{ border: 1px solid #cad9ea;padding: 10px !important ;}
.content-body table tr:nth-child(odd)  {background: #fff; }
.content-body table tr:nth-child(even)  {background: #fcf8e3;}
.content-body table th { background-color:#dff0d8; text-align:center;}
.content-body table {border-collapse: collapse;margin: 0 auto;}
.content-body table p, .content-body table div{margin:2px 0!important;}
.content-body p,.content-body h3,.content-body h4,.content-body p,.content-body div,.text-th p,.text-th h3,.text-th h4,.text-th div{margin: .63em 0 0.6em 0; }
.txt-align{text-align:center;font-size:12px;padding:0 3px;}
@media (max-width: 576px) {.content-body,.text-th{display: block;overflow-x: auto;}
}
.zjy_table{width:50%;float:left;margin-bottom:.1rem;}
.zjy_table dt{font-size:16px!important;border-bottom:1px solid rgba(0, 0, 0, 0.1);background:linear-gradient(#FFCC99, #FFF); padding:5px;}
.zjy_table dd{padding:10px 5px 10px 10px; }
.zjy_table dd p	{font-size:14px!important; line-height: 24px!important;margin-bottom:0;}
@media (max-width: 576px ){.zjy_table{width:100%}
}
/*list-kc 2026-2-26*/
/* 给外层加颜色顶部边 */
.course-modern-list {
    margin-top: 24px;
    border-top: 2px solid #176ab4; 
    padding-top: 10px;
    border-radius: 8px 8px 0 0;
}

/* list */
    .course-item { background: #fff; transition: background 0.2s; }
    .course-item:hover { background-color: #fcfdfe; box-shadow: inset 4px 0 0 #0d6efd; }
    .hover-primary-text:hover { color: #0d6efd !important; }
    .fs-5 { font-size: 1.1rem !important; }
    .img-hover-zoom img { transition: transform 0.4s; }
    .course-item:hover .img-hover-zoom img { transform: scale(1.05); }
    @media (max-width: 576px) {
        .course-item { padding: 20px 15px !important; }
        .h6 { font-size: 1.05rem; line-height: 1.5; margin-bottom: 1.5rem !important; border-left: 3px solid #0d6efd; padding-left: 10px; }
        
        /* 移除多余的边框感，使用留白 */
        .border-bottom.border-md-0 { border-color: #f1f2f6 !important; }
    }
/* 列表详情按钮基础样式 */
.detail-btn {
    display: inline-block;
    padding: 6px 20px;
    font-size: 13px;
    font-weight: 500;
    color: #0d6efd; /* 默认蓝色文字 */
    text-decoration: none;
    border: 1px solid #0d6efd; /* 蓝色边框 */
    border-radius: 50px;
    transition: all 0.3s ease;
}
.detail-btn:hover {
    background-color: #f0f7ff; /* 极浅的冰蓝色背景 */
    color: #0056b3; /* 深蓝色文字，确保清晰度 */
    border-color: #0056b3;
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.15);
    transform: translateY(-1px);
}


/*list-kc end*/
/*list-sz*/
/* 分类标签容器 */
.kc-navigation-wrapper {
    position: relative;
    padding-bottom: 10px;
}

/* 子分类链接：默认极简，悬停变色 */
.tag-link {
    display: inline-block;
    padding: 4px 12px;
    font-size: 14px;
    color: #555;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
    background: transparent;
}

.tag-link:hover {
    color: #176ab4;
    background: #f0f4ff; /* 极淡的蓝色背景 */
    transform: translateY(-1px);
}

/* 装饰性分割线：比 hr 更精致 */
.divider-custom {
    height: 1px;
    background: linear-gradient(to right, #eee 0%, #fff 100%);
    position: relative;
}

/* 底部 3322 标题的艺术修饰 */
.title-accent {
    width: 4px;
    height: 18px;
    background: #176ab4;
    border-radius: 10px;
}

.fw-black { font-weight: 800; }

/* 针对手机端的优化 */
@media (max-width: 768px) {
    .kc-navigation-wrapper .d-flex {
        flex-direction: column;
        gap: 15px !important;
    }
    .kc-navigation-wrapper .mt-2 {
        display: none; /* 手机端隐藏箭头，避免错位 */
    }
}

.yxb-text img {margin:0 -12px; pointer-events:none; max-width: calc(100% + 24px);}
.article-text ul li {
  line-height: 30px;
}

.zhangjie{font-size:1.35em;color:#333; border-left:.3em solid #007bff; padding-left:.5em;margin-left:-.5em}
.son_channel{width:100%;  clear:both; padding-left:10px;margin-bottom:0;}
.son_channel li{padding:5px;float: left;display: list-item;list-style: none;}
.article-text {
  line-height: 22px;
  margin-bottom: 15px;
}

/* 脚注/对齐样式 */
.txt-align {
    text-align: center;
    font-size: 13px;
    color: #999;
    padding: 5px 3px;
    background: #fdfdfd;
}
/* --- 移动端精细化调整 (屏幕宽度小于 768px) --- */
@media (max-width: 767px) {
    /* 1. 调整正文字体，移动端 15px-16px 最为舒适 */
    .article-text, .text-th {
        font-size: 15px !important;
        line-height: 1.7;
        padding: 0 5px; /* 给左右留出微小间距，防止文字贴边 */
    }

    /* 2. 缩小标题字号，防止长标题换行导致排版错乱 */
    .article-text h3, .text-th h3 {
        font-size: 1.3rem !important;
        margin: 1.2em 0 0.6em 0;
        padding-left: 10px;
    }

    .article-text h4, .text-th h4 {
        font-size: 1.15rem !important;
    }

    /* 3. 重点：解决表格在手机端横向撑破页面的问题 */
    .article-text table {
        display: block; /* 允许容器滚动 */
        width: 100% !important;
        overflow-x: auto; /* 开启水平滚动 */
        -webkit-overflow-scrolling: touch; /* 让移动端滚动更顺滑 */
        white-space: nowrap; /* 防止单元格文字换行过碎，保持表格整齐 */
        border: none; /* 手机端简化边框 */
    }

    .article-text table td, 
    .article-text table th {
        padding: 10px 12px !important; /* 适当缩小单元格内边距 */
        font-size: 13px; /* 缩小表格文字 */
    }

    /* 4. 图片间距调整 */
    .article-text img {
        margin: 8px 0;
        border-radius: 4px; /* 手机端圆角稍微调小，更精致 */
    }

    /* 5. 隐藏一些在移动端显得过于空旷的边距 */
    .article-text p, .text-th p {
        margin-bottom: 1rem;
    }
}

/* --- 针对折叠屏或平板的微调 (768px - 991px) --- */
@media (min-width: 768px) and (max-width: 991px) {
    .article-text {
        font-size: 16px;
    }
}
/* 移动端表格滑动容器 */
@media (max-width: 767px) {
    /* 1. 创建滑动包装器 */
    .article-text table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        
        /* 关键：添加横向滚动条显示，让用户一眼看到有滚动条 */
        padding-bottom: 10px; 
    }

    /* 2. 强制显示滚动条样式（在 Webkit 浏览器中） */
    .article-text table::-webkit-scrollbar {
        height: 6px; /* 滚动条高度 */
        display: block;
    }
    .article-text table::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }
    .article-text table::-webkit-scrollbar-thumb {
        background: #ccc; /* 滚动条颜色 */
        border-radius: 10px;
    }

    /* 3. 动态阴影提示：当表格可以滑动时，右侧显示淡淡的阴影 */
    .article-text table {
        background: 
            /* 遮罩背景，防止左侧阴影在不滚动时出现 */
            linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)), 
            linear-gradient(to right, rgba(255, 255, 255, 0), white 70%) 0 100%,
            /* 真正的阴影 */
            radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)),
            radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%;
        background-repeat: no-repeat;
        background-color: white;
        background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
        background-attachment: local, local, scroll, scroll;
    }
    
    /* 4. 添加一个简单的“小手互动”提示线（可选） */
    .article-text table::after {
        content: "← 左右滑动查看完整表格 →";
        display: block;
        text-align: center;
        font-size: 11px;
        color: #bbb;
        padding: 8px 0;
        letter-spacing: 1px;
    }
}
@media (max-width: 576px) {.article-text,.text-th{display: block;overflow-x: auto;}
}
.zjy_table{width:50%;float:left;margin-bottom:.1rem;}
.zjy_table dt{font-size:16px!important;border-bottom:1px solid rgba(0, 0, 0, 0.1);background:linear-gradient(#FFCC99, #FFF); padding:5px;}
.zjy_table dd{padding:10px 5px 10px 10px; }
.zjy_table dd p	{font-size:14px!important; line-height: 24px!important;margin-bottom:0;}
@media (max-width: 576px ){.zjy_table{width:100%}
}
.channel_list dt{ margin-top:5px;
  padding:4px 25px 3px 10px;
  position: relative;
  border-top-left-radius: 5px;
 border-bottom-left-radius: 5px;
  width: max-content; /* 矩形的宽度 */
  height: 28px; /* 矩形的高度 */
  background-image: linear-gradient(to  right, #4e84d0, #e1ebfa); /* 矩形的背景颜色 */
  overflow: hidden; /* 防止三角形的边框溢出矩形 */
}
.channel_list dt:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 0px 14px 14px;
    border-color: #fff #ffffff #ffffff #c7dbf7;
	
}
.channel_list dt a{color:#fff}
.channel_list dt a:hover{color:#007bff}
.channel_list dd{float:left; padding:3px 4px;}

.article-text img {
  margin: 0px auto;
  display: block;
  max-width: 100%;
  height: auto;
  /* cursor: zoom-in; */
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
}
.article-text ul li {
  line-height: 26px;
}
.article-text a {
  text-decoration: none;
  color: #007bff;
  border-bottom: 1px solid #b3d7ff;
}
.article-text a img {
  cursor: pointer;
}



/* item_news style*/
    /* 核心样式微调 */
    .article-item { transition: all 0.3s ease; border-bottom-color: #f1f1f1 !important; }
    .article-item:hover { background-color: rgba(0,0,0,0.01); }
    
    /* 图片缩放动画 */
    .img-hover-zoom img { transition: transform 0.5s ease; }
    .img-hover-zoom:hover img { transform: scale(1.08); }

    /* 文本截断 */
    .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

    /* 优化徽章样式 */
    .badge { font-weight: 400; font-size: 0.75rem; transition: all 0.2s; }
    .badge:hover { background-color: var(--bs-primary) !important; color: #fff !important; }

/* --- “加载更多”按钮美化 --- */
.btn-loadmore {
    font-size: 14px;
    font-weight: 500;
    color: #6c757d;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 50px !important; /* 胶囊形状 */
    padding: 10px 40px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.btn-loadmore:hover {
    background-color: #0d6efd;
    color: #fff;
    border-color: #0d6efd;
    box-shadow: 0 4px 15px rgba(13, 110, 253, 0.3);
    transform: scale(1.02);
}

/* --- 暂无数据 (Empty State) --- */
.loadmore-nodata {
    padding: 3rem 0;
    color: #adb5bd;
    font-size: 13px;
    position: relative;
    text-align: center;
}

.loadmore-tips {
    background: #f8f9fa;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

.loadmore-line:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10%;
    right: 10%;
    height: 1px;
    background: #eee;
    z-index: 0;
}
/* sidebar */
    /* 侧边栏列表悬停效果 */
    .list-group-item {
        transition: all 0.2s ease;
    }
    .list-group-item:hover {
        background-color: #f8faff !important;
        padding-left: 1.75rem !important; /* 悬停时稍微右移，产生动态感 */
    }

    /* 标签美化 */
    .sidebar-tag {
        font-weight: 500;
        font-size: 0.75rem;
        transition: all 0.3s ease;
    }
    .sidebar-tag:hover {
        background-color: #0d6efd !important;
        color: #fff !important;
        border-color: #0d6efd !important;
        transform: translateY(-2px);
    }

    /* 限制标题行数 */
    .line-clamp-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* 输入框焦点颜色 */
    .form-control:focus {
        box-shadow: none;
        border-color: #0d6efd;
        background-color: #fff !important;
    }
/* --- 📱 手机端适配 --- */
@media (max-width: 768px) {
    .text-center.pager {
        overflow-x: auto; /* 允许横向滑动页码 */
        justify-content: flex-start; /* 手机端靠左开始，方便滑动 */
        padding: 1rem 15px;
        -webkit-overflow-scrolling: touch;
    }
    
    .pager .pagination {
        gap: 5px;
    }

    .pager .pagination li a,
    .pager .pagination li span {
        min-width: 32px;
        height: 32px;
        font-size: 12px;
    }

    /* 手机端加载更多按钮占满宽度 */
    .btn-loadmore {
        width: 90%;
        display: inline-block;
    }
}
.line-clamp-2 {
    display: -webkit-box;      /* 必须：将对象作为弹性伸缩盒子模型显示 */
    -webkit-box-orient: vertical; /* 必须：设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-line-clamp: 2;     /* 核心：限制在一个块元素显示的文本的行数 */
    overflow: hidden;          /* 必须：溢出隐藏 */
    text-overflow: ellipsis;   /* 可选：超出部分显示省略号 (...) */
    word-break: break-all;     /* 可选：防止长英文单词或数字撑开容器 */
}
/*手机底部*/
.navbottom{clear:both;width:100%;height:49px;background:rgba(0,0,0,.8);border-top:1px solid #7a7f83;position:fixed;left:0;bottom:0;z-index:999}
.navbottom ul{margin-left:0;margin-right:0;padding:0}
.navbottom li{float:left;width:33%;list-style:none;padding-top:10px}
.navbottom li a{display:block;border-left:1px solid #505457;border-right:1px solid #22262a;height:100%;text-align:center;margin-left:-1px;color:#fff}
.navbottom li a:hover{text-decoration:none;color:#ffc56e}
/*手机底部图片*/
.qr-code:hover>.uptop_box{display:block}
.uptop_box p{clear:both;font-size:12px;text-align:center;color:#ccc;margin-bottom:5px}
.back-to-top:hover,.qr-code:hover{background:#ffc064;color:#fff}
footer{padding-top:30px;text-align:center;font-size:14px;padding-bottom:30px;background-position:center center;background-size:cover;position:relative}
.foot::before{content:"";background-color:rgba(12,15,15,.5);position:absolute;top:0;right:0;left:0;bottom:0}
.foot_txt{color:#eee;position:relative}
/*手机端底部*/
.hsgl-bottom {width: 100%;background: #023b6d;position: fixed;left: 0;bottom: 0;padding:0;font-size:14px;}
.hsgl-bottom ul {text-align: center;margin-left:0;margin-top:10px;padding:0}
.hsgl-bottom li {display: inline-block;width: -moz-calc(100%/5 - 5px);width: -webkit-calc(100%/5 - 5px);width: calc(100%/5- 5px);border-right: 1px solid #023b6d;}
.hsgl-bottom li:last-child{border-right:none;}
.hsgl-bottom li a {color: #fff;}
*/
/* --- show szkg --- */
.course-detail-page { color: #4a5568; }

/* 标题小圆点样式 */
.section-title-dot { position: relative; padding-left: 15px; border-left: 4px solid #0d6efd; }

/* 老师迷你栏卡片 */
.teacher-mini-info { border: 1px solid #e2e8f0; }

/* 课纲项悬停效果 */
.hover-bg-light:hover { background-color: #f8f9fa !important; border-color: #dee2e6 !important; color: #0d6efd !important; }

/* 图片缩放 */
.img-zoom img { transition: transform 0.5s ease; }
.img-zoom:hover img { transform: scale(1.1); }

/* 下划线与链接清理 */
.text-decoration-none { text-decoration: none !important; border-bottom: none !important; }
.hover-primary:hover { color: #0d6efd !important; }

/* 分页/折叠按钮交互 */
.btn-outline-primary:hover { color: #fff; }

/* 阴影微调 */
.shadow-xs { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }

/* 针对正文内的图片进行响应式处理 */
.article-content img { max-width: 100% !important; height: auto !important; border-radius: 8px; margin: 15px 0; }

/* 课纲模块专属美化 */

/* 1. 卡片基础与悬停动效 */
.syllabus-link {
    background: #ffffff;
    border: 1px solid #f1f4f9;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.syllabus-link:hover {
    transform: translateY(-3px);
    border-color: #0d6efd;
    box-shadow: 0 8px 20px rgba(13, 110, 253, 0.1) !important;
    background: #fff;
}

.syllabus-link:hover .syllabus-title {
    color: #0d6efd !important;
}

.syllabus-link:hover .bi-chevron-right {
    opacity: 1;
    transform: translateX(3px);
    color: #0d6efd;
}

/* 2. 数字编号样式 */
.index-num {
    width: 32px;
    height: 32px;
    font-size: 0.85rem;
    line-height: 1;
}

/* 3. 展开按钮自定义微调 */
#toggleBtn:hover {
    background-color: #0d6efd !important;
    color: #fff !important;
}

#toggleBtn i {
    transition: transform 0.3s ease;
}

/* 4. 解决下划线和全局干扰 */
.syllabus-link, .syllabus-link span, .syllabus-link div {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* list-sz 1. 卡片整体美化 */
.teacher-item-card {
    border: 1px solid #f0f0f0 !important;
    transition: all 0.3s ease;
}
.teacher-item-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08) !important;
    border-color: #0d6efd !important;
}

/* 2. 姓名条强制对齐方案 */
.teacher-thumb-box {
    border: 1px solid #eee;
}
.teacher-name-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;             /* 强制填满图片宽度 */
    background: rgba(0, 0, 0, 0.75); /* 半透明黑 */
    color: #fff;
    font-size: 12px;
    text-align: center;      /* 文字居中 */
    padding: 4px 0;
    font-weight: 500;
    backdrop-filter: blur(2px); /* 磨砂感，提升高级感 */
}

/* 3. 主讲课程固定两行高度 */
.course-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;    /* 限制2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;         /* 行高 */
    height: 3em;              /* 固定高度 = 行高 * 2 */
    word-break: break-all;
}

/* 4. 辅助样式 */
.bg-primary-light {
    background-color: rgba(13, 110, 253, 0.1);
}
.transition-all {
    transition: all 0.3s ease;
}
.shadow-xs {
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* 适配手机端：小屏幕下稍微缩小间距 */
@media (max-width: 576px) {
    .teacher-item-card {
        padding: 12px !important;
    }
    .col-4 { width: 95px; } /* 确保图片盒子不被压缩 */
}
/* 分页 */
/* 修复分页条超出和居中问题 */
.pager-v5 {
    display: flex;
    justify-content: center; /* 居中 */
    width: 100%;
    overflow: visible;
}

/* 针对系统生成的 pagination 类进行 BS5 适配 */
.pager-v5 .pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    flex-wrap: wrap; /* 允许在小屏自动换行或配合下方 overflow 处理 */
    justify-content: center;
}

.pager-v5 .pagination li {
    margin: 0 2px;
}

.pager-v5 .pagination li a,
.pager-v5 .pagination li span {
    display: block;
    padding: 8px 14px;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.pager-v5 .pagination li.active span,
.pager-v5 .pagination li.active a {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.pager-v5 .pagination li.disabled span {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}

/* 📱 手机端适配：如果分页太长，支持左右滑动不溢出 */
@media (max-width: 768px) {
    .pager-v5 {
        overflow-x: auto;
        justify-content: flex-start; /* 手机端靠左滑动 */
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
    }
    .pager-v5 .pagination {
        flex-wrap: nowrap; /* 手机端禁止换行，改为滑动 */
    }
    .pager-v5 .pagination li a,
    .pager-v5 .pagination li span {
        padding: 6px 12px;
        font-size: 14px;
    }
}