/* ============================================================
   wwa PC 全站「课程分类」下拉导航统一美化（与电脑首页一致）
   v=20260926b   纯视觉，不改结构 / 链接 / 功能
   ============================================================ */

/* ---- main nav bar ---- */
.nav-box{background:#fff;box-shadow:0 1px 0 #e9ebf0;}
.nav-box .citys-nav{height:50px;}
.nav-box .citys-nav .menu{top:50px;}
.citys-nav>ul>li>a{display:block;height:50px;line-height:50px;padding:0 21px;color:#22242A;font-size:17px;}
.citys-nav>ul>li>a:hover{color:#ED232F;}
.citys-nav>ul>li>a.active{color:#ED232F;font-weight:700;}

/* ---- "课程分类" trigger button ---- */
.menu-btn .all-type{background:#ED232F;color:#fff;}
.nav-box .citys-nav ul .menu-btn .all-type{line-height:50px;display:block;text-align:center !important;text-indent:0 !important;padding:0 30px 0 0;box-sizing:border-box;}

/* ---- dropdown container: let the side panel overflow ---- */
.menu#nav{overflow:visible !important;border:0;border-radius:0;box-shadow:none;}
.menu#nav>ul{overflow:visible !important;border:0;border-radius:0;box-shadow:none;}

/* ---- first-level column: soft tinted panel ---- */
.nav-box .citys-nav .menu#nav > ul{background:#e9e9e9;border-right:1px solid #d6d6d6;box-shadow:0 10px 26px rgba(28,30,38,.10);}
.nav-box .citys-nav .menu#nav > ul > li{background:none;border-bottom:1px solid #d9d9d9;}
.nav-box .citys-nav .menu#nav > ul > li:last-child{border-bottom:0;}
.nav-box .citys-nav .menu ul li .li_1,
.nav-box .citys-nav .menu ul li .li_2,
.nav-box .citys-nav .menu ul li .li_3,
.nav-box .citys-nav .menu ul li .li_4,
.nav-box .citys-nav .menu ul li .li_5,
.nav-box .citys-nav .menu ul li .li_6,
.nav-box .citys-nav .menu ul li .li_7,
.nav-box .citys-nav .menu ul li .li_8,
.nav-box .citys-nav .menu ul li .li_9{background:none;}
.nav-box .citys-nav .menu ul li .li_type{background:none;display:flex;align-items:center;justify-content:center;text-align:center;height:44px;padding:0 14px;box-sizing:border-box;position:relative;}
.nav-box .citys-nav .menu ul li .li_type span{color:#22242A;text-align:center;flex:1;padding-right:30px;font-size:15px;}
.nav-box .citys-nav .menu ul li .li_type a.icon-right{color:#c0c4cc;position:absolute;right:16px;}
.nav-box .citys-nav .menu ul li:hover .li_type,
.nav-box .citys-nav .menu ul li.cur .li_type{background:#fff;box-shadow:inset 3px 0 0 #ED232F;}
.nav-box .citys-nav .menu ul li:hover .li_type span,
.nav-box .citys-nav .menu ul li.cur .li_type span{color:#ED232F;}
.nav-box .citys-nav .menu ul li:hover .li_type a.icon-right,
.nav-box .citys-nav .menu ul li.cur .li_type a.icon-right{color:#ED232F;}

/* ---- secondary (fly-out) panel ---- */
.nav-box .citys-nav .menu#nav ul li ul{background:#fff;border:1px solid #e9ebf0;border-radius:8px;box-shadow:0 8px 24px rgba(28,30,38,.12);height:auto;min-height:346px;overflow:visible !important;}
.nav-box .citys-nav .menu ul li ul li span{background:#FDECEC;border-radius:4px;}
.nav-box .citys-nav .menu ul li ul li span a{color:#ED232F;font-weight:700;font-size:15px;}
.nav-box .citys-nav .menu ul li ul li p a{font-size:15px;color:#5b606b;}
.nav-box .citys-nav .menu ul li ul li p a:hover{color:#ED232F;}

/* nav link color safety v=20260926c */
.nav-box .citys-nav>ul>li>a{color:#22242A !important;background:transparent !important;}
.nav-box .citys-nav>ul>li>a:hover{color:#ED232F !important;background:transparent !important;}
.nav-box .citys-nav>ul>li>a.active,.nav-box .citys-nav>ul>li>a#index{color:#ED232F !important;}

/* fix cur/hover red-on-red v=20260926d */
.nav-box .citys-nav .menu#nav ul li.cur .li_type,
.nav-box .citys-nav .menu#nav ul li:hover .li_type{background:#fff !important;box-shadow:inset 3px 0 0 #ED232F;}
.nav-box .citys-nav .menu#nav ul li.cur .li_type span,
.nav-box .citys-nav .menu#nav ul li:hover .li_type span{color:#ED232F !important;}
.nav-box .citys-nav .menu#nav ul li.cur .li_type a.icon-right,
.nav-box .citys-nav .menu#nav ul li:hover .li_type a.icon-right{color:#ED232F !important;}

/* fix: drop last nav item right margin so 7 items stay on one row */
.nav-box .citys-nav>ul>li:last-child{margin-right:0 !important;}

/* ---- left floating category bar #LeftImg: only on wide screens ----
   模板自带的左侧悬浮分类彩条，功能与顶部「课程分类」重复；
   中窄屏(含1280/1366笔记本, 1230容器两侧空白不足)会遮挡分类菜单，故隐藏；
   仅在 >=1400px 宽屏(两侧有足够空白)作为装饰保留。 */
#LeftImg{display:none !important;}
@media screen and (min-width:1400px){
  #LeftImg{display:block !important;}
}