/* ===== 招聘频道（/job）补丁层：照旧站 job_v10 模板版式 ===== */
/* 绿色频道导航（旧站人才网头部） */
.hdr .nav.job-nav { background: #0bbb73; }
.nav.job-nav .navlist a:hover,
.nav.job-nav .navlist a.on { background: rgba(0,0,0,.18); color: #fff; }

.job-skin { padding-top: 0; }
.job-skin .w-1200 { width: 1200px; max-width: calc(100% - 24px); margin: 0 auto; }
.job-skin .cur { padding-left: 13px; line-height: 48px; }

/* 筛选卡 */
.job-skin .m-box { margin-bottom: 10px; background: #fff; border-radius: 4px; }
.job-skin .m-filter { padding: 25px 30px 6px; }
.job-skin .m-filter .top { padding-bottom: 4px; border-bottom: 1px dashed #f0f0f0; }
.job-skin .m-filter .filter { padding-top: 6px; }
.job-skin .m-filter .item { margin-bottom: 11px; }
.job-skin .m-filter h3 { margin-right: 10px; font-size: 14px; color: #666; line-height: 26px; float: left; font-weight: 400; }
.job-skin .m-filter .con { font-size: 0; overflow: visible; }
.job-skin .m-filter .con .f-radio01 { margin-bottom: 10px; }
.job-skin .f-radio01 span a { display: block; color: inherit; }
.job-skin .f-radio01 span a:hover { color: #0cbb73; }

/* 排序条 */
.job-skin .m-fq03 .g-tit03 { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; height: 57px; padding: 0 30px; border-bottom: 1px solid #f5f5f5; }
.job-skin .m-fq03 .g-tit03 .info { font-size: 14px; color: #999; }
.job-skin .m-fq03 .g-tit03 .info .color { margin: 0 4px; font-size: 16px; color: #0cbb73; }
.job-skin .g-filter01 { font-size: 0; }
.job-skin .g-filter01 .item { display: inline-block; margin-right: 36px; font-size: 14px; line-height: 40px; color: #666; }
.job-skin .g-filter01 .item.on { color: #0cbb73; font-weight: 700; }

/* 职位列表：末项去掉底边 */
.job-skin .ul-fq03 li:last-child { border-bottom: 0; }
.job-skin .ul-fq03 .g-tip02 .item { margin-right: 6px; vertical-align: middle; }
.job-skin .ul-fq03 .left .price { margin-bottom: 5px; }
.job-skin .ul-fq03 .left .price .daiyu { font-size: 18px; color: #ff6142; }
.job-skin .ul-fq03 .right .date .time { color: #999; }

/* 分页（与旧站 pageNavigation 同款） */
.job-skin .pageNavigation { padding: 26px 0 20px; text-align: center; font-size: 0; }
.job-skin .pageNavigation a,
.job-skin .pageNavigation em { display: inline-block; vertical-align: middle; margin: 0 3px; }
.job-skin .pageNavigation .page,
.job-skin .pageNavigation .curPage span { display: inline-block; width: 34px; height: 34px; line-height: 34px; font-size: 14px; text-align: center; color: #666; border: 1px solid #eaeaea; border-radius: 3px; background: #fff; }
.job-skin .pageNavigation .page:hover { border-color: #0cbb73; color: #0cbb73; }
.job-skin .pageNavigation .curPage span { background: #0cbb73; border-color: #0cbb73; color: #fff; }
.job-skin .pageNavigation .firstpage,
.job-skin .pageNavigation .endpage { font-size: 14px; color: #666; padding: 0 6px; line-height: 34px; }
.job-skin .pageNavigation .firstpage:hover,
.job-skin .pageNavigation .endpage:hover { color: #0cbb73; }
.job-skin .pageNavigation em.firstpage span,
.job-skin .pageNavigation em.endpage span { font-size: 14px; color: #c8c8c8; }

/* ===== 招聘首页（/job）：照旧站人才网首页版式 ===== */
.job-skin .g-news { display: flex; gap: 20px; margin-bottom: 10px; }
.job-skin .g-silder { flex: 0 0 700px; width: 700px; background: #fff; border-radius: 4px; overflow: hidden; }
.job-skin .job-focus { position: relative; width: 700px; height: 504px; overflow: hidden; }
.job-skin .job-focus .hd { position: absolute; right: 12px; bottom: 15px; z-index: 9999; }
.job-skin .job-focus .hd li { float: left; margin-right: 6px; width: 8px; height: 8px; border: 1px solid #fff; border-radius: 50%; opacity: .7; cursor: pointer; }
.job-skin .job-focus .hd li.on { background: #fff; }
.job-skin .job-slide { position: relative; height: 504px; margin: 0; padding: 0; }
.job-skin .job-slide li { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .4s; }
.job-skin .job-slide li.on { opacity: 1; z-index: 1; }
.job-skin .job-slide img { width: 700px; height: 504px; display: block; }
.job-skin .job-slide .mask { position: absolute; left: 0; right: 0; bottom: 0; height: 130px; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5)); }
.job-skin .job-slide .bd_title { position: absolute; left: 0; bottom: 5px; z-index: 2; width: 640px; height: 38px; line-height: 38px; text-indent: 12px; font-size: 14px; color: #fff; }
.job-skin .g-news-list { flex: 1 1 auto; background: #fff; border-radius: 4px; padding: 8px 24px 14px; }
.job-skin .gn-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f0f0f0; line-height: 44px; }
.job-skin .gn-head h3 { margin: 0; font-size: 16px; color: #333; font-weight: 400; }
.job-skin .gn-head a { font-size: 12px; color: #999; }
.job-skin .gn-list { margin: 0; padding: 0; }
.job-skin .gn-list li { display: flex; justify-content: space-between; align-items: center; line-height: 38px; font-size: 14px; }
.job-skin .gn-list li a { max-width: 330px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.job-skin .gn-list li a:hover { color: #0bbb73; }
.job-skin .gn-list li .d { font-size: 12px; color: #bbb; }

/* row-f01：左 250 行业导航 + 中 700 职位卡三列 + 右 250 侧栏 */
.job-skin .row-f01 { position: relative; padding: 0 250px; min-height: 420px; }
.job-skin .row-f01 .left { position: absolute; left: 0; top: 0; bottom: 0; width: 250px; background: #fff; padding-top: 10px; }
.job-skin .row-f01 .right { position: absolute; right: 0; top: 0; bottom: 0; width: 250px; background: #fff; padding: 27px 18px 0 22px; }
.job-skin .row-f01 .mid { width: 700px; }
.job-skin .row-f01 .mid .g-tit02 h2 { line-height: 56px; }
.job-skin .ul-fq02 { margin: 0 -1px 0 0; padding: 0; border-top: 1px solid #f0f0f0; overflow: hidden; }
.job-skin .ul-fq02 li { width: 33.333%; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; float: left; transition: all .3s; }
.job-skin .ul-fq02 .inner { position: relative; padding: 20px 0 0; background: #fff; cursor: pointer; }
.job-skin .ul-fq02.ul-fq02-01 .inner { padding-top: 15px; }
.job-skin .ul-fq02 .inner:hover { box-shadow: 0 3px 15px 0 rgba(169,169,169,.3); z-index: 10; }
.job-skin .ul-fq02 .tit { margin: 0 24px; padding-bottom: 19px; overflow: hidden; border-bottom: 1px dashed #f0f0f0; }
.job-skin .ul-fq02 .con { overflow: hidden; }
.job-skin .ul-fq02 .con h3 { margin: 0 0 9px; height: 22px; font-size: 16px; line-height: 22px; font-weight: 400; overflow: hidden; }
.job-skin .ul-fq02 .con h3 a { display: inline-block; max-width: 14em; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
.job-skin .ul-fq02 .con h3 a:hover { color: #0bbb73; }
.job-skin .ul-fq02 .time { float: right; margin-left: 10px; font-size: 12px; line-height: 22px; color: #999; }
.job-skin .ul-fq02 .tit-bottom { padding-top: 2px; line-height: 30px; }
.job-skin .ul-fq02 .bottom h5 { margin: 0; padding: 0 24px; font-size: 12px; line-height: 42px; color: #999; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.job-skin .ul-fq02 .bottom h5 a { display: inline-block; margin-right: 6px; color: #999; vertical-align: middle; }
.job-skin .ul-fq02 .bottom h5 a:hover { color: #0bbb73; }
.job-skin .g-more03 { display: block; float: right; padding: 0 15px; height: 30px; line-height: 30px; background: rgba(12,187,115,.1); border-radius: 4px; text-align: center; font-size: 14px; color: #0bbb73; }
.job-skin .g-more03:hover { opacity: .8; }
.job-skin .g-more02 { padding: 30px 0; text-align: center; }
.job-skin .g-more02 .more { display: inline-block; padding: 0 44px; background: #fff; border: 1px solid #0bbb73; border-radius: 4px; font-size: 14px; line-height: 28px; color: #0bbb73; }
.job-skin .g-more02 .more:hover { background: #0bbb73; color: #fff; }

/* 右侧栏 */
.job-skin .rtit { margin: 0 0 8px; padding-bottom: 8px; border-bottom: 1px solid #f0f0f0; font-size: 14px; color: #0bbb73; line-height: 24px; }
.job-skin .rtit + .rlist { margin-bottom: 22px; }
.job-skin .rlist { margin: 0; padding: 0; }
.job-skin .rlist li { line-height: 30px; font-size: 13px; overflow: hidden; }
.job-skin .rlist li a { display: flex; justify-content: space-between; color: #666; }
.job-skin .rlist li a:hover { color: #0bbb73; }
.job-skin .rlist li a i { font-style: normal; font-size: 12px; color: #bbb; }