/* ============================================================
   都安纪检监察网 · 列表页样式 list.css（v2 CMS 流式版）
   面包屑 + 标题列表（每行间隔 50px，每 5 行一组以分隔线隔开）
   + 分页器；行数动态、高度自适应
   ============================================================ */

/* ---------- 面包屑（卡内边距） ---------- */
.page-list .card { padding: 25px 44px 0 44px; }
.page-list .crumb .pin { position: absolute; left: 0; top: 0; }
.page-list .crumb .txt { padding-left: 33px; top: 2px; }

/* ---------- 列表行（流式排布，替换设计稿逐行 top 定位） ---------- */
.rows { margin-top: 64px; }
.rows li {
  position: relative;
  height: 20px; margin-top: 30px;
  display: flex; justify-content: space-between; align-items: baseline;
}
.rows li:first-child { margin-top: 0; }
.rows li::before {
  content: ""; position: absolute; left: -18px; top: 5px;
  width: 10px; height: 10px; border-radius: 2px; background: #c5d0d9;
}
.rows li a {
  flex: 1 1 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  color: #333; font-size: 17.4px; line-height: 20px;
}
.rows li a:hover { color: #ba1c1c; }
.rows .date { flex: 0 0 auto; margin-left: 104px; color: #999; font-size: 16px; line-height: 20px; }

/* 组间分隔线：每第 5 行下方（原设计稿 d1-d4 固定像素线改为跟随行流） */
.rows li:nth-child(5n):not(:last-child)::after {
  content: ""; position: absolute; left: 0; top: 35px;
  width: 100%; height: 1px; background: #eee;
}
.rows li:nth-child(5n):not(:last-child) { margin-bottom: 50px; }

/* ---------- 搜索页：无结果空态 ---------- */
.rows li.empty {
  justify-content: center; height: auto;
  color: #999; font-size: 16px; line-height: 24px;
}
.rows li.empty::before { content: none; }

/* ---------- 分页器（首页/上一页/1 2 3/下一页/末页） ---------- */
.pager { margin: 66px 0 0; text-align: center; font-size: 0; white-space: nowrap; padding-bottom:30px; }
.pager li { display: inline-block; }
.pager a {
  display: inline-block; height: 28px; margin-right: 4px; padding: 0 8px;
  border: 1px solid #ebebeb; background: #fff; color: #333;
  font-size: 15px; line-height: 26px; text-align: center; vertical-align: top;
}
.pager span {
  display: inline-block; height: 28px; margin-right: 4px; padding: 0 4px;
  font-size: 15px; line-height: 26px; vertical-align: top; color: #999;
}
.pager .first, .pager .last { width: 46px; }
.pager .prev, .pager .next { width: 60px; }
.pager .num { min-width: 26px; }
.pager a:hover { border-color: #a91011; color: #a91011; }
.pager .on, .pager .on:hover,
.pager .cur, .pager .cur:hover,
.pager li.active a, .pager li.active a:hover { background: #a91011; border-color: #a91011; color: #fff; }