/* 招聘岗位（jobs.html）页面专属样式
   沿用原站 listnews 模块（smv_con_3_3：1159×459 @ left:30 top:58）的版式：
   行高 69px、行距 85px、行间虚线分隔。
   原站每页 4 条，当前站点在招 3 条，列表块与分页整体上移 85px。 */

.zp-list { position: absolute; left: 30px; top: 58px; width: 1159px; }
.zp-list .zp-row { display: block; position: relative; height: 69px; margin-bottom: 16px; }
.zp-list .zp-row:not(:last-child) { border-bottom: 1px dashed #ddd; }
.zp-list .zp-row .ttl {
  display: block; font: 700 14px/24px var(--font); color: var(--ink-3);
  max-height: 24px; overflow: hidden;
}
.zp-list .zp-row:hover .ttl { color: var(--link); }
.zp-list .zp-row .meta { display: block; margin-top: 10px; font: 400 12px/20px var(--font); color: var(--gray-4); }
.zp-list .zp-row .views {
  position: absolute; right: 0; top: 35px; display: flex; align-items: center;
  font: 400 12px/20px var(--font); color: var(--gray-4);
}
.zp-list .zp-row .views svg { width: 15px; height: 17px; margin-right: 4px; fill: var(--gray-4); }

/* 分页：原站三个按钮 67×32 / 30×32 / 67×32，间距 10px；列表末尾下方 38px */
.zp-pager { position: absolute; left: 0; top: 335px; width: 1200px; padding-left: 9px; text-align: center; font-size: 0; }
.zp-pager .btn {
  display: inline-block; height: 32px; margin: 0 5px; background: #fff; color: var(--gray-2);
  font: 400 12px/30px var(--font); text-align: center; vertical-align: top;
}
.zp-pager .btn.prev, .zp-pager .btn.next { width: 67px; }
.zp-pager .btn.num { width: 30px; }
.zp-pager .btn.on { background: #eee; }
.zp-pager a.btn:hover { color: var(--blue); }