/* ===== XUEKAO PC HOMEPAGE BEAUTIFY (red) �� P0-P2 ===== */
body.red{
  --p:#ED232F; --pd:#C81E28; --pl:#FDECEC;
  --ink:#22242A; --sub:#5b606b; --mut:#9aa0ab;
  --bg:#f4f5f8; --line:#e9ebf0;
  --r:10px; --sh:0 2px 14px rgba(28,30,38,.07); --shh:0 8px 24px rgba(28,30,38,.12);
}
body{background:var(--bg);color:var(--ink);}
a{color:var(--ink);} a:hover{color:var(--p);}

/* ---- P0 top bar ---- */
.top-box{background:#fff;border-bottom:1px solid var(--line);line-height:38px;}
.top-box .top{font-size:14px;}
.top-box .top-left .p1{color:var(--sub);}
.top-box .top-right ul li a{color:var(--sub);}
.top-box .top-right ul li a:hover{color:var(--p);}
.top-box .qrcode{color:var(--sub);} .top-box .qrcode:hover{color:var(--p);}

/* ---- P0 header / search ---- */
.header{background:#fff;}
.ul1 li a{color:var(--sub);font-size:15px;}
.ul1 li a.active{color:var(--p);font-weight:700;}
.search-text form{display:flex;align-items:center;border:1px solid #e2e4ea;border-radius:8px;background:#fff;transition:border-color .2s,box-shadow .2s;}
.search-text form:focus-within{border-color:var(--p);box-shadow:0 0 0 3px rgba(237,35,47,.1);}
.search-text form>span{display:flex;align-items:center;padding-left:13px;}
.search-text form>span img{width:18px;height:18px;}
.search-text .input-text{flex:1;height:40px;border:0;background:#fff;font-size:15px;}
.search-text .input-btn{flex:none;background:var(--p);color:#fff;border:0;height:40px;padding:0 28px;font-size:15px;cursor:pointer;border-radius:0 7px 7px 0;}
.search-text .input-btn:hover{background:var(--pd);}
.content3 .span1{color:var(--mut);} .content3 .span2{color:var(--p);font-weight:700;}

/* ---- P0 main nav ---- */
.nav-box{background:#fff;box-shadow:0 1px 0 var(--line);}
.nav-box .citys-nav{height:48px;}
.citys-nav>ul>li>a{display:block;height:48px;line-height:48px;padding:0 20px;color:var(--ink);font-size:16px;}
.citys-nav>ul>li>a:hover{color:var(--p);}
.citys-nav>ul>li>a.active{color:var(--p);font-weight:700;}
.menu-btn .all-type{background:var(--p);color:#fff;}

/* ---- P0 section cards + titles ---- */
.hotschool.warp{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:6px 20px 22px;margin-top:22px;margin-bottom:26px;}
.container-box .container.warp{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:0 20px 26px;margin-bottom:26px;}
.c-title{border-bottom:1px solid var(--line);}
.c-title .l-h2 a{font-size:22px;font-weight:800;color:var(--ink);}
.c-title .l-h2 a:hover{color:var(--p);}
.options a{padding:6px 15px;border-radius:16px;color:var(--sub);font-size:14px;margin-left:8px;}
.options a:hover{color:var(--p);background:var(--pl);}
.options a.current{background:var(--p);color:#fff;}

/* ===== P1 hot school cards ===== */
.rollbox ul li{width:183px;margin:0 10px 10px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .22s,transform .22s,border-color .22s;float:left;}
.rollbox ul li:hover{border-color:var(--p);box-shadow:var(--shh);transform:translateY(-3px);}
.rollbox ul li img{width:100%;height:120px;object-fit:contain;background:#fafbfc;padding:10px;border-bottom:1px solid var(--line);}
.rollbox li .schoolname a{font-size:15px;font-weight:700;margin:10px 10px;line-height:1.4;height:42px;overflow:hidden;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.rollbox li .schoolname a:hover{color:var(--p);}
.rollbox li .method a{font-size:14px;display:block;margin:0 14px;padding:5px 0;border:1px solid var(--p);border-radius:6px;color:var(--p);text-align:center;}
.rollbox li .method a:hover{background:var(--p);color:#fff;}
.rollbox li .schoolinfo{font-size:12px;color:var(--mut);padding:12px 14px;}
.rollbox li .schoolinfo .renqi{padding-left:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ED232F'%3E%3Cpath d='M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z'/%3E%3C/svg%3E") no-repeat 0 center / 14px 14px;}

/* ===== P1 index1 class rows -> cards ===== */
.classes-ulnew li{background:#fff;width:386px;height:auto;min-height:48px;border:1px solid var(--line);border-radius:8px;margin:0 16px 14px 0;padding:11px 14px;float:left;transition:border-color .2s,box-shadow .2s;}
.classes-ulnew li:nth-child(3n){margin-right:0;}
.classes-ulnew li:hover{border-color:var(--p);box-shadow:var(--sh);}
.classes-ulnew li p{margin:0;line-height:1.5;}
.classes-ulnew li .a1{color:var(--mut);font-size:13px;margin-right:6px;}
.classes-ulnew li .a2{color:var(--ink);font-size:15px;}
.classes-ulnew li .a2:hover{color:var(--p);}
.classes-ulnew li p>span{color:var(--mut);font-size:13px;float:right;}

/* ===== P1 index2 image course cards ===== */
.boxbottom ul{width:auto;height:auto;}
.boxbottom ul li{width:285px;height:auto;margin:0 16px 18px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .22s,transform .22s,border-color .22s;}
.boxbottom ul li:nth-child(4n){margin-right:0;}
.boxbottom ul li:hover{border-color:var(--p);box-shadow:var(--shh);transform:translateY(-3px);}
.boxbottom ul li img{width:100%;height:160px;object-fit:cover;border-bottom:1px solid var(--line);}
.boxbottom ul li:hover img{transform:none;}
.boxbottom .boxname{padding:12px 14px 2px;height:auto;line-height:1.4;}
.boxbottom .boxname a{font-size:15px;font-weight:700;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px;}
.boxbottom .boxname a:hover{color:var(--p);}
.boxbottom .boxmethod{padding:0 14px;height:auto;}
.boxbottom .boxmethod a{font-size:13px;color:var(--mut);}
.boxbottom .boxinfo{padding:10px 14px 14px;height:auto;}
.boxbottom .boxinfo .price{font-size:17px;font-weight:800;color:var(--p);}
.boxbottom .boxinfo .concernnum{font-size:13px;color:var(--mut);background:none;padding-left:0;}

/* ===== P1 focus carousel ===== */
.J_banner{border-radius:10px;}
.J_banner .banner-list li img{width:1014px !important;max-width:1014px !important;height:365px !important;object-fit:cover !important;display:block !important;margin:0 !important;}
.J_banner .pointer{position:absolute;bottom:14px;left:0;right:0;text-align:center;z-index:3;}
.J_banner .pointer li{display:inline-block;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.5);margin:0 4px;cursor:pointer;}
.J_banner .pointer li.on,.J_banner .pointer li.active{background:#fff;width:22px;border-radius:5px;}

/* ===== P1 left category dropdown ===== */
.menu#nav{border:1px solid var(--line);border-radius:0 0 8px 8px;box-shadow:var(--shh);overflow:hidden;}
.menu#nav .li_type{padding:0 14px;height:44px;line-height:44px;}
.menu#nav .li_type span{font-size:15px;}
.menu#nav li:hover .li_type{background:var(--pl);}
.menu#nav li:hover .li_type span{color:var(--p);}

/* ===== P2 ad badge ===== */
.topbannerad,.footerbannerad,.indexcatad,.headerbanner,.intercatad{position:relative;}
.topbannerad:after,.footerbannerad:after,.indexcatad:after,.headerbanner:after,.intercatad:after{
 content:"���";position:absolute;right:0;top:0;z-index:6;background:rgba(0,0,0,.38);color:#fff;
 font-size:11px;line-height:1;padding:2px 7px;border-radius:0 0 0 6px;pointer-events:none;}
.footerbanner img,.indexcatad img,.headerbanner img{border-radius:8px;}

/* ===== P2 footer (dark modern) ===== */
.footer_new{background:#2b2f38;}
.footer_new .foot_box,.footer_new .foot_wx{border-right:1px solid rgba(255,255,255,.1);}
.footer_new .foot_box .hd,.footer_new .foot_wx .hd{color:#fff;}
.footer_new .foot_box .bd li a{color:#b6bac4;}
.footer_new .foot_box .bd li a:hover{color:#ff6a54;}
.footer_new .foot_wx img{background:#fff;border-radius:8px;padding:6px;}
.footer_new .foot_mobile{background:none;}
.footer_new .foot_mobile .h1 font{color:#ff6a54;}
.footer_new .foot_mobile .h3{color:#b6bac4;}
.footer_new .foot_mobile .h3 font{color:#fff;}
.footer_new .foot_powered{background:transparent;border-top:1px solid rgba(255,255,255,.12);color:#8a8f99;}
.footer_new .foot_powered a,.footer_new .foot_powered span{color:#8a8f99;}

/* ===== P2 city / friendlink cards ===== */
.flink.warp{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh);padding:4px 20px 14px;margin-bottom:22px;}
.flink .hd{border-bottom:1px solid var(--line);}
.flink .hd .hd1{font-size:17px;line-height:48px;}
.flink .hd .hd2 a{color:var(--sub);} .flink .hd .hd2 a:hover{color:var(--p);}
.flink .bd .text li a{color:var(--sub);font-size:14px;}
.flink .bd .text li a:hover{color:var(--p);}
.flink .bd .image li img{border-radius:6px;}

/* ===== P2 bottom 4-column boxes ===== */
.footmenubox{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh);padding:0 18px 14px;width:285px;height:auto;min-height:360px;margin:0 16px 0 0;}
.footmenubox .menutitle{left:0;width:auto;line-height:50px;border-bottom:1px solid var(--line);margin-bottom:4px;}
.footmenubox .menutitle .upright{font-size:17px;}
.footmenubox li{width:auto;font-size:14px;line-height:2;list-style:none;}
.footmenubox li a{color:var(--sub);}
.footmenubox li a:hover{color:var(--p);}
.footmenubox li a>span:last-of-type{color:var(--mut);font-size:13px;}

/* ===== P2 float service / back-to-top ===== */
.QQbox{right:12px;top:160px;}
.QQbox .press{border-radius:10px 0 0 10px;box-shadow:var(--sh);}
.QQbox .Qlist{border-radius:10px;box-shadow:var(--shh);overflow:hidden;}
#back-to-top a{background:var(--p);border-radius:8px;box-shadow:var(--sh);}
#back-to-top a:hover{background:var(--pd);}

/* ===== P2 mild responsive (small PC window; phones use /m) ===== */
/* ===== P2 fixed bottom consult bar ===== */
.fixed-bottom{background:#fff;box-shadow:0 -6px 24px rgba(28,30,38,.13);border-top:3px solid var(--p);}
.fixed-bottom .foot_zx p{color:var(--sub);font-size:14px;}
.fixed-bottom .foot_zx p span{color:var(--p);font-weight:700;}
.fixed-bottom .input_text{border:1px solid var(--line);border-radius:6px;height:36px;padding:0 12px;font-size:14px;margin-right:10px;color:var(--ink);}
.fixed-bottom .input_text:focus{border-color:var(--p);outline:none;}
.fixed-bottom .form_btn{background:var(--p);color:#fff;border:0;border-radius:6px;height:38px;padding:0 24px;cursor:pointer;font-size:15px;}
.fixed-bottom .form_btn:hover{background:var(--pd);}
#output{border-radius:8px;box-shadow:var(--sh);border:1px solid var(--line);}

/* ===== FIX footmenu: flex equal columns ===== */
.footmenu{display:flex;flex-wrap:nowrap;align-items:stretch;width:1230px;margin:0 auto;}
.footmenubox{flex:1 1 0;min-width:0;width:auto !important;margin:0 8px;float:none;box-sizing:border-box;
  background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh);padding:0 16px 14px;height:auto;min-height:0;}
.footmenubox:first-child{margin-left:0;}
.footmenubox:last-child{margin-right:0;}
.footmenubox .menutitle{position:static;width:auto;line-height:48px;border-bottom:1px solid var(--line);margin-bottom:6px;}
.footmenubox .menutitle .upright{font-size:16px;}
.footmenubox li{width:auto;font-size:14px;line-height:2;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.footmenubox li a{color:var(--sub);display:block;}
.footmenubox li a:hover{color:var(--p);}
.footmenubox li a>span:last-of-type{color:var(--mut);font-size:13px;}

/* ===== FIX left category nav: allow secondary panel to 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;}
.menu#nav li:hover .li_type{background:var(--p);}
.menu#nav li:hover .li_type span{color:#fff;}
.menu#nav li:hover .li_type a.icon-right{color:#fff;}
.menu#nav ul li ul{border:1px solid var(--line);border-radius:8px;box-shadow:var(--shh);overflow:hidden;}
.menu#nav ul li ul li span{background:var(--pl);border-radius:4px;}
.menu#nav ul li ul li span a{color:var(--p);font-weight:700;}
.menu#nav ul li ul li p a:hover{color:var(--p);}

/* ===== font size enlargement (whole homepage) ===== */
body{font-size:16px;}
.top-box{line-height:40px;} .top-box .top{font-size:15px;}
.ul1 li a{font-size:16px;}
.search-text .input-text,.search-text .input-btn{font-size:16px;}
.nav-box .citys-nav{height:50px;}
.citys-nav>ul>li>a{height:50px;line-height:50px;font-size:17px;padding:0 21px;}

.c-title .l-h2 a{font-size:25px;}
.options a{font-size:15px;padding:7px 17px;}
.hotschool .floortitle a{font-size:24px;}

/* index1 text course cards */
.classes-ulnew li{min-height:52px;padding:13px 15px;}
.classes-ulnew li .a2{font-size:17px;}
.classes-ulnew li .a1{font-size:14px;}
.classes-ulnew li p>span{font-size:14px;}

/* index2 image course cards */
.boxbottom .boxname a{font-size:17px;min-height:48px;}
.boxbottom .boxmethod a{font-size:14px;}
.boxbottom .boxinfo{padding-top:12px;}
.boxbottom .boxinfo .price{font-size:19px;}
.boxbottom .boxinfo .concernnum{font-size:14px;}

/* hot school cards */
.rollbox li .schoolname a{font-size:16px;height:46px;}
.rollbox li .method a{font-size:15px;padding:6px 0;}
.rollbox li .schoolinfo{font-size:13px;}

/* footmenu 4 columns */
.footmenubox .menutitle{line-height:50px;}
.footmenubox .menutitle .upright{font-size:17px;}
.footmenubox li{font-size:15px;line-height:2.05;}
.footmenubox li a>span:last-of-type{font-size:14px;}

/* flink city / friendlink */
.flink .hd .hd1{font-size:17px;line-height:50px;}
.flink .bd .text li a{font-size:15px;}
.flink .hd .hd2 a{font-size:14px;}

/* secondary nav panel */
.menu#nav ul li ul li span a{font-size:15px;}
.menu#nav ul li ul li p a{font-size:15px;}

/* dark footer */
.footer_new .foot_box .hd,.footer_new .foot_wx .hd{font-size:17px;}
.footer_new .foot_box .bd li a{font-size:15px;line-height:2.1;}
.footer_new .foot_mobile .h1{font-size:24px;}
.footer_new .foot_mobile .h3{font-size:15px;}

/* ===== footmenu 6 items: spacing & polish ===== */
.footmenu{gap:18px;}
.footmenubox{margin:0 !important;padding:0 16px 8px;}
.footmenubox .menutitle{line-height:54px;border-bottom:2px solid var(--p);margin-bottom:2px;}
.footmenubox .menutitle .upright{font-size:17px;font-weight:800;}
.footmenubox li{font-size:15px;line-height:1;list-style:none;}
.footmenubox li a{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:11px 8px;border-bottom:1px dashed var(--line);border-radius:6px;
  transition:background .15s,color .15s;white-space:normal;}
.footmenubox li:last-child a{border-bottom:0;}
.footmenubox li a:hover{background:var(--pl);}
.footmenubox li a>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);}
.footmenubox li a>span:last-child{flex:none;color:var(--mut);font-size:13px;}

/* ===== hot school: fit 7, larger name, fix hover top clip ===== */
.rollbox{height:252px;}
.rollbox ul li{width:165px;margin:10px 12px 10px 0;}
.rollbox ul li img{height:108px;}
.rollbox li .schoolname a{font-size:17px;height:48px;line-height:1.4;}
.rollbox li .method a{font-size:15px;}
.rollbox li .schoolinfo{font-size:14px;}
.rollbox ul li:hover{transform:translateY(-4px);}

/* fix: reset ul offset, narrow cards so 7 fit fully */
.rollbox ul{margin:0;padding:0;}
.rollbox ul li{width:161px;margin:10px 12px 10px 0;}

/* fix 7 fit: left align, slightly narrower */
.rollbox{text-align:left;}
.rollbox ul li{width:158px;margin:10px 11px 10px 0;}

/* show 6 hot schools, wider cards */
.rollbox ul li{width:188px;margin:10px 15px 10px 0;}
.rollbox ul li img{height:120px;}

/* 6 hot schools fit inside hotschool padding (content 1190) */
.rollbox ul li{width:184px;margin:10px 14px 10px 0;}

/* fix bottom/top clipping: give rollbox full card height */
.rollbox{height:330px;}

/* fix top red border: no lift on hover, keep red border + soft shadow */
.rollbox ul li:hover{transform:none !important;box-shadow:0 8px 22px rgba(237,35,47,.16);border-color:var(--p);}

/* ===== rollbox FINAL: 6 cards, even red hover border on all sides ===== */
.rollbox{height:330px;overflow:hidden;}
.rollbox ul{margin:0 !important;padding:0;list-style:none;display:flex;flex-wrap:nowrap;width:auto;}
.rollbox ul li{flex:none;width:184px;margin:10px 14px 10px 0;border:1px solid var(--line);border-radius:10px;
 background:#fff;overflow:hidden;float:none;transition:box-shadow .2s,border-color .2s;}
.rollbox ul li:hover{border-color:var(--p);box-shadow:0 10px 24px rgba(237,35,47,.16);transform:none;}
.rollbox ul li img{width:100%;height:120px;object-fit:contain;background:#fafbfc;padding:10px;border-bottom:1px solid var(--line);}
.rollbox li .schoolname a{font-size:17px;font-weight:700;margin:10px;height:48px;line-height:1.4;
 color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.rollbox li .schoolname a:hover{color:var(--p);}
.rollbox li .method a{font-size:15px;display:block;margin:0 14px;padding:7px 0;border:1px solid var(--p);border-radius:6px;color:var(--p);text-align:center;}
.rollbox li .method a:hover{background:var(--p);color:#fff;}
.rollbox li .schoolinfo{font-size:13px;color:var(--mut);padding:12px 14px;}
.rollbox li .schoolinfo .renqi{padding-left:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ED232F'%3E%3Cpath d='M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z'/%3E%3C/svg%3E") no-repeat 0 center / 14px 14px;}

/* rollbox hover red frame: outline is stable under carousel transform */
.rollbox ul li:hover{outline:2.5px solid var(--p);outline-offset:-1px;box-shadow:0 10px 24px rgba(237,35,47,.18);border-color:var(--p);}

/* ===== top �γ̷��� dropdown: clean white first-level column (ref qinxue365) ===== */
.nav-box .citys-nav .menu ul{background:#fff;}
.nav-box .citys-nav .menu ul li{background:none;border-bottom:1px solid #f1f2f5;}
.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;padding:0 16px;box-sizing:border-box;position:relative;}
.nav-box .citys-nav .menu ul li .li_type span{color:var(--ink);text-align:center;flex:1;padding-right:30px;}
.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:var(--pl);}
.nav-box .citys-nav .menu ul li:hover .li_type span,.nav-box .citys-nav .menu ul li.cur .li_type span{color:var(--p);}
.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:var(--p);}

/* ===== fix dropdown panel: auto height, all 3rd-level items visible ===== */
.nav-box .citys-nav .menu ul li ul{height:auto;min-height:346px;overflow:visible !important;}

/* gap between nav and banner */
.nav-box{margin-bottom:18px;}

/* align �γ̷��� text with main nav */
.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;}

/* ===== fix: show full red border of .search-text (form must not cover it) ===== */
.search-text form{border:0 !important;background:transparent;border-radius:0;}
.search-text form:focus-within{border-color:transparent;box-shadow:0 0 0 3px rgba(237,35,47,.12);}

/* unify homepage cat hover with inner pages v=20260926i */
.menu#nav ul li:hover .li_type,.menu#nav ul li.cur .li_type{background:#FDECEC !important;}
.menu#nav ul li:hover .li_type span,.menu#nav ul li.cur .li_type span{color:#ED232F !important;}
.menu#nav ul li:hover .li_type a.icon-right,.menu#nav ul li.cur .li_type a.icon-right{color:#ED232F !important;}

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


/* ===== XKCITY-POP ��ҳ�л����� hover ��� (������ĸ�� 20260930) ===== */
.webcity{position:relative;}
.webcity2.xkcity-pop{
  position:absolute;z-index:9999;margin-left:150px;width:440px;max-width:none;
  background:#fff;border:1px solid #e7e9ec;border-radius:10px;
  box-shadow:0 14px 36px rgba(0,0,0,.15);
  padding:0;overflow:hidden;display:none;text-align:left;
}
.xkcity-hd{
  display:flex;align-items:center;justify-content:space-between;
  padding:9px 14px;background:linear-gradient(180deg,#fafbfc,#f2f4f7);
  border-bottom:1px solid #edf0f2;font-size:13px;color:#666;
}
.xkcity-hd b{color:#d4232a;font-size:14px;}
.xkcity-all{color:#999;font-size:13px;}
.xkcity-all:hover{color:#d4232a;}
.xkcity-letters{display:flex;flex-wrap:nowrap;gap:5px;padding:8px 11px;border-bottom:1px solid #eef0f2;background:#fff;overflow:hidden;}
.xk-letter{
  display:inline-block;flex:0 0 auto;white-space:nowrap;padding:3px 9px;border-radius:13px;cursor:pointer;
  background:#f4f5f7;color:#666;font-size:12px;font-weight:700;line-height:1.4;
  border:1px solid transparent;transition:all .12s;user-select:none;
}
.xk-letter:hover{background:#fff0f1;color:#d4232a;}
.xk-letter.on{background:#d4232a;color:#fff;box-shadow:0 3px 8px rgba(212,35,42,.28);}
.xkcity-panes{padding:11px 13px 13px;min-height:118px;}
.xk-pane{display:none;}
.xk-pane.on{display:block;}
.xkcity-tags{display:flex;flex-wrap:wrap;gap:7px;}
.xkcity-tag{
  display:inline-block;padding:4px 11px;border-radius:14px;
  background:#f5f6f8;color:#444;font-size:13px;line-height:1.4;
  border:1px solid transparent;transition:all .13s;
}
.xkcity-tag:hover{background:#fff0f1;color:#d4232a;border-color:#f3c4c6;}
.xk-pane[data-xk="hot"] .xkcity-tag{background:#fff5f6;color:#c0303a;}
.xk-pane[data-xk="hot"] .xkcity-tag:hover{background:#d4232a;color:#fff;border-color:#d4232a;}
/* ===== /XKCITY-POP ===== */

/* ===== banner align to site width (no full-bleed) ===== */
.banner-box{width:1230px !important;max-width:1230px !important;min-width:0 !important;margin:-4px auto 0 !important;}

.banner-box .J_banner{width:1014px !important;height:365px !important;overflow:hidden !important;margin:0 0 0 216px !important;}
.J_banner .banner-list li{width:1014px !important;height:365px !important;overflow:hidden;}

/* ============================================================
   首页「课程分类」下拉导航美化（与内页 catmenu_beautify 统一）v=20261012nav10
   一级列加浅暖灰底色 + 悬停白底浮起+左侧红条；二级保持白卡片；
   左侧悬浮彩条 #LeftImg 仅宽屏(>=1400)保留，中窄屏隐藏避免遮挡。
   ============================================================ */
.nav-box .citys-nav .menu#nav > ul{background:#e9e9e9 !important;border-right:1px solid #d6d6d6 !important;box-shadow:0 10px 26px rgba(28,30,38,.10) !important;}
.nav-box .citys-nav .menu#nav > ul > li{border-bottom:1px solid #d9d9d9 !important;}
.nav-box .citys-nav .menu#nav > ul > li:last-child{border-bottom:0 !important;}
.nav-box .citys-nav .menu#nav ul li ul{background:#fff !important;}
.nav-box .citys-nav .menu#nav ul li:hover .li_type,
.nav-box .citys-nav .menu#nav ul li.cur .li_type{background:#fff !important;box-shadow:inset 3px 0 0 #ED232F !important;}
.nav-box .citys-nav .menu#nav ul li:hover .li_type span,
.nav-box .citys-nav .menu#nav ul li.cur .li_type span{color:#ED232F !important;}
.nav-box .citys-nav .menu#nav ul li:hover .li_type a.icon-right,
.nav-box .citys-nav .menu#nav ul li.cur .li_type a.icon-right{color:#ED232F !important;}
#LeftImg{display:none !important;}
@media screen and (min-width:1400px){#LeftImg{display:block !important;}}

/* ============================================================
   首页左侧分类常驻列：与右侧幻灯片(365px)等高、上下沿对齐 v=20261012nav12
   ============================================================ */
.nav-box .citys-nav .menu{top:55px !important;}
.nav-box .citys-nav .menu#nav,
.nav-box .citys-nav .menu#nav > ul{height:365px;box-sizing:border-box;}
.nav-box .citys-nav .menu#nav > ul{top:0 !important;display:flex;flex-direction:column;}
.nav-box .citys-nav .menu#nav > ul > li{flex:1 1 0;min-height:0;box-sizing:border-box;}
.nav-box .citys-nav .menu#nav > ul > li .li_type{height:100%;box-sizing:border-box;}