@charset "utf-8";
/* CSS Document */
body{PADDING-RIGHT:0px;PADDING-LEFT:0px;FONT-SIZE:12px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px;FONT-FAMILY: "微软雅黑","宋体", "黑体",Verdana, Arial, Helvetica, sans-serif; 
line-height:24px;  min-width:1200x; background1: url(../images/bjkk.jpg) bottom center no-repeat #ebebed;}
table{ margin:0 auto;border-spacing:0;border-collapse:collapse; }
img{border:0;}
ol,ul,li{padding:0px;margin:0px;list-style-type:none;}
caption,th {text-align:left;}
form,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dd,dt.input{margin:0px;padding:0px; }
address,caption,cite,code,dfn,em,th,var {font-weight:normal; font-style:normal;} 
A:link,A:visited{TEXT-DECORATION:none;}
A:hover { TEXT-DECORATION:none;}
a{color:#333333;}
a:hover{color:#0069b7;}
.clear {clear:both; height:0; line-height:0; overflow:hidden;}
/*首页*/
.stop{ height:34px; background:#296390; width:100%; min-width:1180px;}
.stopc{ width:1180px; margin:0 auto;}
.stopclf{ width:400px; color:#ffffff; float:left; line-height:34px; height:34px;}
.stoprr{ width:500px; float:right; height:34px;}
.stoprr li{ width:70px; float:left; line-height:34px;text-align:center; }
.stoprr li a{color:#ffffff; text-align:center; display:block; }
.stoprr li a:hover{ background:#c5b331;}

.bot{ width:100%; height:145px; min-width:1200px; background1: url(../images/yxy_02.jpg) left bottom no-repeat #0069b7; }
.botc{ width:1350px; margin:0 auto; height:145px; background1:url(../images/yxy_03.jpg) bottom right no-repeat;}
.botcl{ width:496px; height:83px; float:left; padding-top:30px;}
.botr{ width:300px; float:right; height:100px; padding-top:10px;}
.sou{ width:216px; height:40px; float:left; margin-top:40px; background:url(../images/sss1.png) no-repeat;}
.soua{ width:170px; float:left; height:26px; margin-top:5px; margin-left:10px;}
.soua input{ width:160px; height:27px; background:none; border:none;}
.ssan{ width:26px; height:24px; float:left; margin-top:9px;}
.eng{ width:80px; float:right; height:80px; border-left:1px solid #296390; padding-left:20px; margin-top:10px;}
.eng li{ line-height:30px; height:30px; background:url(../images/44.png) left center no-repeat; text-indent:10px;}
.eng li a{ color:#fff;}
.eng li a:hover{color:#c5b331;}
.nav{ width:100%; height:50px; min-width:1000px;background-color:#016bb7;}
.fal{ width:100%; height:442px; margin:0 auto; }


.jilyy370{ width:1200px; height:370px; margin:0 auto; padding-top:15px;}
.jil484{ width:484px; float:left; height:370px;}
.jjt18{ height:40px; width:100%;}
.jjt18lf{ width:100px; float:left; font-size:18px; color:#1b438f; line-height:40px;}
.jjrig{ width:30px; float:right; text-align:right; padding-top:20px;}
.jjimg{ width:100%; height:168px; border-bottom:1px dashed #ccc; padding-top:10px;}
.jjomg226{ width:226px; float:left; height:168px;}
.jjomg226 p{ line-height:40px; font-size:14px;}

.jjlis{ width:100%; height:auto; padding-top:5px;}
.jjlis li{ height:35px; text-align:right; line-height:35px; background:url(../images/jj.jpg) 00 12px no-repeat; text-indent:7px;}
.jjlis li a{ float:left; text-align: left;}
.jjrigfff{ width:480px; float:right;height:370px;}
.jjt1850{ height:50px; width:100%; border-bottom:1px solid #ccc;}
.kk64{ height:64px; width:100%; padding-top:37px;}
.kklf66{ width:66px; float:left; height:64px; background:#edeaf1;}
.kklf66t{ height:40px; line-height:40px; font-size:16px; text-align:center;}
.kkbb26{ background:#4082b6; font-size:12px; color:#fff; text-align:center;}
.kkbt20{ height:64px; float:right; width:400px; }
.kkbt20t{ height:20px; line-height:20px;  background:url(../images/jl1.jpg) right no-repeat;}
.kkbit40{ line-height:22px; width:100%; color:#878585;}
.kkbit40 a{color:#878585;}

.xsdd380{ width:1000px; height:270px; margin:0 auto; padding-top:20px;}
.xsd84{ width:484px; float:left; height:270px;}
.xsdlis{ width:100%; height:auto; padding-top:15px;}
.xsdlis li{ line-height:35px;  background:url(../images/gg3-3_21.jpg) 0 16px no-repeat; text-align:right; text-indent:10px;}
.xsdlis li a{ text-align:left;float:left; line-height:35px;}

.sxigfff{ width:480px; float:right;height:270px;}
.xsdlirrs{ width:100%; height:auto; padding-top:15px;}
.xss20{ height:35px; width:100%; line-height:35px;}
.xss20 span{ line-height:28px; padding:0 20px 0px 8px;}
.xss20 a{ display:block;}
.xss20 a:hover{ background:url(../images/cc3-3_21.jpg) 0 5px no-repeat;}
.bot426{ width:100%; height:426px; background:url(../images/b3-3_31.jpg) center bottom repeat-x;}
.bot216{ width:1200px; height:400px; margin:0 auto; padding-top:30px;}
.bot216 li{ width:216px; height:136px; float:left; padding:7px; background:#fff; margin:15px 93px 15px 0px;}
.fot{ height:200px; background:#0069b7; width:100%; min-width:1200px;}
.fob{ height:40px; background:#363739; width:100%;}
.fobc{ width:1200px; height:40px; margin:0 auto;}
.fobclf{ width:700px; float:left; line-height:40px; color:#dedede;}
.fobrrf{ width:300px; float: right; text-align:right;line-height:40px; color:#dedede;}
.fkk164{ height:140px; margin:0 auto; padding-top:20px; width:1350px;}

.ffkkwwk{ width:600px; float:left; height:100px; float:left;}
.ffkk237{ border-right:1px solid #0462ac; height:40px;}
.ffkk237 li{float:left; font-size:14px; line-height:40px; color:#fff;}
.ffkk237 li a{ color:#fff; padding:0 10px;}
.ffkk237r{ float:left; width:407px; padding:40px 125px; text-align:center; border-right:1px solid #0462ac;}
.erm144{ width:174px; color:#fff; float:right; height:170px; text-align:center;}

/*二级网站*/
.erll287{ width:100%; height:600px;}
.erc1177{ width:100%; margin:0 auto; height:600px; overflow:hidden; }
.erc1177 img{width:100%; height:600px;}


.er370_160{ width:370px; height:160px; background:#296390; z-index:22; position:relative; margin-top:-160px;  float:right; margin-right:65px;filter:alpha(opacity=80);        -moz-opacity:0.8;        -khtml-opacity: 0.8;        opacity: 0.8;  }
.bott46{ width:90%; height:46px; border-bottom:1px solid #7fa1bc; line-height:46px; font-size:18px; color:#fff; text-align:center; margin:0 auto;}
.bot11{ width:340px; height:86px; color:#fff;border-bottom:8px solid #c5b331; padding:10px 15px;}
.ll100{ width:1200px; margin:0 auto; padding-top:50px;}
.llz24{  height:0px; border-bottom:0px solid #ccc; width:100%; padding-bottom:10px;}
.lzzfz{ width:280px; height:80px;  font-size:24px; line-height:80px; background-color:#016bb7; color: #FFFFFF; text-align:center;}
.lzhdw{ width:100%; text-align:right; line-height:50px; border-bottom: 1px solid #bfbfbf; font-size:14px;}
.erl309{ width:265px; float:left; min-height:500px;}
.erl309rr{ border:0px solid #bfbfbf; border-bottom:none; height:auto; margin-bottom:20px;}
.kk62la{ width:280px; height:62px; line-height:62px; background:url(../images/rr_07.jpg) no-repeat; font-size:18px; text-indent:60px;}

.kk62l{ width:280px; height:62px; line-height:62px; text-indent:60px; background:url(../images/rr_09.jpg) no-repeat; font-size:18px; text-indent:60px;}
.kk62l a{ display:block;}
.kk62l a:hover{background:url(../images/rr_07.jpg) no-repeat;}
.kk303_359{ width:307px; height:359px; margin-top:40px;}
.kk303_359 img{width:307px; height:359px; }
.ll100bb{ width:1200px; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.kkr670{ width:1020px; float:right; min-height:500px; border-top: 0px solid #bfbfbf;}
.kkhaoto{ width:100%; height:auto;} 
.kkhaoto li{ line-height:37px; text-align:right; font-size:14px; background:url(../images/rr_11.jpg) 0 16px no-repeat; text-indent:10px;}
.kkhaoto li a{ float:left; text-align:left;}
.kkxiy{ height:40px; text-align:center; width:100%;}
.jyjx720{ width:920px; float:left; min-height:500px;}
.jy18f{ font-size:18px; color:#296390; height:35px; line-height:35px; padding-bottom:10px;}
.khm16{ height:auto; width:100%; padding-top:10px; padding-bottom:10px;}
.khm16 li{ font-size:16px; height:45px; line-height:45px; float:left; width:180px;}




.jkk260{ width:260px; float:right; height:455px;}
.jkk260 img{ width:260px;height:455px;}
.jyjx720d{ width:700px; float:left; min-height:500px;}


.cotit{ font-size:20px; line-height:40px; text-align:center; padding-bottom:15px;}
.sjkk{ height:30px; line-height:30px; border-bottom:1px dashed #ccc; padding-top:15px; padding-bottom:15px; text-align:center;}

.zhinw89{ width:97%; min-height:500px; margin:0 auto; padding-top:20px; padding-bottom:20px;}
.zhinw89 p{ line-height:33px; font-size:14px; text-indent:30px; padding-bottom:15px;}

.shany{ font-size:14px; width:97%; text-align:right; line-height:40px; margin:0 auto;}
.erjj12{ min-height:400px; padding-bottom:20px;}
.erjj12 p{ line-height:33px; font-size:14px; text-indent:30px; padding-bottom:15px; text-align:justify; }

.xygg10{ width:1200px; height:580px; margin:0 auto;}
.xygg10 li{ width:376px; height:280px; float:left; background:#f8f8f8; margin-right:25px; margin-bottom:50px;}
.xygg10 li img{ width:376px; height:190px;}
.xygg10 li p{ font-size:16px; line-height:30px; padding:10px 15px;}
.xygg10 li span{ line-height:35px;padding:0 15px;}

.toz60{ width:1200px; height:59px; background:#f7f7f7; margin:0 auto; margin-top:20px;}
.youcle{ width:119px; float:left; font-size:16px; text-align:center; line-height:59px; background:url(../images/gghh_07.jpg) left center no-repeat;}
.youclerr{ width:950px; float:left; padding-left:20px; line-height:30px; padding-top:15px;}
.youclerr li{ width:45%; float:left; background:url(../images/rr_11.jpg) left center no-repeat; font-size:14px; text-indent:20px;}

.hydy370{ height:420px; width:1200px; margin:0 auto; padding:40px 0px;}
.xiwt{ height:50px; border-bottom:1px solid #cdcdcd; width:100%;}
.xiwtlf{ font-size:24px; float:left; min-width:100px;  text-indent:10px; height:50px; line-height:50px;color:#0062a9;}
.xiyw{ font-size:14px; color:#000;line-height:50px;height:50px;  float:left; padding-left:20px; }
.xiygg{ font-size:14px; min-width:100px; text-align:right; float:right; line-height:39px;}
.xiygg a{color:#a2a2a2;}

.cxh118{ width:100%; height:360px; margin:0 auto; padding-top:30px; padding-bottom:20px;}
.cxh118ddi{ width:350px; float:left; height:340px; margin-right:70px;}
.cxh118ddi img{ width:350px; height:158px;}
.cxh118ddi h3{ font-size:18px; color:#0062a9;  line-height:55px; font-weight:normal;}
.cxh118ddi h3 a{color:#0062a9;}
.cxh118ddi p{ font-size:14px; line-height:30px; color:#818181;}
.cxh118ddi p a{color:#818181; float:right; text-align:right;}
.cxhffdi{ width:350px; float: right; height:310px;}
.cxhffdi img{ width:350px; height:158px;}
.cxhffdi h3{ font-size:18px; color:#0062a9; line-height:55px; font-weight:normal;}
.cxhffdi h3 a{color:#0062a9;}
.cxhffdi p{ font-size:14px; line-height:30px; color:#818181;}
.cxhffdi p a{color:#818181; float:right; text-align:right;}


.tzz{ background:#efefef; height:490px; width:100%; min-width:1200px; padding:30px 0px;}
.tzzc{ width:1200px; height:auto; margin:0 auto;}

.tognz{ height:34px}

.tazwcc{ width:100%; height: 367px; padding-top:40px;}
.tazwcclf{ width:431px; height:367px; float:left;}
.tazwcclf img{ width:431px; height:367px;}
.tanr780{ width:740px; float:right; height:367px;}
.tanr780li{ height:65px; width:100%; margin-top:7px;}
.tanr780lilf{ width:69px; height1:65px; float:left; font-size:14px; text-align:center; border: 1px solid #0069b7;}
.tanr780lilf h3{ line-height:27px; font-weight:normal; background1:#ebebed; font-size:14px;}
.tanr780lilf p{ line-height:27px; color:#fff; background:#0069b7;font-size:14px;}
.tanr780lilrr{ width:550px; height:65px; float:right; }
.tanr780lilrr h3{ line-height:27px; font-weight:normal; font-size:16px; color:#000;}
.tanr780lilrr h3 a{ color:#000;}

.tanr780lilrr p{ line-height:32px; color:#999; font-size: 14px;}
.youlj{ height:200px; width:1200px; margin:0 auto; padding:20px 0px;}
.youljlf{ width:530px; float:left; height:200px;}
.xiwtlfhs{ font-size:24px; float:left; min-width:100px;  text-indent:10px; height:50px; line-height:50px;color:#000;}
.ylis{ width:100%; height:auto; padding-top:20px;}
.ylis li{ width:20%; float:left; height:35px; font-size:14px;}
.youzt{ width:640px; float:right; margin-top:50px;}
.youzt li{ min-width:100px; float:left; height:118px; margin-left:20px; }


.xiwtxgs{ height:50px; border-bottom:1px solid #cdcdcd; width:1200px; margin:0 auto;}

.w120w{ width:1350px; height:auto; padding:30px 0 0 0; margin:0 auto; background:#fff;}
.da600{ width:465px; height:330px; float:left;}
.dalf{ width:100%; height:40px; border-bottom:1px solid #c9c9c9;}
.dalfwz{ min-width:150px; font-size:16px; line-height:40px; float:left;}
.dalfrr{ background:url(../images/yxy_22.jpg) left center no-repeat; height:40px; line-height:40px; width:40px; float:right; text-align:right;}

.dalis{ width:100%; height:auto; padding-top:20px; }
.dalis li{ line-height:30px;height:30px; margin-bottom:15px; font-size:14px;}
.dalis li span{ height:30px; width:70px; padding:10px;line-height:30px; color:#fff; text-align:center; background:url(../images/yxy_14.jpg) left center no-repeat;}
.dalis li em{ height:30px; width:70px; padding:10px;line-height:30px; text-align:center; }
.tz600{ width:560px; height:330px; float: right;}
.da60w0{ height:490px; border-bottom:1px solid #c9c9c9; padding-bottom:50px;}


.cont{padding:0px;}
.hidden{display:none;}
.scrolldoorFrame{width:100%;overflow:hidden;}
.scrollUl{width:100%;overflow:hidden;height:40px; margin:0 auto;border-bottom:1px solid #c9c9c9;}
.scrollUl li{float:left;}
.sd01{cursor:pointer; background:#0069b7;font-family:"微软雅黑";font-size:16px;height:40px; line-height:40px; color:#fff; width:90px; margin-right:10px; text-align:center; }
.sd02{cursor:pointer; background:#fff;font-family:"微软雅黑";font-size:16px;height:40px; line-height:40px; color:#000; min-width:90px; margin-right:10px; text-align:center; }

.xintplf{ width:135px; height:70px; float:left;}
.xintprg{ width:400px; float:right; height:70px;}
.xintprg h3{ font-size:12px; font-weight:normal; text-align:right; line-height:25px; color:#999999;}
.xintprg h3 a{color:#0069b7; float:left; text-align:left;font-size:14px;}
.xintprg p{ line-height:20px; padding-top:5px;}




.xww12{ width:100%; height:auto; padding-top:5px;}

.tolis{ width:100%; height:auto; padding-top:10px;}
.tolis li{ line-height:50px; font-size:16px; background:url(../images/yxy_26.jpg) left center no-repeat; text-indent:10px; text-align:right;}
.tolis li a{ float:left; text-align:left;}
.dalfrrgg{ position:absolute; top:-40px; right:5px; background:url(../images/yxy_22.jpg) left center no-repeat; height:40px; line-height:40px; width:40px; float:right; text-align:right;}


.ywjj{ height:300px; width:100%;border-bottom:1px solid #c9c9c9; padding-bottom:20px;}
.ywjjlf{ width:420px; float:left;}
.ywjjlft{ font-size:16px; line-height:30px; height:30px; color:#0069b7;}
.ywjjlfkk{ font-size:14px; line-height:30px;}
.ywjjlfkkff a{ height:30px; color:#0069b7;}
.kkimg{ width:700px; float:right; height:300px;}
.kkimg li{ float:left; width:334px; height:121px; padding:0 0 15px 15px;}
.kkimg li img{width:100%;height:100%;}
.ywjj240{ min-height:100px; width:100%; padding-bottom:0px;}
.ywjj240lf{ width:560px; float:left; height:240px;}
.ywjj240lfimf{ width:243px; height:239px; float:left;}
.yw300{ float:right; width:300px; height:240px;}

.tolisff{ width:100%; height:auto; padding-top:15px;}
.tolisff li{ line-height:37px; font-size:14px; background:url(../images/yxy_46.jpg) left center no-repeat; text-indent:10px; }
.ywjj240lfrr{ width:560px; float: right; height:240px;}
.hz47{ background:url(../images/yxy_19.png) repeat-x; height:47px; width:100%;}
.hz47c{ width:200px; height:47px; line-height:47px; font-size:20px; color:#0069b7; text-align:center; margin:0 auto; background:#fff;}
.lknxy { width:100%; height:150px; margin-top:0px;}
.lknxy li{ height:60px; float:left; width:150px; text-align:center; border-right:1px solid #c5c5c5;
border:1px solid #ececec;
border-radius: 5px;
background-color: #f6f6f6;
margin-right:20px;
}
.lknxy li p{ line-height:14px; font-size:14px; color:#666}
.lknxy li img{ width:50px; height:50px;}

.banqxx{ line-height:22px; margin-top:20px; height:auto; font-size:14px; color:#fff;}
.lhw370{ float:right; margin-top:25px;}
.lhw370 ul li {
float:left;
margin-left:30px;
text-align:center;
color:#fff;
}
.lhw370 img {
width:90px;
height:90px;
}
.lhw370 p {
margin-top:5px;
width:90px;
word-wrap:break-word;
line-height:20px
}
.lhw370lf{ width:75px; float:left;}
.lhw370lf p{ line-height:30px; color:#fff; text-align:center;font-size:14px;}
.lhw370r{ width:220px; float:right; height:90px;color:#fff; font-size:14px; line-height:45px;}
.lhw370r img{ width:90px; height:90px; float:left; padding-right:10px;}

.pic1 ul li {
float:left;
width:100%;
height:50px;
line-height:50px;
border:1px solid #ececec;
border-radius: 5px;
background-color: #f6f6f6;
margin-top: 30px;
font-size: 16px;
}
.pic1 ul li img {
float:left;
padding: 0 18px 0 12px;
margin-top: 15px;
display: block;
width:19px;
height:19px;
}
.pic2 ul li {
width:143px;
margin-right:27px;
margin-top: 0;
}
.pic3 {
float:left;
margin-top:15px
}
.pic3 li {
margin-top:15px;
}
.pic3 li select {
  border: none;
  width: 200px;
  height: 20px;
}

/* =========================================================================
   jwc.xafu.edu.cn  西安翻译学院教务管理中心  手机端响应式补丁
   -------------------------------------------------------------------------
   - 无 viewport meta、sty.css 零 @media、body 写 min-width:1200x（笔误 x，规则无效）
   - 真正的宽度锁是三个 1350px 容器：.botc / .w120w / .fkk164，以及 #c202313 ul(1350)
     与 .rslides(min-width:1200px) → 390 视口下横向溢出 960px
   - 导航是 VSB 标准组件：.nav > #c202313 > ul > li > a(+ul 二级)
     一级项 href 多为真实页面（不是 javascript:void(0)）→ 需 ▼ 按钮单独展开
   - 主题色：头部/页脚 #0069b7、导航条 #016bb7、二级菜单 #006699、hover/current #014a95
   ========================================================================= */

/* 汉堡按钮 / ▼ 箭头都是 JS 无条件注入的，桌面端必须彻底不占位。
   ★ 尤其是 ▼ 箭头：它插在 li 里，桌面端若不做 display:none，
     会作为普通行内元素多占一行，把导航条和整页内容整体下移 24px。 */
.menuBtn { display: none !important; }
.navArrow { display: none !important; }

@media (max-width: 1200px) {

  /* =======================================================================
     0. 解根锁
     ======================================================================= */
  html, body { min-width: 0 !important; overflow-x: hidden !important; }
  .bot, .nav, .fot, .tzz { min-width: 0 !important; }
  /* 兜底：任何元素（含内联写死的 width）都不得超出父宽 */
  body * { max-width: 100% !important; }

  /* =======================================================================
     1. 三个 1350px 主容器 + 导航 ul 1350 → 百分宽
     ======================================================================= */
  .botc, .w120w, .fkk164 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  /* 导航 ul 的 1350 在 index.vsb.css 里，必须同样归零 */
  .nav #c202313 > ul { width: 100% !important; max-width: 100% !important; margin: 0 !important; }

  /* =======================================================================
     2. 头部（.bot）：第一行 logo 左 + 汉堡右；第二行搜索框居中
        原：.bot 145px 高 > .botc(1350) > .botcl(496,logo) + .botr(300, > .sou 216x40)
     ======================================================================= */
  .bot { height: auto !important; background-color: #0069b7 !important; }
  .botc {
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .botcl, .botr {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding-top: 0 !important;
  }
  .botcl {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  .botcl > a { flex: 1 1 auto !important; min-width: 0 !important; display: block !important; line-height: 0 !important; }
  /* logo 原图 820x97（8.45:1）→ 占满左侧剩余宽度等比缩放，绝不变形 */
  .botcl > a > img { width: 100% !important; height: auto !important; max-height: none !important; filter: brightness(0) invert(1) !important; }
  /* 搜索框：手机端整行去掉（用户 2026-09-29「第一个框搜索框去掉」）。
     .botr 里只有 .sou 搜索组件，整行隐藏即可；桌面端（>1200px）不受影响。 */
  .botr { display: none !important; }

  /* =======================================================================
     3. 首页 banner 轮播（.slide_container > ul.rslides）
        lrtk.css 里 .rslides{min-width:1200px} 是唯一病灶：
        它让 3 张 1927x579 的图按 1200 宽渲染（高 361），整块被裁成中间一条。
        解掉 min-width 后 .rslides img{width:100%;height:auto} 天然等比（390 → 高 117）。
     ======================================================================= */
  .rslides { min-width: 0 !important; }
  .rslides img { width: 100% !important; height: auto !important; }

  /* =======================================================================
     4. 首页主体（.w120w）：教务动态 / 通知公告 tab 区 / 图文区
     ======================================================================= */
  .w120w { background: #fff !important; }
  /* 第六轮（2026-09-29）板块间距统一 30px：原 da60w0/da60w01 的 padding-bottom:20px
     是「上一板块底部空白」，与 PC 内联 .da600/.tz600 的 margin-bottom:18px 叠加后，
     让相邻板块间距出现 30/38/12/68/12 的乱序（用户截图1/2）。
     改法：教务动态块底部 20→12（12+18=30），教学成果块底部归零（该块仅一个子元素、
     18px 纯溢出），统一交给下一板块的 padding-top:30px 形成一致间隔。 */
  .da60w0  { height: auto !important; padding-bottom: 12px !important; }
  .da60w01 { height: auto !important; padding-bottom: 0 !important; }
  /* .da600 / .tz600 在 HTML 里带内联 style="width:650px"（第二个 .da600 是 1350px），
     内联样式只能靠 !important 压 */
  .da600, .tz600 {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 18px !important;
  }
  /* 教学成果块（.da60w01）只有一个子元素 .da600（内含横滚图区），
     它的 margin-bottom:18px 此前纯作「板块底部空白」溢出，与下一板块 padding-top:30px
     叠加成 68px 巨缝。这里归零，让教学成果→图标区 的间隔也回到统一的 30px
     （教务动态块的 .da600 不受影响：那里 .da600→.tz600 之间的 18px 是板块内间距，必须保留）。 */
  .da60w01 .da600 { margin-bottom: 0 !important; }
  /* 让「更多」按钮相对整个 tab 区定位（而非内容块） */
  .tz600 { position: relative !important; }
  /* 栏目标题行：标题左 + 「更多」右 */
  .dalf {
    width: 100% !important;
    height: auto !important;
    min-height: 40px !important;
    overflow: hidden !important;
  }
  .dalfwz { line-height: 40px !important; }
  /* 「更多」按钮：照抄 PC 的 .dalfrr 参数（width:40px 无 padding 文字右对齐）。
     背景图 yxy_22.jpg 实测 14×13、图标占左端 0-14px：PC 渲染 = 图标 0-14 +
     文字（24px 宽）从 16 开始 → 间隙仅 2px。此前 padding-left:18px 把间隙拉大，
     用户要求与 PC 一致（第四轮 2026-09-29 截图1/2）。 */
  .dalfrr {
    float: right !important;
    width: 40px !important; min-width: 0 !important;
    padding: 0 !important;
    background-position: left center !important;
    text-align: right !important;
  }
  /* 「更多」文字颜色 = PC 色。站点 sty.css 第13行全局 a{color:#333333}（hover 才是 #0069b7）；
     此前这里误写成 #0069b7 = 站点的 a:hover 色，导致手机端「更多」看着像一直悬停（第七轮截图1）。
     PC 实测 .dalfrr a / .dalfrrgg a 计算色均为 rgb(51,51,51)，这里照抄。 */
  .dalfrr a { color: #333333 !important; }

  /* 4.1 图片切换组件 ImageChangeNews(u_u4_)：PC 是固定 650x400（每张图都一样大）。
     手机端也锁成同一比例的固定框（宽的 61.54%），不再随图片高矮改变容器高度；
     图片 object-fit:cover 居中裁切填满（极老内核退化为拉伸，但框大小照样不变）。 */
  .da600 #u_u4_centerCutImg,
  .da600 #u_u4_div { width: 100% !important; height: auto !important; }
  .da600 #u_u4_div {
    height: 0 !important;
    padding-bottom: 61.54% !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .da600 #u_u4_imgdiv,
  .da600 #u_u4_imgdiv a {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    display: block !important;
  }
  .da600 #u_u4_pic {
    width: 100% !important; height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  .da600 div[style*="width:650px"] { width: 100% !important; }
  /* 轮播外层 table/td 没有任何宽度声明（table auto 布局解出 347px < 366），
     导致图片框比标题行灰线窄一截（用户第四轮截图3）。拉满整条链。
     用 td:not([width]) 限定——「教学成果」#u_u11_demo 的卡片 td 都带 width="420" 属性，不会误伤。 */
  .da600 table { width: 100% !important; }
  .da600 table > tbody > tr > td:not([width]) { width: 100% !important; padding: 0 !important; }
  .da600 .imagechangenews_pnode { padding: 0 4px !important; }
  .da600 #u_u4_newstitle { font-size: 14px !important; }

  /* 4.2 tab 行 .scrollUl：PC 是 5 个选项卡一行（90px + 10px 间距）。
         手机端同样一行：flex 均分去掉固定 90px，字号微缩保证 5 字栏目名放得下。 */
  .scrolldoorFrame { overflow: visible !important; }
  .scrollUl {
    height: 40px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    border-bottom: 1px solid #c9c9c9 !important;
  }
  .scrollUl li { margin: 0 4px 0 0 !important; }
  .scrollUl li:last-child { margin-right: 0 !important; }
  .sd01, .sd02 {
    width: auto !important; min-width: 0 !important;
    flex: 1 1 0 !important;
    height: 40px !important; line-height: 40px !important;
    font-size: 13px !important;
  }
  .bor03.cont { width: 100% !important; }
  /* 「更多」：PC 的 .dalfrrgg 是 width:40px + 无 padding + text-align:right（图标画在
     背景图左端、文字贴右）。手机端照抄同一组参数 = 间距与 PC 完全一致；
     并从「选项卡行右上角」改到「新闻列表底部右侧」——.dalfrrgg 本来就在每个面板
     .xww12 内、.tolis 列表之后，改回 static + float:right 即自然落位（截图1红框处）。 */
  .dalfrrgg {
    position: static !important;
    float: right !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    background-position: left center !important;
  }
  .dalfrrgg a { color: #333333 !important; }  /* 同上：PC 实测 rgb(51,51,51) */
  .xww12 { width: 100% !important; }
  .xww12::after { content: "" !important; display: block !important; clear: both !important; }

  /* 4.3 新闻条目 .tanr780li：日期块(69) + 内容(550) 两列改 flex
         原 .tanr780lilrr 写死 550px，390 下会被挤到下一行 */
  .tolis { width: 100% !important; }
  .tanr780li {
    display: flex !important;
    align-items: flex-start !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    width: 100% !important;
  }
  .tanr780lilf {
    float: none !important;
    flex: 0 0 62px !important;
    width: 62px !important;
    margin-right: 10px !important;
    height: auto !important;
    box-sizing: border-box !important;
  }
  .tanr780lilf h3 { line-height: 22px !important; font-size: 14px !important; }
  .tanr780lilf p { line-height: 22px !important; font-size: 12px !important; }
  .tanr780lilrr {
    float: none !important;
    flex: 1 1 auto !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
  }
  .tanr780lilrr h3 {
    font-size: 15px !important; line-height: 23px !important;
    white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
  }
  .tanr780lilrr p {
    font-size: 13px !important; line-height: 20px !important;
    white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
  }

  /* 4.3b「教学成果」图片区 #u_u11_demo：横向滚动（第三轮），
     第四轮按用户要求改为「同时显示两张卡」（PC 卡 458 太宽一屏只能看一张）：
     卡片缩到 174px（366 一屏两张），图片随卡等比缩放。
     第五轮：滚动仍由站点 imagescroll 插件驱动（每 30ms scrollLeft++），
     JS 侧不再自写定时器，也不再删插件的克隆副本（删了就彻底不滚）。 */
  .da600 #u_u11_demo {
    width: 100% !important; max-width: 100% !important;
    height: auto !important;
    overflow-x: auto !important; overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    /* 隐藏原生滚动条（第五轮）：PC 端该条不显示（滚动由插件驱动 scrollLeft），
       手机端保留可触摸横滑但不出灰条，观感与 PC 一致 */
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  .da600 #u_u11_demo::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
  .da600 #u_u11_demo table { width: auto !important; max-width: none !important; }
  .da600 #u_u11_demo td { max-width: none !important; }
  /* 4.3b 第一版曾把外层表格降级块流 + 卡 td 转 inline-block：
     ① 174px 会误打到 imagescroll 的「包装 td」（#u_u11_demo > table > tbody > tr > td，
        真正卡片 td 在第 8 层 > td > table > tbody > tr > td[width="420"] ×9）；
     ② 即便打准，table 降块后内容溢出不计入 scrollWidth（Chromium 溢出屏障），
        overflow-x:auto 无内容可滚（uScrollW==uClientW==366 实测）。
     正解=维持第三轮纯 table 布局自然撑宽：卡 td 钉 174 + img 写死 174，
     表格 auto 布局按内容撑到 3168（18 张 = 9 张原卡 + 9 张插件克隆副本）> 366
     → 横滚自然建立。⚠️ 克隆副本必须保留（第五轮实测根因：删掉它 demo2 宽变 0，
     插件判定恒成立、每 30ms 把 scrollLeft 打回 0，手机端永远不滚）。
     ⚠️ img 绝不能 width:100%（相对列宽循环依赖）也绝不能 auto
     （覆盖 HTML width="420" 呈现属性按自然尺寸 1411px 撑爆，第三轮实测）。
     ⚠️ 卡 td 必须用完整直接子链：td[width="420"] 在卡内还有一层同名 td，
     短选择器会把内外两层一起钉死（第三轮实测图片只剩 43px）。 */
  .da600 #u_u11_demo > table > tbody > tr > td > table > tbody > tr > td[width="420"] {
    width: 174px !important;
    padding: 0 !important;
  }
  /* 卡内表/内层图 td：放开宽度跟随卡（HTML 无 width 属性，auto 即可） */
  .da600 #u_u11_demo > table > tbody > tr > td > table > tbody > tr > td[width="420"] > table {
    width: auto !important;
  }
  .da600 #u_u11_demo > table > tbody > tr > td > table > tbody > tr > td[width="420"] > table > tbody > tr > td[width="420"] {
    width: auto !important;
    padding: 0 !important;
  }
  /* 图片写死 174px：与卡同宽（不留缝，PC 端两卡本就紧挨） */
  .da600 #u_u11_demo img {
    width: 174px !important; max-width: none !important; height: auto !important;
    display: block !important; padding: 0 !important;
  }
  .da600 #u_u11_demo .titlestyle1058488 { font-size: 13px !important; line-height: 22px !important; }

  /* 4.4 图文区 .ywjj240（内 .ywjj240lf 560 + .ywjj240lfrr 560 并排）
     第六轮（2026-09-29）板块间距统一：常用平台 / 图标区 这两个 .ywjj240 块，
     其末条 li 的 margin-bottom:12px（PC 内联）是唯一底部空白来源 → 与下一板块
     顶部叠加成 12px 窄缝。加 padding-bottom:18px（padding 阻断 margin 穿透），
     使 常用平台→教学成果、图标区→页脚 的可见间隔也 = 12+18 = 30px，与参考一致。 */
  .ywjj240 { min-height: 0 !important; padding-bottom: 18px !important; }
  .ywjj240::after { content: "" !important; display: block !important; clear: both !important; }
  .ywjj240lf, .ywjj240lfrr, .ywjj240lfimf, .yw300, .ywjjlf, .kkimg {
    float: none !important;
    width: 100% !important;
    height: auto !important;
  }
  .ywjj240lfimf img, .yw300 img, .kkimg li img { width: 100% !important; height: auto !important; display: block !important; }
  .kkimg li { float: none !important; width: 100% !important; height: auto !important; padding: 0 0 12px !important; }
  .pic1, .pic2 { width: 100% !important; height: auto !important; }
  .pic1 img, .pic2 img { max-width: 100% !important; height: auto !important; }
  /* 4.5「常用平台 / 招生就业」两排图标入口（两个块都是 class="pic1 pic2"）：
     第四轮（截图4/5）：条目按固定宽 143px（PC 同款）自动排列，一行放几个放几个。
     ★ 第十四轮（2026-09-30，用户报「浏览器拉到最窄仍一行三个，真机却变两个」）：
       根因是「固定 143px + 8px 右间距」⇒ 每格实占 151px，一行三个要求可用宽 ≥453px。
       而桌面浏览器（Chrome/Edge）窗口最小只能拖到约 480px 宽（可用 456px ⇒ 恰好三个），
       真机 360~430px（可用 336~406px ⇒ 只能两个）——同一套规则、不同宽度，不是缺陷。
       实测：桌面 UA 在 390 视口下同样是两个，排除 UA/模板差异。
       用户要求「手机上也一行三个」⇒ 宽度改为按比例 30%（30%×3 + 8px×3 = 90% + 24px
       ≤ 100%，只要可用宽 ≥240px 即恒为一行三个），并保留 max-width:143px 让
       ≥604px 可用宽（视口 ≥628px）时的每行个数与观感跟旧版完全一致。
       内部尺寸（字号/图标/图标间距）另在文件末尾的 ≤420px / ≤360px 两档收紧，
       保证 320px 视口下「智慧教学平台」这类 6 字标题 + 图标仍单行不换行。
     内联 width（120px 标题 + 175px×6）只能 !important 压。 */
  .pic1 ul, .pic2 ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    width: 100% !important;
    padding: 0 !important;
  }
  .pic1 ul li, .pic2 ul li {
    float: none !important;
    width: 30% !important;          /* ★第十四轮：原 143px 固定宽 → 30%，窄屏恒为一行三个 */
    max-width: 143px !important;    /* 宽屏仍封顶 143px，≥628px 视口观感与旧版一字不差 */
    margin: 0 8px 12px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 13px !important;
  }
  /* 常用平台的标题 li（内联 background:#fff url(cypt.png) + 白字）→ 改成「教务动态」
     标题栏样式：白底深字、40px 高、底部 1px 灰线、左对齐。
     用内联 style 里的 cypt 精确命中标题 li——招生就业块第一个 li 是普通条目，不受影响。
     第四轮：标题灰线与条目之间间距加大（margin-bottom 4 → 14px，用户截图4）。 */
  .pic1 ul li[style*="cypt"], .pic2 ul li[style*="cypt"] {
    width: 100% !important; max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    height: 40px !important; line-height: 40px !important;
    font-size: 16px !important;
    text-align: left !important;
    background: #fff !important;
    color: #333 !important;
    border: 0 !important;
    border-bottom: 1px solid #c9c9c9 !important;
    border-radius: 0 !important;
  }
  /* ⚠️ 图标不居中的根因：PC 的 .pic1 ul li img{float:left;padding:0 18px 0 12px;
     margin-top:15px} 仍生效——float 让 inline-block/vertical-align 全部失效（图标浮左、
     文字被绕排挤开），12/18px 内边距再把图标顶出小格。必须 float:none + padding 归零；
     图标-文字间距 8px（参照 PC 的图标与文字间距观感）。 */
  .pic1 ul li img, .pic2 ul li img {
    float: none !important;
    width: auto !important; max-width: 22px !important; height: auto !important;
    display: inline-block !important;
    vertical-align: middle !important;
    padding: 0 !important; margin: 0 8px 0 0 !important;
    box-sizing: border-box !important; border: 0 !important;
  }
  .pic1 ul li a, .pic2 ul li a { display: block !important; font-size: 13px !important; }

  /* =======================================================================
     5. 页脚（.fot）：.ffkkwwk(600) + .ffkk237r(407,padding:40px 125px) + .erm144(174)
     ======================================================================= */
  .fot { height: auto !important; padding-bottom: 16px !important; }
  .fkk164 { height: auto !important; padding-top: 16px !important; }
  .fkk164::after { content: "" !important; display: block !important; clear: both !important; }
  .ffkkwwk { float: none !important; width: 100% !important; height: auto !important; }
  .ffkk237 { border-right: 0 !important; height: auto !important; text-align: center !important; }
  .ffkk237 li { float: none !important; display: inline-block !important; line-height: 28px !important; }
  .ffkk237r {
    float: none !important; width: 100% !important;
    padding: 10px 0 !important; margin: 0 !important;
    border-right: 0 !important; box-sizing: border-box !important;
  }
  .erm144 { float: none !important; width: 100% !important; height: auto !important; margin: 10px 0 0 !important; }
  .erm144 img { width: 110px !important; height: auto !important; }
  /* 首页页脚三块（联系地址 .banqxx / 友情链接下拉 ul.pic3 / 公众号二维码 .lhw370）
     垂直排列 + 各块整体居中（第三轮截图6）。
     第四轮（截图7）：地址块改「块居中、块内文字左对齐」——display:table 收缩包裹 +
     margin:auto 居中（老内核兼容远好于 fit-content）；三块垂直间距加大（12/14 → 22/24）。
     第七轮（截图1 红框）：地址块内**文字也居中**（原 text-align:left 会左对齐）。
     块仍是收缩包裹的 table（宽 = 最长的「版权所有…」行 320px）+ margin:auto 水平居中，
     所以 text-align:center 让 5 行各自居中于同一根中轴，与下方下拉框/二维码同轴。 */
  .banqxx {
    display: table !important;
    margin: 0 auto !important;
    text-align: center !important;
  }
  .pic3 {
    float: none !important;
    width: 100% !important;
    margin: 22px 0 0 !important;
    text-align: center !important;
  }
  .pic3 li { margin: 8px 0 0 !important; }
  .pic3 li select { width: 200px !important; height: 28px !important; }
  .lhw370 {
    float: none !important;
    width: 100% !important;
    margin: 24px 0 0 !important;
    text-align: center !important;
  }
  /* li 带 PC 写死的 width:336px + margin-left:30px（贴左）→ 解开并居中；
     p 被 PC 写死 90px 宽（文字折行）→ 放开成自然宽度随 text-align:center 居中 */
  .lhw370 ul li { float: none !important; width: auto !important; margin: 0 auto !important; }
  .lhw370 p { width: auto !important; }
  .lhw370 img { width: 110px !important; height: auto !important; display: inline-block !important; }
  /* 通用页脚（.fob）两列 */
  .fob { height: auto !important; }
  .fobc { width: 100% !important; height: auto !important; padding: 14px 12px !important; box-sizing: border-box !important; }
  .fobclf, .fobrrf {
    float: none !important; width: 100% !important; height: auto !important;
    text-align: center !important; line-height: 24px !important;
  }

  /* =======================================================================
     6. 内页（列表页 / 内容页）栏目骨架
     ======================================================================= */
  /* 6.1 栏目 banner 条：.erll287/.erc1177 写死 600px 高，且 img 也写死 height:600
         → 手机端图片被强制拉成 600 高、左右大裁。解高即可按比例显示（原图 1920x600）。 */
  .erll287, .erc1177 { height: auto !important; }
  .erc1177 img { width: 100% !important; height: auto !important; display: block !important; }

  /* 6.2 内页左栏 .erl309（PC:265px float，含当前栏目名 .lzzfz 蓝块 +
         兄弟/下级栏目列表 .erl309rr 内 .kk62l(当前)/.kk62la(其他)）
         —— 第八轮改回「显示」（第一轮曾整栏 display:none），做成列表上方的
         「栏目导航」手风琴卡；第十轮按用户要求把默认态改为【收起】：
         蓝色标题条 = PC 的当前栏目蓝块，默认只显示这一条（+ 右侧 ▼），
         点它才展开下面的栏目列表（JS 置 erlMenuOpen，见 jwc_汉堡导航.js erllMenuInit）。
         一/二级关系 = 蓝色标题条(上级栏目块) + 缩进带 ▶ 的栏目行(下级/同级)，
         当前项浅蓝底蓝字（对应 PC rr_09 高亮）。零 DOM 注入、不改节点顺序 ⇒ 桌面零影响。
         （学科竞赛等「导航栏里没有的栏目」因此有了移动端菜单入口） */
  .erl309 {
    float: none !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 12px !important;
    background: #fff !important;
    border: 1px solid #dfe6ee !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(1,107,183,.10) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  /* 标题条：PC .lzzfz 是 80px 高蓝块居中，手机端改 46px 左对齐 + 右侧 ▲ 箭头 */
  .erl309 .lzzfz {
    width: 100% !important;
    height: 46px !important;
    line-height: 46px !important;
    font-size: 17px !important;
    text-align: left !important;
    text-indent: 0 !important;
    background-color: #016bb7 !important;
    background-image: none !important;
    color: #fff !important;
    padding: 0 40px 0 14px !important;
    box-sizing: border-box !important;
    position: relative !important;
  }
  /* 箭头/手型只在 JS 标记过 erlMenuHas（确实有栏目列表）时才出现。
     ─────────────────────────────────────────────────────────────────────
     第十轮（2026-09-29）用户要求：**默认收起二级菜单，只有点这个按钮才展开**。
     状态类从「收起态 erlMenuFold」翻转为「展开态 erlMenuOpen」——
     这么翻是为了让【失败方向安全】：JS 挂了 / 跑晚了 ⇒ 没有 erlMenuOpen ⇒
     列表保持收起。标题条本身照常显示（栏目名可见），点它没有任何反应，
     不会出现「点了展开但样式没跟上」的错位。
     ⚠️ 注意与第八轮的区别：第八轮是「默认展开」（对齐 PC），本轮按用户明确要求改为默认收起。 */
  .erl309.erlMenuHas .lzzfz { cursor: pointer !important; }
  .erl309.erlMenuHas .lzzfz::after {
    content: "" !important;
    position: absolute !important;
    right: 17px !important; top: 50% !important;
    width: 9px !important; height: 9px !important;
    margin-top: -5px !important;
    border-right: 2px solid #fff !important;
    border-top: 2px solid #fff !important;
    transform: rotate(135deg) !important;            /* 默认（收起态）▼ */
  }
  .erl309.erlMenuHas.erlMenuOpen .lzzfz::after {
    transform: rotate(-45deg) !important;             /* 展开态 ▲ */
  }
  /* 栏目列表：白底行 + 左侧 ▶；行高 44、超长省略 */
  .erl309 .erl309rr { border: 0 !important; margin: 0 !important; background: #fff !important; }
  .erl309 .erl309rr .kk62l,
  .erl309 .erl309rr .kk62la {
    float: none !important;
    width: 100% !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 15px !important;
    text-indent: 0 !important;
    background: none !important;              /* 去 PC 的 rr_07/rr_09 按钮背景图 */
    border-bottom: 1px solid #eef2f6 !important;
    box-sizing: border-box !important;
    position: relative !important;
    margin: 0 !important;
  }
  .erl309 .erl309rr .kk62l:last-child,
  .erl309 .erl309rr .kk62la:last-child { border-bottom: 0 !important; }
  .erl309 .erl309rr .kk62l::before,
  .erl309 .erl309rr .kk62la::before {
    content: "" !important;
    position: absolute !important;
    left: 18px !important; top: 50% !important;
    width: 7px !important; height: 7px !important;
    margin-top: -4px !important;
    border-right: 2px solid #3d7fb8 !important;
    border-top: 2px solid #3d7fb8 !important;
    transform: rotate(45deg) !important;              /* ▶ */
  }
  .erl309 .erl309rr .kk62l::before { border-color: #a9b4bf !important; }  /* 当前项灰 ▶（同 PC 截图） */
  .erl309 .erl309rr .kk62l { background: #eaf3fc !important; }            /* 当前项浅蓝底 */
  .erl309 .erl309rr .kk62l a { color: #016bb7 !important; font-weight: 700 !important; }
  .erl309 .erl309rr .kk62la a { color: #333333 !important; }
  .erl309 .erl309rr .kk62l a,
  .erl309 .erl309rr .kk62la a {
    display: block !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 12px 0 38px !important;
    font-size: 15px !important;
    text-indent: 0 !important;
    background-image: none !important;        /* 压掉 PC .kk62l a:hover 的背景图（触屏粘 hover） */
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }
  .erl309 .kk303_359 { display: none !important; }  /* PC 侧栏装饰图（307x359），移动端不出 */
  /* 默认收起（第十轮）：列表只在 erlMenuOpen 时出现，标题条始终保留。
     翻转写法的好处：JS 没跑到 ⇒ 无 erlMenuOpen ⇒ 保持收起，不会漏出列表；
     而箭头也只在 erlMenuHas 时画，所以「没 JS」= 一条干净的蓝色栏目名条。 */
  .erl309 .erl309rr { display: none !important; }
  .erl309.erlMenuOpen .erl309rr { display: block !important; }

  /* 6.3 右栏 .kkr670（1020px float:right）→ 满宽 */
  .kkr670 {
    float: none !important;
    width: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }
  /* 面包屑：原 text-align:right + border-bottom，手机端左对齐更易读 */
  .lzhdw { text-align: left !important; line-height: 40px !important; }
  .lzzfz { width: 100% !important; }

  /* 6.4 列表 .kkhaoto li：标题 a 左浮 + li 右对齐（日期是裸文本）→ flex 一行 */
  .kkhaoto { width: 100% !important; }
  .kkhaoto li {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    line-height: 34px !important;
    text-align: left !important;
    background-position: 0 center !important;
    padding-left: 12px !important;
    text-indent: 0 !important;
  }
  .kkhaoto li a {
    float: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  /* .tolis li 同为「标题左 + 日期右」结构（首页 tab 区与内页都在用）。
     ─────────────────────────────────────────────────────────────────────
     第九轮（2026-09-29）修复「日期折行」：用户截图里 [2025-06-04] 被拆成
     「[2025-」+「06-04]」两行，还把行高从 34 撑到 68。
     根因（探针实测）：HTML 里日期是【裸文本】`[2026-09-22]`，直属于 li。
     li 改成 display:flex 后，这段裸文本被包成一个【匿名 flex item】——
     匿名 item 不参与灵活尺寸计算：flex 基数为 0 且不可设 min-width:auto，
     于是它在「先按可用空间压缩、再换行」里被压到 24px（12 字符 → 2 行）。
     证据：@390 下 a 盒 259（标题仅溢 13px、纯浪费）+ 20px 自由空间，日期却拿 24px。
     修法三步（缺一不可，均已在 488/390/360/320/768 五档 × 两个列表页实测）：
       ① li{white-space:nowrap} —— 让 li 的匿名 flex item 按【max-content】取宽，
          日期一次拿到整宽 100px，永不折行；
       ② a{margin-right:8px} —— ①之后日期会紧贴标题（gap 0），加 8px 固定间隙，
          让日期右边缘与 PC 一致地贴住 li 内容盒右边缘（gapR 实测恒 0）；
       ③ 日期字号随 li 收到 15px —— 为最坏情况（标题超长 + 日期 12 字符）留预算：
          @320 可用 176px vs 需要 93px，@390 可用 246px，余量充足。
     标题侧不受影响：a 保持 nowrap+ellipsis，超长照样缩略号（实测最能缩到 176px）。
     ⚠️ 不要改用「用 JS 把日期包成 <span>」的方案：span 虽然是真 flex item，
        但 VSB 的 vsbscreen.min.js 会重写文档、包好的 span 会丢，不如纯 CSS 稳。 */
  .tolis li {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    line-height: 34px !important;
    text-align: left !important;
    background-position: 0 center !important;
    padding-left: 12px !important;
    text-indent: 0 !important;
    white-space: nowrap !important;          /* ① 日期裸文本按 max-content 取宽，不折行 */
    font-size: 15px !important;              /* ③ 给「长标题 + 12 字符日期」留出宽度预算 */
    box-sizing: border-box !important;
  }
  .tolis li a {
    float: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin-right: 8px !important;            /* ② 标题与日期之间固定 8px 间隙 */
  }

  /* 6.5 正文：图片自适应 + 表格可横滚 */
  .zhinw89, .erjj12 { width: 100% !important; min-height: 0 !important; box-sizing: border-box !important; }
  .zhinw89 img, .erjj12 img, #vsb_content img, .v_news_content img {
    max-width: 100% !important; height: auto !important; display: block !important; margin: 0 auto !important;
  }
  .zhinw89 table, .erjj12 table { width: 100% !important; table-layout: fixed !important; }
  .zhinw89 td, .erjj12 td { white-space: normal !important; word-break: break-word !important; }
  .cotit { font-size: 18px !important; line-height: 1.5 !important; padding-bottom: 10px !important; }
  .sjkk { height: auto !important; line-height: 1.8 !important; padding-top: 10px !important; }

  /* 6.6 分页条（.kkxiy / VSB .pb_sys_common） */
  .kkxiy { height: auto !important; margin: 10px 0 20px !important; }
  .pb_sys_common { width: 100% !important; line-height: 28px !important; }
  table[class^="headStyle"] { display: block !important; width: 100% !important; }
  table[class^="headStyle"] > tbody,
  table[class^="headStyle"] > tbody > tr { display: block !important; }
  table[class^="headStyle"] > tbody > tr > td {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
    padding: 3px 0 !important;
  }

  /* =======================================================================
     7. 通用：图片 / 表格
     ======================================================================= */
  img { max-width: 100% !important; height: auto !important; }
  table { max-width: 100% !important; }

  /* =======================================================================
     8. 汉堡导航（按钮由 jwc_汉堡导航.js 注入到 .botcl 内）
        菜单做成「浮层覆盖」：展开时盖住下方内容，不把内容往下推。
     ======================================================================= */
  .botcl .menuBtn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 40px !important; height: 40px !important;
    box-sizing: border-box !important;
    padding: 0 !important; margin: 0 0 0 10px !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
  }
  .botcl .menuBtn .txt { display: none !important; }
  .menuBtn .bars {
    display: inline-flex !important;
    flex-direction: column !important;
    width: 24px !important;
    transform-origin: center center !important;
  }
  .menuBtn .bars b {
    display: block !important;
    width: 24px !important; height: 2px !important;
    background: #fff !important;
    margin: 4px 0 !important;
    transform-origin: center center !important;
  }
  /* 三横 → ×：三条横线中心间距 = 高 2 + 上下 margin 4+4 + 2 = 10px，
     第 1、3 条各平移 10px 到中线才能合成对称的 ×（写 6px 会歪） */
  .menuBtn.open .bars b:nth-child(1) { transform: translateY(10px) rotate(45deg) !important; }
  .menuBtn.open .bars b:nth-child(2) { opacity: 0 !important; }
  .menuBtn.open .bars b:nth-child(3) { transform: translateY(-10px) rotate(-45deg) !important; }
  .menuBtn.open .bars { transform: scale(1.3) !important; }

  /* 8.1 导航条本身压成 0 高、脱离文档流，展开时作为浮层 */
  .nav {
    position: absolute !important;
    left: 0 !important; right: 0 !important;
    top: 0;                                  /* JS 会按头部底边写入精确文档坐标 */
    display: none !important;
    height: auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: 78vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    background: #016bb7 !important;
    z-index: 999 !important;
  }
  .nav.open { display: block !important; }

  /* 8.2 一级项 */
  .nav #c202313 > ul > li {
    float: none !important;
    width: 100% !important;
    position: relative !important;
    border-bottom: 1px solid rgba(255,255,255,.15) !important;
  }
  .nav #c202313 > ul > li > a {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 0 52px 0 15px !important;       /* 右侧 52px 留给 ▼ 按钮 */
    line-height: 46px !important;
    height: auto !important;
    color: #fff !important;
    font-size: 16px !important;
    text-align: left !important;
    background: transparent !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  /* 当前栏目高亮：桌面端 .a#current 有 #014a95 底色，手机端统一去掉（纵向排列时那格很突兀） */
  .nav #c202313 > ul > li > a#current { background: transparent !important; }

  /* 8.3 ▼ 展开按钮（JS 注入，是 <a> 的兄弟节点，点它不会触发跳转） */
  .navArrow {
    /* 必须显式 display：上面桌面端那条 .navArrow{display:none!important}
       特异性相同、靠源码顺序压制，这里（媒体查询内、位置更靠后）才会生效 */
    display: block !important;
    position: absolute !important;
    top: 0 !important; right: 0 !important;
    width: 46px !important; height: 46px !important;
    line-height: 46px !important;
    text-align: center !important;
    color: #cfe6f5 !important;
    font-size: 14px !important;
    font-style: normal !important;
    background: transparent !important;
    cursor: pointer !important;
  }
  .nav #c202313 > ul > li.open > .navArrow { color: #fff !important; }

  /* 8.4 二级菜单：回到文档流（不再 absolute 浮层遮挡） */
  .nav #c202313 > ul > li > ul {
    display: none !important;
    position: static !important;
    left: auto !important; top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    border: 0 !important;
    padding: 0 !important;
    background: #006699 !important;
  }
  .nav #c202313 > ul > li.open > ul { display: block !important; }
  .nav #c202313 > ul > li > ul > li {
    float: none !important;
    width: 100% !important;
    min-height: 0 !important;
    line-height: 40px !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
  }
  .nav #c202313 > ul > li > ul > li > a {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 15px 0 28px !important;
    line-height: 40px !important;
    min-height: 0 !important;
    height: auto !important;
    color: #cfe6f5 !important;
    font-size: 14px !important;
    text-align: left !important;
    background: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  /* 关掉桌面 hover 展开，手机端只认点击 */
  .nav #c202313 > ul > li:hover > ul { display: none !important; }
  .nav #c202313 > ul > li.open:hover > ul { display: block !important; }

  /* =======================================================================
     9. 首页「学院风采 / 图片墙」等其他固定宽容器（同源兜底）
     ======================================================================= */
  .jilyy370, .bot216, .toz60, .youlj, .hydy370, .xiwtxgs, .xsdd380, .cxh118,
  .tzzc, .tazwcc, .tazwcclf, .tanr780, .youljlf, .ll100, .ll100bb {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
    height: auto !important;
  }
  .jil484, .jjrigfff, .xsd84, .sxigfff, .cxh118ddi, .cxhffdi, .youzt,
  .tazwcclf, .tanr780, .youljlf { float: none !important; width: 100% !important; }
  .tzz { height: auto !important; padding: 16px 0 !important; }
  .tzz::after, .tzzc::after, .tazwcc::after, .youlj::after, .toz60::after, .xiwt::after {
    content: "" !important; display: block !important; clear: both !important;
  }
  .toz60 { height: auto !important; padding: 14px 0 !important; }
  .youcle { float: none !important; width: 100% !important; height: auto !important; line-height: 30px !important; }
  .youclerr { float: none !important; width: 100% !important; height: auto !important; padding-left: 0 !important; }
  .youclerr li { width: 50% !important; margin: 0 !important; box-sizing: border-box !important; }
  .youlj { padding: 16px 0 !important; }
  .bot216 li { width: 47% !important; margin: 10px 1.5% !important; height: auto !important; box-sizing: border-box !important; }
  .bot216 li img { width: 100% !important; height: auto !important; }

}

/* =========================================================================
   4.5b 图标入口卡片·窄屏内部尺寸微调（第十四轮 2026-09-30）
   -------------------------------------------------------------------------
   4.5 把卡片宽度从固定 143px 改成 30% 后，小屏卡片会变窄：
     视口 390 → 卡片约 110px、360 → 约 101px、320 → 约 89px
   卡片内容是「图标 + 6 字标题」单行排列（li 固定 44px 高 / line-height 44px，
   一旦换行第二行会溢出卡片外），所以内部尺寸必须随宽度同步收紧。
   内容宽 ≈ 图标宽 + 图标右间距 + 6×字号（「智慧教学平台」是 6 字，为最长项）：
     ≤420px 档 12px/18px/8px = 98px，需卡片 ≥100px → 视口 ≥350px ✓（361 实测余量 3px；390 余量 12px）
     ≤360px 档 11px/15px/3px = 84px，需卡片 ≥86px → 视口 ≥311px ✓（320 实测余量 5px）
   两档下限都按 320px 视口校验过；桌面端不受影响（两条都 ≤1200px）。
   ========================================================================= */
@media (max-width: 420px) {
  .pic1 ul li, .pic2 ul li { font-size: 12px !important; }
  /* ★ 图标-文字间距保留基础规则的 8px（与 PC 一致；390 视口实测卡片 110px、内容 98px 有余量）。
     仅在 ≤360px 档才收紧到 3px（见下方），保证 320px 不换行。 */
  .pic1 ul li img, .pic2 ul li img { max-width: 18px !important; }
  .pic1 ul li a, .pic2 ul li a { font-size: 12px !important; }
}
@media (max-width: 360px) {
  .pic1 ul li, .pic2 ul li { font-size: 11px !important; }
  .pic1 ul li img, .pic2 ul li img { max-width: 15px !important; margin: 0 3px 0 0 !important; }
  .pic1 ul li a, .pic2 ul li a { font-size: 11px !important; }
}