@charset "utf-8";
/* ============================================================
   三级栏目页 · 视觉覆盖层 beauty_pc.css
   原则：只调视觉（配色 / 圆角 / 间距 / 卡片 / 阴影 / 字号 / 悬停），
        不改任何 HTML 结构、宽度、功能标签与列表循环。
   主色：沿用站点蓝 #188EEE / #2196F3；红/橙/绿语义色保持。
   引用：必须在 stylezxty2.css 之后 <link> 引用，方可覆盖。
   ============================================================ */

:root{
  /* 主色阶（沿用原蓝） */
  --b-primary:#188EEE;
  --b-2:#2196F3;
  --b-deep:#1380D6;
  --b-deep2:#0E75C9;
  --b-soft:#EAF4FE;
  --b-soft2:#F2F8FF;
  --b-line:#C6E0F9;
  /* 中性 */
  --t-1:#26303D;
  --t-2:#5B6269;
  --t-3:#909090;
  --line:#EEF1F5;
  --page-bg:#F4F7FC;
  --card-bg:#FFFFFF;
  /* 圆角 / 阴影 / 间距 */
  --radius-s:8px;
  --radius:10px;
  --radius-l:14px;
  --shadow-card:0 2px 12px rgba(24,142,238,.08);
  --shadow-card-hover:0 10px 26px rgba(24,142,238,.16);
}

/* ---------- 页面底色 ---------- */
body{background:var(--page-bg);}
.content{background:var(--page-bg);}

/* ---------- 面包屑 ---------- */
.path{padding:14px 0 16px;font-size:14px;color:var(--t-3);}
.path a{color:var(--t-3);}
.path a:hover{color:var(--b-primary);}

/* ---------- 头部 ---------- */
.top-nav-wrap{box-shadow:0 2px 10px rgba(15,60,110,.06);}
.header .head_bottom{background:#fff;}
.header .head_bottom .search .search_text{background:#F2F5F9;border-radius:40px;}
.header .head_bottom ul.selOption li a:hover{background:var(--b-primary);color:#fff;}

/* ---------- 顶部主导航 ---------- */
.nav_box .nav li.curr>a,.nav_box .nav li:hover>a{color:var(--b-primary);}
.nav_box .nav li .second_nav{border-radius:0 0 6px 6px;box-shadow:0 8px 20px rgba(15,60,110,.14);}
.nav_box .nav li .second_nav a:hover{background:var(--b-primary);color:#fff;border-radius:6px;}

/* ---------- 三级栏目：考试导航蓝条 ---------- */
.mainbox .navtab{border-top:none;border-radius:var(--radius) var(--radius) 0 0;}
.mainbox .nav-tp{
  background:linear-gradient(180deg,#31A0F6 0%,#188EEE 100%);
  border-left:1px solid rgba(255,255,255,.22);
  border-right:1px solid rgba(255,255,255,.22);
  border-radius:var(--radius) var(--radius) 0 0;
  box-shadow:0 4px 14px rgba(24,142,238,.20);
}
.mainbox .nav-tp a{color:#fff;font-weight:500;transition:background .15s;}
.mainbox .nav-tp a:hover{background:rgba(255,255,255,.18);border-radius:6px;color:#fff;}
.nav-bottm{opacity:.55;}

/* ---------- 第一屏：报考服务 / 幻灯片 / 热点（卡片化） ---------- */
.hotcont{margin-top:8px;}
.infor-left{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);}
.infor-left .box-tk ul li a{transition:color .15s;}
.hotcont .flash{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden;}
.htright{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:10px 0;box-sizing:border-box;}
.hot_list li a:hover{color:var(--b-primary);}

/* 报名 / 试听按钮（保留绿/橙语义，统一圆角与层次） */
.hotcont .left .baoming a{border-radius:var(--radius-s);box-shadow:0 4px 12px rgba(0,0,0,.10);}
.hotcont a.msz{background:linear-gradient(180deg,#57C230,#3FA91A);}
.hotcont a.msy{background:linear-gradient(180deg,#FF9A58,#FE7B2C);}
.hotcont a.msz:hover{background:linear-gradient(180deg,#4FB52A,#379917);}
.hotcont a.msy:hover{background:linear-gradient(180deg,#F98C44,#F6711C);}

/* ---------- 区块标题条（资讯快报） ---------- */
.hd-title{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  border-bottom:1px solid var(--line);
  height:50px;line-height:50px;padding:0 16px;box-sizing:border-box;margin-bottom:12px;
}
.hd-title a{color:var(--b-deep);}
.hd-title .rm-zx i{margin-top:4px;}
.hd-title .lit-lm a:hover{color:var(--b-primary);}
.hd-title a.mor{background:var(--b-soft);color:var(--b-deep);border-radius:12px;}
.hd-title a.mor:hover{background:var(--b-primary);color:#fff;}

/* ---------- 资讯列表：普通三列卡片化 ---------- */
.list-box{margin-top:12px!important;}
.list-boxul:not(.list-boxul2){
  width:393px;box-sizing:border-box;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-card);
  padding:12px 12px 14px;margin-bottom:18px;
  border-bottom:none;
}
.list-boxul:not(.list-boxul2) ul{width:368px;margin-right:0;}
.list-boxul:not(.list-boxul2) h2{margin-bottom:6px;}
.list-boxul:not(.list-boxul2) h2 a.hh{color:var(--b-primary);font-weight:700;}
.list-boxul:not(.list-boxul2) h2 a.mor{background:var(--b-soft);color:var(--b-deep);border-radius:12px;}
.list-boxul:not(.list-boxul2) h2 a.mor:hover{background:var(--b-primary);color:#fff;}
.list-box li{height:34px;line-height:32px;}
.list-box li a{color:#333;transition:color .15s;}
.list-box li a:hover{color:var(--b-primary);}
.list-box li span{color:#A8AEB8;}

/* ---------- 推荐 / 热点 两个重点卡（保留红语义） ---------- */
.list-box .list-boxul2{
  background:#fff !important;border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:var(--shadow-card);
  margin-bottom:18px;
}
.list-box .list-boxul2 ul li a i{border-radius:6px;}

/* ---------- 右侧边栏（部分栏目） ---------- */
.tjbox{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);}
.tjbox ul li i.one{color:var(--b-primary);}

/* ---------- 课程推荐：选项卡与课程卡 ---------- */
/* 课程楼层必须清除上方“热点区”浮动：热点双列补全后高度增加，
   若不清除，选项卡头部浮动会与课程面板（BFC）互相挤压，
   导致 4 张课程卡被挤成右侧 260px 竖排。clear:both 仅控制换行，不改宽度。 */
.floor.f3{clear:both;}
#course-recommed .ketab{border-bottom:1px solid #DCEBFA;}
.Rg-title li.listd{background:linear-gradient(180deg,#31A0F6,#188EEE);border-radius:8px 8px 0 0;box-shadow:0 -2px 8px rgba(24,142,238,.16);}
#course-recommed .nav-tab li a:hover{color:var(--b-primary);}
#course-recommed .nav-tab a.mor{background:var(--b-soft);color:var(--b-deep);border-radius:12px;}
#course-recommed .nav-tab a.mor:hover{background:var(--b-primary);color:#fff;}

.floor .mod-likebox ul li{
  border:1px solid var(--line);border-radius:var(--radius);
  background:#fff;box-shadow:var(--shadow-card);
  transition:transform .2s ease,box-shadow .2s ease;
  overflow:hidden;
}
.floor .mod-likebox ul li:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);}
.floor .mod-likebox ul li .bottomtext{border:none;border-top:1px solid var(--line);}
.floor .mod-likebox ul li .item-tt a:hover{color:var(--b-primary);text-decoration:none;}
.floor .mod-like_link span{border-color:#C4D6EE;color:#7FB1E8;}
.floor .mod-like_link span:hover{border-color:var(--b-primary);color:var(--b-primary);}

/* ---------- 分页 ---------- */
.fenye a{
  width:30px;height:30px;line-height:30px;
  border:1px solid #E5E9F0;border-radius:6px;background:#fff;
  transition:all .15s;
}
.fenye a:hover{background:var(--b-soft);border-color:var(--b-primary);color:var(--b-primary);}
.fenye a.curr{background:linear-gradient(180deg,#31A0F6,#188EEE);border-color:var(--b-primary);color:#fff;border-radius:6px;}

/* ---------- 关于我们 ---------- */
.aboutus{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
.aboutus .aboutus_l h4{background:linear-gradient(180deg,#31A0F6,#188EEE);}

/* ---------- 底部 ---------- */
.footer{background:#F6F9FD;border-top:1px solid #E8EDF3;}
.link_bd{border-top:1px solid #E8EDF3;}
.footer a:hover{color:var(--b-primary);}