/* ============================================================
   列表页（新版首页统一样式）
   容器 1200：左列表 880 + 间距 10 + 右侧栏 310
   规范：白卡 + 6px 圆角 + 轻阴影；边框线 #eef1f6 / #e3e8f2
   主色 #1f56d5；文字 #1f2937 / #55607a / #8d96ab
   ============================================================ */

/* ============================================================
   基础基线（迁移自 base.css）
   本页已不再引用 base.css，以下为原本由它提供、common.css 未覆盖的部分
   （全局 reset 与 li/a/img 已由 common.css 负责，此处不再重复）
   ============================================================ */
body { min-width: 1200px; }

form, input, button, select, textarea, p, iframe, nav { margin: 0; padding: 0; }
input { outline: 0; }
textarea { resize: none; }

.container, .layout { width: 1200px; margin: 0 auto; }

.clearfix::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.abs { position: absolute; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mtb5 { margin-top: 5px; margin-bottom: 5px; }
.mtb10 { margin-top: 10px; margin-bottom: 10px; }
.mlr5 { margin-left: 5px; margin-right: 5px; }
.mlr10 { margin-left: 10px; margin-right: 10px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.ptb5 { padding-top: 5px; padding-bottom: 5px; }
.ptb10 { padding-top: 10px; padding-bottom: 10px; }
.plr5 { padding-left: 5px; padding-right: 5px; }
.plr10 { padding-left: 10px; padding-right: 10px; }
.hide { display: none; }
.show { display: block; }
.noBorder { border: none !important; }

.pagination { display: block; text-align: center; margin-top: 10px; padding-bottom: 10px; }
.pagination ul { list-style-type: none; justify-content: center; display: flex; }
.pagination ul li { float: left; }
.pagination ul li.active span { color: #fff; background: #1f56d5; cursor: pointer; text-decoration: none; }
.pagination a, .pagination span {
  display: inline-block; padding: 7px 10px; margin-left: 5px; margin-bottom: 25px;
  color: #999; line-height: 1; background-color: #f2f2f2;
  box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.05); border-radius: 2px;
  overflow: hidden; transition: all .2s ease-in-out; vertical-align: top;
}
.pagination a:hover { color: #fff; background-color: #1f56d5; text-decoration: none; }

.boxTitleName {
  border-top: #1f56d5 2px solid; border-bottom: #ccc 1px solid;
  height: 38px; line-height: 38px; padding-left: 11px;
  background-color: #fff; color: #000; font-weight: bold; text-align: left;
}
.boxTitleName i { font-size: 14px; }
.boxTitleName a { color: #1f56d5; font-size: 15px; font-weight: bold; }
.boxTitleName a:hover { text-decoration: none; }

/* ============================================================
   列表页主体结构（迁移自 style.css）
   保持原规则顺序：本段在前，下面的新版覆盖规则在后
   ============================================================ */
/*=====================================
        = 列表页
        =====================================*/
.arcListTopAd{}
.arcListTopAd .layout{width:950px;height:100px;overflow:hidden;background-color:#f5f5f5;margin:0 auto;}
.iconDemo .layout{width:950px;height:100px;overflow:hidden;background-color:#f5f5f5;margin:0 auto;}

.listMain{}
.listMain .layout{width:950px;margin:0 auto;}
/*=====================================
= 列表页左侧
=====================================*/
.listMain .layout .listLeft{width:700px;background:#fff;border:1px solid #c2d4e8;border-radius: 6px;min-height:500px;}
/* 当前位置 */
.listMain .layout .listLeft .breadcrumb{background:#eef9ff82;height:32px;color: #1f56d5;line-height:32px;border-top-left-radius:6px;border-top-right-radius:6px;margin:1px 1px 0 1px;border-bottom:1px solid #c2d4e8;font-size: 12px;}
.listMain .layout .listLeft .breadcrumb ul li{display: inline-block;color: #1f56d5}
.listMain .layout .listLeft .breadcrumb ul li a{color: #1f56d5}
.listMain .layout .listLeft .breadcrumb ul li a:hover{color: #f00;text-decoration: none;}
/* 栏目导航 */
.listMain .layout .listLeft .arcPanel{display: inline-block;border-bottom: 1px solid #c2d4e8;width: 680px;}
.listMain .layout .listLeft .arcPanel .classItem{width:100%;display: flex;line-height: 30px;padding-top: 7px;}
.listMain .layout .listLeft .arcPanel .classItem span{color: #8C8C8C;margin-right: 2px;white-space: nowrap;}
.listMain .layout .listLeft .arcPanel .classItem ul{list-style-type: none;padding: 0px 0px;margin: 0;align-items: center;}
.listMain .layout .listLeft .arcPanel .classItem ul li{float: left;margin-right: 5px;}
.listMain .layout .listLeft .arcPanel .classItem ul li a{display: inline-block;font-size: 12px !important;text-align: center;color: #1f56d5;border: 1px solid #1f56d5;border-radius: 2px;text-decoration: none;height: 22px;line-height: 22px;padding: 0 5px;}
.listMain .layout .listLeft .arcPanel .classItem ul li a:hover {color:#fff;background: #1f56d5;border-color: #1f56d5;}
.listMain .layout .listLeft .arcPanel .classItem ul li a.actives{color:#fff;background: #1f56d5;border-color: #1f56d5;}

/* 列表样式一 */
.listMain .layout .listLeft .arcTxtList{}
.listMain .layout .listLeft .arcTxtList ul{padding:15px;}
.listMain .layout .listLeft .arcTxtList ul li{height:38px;line-height:38px;padding-left:10px;overflow: hidden;border-bottom:1px dotted #ccc;}
.listMain .layout .listLeft .arcTxtList ul li h2{float:left;font-size:14px;color:#1f3b7b;font-weight:normal;background: url(../images/ico_dian.gif) no-repeat 0px 17px;max-width:500px;overflow: hidden;padding-left: 15px;text-overflow: ellipsis;white-space: nowrap;}
.listMain .layout .listLeft .arcTxtList ul li h2:hover{color:#f00}
.listMain .layout .listLeft .arcTxtList ul li h2 a{color:#1f3b7b;text-decoration: none;}
.listMain .layout .listLeft .arcTxtList ul li h2 a:hover{color:#f00;text-decoration: none;}
.listMain .layout .listLeft .arcTxtList ul li span{float:right;font-size:14px;color:#999;padding-right:8px;}

/* 列表样式二 */
.arcFullList {position:relative;margin-bottom:20px;padding:10px 16px 20px 16px;background:#fff;}
.arcFullListMarginBottom0 {margin-bottom:0 !important;}
.timeAxisList {margin-top:15px;margin-bottom:0;padding-left:15px;border-left:1px dashed #dadada;}
.arcFullList .listPaddingTop5 > * {padding-top:8px;}
.timeAxisListItem {position:relative;top:-10px;padding-bottom:15px;color:#a8a8a8;}
.timeAxisNodeDiamond {position:absolute;left:-22px;width:10px;height:10px;border:2px solid #f13b03;background-color:#fff;top:10px;border-radius:50%;}
.timeAxisListItem .timeAxisNodeCard {width:100%;}
.timeAxisListItem .timeAxisNodeTime {margin-bottom:15px;font-size:14px;color:#f13b03;line-height:19px;}
.timeAxisListItem .timeAxisNodeTitle {margin-bottom:6px;font-size:19px;color:#333;font-weight:700;height:28px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;}
.timeAxisListItem a {color:#444;}
.timeAxisListItem a:hover {color:#f00;text-decoration:none;}
.timeAxisListItem .timeAxisNodeExcerpt {margin-bottom:16px;font-size:14px;line-height:29px;word-wrap:break-word;color:#666;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:80px;}
.timeAxisNodeCard .itemImg:before {content:"";display:block;padding-top:62.5%;}
.timeAxisNodeCard .itemImg:hover img {-webkit-transform:scale(1.03);transform:scale(1.03);transition:all .3s ease-out 0s;}
.timeAxisNodeCard .itemImg img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease-out 0s;}
.timeAxisNodeCard .itemImg {position:relative;float:left;width:23%;overflow:hidden;border-radius:3px;transition:box-shadow .3s ease 0s;margin-right:15px;min-width:183px;border:1px solid #e9e9e9;}
.timeAxisNodeCard .itemImg .itemImgInner {position:absolute;left:0;top:0;width:100%;height:100%;}

/*=====================================
= 列表页右侧
=====================================*/
.listMain .layout .listRight{width:238px;}
.listMain .layout .listRight #search{}
.listMain .layout .listRight #search h3{display: none; }
.listMain .layout .listRight .search-form {position:relative;overflow:hidden;background:#fff;}
.listMain .layout .listRight #search .search-form input {background:none;border:0;line-height:22px;display:block;float:left;outline:0;}
.listMain .layout .listRight #search .search-form input.keyword {width:227px;padding:6px 0px 6px 10px;font-size:14px;color:#333;border:1px solid #c2d4e8;border-radius:6px;}
.listMain .layout .listRight #search .search-form input.keyword:focus {border-color:#1f56d5;}
.listMain .layout .listRight #search .search-form input.submit {position:absolute;right:0;top:0;z-index:9;width:40px;height:36px;padding:0;font-family:FontAwesome;font-size:14px;line-height:34px;text-align:center;color:#fff;background-color:#1f56d5;cursor:pointer;border-top-right-radius:6px;border-bottom-right-radius:6px;}
/*热点排行*/
.listMain .layout .listRight .hotArc{width: 238px;}
.listMain .layout .listRight .hotArc .hotArcList ol{padding-top: 5px;}
.listMain .layout .listRight .hotArc .hotArcList ol li {position:relative;padding:5px 0 5px 12px;counter-increment:c;}
.listMain .layout .listRight .hotArc .hotArcList ol li {padding-left:20px;border-bottom:1px dotted #ccc;}
.listMain .layout .listRight .hotArc .hotArcList ol li:before {content:counter(c);position:absolute;margin-right:3px;top:8px;left:8px;color:#fff;font-size:12px;background-color:#ec4141;border-radius:2px;width:18px;height:18px;vertical-align:top;text-align:center;line-height:18px;}
.listMain .layout .listRight .hotArc .hotArcList ol li:nth-child(1n+4):before {background-color:#bebebe;}
.listMain .layout .listRight .hotArc .hotArcList ol a {color:#666;}
.listMain .layout .listRight .hotArc .hotArcList ol a {font-size:14px;width:198px;color:#1f3b7b;line-height:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;transition:none;vertical-align:middle;margin-left:16px;}
.listMain .layout .listRight .hotArc .hotArcList ol a:hover {color:#f00;text-decoration:none;}
/*小编推荐*/
.listMain .layout .listRight .editorRecommend{width: 238px;}
.listMain .layout .listRight .editorRecommend .ERArcList ul{padding: 5px 0 0 0;}
.listMain .layout .listRight .editorRecommend .ERArcList ul li {position:relative;padding:5px 0 5px 12px;counter-increment:c;}
.listMain .layout .listRight .editorRecommend .ERArcList ul .item {margin:0;padding:7px 4px;overflow:hidden;border-bottom:1px dotted #ccc;}
.listMain .layout .listRight .editorRecommend .ERArcList ul .item:hover img {-webkit-transform:scale(1.03);transform:scale(1.03);transition:all .3s ease-out 0s;}
.listMain .layout .listRight .editorRecommend .ERArcList ul li:before {display:none;}
.listMain .layout .listRight .editorRecommend .ERArcList .item-img {float:left;width:100px;overflow:hidden;border-radius:3px;margin-right:8px;}
.listMain .layout .listRight .editorRecommend .ERArcList .item-img img {width:100%;height:63px;vertical-align:top;transition:all .3s ease-out 0s;}
.listMain .layout .listRight .editorRecommend .ERArcList  .item-title {height:38px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:2;line-height:1.4;}
.listMain .layout .listRight .editorRecommend .ERArcList  .item-title a {color:#1f3b7b;}
.listMain .layout .listRight .editorRecommend .ERArcList  .item-title a:hover {text-decoration:none;color:#f00;}
.listMain .layout .listRight .editorRecommend .ERArcList .item-date {margin:0;font-size:11px;color:#999;line-height:14px;font-family:Tahoma,Arial,sans-serif;}
/*热门标签*/
.listMain .layout .listRight .hotArcTag{width: 238px;}
.listMain .layout .listRight .hotArcTag .tagCloud{padding: 10px 5px 0;overflow:hidden;max-height:152px; ;zoom: 1;}
.listMain .layout .listRight .hotArcTag .tagCloud a:nth-child(3n+1) {margin-left: 0;}
.listMain .layout .listRight .hotArcTag .tagCloud a {display:inline-block;width:47px;padding:5px 12px;font-size:12px !important;line-height:1.2;text-align:center;color:#666;border:1px solid #ccc;border-radius:2px;text-decoration:none;background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.listMain .layout .listRight .hotArcTag .tagCloud a:hover {border: 1px solid #1f56d5;color:#1f56d5;text-decoration:none;}

/*关注财科*/
.listMain .layout .listRight .concernUs{width: 238px;}
.listMain .layout .listRight .concernUs .concernUsInfo{padding: 5px 0 0 0;overflow:hidden;}
.listMain .layout .listRight .concernUs .concernUsInfo .qrCodeBox{width: 110px;float:left;text-align:center;margin-left:5px;}
.listMain .layout .listRight .concernUs .concernUsInfo .qrCodeBox img{width:100px;height:100px;border:1px solid #eee;padding:2px;}
.listMain .layout .listRight .concernUs .concernUsInfo .qrCodeBox p {font-size:12px;text-align:center;line-height:18px;margin-top:5px;color:#333;}
.listMain .layout .listRight .concernUs .concernUsInfo .platformBtns {width:108px;float:right;margin-right:5px;}
.listMain .layout .listRight .concernUs .concernUsInfo .platformBtns .platformBtn {display:block;background:#1f56d5;font-size:13px;text-align:center;height:30px;line-height:30px;width:108px;margin-bottom:6px;color:#fff;text-decoration:none;border-radius:3px;cursor:pointer;transition:background 0.2s;}
.listMain .layout .listRight .concernUs .concernUsInfo .platformBtns .platformBtn:hover,
.listMain .layout .listRight .concernUs .concernUsInfo .platformBtns .platformBtn.active {background:#f60;color:#fff;text-decoration:none;}
/*广告图片*/
.listMain .layout .listRight .arcRightAd img{width:238px;}

/* ---------- 宽度 ---------- */
.arcListTopAd .layout { width: 1200px; text-align: center; }
/* listMain 内部是浮动，需包住再让底部间距生效 */
.listMain { margin-bottom: 20px; overflow: hidden; }
.listMain .layout { width: 1200px; }
.listMain .layout .listLeft { width: 880px; }
.listMain .layout .listLeft .arcPanel { width: 878px; }
.listMain .layout .listRight { width: 310px; }

/* ============================================================
   左侧列表卡片
   ============================================================ */
.listMain .layout .listLeft {
  background: #fff;
  border: 1px solid #eef1f6;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(31, 41, 55, .07);
  min-height: 500px;
}

/* 面包屑 */
.listMain .layout .listLeft .breadcrumb {
  height: 40px;
  margin: 0;
  padding: 0 16px;
  background: #f7f9fd;
  border-bottom: 1px solid #eef1f6;
  border-radius: 8px 8px 0 0;
  font-size: 13px;
  line-height: 40px;
  color: #8d96ab;
}
.listMain .layout .listLeft .breadcrumb ul li,
.listMain .layout .listLeft .breadcrumb ul li a { color: #8d96ab; }
.listMain .layout .listLeft .breadcrumb ul li a:hover { color: #1f56d5; }
.listMain .layout .listLeft .breadcrumb .iconfont { color: #1f56d5; margin-right: 4px; }

/* 栏目导航 */
.listMain .layout .listLeft .arcPanel {
  width: 878px;
  padding: 14px 20px;
  border-bottom: 1px solid #eef1f6;
  box-sizing: border-box;
}
.listMain .layout .listLeft .arcPanel .classItem {
  padding-top: 0;
  line-height: 30px;
}
.listMain .layout .listLeft .arcPanel .classItem span { color: #8d96ab; font-size: 13px; }
.listMain .layout .listLeft .arcPanel .classItem ul li { margin: 3px 6px 3px 0; }
.listMain .layout .listLeft .arcPanel .classItem ul li a {
  height: 28px;
  padding: 0 12px;
  font-size: 13px !important;
  line-height: 26px;
  color: #4b5563;
  background: #f7f9fd;
  border: 1px solid #e3e8f2;
  border-radius: 4px;
  transition: color .2s, background-color .2s, border-color .2s;
}
.listMain .layout .listLeft .arcPanel .classItem ul li a:hover,
.listMain .layout .listLeft .arcPanel .classItem ul li a.actives {
  color: #1f56d5;
  background: #eef3ff;
  border-color: #1f56d5;
}

/* 时间线列表 */
.listMain .layout .listLeft .arcFullList {
  padding: 16px 20px 24px;
}
.listMain .layout .listLeft .timeAxisList {
  margin-top: 8px;
  padding-left: 18px;
  border-left: 1px dashed #d6e2fb;
}
.arcFullList .listPaddingTop5 > * { padding-top: 10px; }
.listMain .layout .listLeft .timeAxisListItem { padding-bottom: 18px; }
.listMain .layout .listLeft .timeAxisNodeDiamond {
  left: -25px;
  top: 12px;
  width: 10px;
  height: 10px;
  border: 2px solid #1f56d5;
  background: #fff;
}
.listMain .layout .listLeft .timeAxisNodeTime {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 18px;
  color: #8d96ab;
}
.listMain .layout .listLeft .timeAxisNodeTitle {
  height: auto;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 26px;
  color: #1f2937;
  font-weight: 600;
}
.listMain .layout .listLeft .timeAxisNodeTitle a { color: #1f2937; }
.listMain .layout .listLeft .timeAxisNodeTitle a:hover { color: #1f56d5; }
.listMain .layout .listLeft .timeAxisNodeExcerpt {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 26px;
  color: #55607a;
}
.listMain .layout .listLeft .timeAxisListItem a { color: #8d96ab; }
.listMain .layout .listLeft .timeAxisListItem a:hover { color: #1f56d5; }
.listMain .layout .listLeft .timeAxisNodeCard > a {
  font-size: 13px;
  color: #8d96ab;
}

/* 分页 */
.listMain .layout .listLeft .pagination { padding-bottom: 16px; }
.listMain .layout .listLeft .pagination a,
.listMain .layout .listLeft .pagination span {
  padding: 7px 12px;
  color: #55607a;
  background: #fff;
  border: 1px solid #e3e8f2;
  border-radius: 4px;
  box-shadow: none;
  transition: color .2s, background-color .2s, border-color .2s;
}
.listMain .layout .listLeft .pagination a:hover {
  color: #1f56d5;
  background: #eef3ff;
  border-color: #1f56d5;
}
.listMain .layout .listLeft .pagination ul li.active span {
  color: #fff;
  background: #1f56d5;
  border-color: #1f56d5;
}

/* ============================================================
   右侧栏
   ============================================================ */
.listMain .layout .listRight > div {
  width: 310px;
  margin-top: 12px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(31, 41, 55, .07);
  overflow: hidden;
}
.listMain .layout .listRight > div:first-child { margin-top: 0; }

/* 搜索 */
.listMain .layout .listRight #search { padding: 12px; }
.listMain .layout .listRight #search .search-form { border-radius: 6px; }
.listMain .layout .listRight #search .search-form input.keyword {
  width: 286px;
  height: 38px;
  padding: 0 48px 0 12px;
  font-size: 13px;
  color: #1f2937;
  border: 1px solid #e3e8f2;
  border-radius: 6px;
  background: #f7f9fd;
}
.listMain .layout .listRight #search .search-form input.keyword:focus {
  border-color: #1f56d5;
  background: #fff;
}
.listMain .layout .listRight #search .search-form input.submit {
  width: 40px;
  height: 38px;
  line-height: 36px;
  background: #1f56d5;
  border-radius: 0 6px 6px 0;
}
.listMain .layout .listRight #search .search-form input.submit:hover { background: #2f6bff; }

/* 侧栏标题：统一样式（4×16 圆角竖条） */
/* 标题规格与「考试指南」的 .panel-head 对齐：高 50 / 字号 17 / 左距 26 */
.listMain .layout .listRight .boxTitleName {
  position: relative;
  height: 50px;
  padding: 0 14px 0 22px;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #eef1f6;
  font-size: 17px;
  font-weight: 600;
  line-height: 50px;
  color: #1f2937;
}
.listMain .layout .listRight .boxTitleName::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%; 
  transform: translateY(-50%);
  width: 4px;
  height: 16px;
  border-radius: 2px;
  background: #1f56d5;
}
.listMain .layout .listRight .boxTitleName a {
  font-size: 17px;
  font-weight: 600;
  color: #1f2937;
}
.listMain .layout .listRight .boxTitleName i { display: none; }

/* 热点排行 */
.listMain .layout .listRight .hotArc { width: 310px; }
.listMain .layout .listRight .hotArc .hotArcList ol { padding: 8px 12px 12px; }
.listMain .layout .listRight .hotArc .hotArcList ol li {
  padding: 9px 0 9px 26px;
  border-bottom: 1px solid #eef1f6;
}
.listMain .layout .listRight .hotArc .hotArcList ol li:last-child { border-bottom: 0; }
.listMain .layout .listRight .hotArc .hotArcList ol li::before {
  top: 10px;
  left: 0;
  width: 18px;
  height: 18px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 4px;
  background: #1f56d5;
}
.listMain .layout .listRight .hotArc .hotArcList ol li:nth-child(1n+4)::before { background: #c7d3ea; }
.listMain .layout .listRight .hotArc .hotArcList ol a {
  width: 258px;
  margin-left: 0;
  font-size: 13px;
  line-height: 20px;
  color: #4b5563;
}
.listMain .layout .listRight .hotArc .hotArcList ol a:hover { color: #1f56d5; }

/* 小编推荐 */
.listMain .layout .listRight .editorRecommend { width: 310px; }
.listMain .layout .listRight .editorRecommend .ERArcList ul { padding: 6px 12px 10px; }
.listMain .layout .listRight .editorRecommend .ERArcList ul .item {
  padding: 10px 0;
  border-bottom: 1px solid #eef1f6;
}
.listMain .layout .listRight .editorRecommend .ERArcList ul .item:last-child { border-bottom: 0; }
.listMain .layout .listRight .editorRecommend .ERArcList .item-img { width: 108px; border-radius: 4px; }
.listMain .layout .listRight .editorRecommend .ERArcList .item-img img { height: 68px; }
.listMain .layout .listRight .editorRecommend .ERArcList .item-title { font-size: 13px; line-height: 1.5; }
.listMain .layout .listRight .editorRecommend .ERArcList .item-title a { color: #1f2937; }
.listMain .layout .listRight .editorRecommend .ERArcList .item-title a:hover { color: #1f56d5; }
.listMain .layout .listRight .editorRecommend .ERArcList .item-date { color: #8d96ab; }

/* 热门标签 */
.listMain .layout .listRight .hotArcTag { width: 310px; }
.listMain .layout .listRight .hotArcTag .tagCloud { max-height: none; padding: 12px 12px 4px; }
.listMain .layout .listRight .hotArcTag .tagCloud a {
  width: 88px;
  margin: 0 0 8px 7px;
  padding: 6px 8px;
  font-size: 12px !important;
  color: #4b5563;
  background: #f7f9fd;
  border: 1px solid #e3e8f2;
  border-radius: 4px;
  transition: color .2s, background-color .2s, border-color .2s;
}
.listMain .layout .listRight .hotArcTag .tagCloud a:nth-child(3n+1) { margin-left: 0; }
.listMain .layout .listRight .hotArcTag .tagCloud a:hover {
  color: #1f56d5;
  background: #eef3ff;
  border-color: #1f56d5;
}

/* 关注财科 */
.listMain .layout .listRight .concernUs { width: 310px; }
.listMain .layout .listRight .concernUs .concernUsInfo {
  display: flex;
  gap: 14px;
  padding: 14px 12px;
}
.listMain .layout .listRight .concernUs .concernUsInfo .qrCodeBox {
  width: 130px;
  margin-left: 0;
}
.listMain .layout .listRight .concernUs .concernUsInfo .qrCodeBox img {
  width: 120px;
  height: 120px;
  padding: 3px;
  border: 1px solid #eef1f6;
  border-radius: 6px;
}
.listMain .layout .listRight .concernUs .concernUsInfo .qrCodeBox p {
  margin-top: 6px;
  font-size: 12px;
  line-height: 18px;
  color: #8d96ab;
}
.listMain .layout .listRight .concernUs .concernUsInfo .platformBtns { width: 142px; margin-right: 0; }
.listMain .layout .listRight .concernUs .concernUsInfo .platformBtns .platformBtn {
  width: 142px;
  height: 32px;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 32px;
  color: #4b5563;
  background: #f7f9fd;
  border: 1px solid #e3e8f2;
  border-radius: 4px;
}
.listMain .layout .listRight .concernUs .concernUsInfo .platformBtns .platformBtn:hover,
.listMain .layout .listRight .concernUs .concernUsInfo .platformBtns .platformBtn.active {
  color: #fff;
  background: #1f56d5;
  border-color: #1f56d5;
}

/* 侧栏广告图片 */
.listMain .layout .listRight .arcRightAd img { width: 310px; }

/* 考试指南（侧栏）：标题装饰与首页第一屏统一 */
.listMain .layout .listRight .exam-guide .titleLayout .title { padding-left: 26px; }
.listMain .layout .listRight .exam-guide .titleLayout .title::before {
  left: 10px;
  top: 50%;
  margin-top: 0;
  transform: translateY(-50%);
  width: 4px;
  height: 16px;
  border-radius: 2px;
  background: #1f56d5;
}

/* 侧栏标题右侧「更多」 */
.listMain .layout .listRight .boxTitleName .more {
  position: absolute;
  right: 14px;
  top: 0;
  font-size: 14px;
  font-weight: 400;
  color: #8d96ab;
}
.listMain .layout .listRight .boxTitleName .more:hover { color: #1f56d5; }

/* 班级推荐：图片轮播 */
.listMain .layout .listRight .class-recommend .swiper-container { width: 100%; }
.listMain .layout .listRight .class-recommend .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.listMain .layout .listRight .class-recommend .swiper-pagination { bottom: 8px; }
.listMain .layout .listRight .class-recommend .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #fff;
  opacity: .65;
}
.listMain .layout .listRight .class-recommend .swiper-pagination-bullet-active {
  width: 14px;
  opacity: 1;
  border-radius: 3px;
}

/* 热门标签：只保留四行（3 列 × 4 行） */
.listMain .layout .listRight .hotArcTag .tagCloud { max-height: none; }
.listMain .layout .listRight .hotArcTag .tagCloud a:nth-child(n+13) { display: none; }

/* ============================================================
   第二种列表（list_article.htm）：标题 + 日期
   行距/组间距参考 chinaacc 列表：
   行高 40px、普通项无分割线，每 6 条插一个 .xx 分隔元素
   （16px 高 + 底边 1px 线 + 下间距 16px）
   ============================================================ */
.listMain .layout .listLeft .arcTxtList { padding: 8px 20px 14px; }
.listMain .layout .listLeft .arcTxtList ul { padding: 0; }
.listMain .layout .listLeft .arcTxtList ul li {
  height: 40px;
  padding: 0;
  line-height: 40px;
  border-bottom: 0;
  overflow: hidden;
}
.listMain .layout .listLeft .arcTxtList ul li h2 {
  float: left;
  max-width: 705px;
  padding-left: 15px;
  background: url(../images/ico_dian.gif) no-repeat 0 center;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  color: #1f2937;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listMain .layout .listLeft .arcTxtList ul li h2 a { color: #1f2937; }
.listMain .layout .listLeft .arcTxtList ul li h2 a:hover { color: #1f56d5; }
.listMain .layout .listLeft .arcTxtList ul li span {
  float: right;
  font-size: 14px;
  line-height: 40px;
  color: #8d96ab;
}
/* 每 6 条一条分割（对应参考站 .xx） */
.listMain .layout .listLeft .arcTxtList ul li.xx {
  height: 16px;
  line-height: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #eef1f6;
  overflow: hidden;
  clear: both;
}

/* ============================================================
   图片列表页（list_article_img_*.htm）
   1200 容器 · 白卡 · 每行 4 个卡片
   ============================================================ */
.listBigMain { margin-bottom: 20px; }
.listBigMain .layout { width: 1200px; }
.listBigMain .listBox {
  background: #fff;
  border: 1px solid #eef1f6;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(31, 41, 55, .07);
  min-height: 500px;
  overflow: hidden;
}

/* 面包屑 */
.listBigMain .listBox .breadcrumb {
  height: 40px;
  padding: 0 16px 0 26px;
  background: #f7f9fd;
  border-bottom: 1px solid #eef1f6;
  font-size: 13px;
  line-height: 40px;
  color: #8d96ab;
}
.listBigMain .listBox .breadcrumb ul li { display: inline-block; color: #8d96ab; }
.listBigMain .listBox .breadcrumb ul li a { color: #8d96ab; }
.listBigMain .listBox .breadcrumb ul li a:hover { color: #1f56d5; }
.listBigMain .listBox .breadcrumb .iconfont { color: #1f56d5; margin-right: 4px; }

/* 图片分类子导航 */
.listBigMain .listBox .photoSubNav { padding: 18px 20px 0; }
.listBigMain .listBox .photoSubNav ul { display: flex; justify-content: center; gap: 10px; }
.listBigMain .listBox .photoSubNav ul li { float: none; margin: 0; }
.listBigMain .listBox .photoSubNav ul li a {
  display: block;
  min-width: 96px;
  height: 34px;
  padding: 0 18px;
  border: 1px solid #e3e8f2;
  border-radius: 4px;
  background: #f7f9fd;
  font-size: 14px;
  line-height: 32px;
  color: #4b5563;
  text-align: center;
  transition: color .2s, background-color .2s, border-color .2s;
}
.listBigMain .listBox .photoSubNav ul li a:hover,
.listBigMain .listBox .photoSubNav ul li a.active {
  color: #fff;
  background: #1f56d5;
  border-color: #1f56d5;
}

/* 卡片网格：每行 4 个 */
.listBigMain .listBox .photoGallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 20px;
}
.listBigMain .listBox .photoGallery .photo-item {
  width: auto;
  float: none;
  margin: 0;
  background: #fff;
  border: 1px solid #eef1f6;
  border-radius: 8px;
  overflow: hidden;
  transition: transform .3s, box-shadow .3s, border-color .3s;
}
.listBigMain .listBox .photoGallery .photo-item:hover {
  transform: translateY(-4px);
  border-color: #d0daf8;
  box-shadow: 0 8px 24px rgba(31, 86, 213, .12);
}
.listBigMain .listBox .photoGallery .photo-cover-box {
  width: 100%;
  height: 172px;
  position: relative;
  overflow: hidden;
  background: #f5f6fa;
}
.listBigMain .listBox .photoGallery .photo-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform .5s ease;
}
.listBigMain .listBox .photoGallery .photo-item:hover .photo-cover { transform: scale(1.06); }
.listBigMain .listBox .photoGallery .photo-cover-box .photo-tag {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  padding: 3px 10px;
  border-radius: 12px;
  background: rgba(31, 86, 213, .88);
  color: #fff;
  font-size: 12px;
}
.listBigMain .listBox .photoGallery .photo-info { padding: 14px 15px 16px; }
.listBigMain .listBox .photoGallery .photo-title {
  height: 24px;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1f2937;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listBigMain .listBox .photoGallery .photo-item:hover .photo-title { color: #1f56d5; }
.listBigMain .listBox .photoGallery .photo-desc {
  height: 40px;
  font-size: 13px;
  line-height: 20px;
  color: #8d96ab;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.listBigMain .listBox .photoGallery .photo-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: #8d96ab;
}
.listBigMain .listBox .photoGallery .photo-item > a { text-decoration: none; }
.listBigMain .listBox .photoGallery .photo-item > a:hover { text-decoration: none; }

/* 分页 */
.listBigMain .listBox .pagination {
  display: block;
  margin-top: 0;
  padding: 0 20px 24px;
  text-align: center;
}
.listBigMain .listBox .pagination ul { display: flex; justify-content: center; }
.listBigMain .listBox .pagination ul li { float: none; }
.listBigMain .listBox .pagination a,
.listBigMain .listBox .pagination span {
  display: inline-block;
  margin: 0 4px;
  padding: 7px 12px;
  border: 1px solid #e3e8f2;
  border-radius: 4px;
  background: #fff;
  color: #55607a;
  font-size: 14px;
  line-height: 1;
  box-shadow: none;
}
.listBigMain .listBox .pagination a:hover {
  color: #1f56d5;
  background: #eef3ff;
  border-color: #1f56d5;
}
.listBigMain .listBox .pagination ul li.active span {
  color: #fff;
  background: #1f56d5;
  border-color: #1f56d5;
}

/* ============================================================
   班级列表页（list_article_img_class.htm）
   1200 容器 · 每行 4 个班级卡片
   ============================================================ */
.listBigMain .listBox .arcPanel { padding: 18px 20px 0; display: block; width: auto; }
.listBigMain .listBox .arcPanel .classItem { display: flex; justify-content: center; }
.listBigMain .listBox .arcPanel .classItem ul { display: flex; gap: 10px; margin: 0; padding: 0; }
.listBigMain .listBox .arcPanel .classItem ul li { float: none; margin: 0; }
.listBigMain .listBox .arcPanel .classItem ul li a {
  display: block;
  min-width: 96px;
  height: 34px;
  padding: 0 18px;
  border: 1px solid #e3e8f2;
  border-radius: 4px;
  background: #f7f9fd;
  font-size: 14px;
  line-height: 32px;
  color: #4b5563;
  text-align: center;
  transition: color .2s, background-color .2s, border-color .2s;
}
.listBigMain .listBox .arcPanel .classItem ul li a:hover,
.listBigMain .listBox .arcPanel .classItem ul li a.actives {
  color: #fff;
  background: #1f56d5;
  border-color: #1f56d5;
}

/* 卡片网格：每行 4 个 */
.listBigMain .listBox .courseList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 20px;
}
.listBigMain .listBox .courseList .course-item {
  width: auto;
  float: none;
  margin: 0;
  display: block;
  background: #fff;
  border: 1px solid #eef1f6;
  border-radius: 8px;
  overflow: hidden;
  transition: transform .3s, box-shadow .3s, border-color .3s;
}
.listBigMain .listBox .courseList .course-item:hover {
  transform: translateY(-4px);
  border-color: #d0daf8;
  box-shadow: 0 8px 24px rgba(31, 86, 213, .12);
}
.listBigMain .listBox .courseList .course-cover-box {
  width: 100%;
  height: 150px;
  position: relative;
  overflow: hidden;
  background: #f5f6fa;
}
.listBigMain .listBox .courseList .course-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}
.listBigMain .listBox .courseList .course-item:hover .course-cover { transform: scale(1.05); }
.listBigMain .listBox .courseList .course-middle-box { padding: 12px 12px 14px; }
.listBigMain .listBox .courseList .course-middle-box-tags { height: auto; }
.listBigMain .listBox .courseList .course-title-box {
  height: 42px;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
  overflow: hidden;
}
.listBigMain .listBox .courseList .course-title-box a { color: #1f2937; }
.listBigMain .listBox .courseList .course-item:hover .course-title-box a { color: #1f56d5; }

/* 服务标签：2 × 2 */
.listBigMain .listBox .courseList .course-ac-box {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 8px;
  padding: 8px;
  background: #f7f9fd;
  border-radius: 6px;
}
.listBigMain .listBox .courseList .course-ac-item {
  display: flex;
  align-items: center;
  padding: 0;
  background: transparent;
  font-size: 12px;
  line-height: 18px;
  color: #55607a;
}
.listBigMain .listBox .courseList .course-ac-icon-img { width: 14px; height: 14px; margin-right: 4px; }
.listBigMain .listBox .courseList .course-ac-title {
  width: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 课程亮点 */
.listBigMain .listBox .courseList .tips-box { margin: 8px 0; color: #55607a; }
.listBigMain .listBox .courseList .tip { padding-left: 0; font-size: 12px; line-height: 20px; }
.listBigMain .listBox .courseList .tip::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 6px;
  border-radius: 50%;
  background: #c7d3ea;
  vertical-align: middle;
}
.listBigMain .listBox .courseList .giveCourse {
  width: 100%;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  background: #fef4e8;
  font-size: 12px;
  color: #fd7400;
  text-align: center;
}
.listBigMain .listBox .courseList .giveCourse i {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  border-radius: 50%;
  background: #fd7400;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
}

/* 价格 */
.listBigMain .listBox .courseList .course-price-box { margin-top: 10px; padding-left: 0; line-height: 22px; }
.listBigMain .listBox .courseList .oldPrice {
  font-size: 12px;
  color: #8d96ab;
  text-decoration: line-through;
}
.listBigMain .listBox .courseList .newPrice { font-size: 13px; color: #ff5338; }
.listBigMain .listBox .courseList .newPrice strong { font-size: 24px; }

/* 按钮 */
.listBigMain .listBox .courseList .course-button-box {
  display: flex;
  gap: 6px;
  margin-top: 10px;
}
.listBigMain .listBox .courseList .course-default-button,
.listBigMain .listBox .courseList .course-primary-button {
  flex: 1;
  width: auto;
  height: 30px;
  line-height: 30px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  font-family: inherit;
  font-size: 12px;
  cursor: pointer;
}
.listBigMain .listBox .courseList .course-default-button { background: #f2f4f8; color: #4b5563; }
.listBigMain .listBox .courseList .course-default-button:hover { background: #eef3ff; color: #1f56d5; }
.listBigMain .listBox .courseList .course-primary-button { flex: 1.4; background: #1f56d5; color: #fff; }
.listBigMain .listBox .courseList .course-primary-button:hover { background: #2f6bff; }

/* ============================================================
   老师列表页（list_article_img_teacher.htm）
   参考 chinaacc .teacherList-mod：左人像 + 右资料，每行 2 个
   ============================================================ */
.listBigMain .listBox .teacherList { padding: 20px; }
.listBigMain .listBox .teacherList ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
  padding: 0;
}
.listBigMain .listBox .teacherList ul li {
  position: relative;
  width: auto;
  float: none;
  margin: 0;
  height: 290px;
  padding: 20px;
  background: #fff;
  border: 1px solid #eef1f6;
  border-radius: 8px;
  overflow: hidden;
  transition: box-shadow .3s, border-color .3s;
}
.listBigMain .listBox .teacherList ul li:hover {
  border-color: #d0daf8;
  box-shadow: 0 8px 24px rgba(31, 86, 213, .10);
}

/* 左侧人像 */
.listBigMain .listBox .teacherList .pic {
  float: left;
  width: 200px;
  height: 250px;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  background: linear-gradient(180deg, #eef3ff, #f7f9fd);
}
.listBigMain .listBox .teacherList .pic img {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 160px;
  margin-left: -80px;
  transition: transform .5s ease;
}
.listBigMain .listBox .teacherList li:hover .pic img { transform: translateY(-4px); }

/* 右侧资料 */
.listBigMain .listBox .teacherList .text { float: right; width: 320px; position: relative; }
.listBigMain .listBox .teacherList .teacher-btn {
  position: absolute;
  right: 0;
  top: 1px;
  display: block;
  width: 90px;
  height: 28px;
  line-height: 28px;
  border-radius: 50px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  background: linear-gradient(90deg, #2f6bff, #1f56d5);
  box-shadow: 0 4px 8px #eaf3ff;
  transition: transform .3s, background .3s;
}
.listBigMain .listBox .teacherList .teacher-btn:hover {
  transform: translateY(-3px);
  text-decoration: none;
  background: linear-gradient(90deg, #1f56d5, #2f6bff);
}
.listBigMain .listBox .teacherList .text h3 {
  margin-bottom: 6px;
  font-size: 22px;
  line-height: 40px;
  color: #1f2937;
}
.listBigMain .listBox .teacherList .text h4 {
  height: 25px;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: #fd7400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listBigMain .listBox .teacherList .text .line {
  padding-bottom: 10px;
  margin-bottom: 3px;
  border-bottom: 1px solid #f0f2f7;
}
.listBigMain .listBox .teacherList .text .tit {
  font-size: 16px;
  font-weight: 700;
  line-height: 38px;
  color: #1f2937;
}
.listBigMain .listBox .teacherList .text .tips { height: 26px; padding-bottom: 3px; overflow: hidden; }
.listBigMain .listBox .teacherList .text .tips span {
  display: inline-block;
  height: 26px;
  padding: 0 17px;
  margin: 0 8px 6px 0;
  border-radius: 0 0 0 10px;
  border-top-right-radius: 10px;
  background: #f7f9fd;
  font-size: 12px;
  line-height: 26px;
  color: #55607a;
}
.listBigMain .listBox .teacherList .text .video-con { height: 90px; padding-top: 3px; }
.listBigMain .listBox .teacherList .text .video-con .link-btn {
  position: relative;
  display: block;
  height: 29px;
  padding-left: 16px;
  font-size: 13px;
  line-height: 29px;
  color: #55607a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listBigMain .listBox .teacherList .text .video-con .link-btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-radius: 50%;
  background: #c7d3ea;
}
.listBigMain .listBox .teacherList .text .video-con .link-btn:hover { color: #1f56d5; }

/* ============================================================
   学习榜样页（list_student.htm）
   1200 容器 · 财科状元 2 列 / 优秀学员 4 列
   ============================================================ */
.studentListMain { margin-bottom: 20px; }
.studentListMain .layout { width: 1200px; }
.studentListMain .studentBox {
  background: #fff;
  border: 1px solid #eef1f6;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(31, 41, 55, .07);
  min-height: 500px;
  overflow: hidden;
}

/* 面包屑 */
.studentListMain .studentBox .breadcrumb {
  height: 40px;
  padding: 0 16px 0 26px;
  background: #f7f9fd;
  border-bottom: 1px solid #eef1f6;
  font-size: 13px;
  line-height: 40px;
  color: #8d96ab;
}
.studentListMain .studentBox .breadcrumb ul li { display: inline-block; color: #8d96ab; }
.studentListMain .studentBox .breadcrumb ul li a { color: #8d96ab; }
.studentListMain .studentBox .breadcrumb ul li a:hover { color: #1f56d5; }
.studentListMain .studentBox .breadcrumb .iconfont { color: #1f56d5; margin-right: 4px; }

/* 分类标签 */
.studentTabNav { padding: 18px 20px 0; }
.studentTabNav ul { display: flex; justify-content: center; gap: 10px; margin: 0; padding: 0; }
.studentTabNav ul li { float: none; margin: 0; }
.studentTabNav ul li a {
  display: block;
  min-width: 96px;
  height: 34px;
  padding: 0 18px;
  border: 1px solid #e3e8f2;
  border-radius: 4px;
  background: #f7f9fd;
  font-size: 14px;
  line-height: 32px;
  color: #4b5563;
  text-align: center;
  transition: color .2s, background-color .2s, border-color .2s;
}
.studentTabNav ul li a:hover,
.studentTabNav ul li a.active {
  color: #fff;
  background: #1f56d5;
  border-color: #1f56d5;
}

/* 财科状元：每行 2 个 */
.studentChampionList { display: none; padding: 20px; }
.studentChampionList.active { display: block; }
.studentChampionList .championRow {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 20px;
}
.studentChampionList .championRow:last-child { margin-bottom: 0; }
.studentChampionList .championItem {
  display: flex;
  padding: 20px;
  background: #fafbfd;
  border: 1px solid #eef1f6;
  border-radius: 8px;
  overflow: hidden;
  transition: transform .3s, box-shadow .3s, border-color .3s;
}
.studentChampionList .championItem:hover {
  transform: translateY(-4px);
  border-color: #d0daf8;
  box-shadow: 0 8px 24px rgba(31, 86, 213, .10);
}
.studentChampionList .championItem .championPhoto {
  flex: none;
  width: 140px;
  height: 175px;
  margin-right: 18px;
  padding: 3px;
  border: 1px solid #e3e8f2;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}
.studentChampionList .championItem .championPhoto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.studentChampionList .championItem .championInfo {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.studentChampionList .championName {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
}
.studentChampionList .championName:hover { color: #1f56d5; }
.studentChampionList .championTag {
  display: inline-block;
  width: fit-content;
  margin-bottom: 10px;
  padding: 2px 10px;
  border-radius: 10px;
  background: #fff3e0;
  font-size: 12px;
  color: #f60;
}
.studentChampionList .championDesc {
  font-size: 13px;
  line-height: 22px;
  color: #8d96ab;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.studentChampionList .championMore { margin-top: 6px; font-size: 13px; color: #1f56d5; }
.studentChampionList .championMore:hover { color: #2f6bff; }

/* 优秀学员：每行 4 个 */
.studentExcellentList { display: none; padding: 20px; }
.studentExcellentList.active { display: block; }
.studentExcellentList .excellentRow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}
.studentExcellentList .excellentRow:last-child { margin-bottom: 0; }
.studentExcellentList .excellentItem {
  padding: 15px 10px;
  background: #fafbfd;
  border: 1px solid #eef1f6;
  border-radius: 8px;
  text-align: center;
  transition: transform .3s, box-shadow .3s, border-color .3s;
}
.studentExcellentList .excellentItem:hover {
  transform: translateY(-4px);
  border-color: #d0daf8;
  box-shadow: 0 8px 20px rgba(31, 86, 213, .10);
}
.studentExcellentList .excellentPhoto {
  width: 120px;
  height: 150px;
  margin: 0 auto 10px;
  padding: 2px;
  border: 1px solid #e3e8f2;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}
.studentExcellentList .excellentPhoto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.studentExcellentList .excellentName {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 700;
  color: #1f2937;
}
.studentExcellentList .excellentName:hover { color: #1f56d5; }
.studentExcellentList .excellentDesc {
  padding: 0 5px;
  font-size: 12px;
  line-height: 20px;
  color: #8d96ab;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* 分页 */
.studentListMain .studentPagination { display: none; padding: 4px 20px 24px; text-align: center; }
.studentListMain .studentPagination.active { display: block; }
.studentListMain .studentPagination ul { display: flex; justify-content: center; }
.studentListMain .studentPagination ul li { float: none; }
.studentListMain .studentPagination a,
.studentListMain .studentPagination span {
  display: inline-block;
  margin: 0 4px;
  padding: 7px 12px;
  border: 1px solid #e3e8f2;
  border-radius: 4px;
  background: #fff;
  font-size: 14px;
  line-height: 1;
  color: #55607a;
  box-shadow: none;
}
.studentListMain .studentPagination a:hover {
  color: #1f56d5;
  background: #eef3ff;
  border-color: #1f56d5;
}
.studentListMain .studentPagination ul li.active span {
  color: #fff;
  background: #1f56d5;
  border-color: #1f56d5;
}

/* ============================================================
   课程试听页（list_article_img_audition.htm）
   1200 容器 · 每行 4 个视频卡片
   ============================================================ */
.listBigMain .listBox .auditionList { padding: 20px; }
.listBigMain .listBox .auditionList ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
  padding: 0;
}
.listBigMain .listBox .auditionList ul li.item {
  width: auto;
  float: none;
  margin: 0;
  background: #fff;
  border: 1px solid #eef1f6;
  border-radius: 8px;
  overflow: hidden;
  transition: transform .3s, box-shadow .3s, border-color .3s;
}
.listBigMain .listBox .auditionList ul li.item:hover {
  transform: translateY(-4px);
  border-color: #d0daf8;
  box-shadow: 0 8px 24px rgba(31, 86, 213, .12);
}
.listBigMain .listBox .auditionList ul li .imgbox {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #f5f6fa;
}
.listBigMain .listBox .auditionList ul li .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}
.listBigMain .listBox .auditionList ul li.item:hover .imgbox img { transform: scale(1.04); }
.listBigMain .listBox .auditionList ul li .info { padding: 12px 14px 14px; }
.listBigMain .listBox .auditionList ul li .info .title {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  color: #1f2937;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listBigMain .listBox .auditionList ul li.item:hover .info .title { color: #1f56d5; }
.listBigMain .listBox .auditionList ul li .info .bot { margin-top: 6px; font-size: 13px; color: #8d96ab; }
.listBigMain .listBox .auditionList ul li.item a { text-decoration: none; }
.listBigMain .listBox .auditionList ul li.item a:hover { text-decoration: none; }

/* 科目筛选 */
.listBigMain .listBox .auditionFilter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 18px 20px 0;
}
.listBigMain .listBox .auditionFilter__label {
  flex: none;
  margin-right: 10px;
  font-size: 14px;
  color: #8d96ab;
}
.listBigMain .listBox .auditionFilter ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.listBigMain .listBox .auditionFilter ul li { float: none; margin: 0; }
.listBigMain .listBox .auditionFilter ul li a {
  display: block;
  height: 30px;
  padding: 0 14px;
  border: 1px solid #e3e8f2;
  border-radius: 4px;
  background: #f7f9fd;
  font-size: 13px;
  line-height: 28px;
  color: #4b5563;
  transition: color .2s, background-color .2s, border-color .2s;
}
.listBigMain .listBox .auditionFilter ul li a:hover,
.listBigMain .listBox .auditionFilter ul li a.active {
  color: #fff;
  background: #1f56d5;
  border-color: #1f56d5;
}
.listBigMain .listBox .auditionEmpty {
  padding: 60px 0;
  font-size: 14px;
  color: #8d96ab;
  text-align: center;
}

/* ============================================================
   网站地图页（sitemap.htm）
   ============================================================ */
.listBigMain .listBox .sitemapBox { padding: 30px 30px 40px; }
.listBigMain .listBox .sitemapIntro {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eef1f6;
  text-align: center;
}
.listBigMain .listBox .sitemapIntro h2 {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 600;
  color: #1f2937;
}
.listBigMain .listBox .sitemapIntro p { font-size: 14px; color: #8d96ab; }

.listBigMain .listBox .sitemapGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.listBigMain .listBox .sitemapCol {
  background: #fff;
  border: 1px solid #eef1f6;
  border-radius: 8px;
  overflow: hidden;
  transition: box-shadow .3s, border-color .3s;
}
.listBigMain .listBox .sitemapCol:hover {
  border-color: #d0daf8;
  box-shadow: 0 8px 24px rgba(31, 86, 213, .08);
}
.listBigMain .listBox .sitemapCol .colHead {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 46px;
  padding: 0 18px;
  background: #1f56d5;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.listBigMain .listBox .sitemapCol .colHead i { font-size: 18px; }
.listBigMain .listBox .sitemapCol .colBody { padding: 10px 18px 18px; }
.listBigMain .listBox .sitemapCol .colBody ul { margin: 0; padding: 0; }
.listBigMain .listBox .sitemapCol .colBody ul li { border-bottom: 1px dashed #eef1f6; }
.listBigMain .listBox .sitemapCol .colBody ul li:last-child { border-bottom: 0; }
.listBigMain .listBox .sitemapCol .colBody ul li a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 0 10px 4px;
  font-size: 14px;
  color: #4b5563;
  transition: color .2s, padding .2s;
}
.listBigMain .listBox .sitemapCol .colBody ul li a::before {
  content: "";
  flex: none;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #c7d3ea;
}
.listBigMain .listBox .sitemapCol .colBody ul li a:hover { color: #1f56d5; padding-left: 10px; }
.listBigMain .listBox .sitemapCol .colBody ul li a:hover::before { background: #1f56d5; }

.listBigMain .listBox .sitemapLinks {
  margin-top: 30px;
  padding-top: 25px;
  border-top: 1px solid #eef1f6;
  text-align: center;
}
.listBigMain .listBox .sitemapLinks h3 { margin-bottom: 15px; font-size: 18px; color: #1f2937; }
.listBigMain .listBox .sitemapLinks .linkGroup {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.listBigMain .listBox .sitemapLinks .linkGroup a {
  display: inline-block;
  padding: 8px 22px;
  border: 1px solid #e3e8f2;
  border-radius: 20px;
  background: #f7f9fd;
  font-size: 14px;
  color: #4b5563;
  transition: color .2s, background-color .2s, border-color .2s;
}
.listBigMain .listBox .sitemapLinks .linkGroup a:hover {
  color: #fff;
  background: #1f56d5;
  border-color: #1f56d5;
}
.listBigMain .listBox .sitemapLinks .linkGroup a.homeLink {
  color: #fff;
  background: #1f56d5;
  border-color: #1f56d5;
  font-weight: 600;
}
.listBigMain .listBox .sitemapLinks .linkGroup a.homeLink:hover {
  background: #2f6bff;
  border-color: #2f6bff;
}

/* ============================================================
   右侧栏：模块卡片化（统一白卡 + 16px 间距）
   适用：列表页 / 文章详情页 / 图片详情页
   ============================================================ */
.listMain .layout .listRight > div,
.listMain .layout .listRight > section,
.listMain .layout .listRight .rightSticky > div { margin-bottom: 16px; }
.listMain .layout .listRight > div:last-child,
.listMain .layout .listRight .rightSticky > div:last-child { margin-bottom: 0; }

/* .rightSticky 是纯容器（粘性定位），不能继承 .listRight > div 的白卡样式 */
.listMain .layout .listRight .rightSticky {
  background: none;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

/* 抵消页面上的 mt10 工具类，间距统一由上面的 margin 控制 */
.listMain .layout .listRight .mt10 { margin-top: 0; }

/* 原本没有容器样式的模块，补成白卡 */
.listMain .layout .listRight .class-recommend,
.listMain .layout .listRight .hotArc,
.listMain .layout .listRight .hotArcTag,
.listMain .layout .listRight .editorRecommend,
.listMain .layout .listRight .concernUs {  
  /* 与 list_article.htm 的 .listRight > div 完全一致：只做卡片，不加 padding/border */
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(31, 41, 55, .07);
}


/* ============================================================
   热门标签：flex 三列等宽（原 inline-block 宽度不生效导致宽窄不一）
   ============================================================ */
.listMain .layout .listRight .hotArcTag .tagCloud {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-height: none;
  overflow: visible;
  padding: 12px 12px 14px;
}
.listMain .layout .listRight .hotArcTag .tagCloud a {
  flex: 0 0 calc((100% - 16px) / 3);
  width: auto;
  margin: 0;
  padding: 7px 2px;
  font-size: 12px !important;
  line-height: 18px;
  text-align: center;
  color: #4b5563;
  background: #f7f9fd;
  border: 1px solid #e3e8f2;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color .2s, background-color .2s, border-color .2s;
}
/* 覆盖旧的 nth-child 左边距 */
.listMain .layout .listRight .hotArcTag .tagCloud a:nth-child(3n+1) { margin-left: 0; }
.listMain .layout .listRight .hotArcTag .tagCloud a:hover {
  color: #1f56d5;
  background: #eef3ff;
  border-color: #1f56d5;
}