/* =====================================================================
   智考云在线教育培训 · ct 主题样式（仿 demo.edusoho.com 证书主题）
   主色  绿 #14954b / 深绿 #0e6834
   强调  红 #cf010e
   导航  白底两行：第一行 logo + 搜索框/登录，第二行导航菜单
   ===================================================================== */

/* ---------- 1. 全局配色：绿 #14954b 主色 + 红 #cf010e 强调 ---------- */
a { color: #14954b; }
a:hover, a:focus { color: #0e6834; }
.link-dark:hover, .link-darker:hover, .link-gray:hover, .link-medium:hover,
.link-primary, .link-lighter:hover, .link-light:hover { color: #14954b !important; }
.color-primary { color: #14954b !important; }
.bg-primary, .bg-primary-hover:hover { background-color: #14954b !important; }

.btn-primary { background-color: #14954b !important; border-color: #0e6834 !important; color: #fff !important; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active, .btn-primary.focus { background-color: #128342 !important; border-color: #0e6834 !important; color: #fff !important; }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus,
.nav-pills.nav-pills-gray > li.active > a { background: #14954b !important; color: #fff !important; }
.pagination > .active > a, .pagination > .active > span { background-color: #14954b !important; border-color: #14954b !important; }
.form-control:focus { border-color: #14954b !important; }
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a { background: #14954b !important; color: #fff !important; }
.es-tag { border-left: 2px solid #14954b !important; }
.progress-bar { background-color: #14954b !important; }
.badge-primary { background-color: #14954b !important; }
.label.label-primary { background-color: #14954b !important; }
.es-piece .piece-header:after { background-color: #14954b !important; }

/* ---------- 2. 顶部导航：两行结构（第一行 logo+搜索框/登录，第二行 导航菜单） ---------- */
/* 整体：白底、高度自适应（两行）、下阴影、去圆角去边框 */
.es-header.ct-header,
.es-header.ct-header.navbar {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.06) !important;
}

/* 第一行：logo 左 + 搜索框/登录 右 */
.es-header .ct-header-top { position: relative !important; }
.es-header .ct-header-top .container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  height: 64px !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  -webkit-justify-content: space-between !important;
  justify-content: space-between !important;
}

.es-header .navbar-header {
  float: none !important;
  margin: 0 !important;
  text-align: left !important;
}
.es-header .navbar-header .navbar-brand {
  display: inline-block !important;
  float: none !important;
  height: 64px !important;
  line-height: 64px !important;
  padding: 0 !important;
  color: #cf010e !important;
  font-size: 22px !important;
  font-weight: 600 !important;
}
.es-header .navbar-header .navbar-brand:hover { color: #cf010e !important; }
.es-header .navbar-header .navbar-brand img {
  max-height: 44px !important;
  vertical-align: middle !important;
}

/* 右侧用户区：搜索框 + 登录/注册（搜索在左、登录/注册在右） */
.es-header .navbar-user {
  position: static !important;
  top: auto !important;
  right: auto !important;
  z-index: auto !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  -webkit-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
.es-header .navbar-user .nav.user-nav {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  margin: 0 !important;
}
.es-header .navbar-user .visitor-li a {
  color: #666 !important;
  font-size: 14px !important;
  padding: 6px 12px !important;
}
.es-header .navbar-user .visitor-li a:hover { color: #14954b !important; }
.es-header .navbar-user .navbar-form {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  float: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.es-header .navbar-user .navbar-form .form-group { margin: 0 !important; }
.es-header .navbar-user .navbar-form .form-control {
  width: 300px !important;
  height: 34px !important;
}
.es-header .nav.user-nav .user-manage-li .user-manage-toggle {
  background-color: #14954b !important;
  border-color: #14954b !important;
  color: #fff !important;
}

/* 第二行：导航菜单 */
.es-header .ct-header-bottom { border-top: 1px solid #f0f0f0 !important; }
.es-header .ct-header-bottom .container {
  max-width: 1200px !important;
  margin: 0 auto !important;
}
.es-header .ct-header-bottom .nav.navbar-nav { float: none !important; }
.es-header .nav.navbar-nav > li > a {
  color: #666 !important;
  font-size: 15px !important;
  line-height: 48px !important;
  padding: 0 20px !important;
  background: none !important;
}
.es-header .nav.navbar-nav > li > a:hover,
.es-header .nav.navbar-nav > li.active > a,
.es-header .nav.navbar-nav > li.open > a,
.es-header .nav.navbar-nav > li.nav-hover:hover > a {
  color: #cf010e !important;
  background: none !important;
}
.es-header .nav.navbar-nav > li.active > a {
  box-shadow: inset 0 -2px 0 #cf010e !important;
}

/* 移动端菜单按钮 */
.es-header .navbar-mobile .navbar-more { color: #666 !important; }
.es-header .es-icon-menu { color: #666 !important; }

/* ---------- 3. 轮播图 banner（高度自适应，显示完整图片，不裁切） ---------- */
.es-poster.swiper-container { border-radius: 8px !important; overflow: hidden; }
.es-poster .swiper-pager .swiper-pagination-switch,
.es-poster .swiper-pagination-switch { background: rgba(0,0,0,.15) !important; }
.es-poster .swiper-pager .swiper-active-switch,
.es-poster .swiper-active-switch { background: #cf010e !important; }

/* ---------- 4. 板块标题（左对齐 + 红分隔条） ---------- */
.text-line { text-align: left !important; padding: 24px 0 16px !important; position: relative; }
.text-line h5 { border: none !important; margin: 0; }
.text-line h5 > span {
  display: inline-block !important;
  background: transparent !important;
  color: #333 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 28px !important;
  padding: 0 12px 0 0 !important;
}
.text-line h5 .line { display: none !important; }
.text-line .subtitle { text-align: left !important; color: #999 !important; font-size: 13px !important; margin-top: 4px !important; }

/* ---------- 5. 课程分类 + 推荐课程 ---------- */
/* 筛选/排序 tabs 改为 demo 胶囊样式 */
.course-list-section .course-filter .nav.nav-pills > li > a {
  border: 1px solid #e1e1e1 !important;
  border-radius: 16px !important;
  color: #666 !important;
  background: #fff !important;
  padding: 4px 12px !important;
  margin-right: 8px !important;
  line-height: 20px !important;
}
.course-list-section .course-filter .nav.nav-pills > li.active > a,
.course-list-section .course-filter .nav.nav-pills > li > a:hover {
  background: #14954b !important;
  border-color: #14954b !important;
  color: #fff !important;
}
.course-list-section .course-sort .btn { border-radius: 16px !important; }
.course-list-section .course-sort .btn.active { background: #14954b !important; border-color: #14954b !important; color: #fff !important; }

/* 课程卡片：白底 + 阴影 + 圆角 8px + 悬浮放大红影 */
.course-list .course-item {
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.10) !important;
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease !important;
}
.course-list .course-item:hover {
  background: #fff !important;
  transform: scale(1.06) !important;
  -webkit-transform: scale(1.06) !important;
  box-shadow: 0 4px 8px 0 rgba(207,1,14,.3) !important;
}
.course-list .course-item .course-img { border-radius: 8px 8px 0 0 !important; overflow: hidden; }
.course-list .course-item .course-info { padding: 12px !important; }
.course-list .course-item .title { font-size: 15px !important; font-weight: 500 !important; }
.course-list .course-item .title a { color: #333 !important; }
.course-list .course-item .title a:hover { color: #14954b !important; }
.course-price-widget .price { color: #cf010e !important; font-weight: 600 !important; }
.course-price-widget .free { color: #14954b !important; font-weight: 600 !important; }

/* ---------- 6. 中部特性区（名师授课/真题题库/督学服务） ---------- */
.introduction-section { padding: 20px 0 10px !important; }
.introduction-section .introduction-item { text-align: center !important; padding: 24px 12px !important; }
.introduction-section .introduction-item img {
  width: 96px !important; height: 96px !important;
  margin: 0 auto 16px !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 12px rgba(20,149,75,.15) !important;
  transition: transform .3s ease !important;
}
.introduction-section .introduction-item:hover img { transform: scale(1.08) !important; }
.introduction-section .introduction-item h4 { font-size: 17px !important; color: #333 !important; font-weight: 600 !important; margin: 0 0 6px !important; }
.introduction-section .introduction-item h5 { font-size: 13px !important; color: #999 !important; margin: 0 !important; font-weight: 400 !important; }

/* ---------- 7. 名师团队 ---------- */
.recommend-teacher .teacher-item {
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.10) !important;
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease !important;
}
.recommend-teacher .teacher-item:hover {
  transform: scale(1.04) !important;
  -webkit-transform: scale(1.04) !important;
  box-shadow: 0 4px 8px 0 rgba(207,1,14,.3) !important;
}
.recommend-teacher .teacher-item .teacher-top { padding-top: 16px !important; }
.recommend-teacher .teacher-item .avatar-lg { border-radius: 50% !important; border: 2px solid #14954b !important; }
.recommend-teacher .teacher-item h3.title a { color: #333 !important; }
.recommend-teacher .teacher-item h3.title a:hover { color: #14954b !important; }
.recommend-teacher .teacher-item .position { color: #14954b !important; }
.recommend-teacher .teacher-item .about { color: #666 !important; font-size: 13px !important; }
.recommend-teacher .section-more-btn .btn { border-radius: 20px !important; }

/* ---------- 8. 资讯 ---------- */
.index-article .panel-heading { border-bottom: none !important; }
.index-article .panel-title { font-size: 16px !important; color: #333 !important; font-weight: 500 !important; }
.index-article .index-new-article li { padding: 8px 0 !important; }
.index-article .index-new-article li a.link-dark { color: #666 !important; font-size: 14px !important; }
.index-article .index-new-article li a.link-dark:hover { color: #cf010e !important; }
.index-article .index-new-article li .date { color: #bbb !important; }
.index-article .es-icon-dot.color-primary { color: #14954b !important; }