@charset "utf-8";
/* ============================================================
   招聘模块 · 现代版设计系统覆盖层 (skin6 / modern)
   加载顺序置于各页最后 -> 在不改动结构与 JS 钩子的前提下重塑视觉
   色调: 政务蓝主色 + 红色点缀 (参考 www.smelz.com.cn)
   ============================================================ */

/* ---------- 设计令牌 ---------- */
.skin6-root, html {
  --primary:#0095F3; --primary-strong:#008AE9; --primary-deep:#0972D3; --primary-soft:#E8F4FE;
  --accent:#CD0200; --accent-bright:#FF3B30;
  --heading:#2b2f36; --text:#555; --meta:#8a94a6;
  --bg:#F5F7FA; --card:#FFFFFF; --line:#EBEEF5; --line-2:#E4E9F2;
  --shadow:0 4px 16px rgba(0,0,0,.06); --shadow-h:0 8px 24px rgba(0,149,243,.14);
  --radius:10px; --radius-sm:6px;
}

/* ---------- 全局基调 ---------- */
body { background: var(--bg); color: var(--text); font-family: "Microsoft YaHei","PingFang SC",Arial,sans-serif; }
a { color: var(--text); transition: color .2s ease; }
a:hover { color: var(--primary); }
img { vertical-align: middle; }

.wrap { max-width: 1200px; }

/* ---------- 头部 Logo 条 ---------- */
.Head_box { background: #fff; padding: 18px 0 6px; box-shadow: 0 1px 0 var(--line); }
.Head { margin-bottom: 14px; }
.Head .logo { height: 72px; }
.Head .logo, .Head .logo a, .Head .logo img { max-height: 72px; }
/* 搜索框: 基座 .search_box 内含 <form>, 子元素 txt_search(477)+button(43) 靠 float 排布正好填满 520;
   覆盖层只改外框描边与圆角, 不再 display:flex / 改宽 / 清除按钮 sprite 图标(否则错位+空蓝按钮) */
.search_box { border: 1px solid var(--primary); border-radius: 24px; }
.search_box #search_button, .search_box .btn-s { cursor: pointer; }
.kefu .KF_title { font-size: 13px; color: var(--meta); }
.kefu .KF_tel { font-size: 22px; font-weight: 700; color: var(--accent); }

/* ---------- 主导航 ---------- */
.nav { height: 52px; line-height: 52px; background: #fff; border-top: 1px solid var(--line); box-shadow: var(--shadow); }
.nav ul { display: flex; }
.nav ul li { width: auto; min-width: 128px; height: 52px; font-size: 17px; text-align: center; position: relative; }
.nav ul li a { color: var(--heading); display: block; padding: 0 34px; }
.nav ul li:hover a, .nav ul li.active a { color: var(--primary); background: transparent; }
/* 中和基座 public.css .nav ul li.active{background:#0acdc2} 旧青填充块, 改用蓝色文字+下划线 */
.nav ul li.active, .nav ul li:hover { background: transparent; }
.nav ul li.active::after, .nav ul li:hover::after {
  content: ""; position: absolute; left: 34px; right: 34px; bottom: 8px; height: 3px;
  background: var(--primary); border-radius: 2px;
}

/* ---------- 面包屑 ---------- */
#J_crumbs { margin-top: 18px; }
.breadcrumb { margin-top: 12px; }
.breadcrumb li, .breadcrumb li a { color: var(--meta); }

/* ============================================================
   首页 · 分类导航 + 幻灯
   ============================================================ */
.FirstFloor { margin-top: 16px; }
.NavList { background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }
.NavList ul li { border-bottom: 1px solid var(--line); }
.NavList ul li:last-child { border-bottom: none; }
.NavList .name { color: var(--heading); font-size: 15px; }
.NavList ul li:hover { background: var(--primary-soft); }
.NavList ul li:hover .name { color: var(--primary); }
.NavList .sub-category { background: #fff; box-shadow: var(--shadow-h); border-radius: var(--radius); }
.NavList .sub-category dt .title a { color: var(--primary); font-weight: 700; }
.NavList .sub-category dd a { color: var(--text); }
.NavList .sub-category dd a:hover { color: var(--accent); }
.NavList .more i { background: var(--primary); }
.slideBox .slidewrap { border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); }

/* ============================================================
   首页 · 推荐/热门/急缺 职位卡片区
   ============================================================ */
.Recommend { margin-top: 26px; }
/* RecoLead 交给 job.css 原生 45px 浮动 tab + 蓝色 active 下划线, 覆盖层只配色, 不改盒模型 */
.RecoLead { background: #fff; }
.RecoLead li { color: var(--meta); }
.RecoLead li.active { color: var(--primary); font-weight: 700; }
/* 容器保持 job.css 原生像素布局(1220宽/浮动子盒), 不做 grid/padding 覆盖, 仅子卡片做视觉 */
.PositionBox { background: #fff; border-radius: var(--radius); transition: box-shadow .2s, transform .2s, border-color .2s; }
.PositionBox:hover { border-color: var(--primary); box-shadow: var(--shadow-h); transform: translateY(-2px); }
.PositionBox a { display: block; }
.PositionTitle { display: flex; align-items: baseline; justify-content: space-between; }
.PositionName { font-size: 16px; color: var(--heading); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 60%; }
.PositionName:hover { color: var(--primary); }
.PositionPrice { color: var(--accent); font-size: 16px; font-weight: 700; }
/* 对齐 job.css 后代选择器特异度, 保证首页薪资为强调红 */
.PositionList .PositionBox .PositionTitle .PositionPrice { color: var(--accent); font-weight: 700; }
.PositionTime { color: var(--meta); font-size: 12px; }
.PositionInfo { color: var(--meta); font-size: 13px; margin: 8px 0; }
.PositionTips em { display: inline-block; background: var(--primary-soft); color: var(--primary); font-size: 12px; padding: 3px 10px; border-radius: 12px; font-style: normal; }
/* 保持 job.css 原生布局: PF_pic 浮动 + name/info 纵向堆叠, 覆盖层不改 display */
.PositionForm { border-top: 1px dashed var(--line-2); }
.PF_pic { background: #f3f5f9; }
.PF_pic img { object-fit: cover; }
/* 推荐岗位无 logo 时 src 为空 → 隐藏破图, 露出灰色占位圆 */
.PF_pic img[src=""], .PF_pic img:not([src]) { display: none; }
.PF_name { font-size: 14px; color: var(--heading); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.PF_name:hover { color: var(--primary); }
.PF_info { font-size: 12px; color: var(--meta); }
/* 查看更多按钮交给 job.css 原生 .PositionMore/.CompanyMore 盒(366x46 蓝边 hover 填充), 覆盖层只做圆角与配色, 不再给内层 a 加边框 */
.PositionMore, .CompanyMore { border-radius: 23px; }
.PositionMore a, .CompanyMore a { color: var(--primary); }
.PositionMore:hover, .CompanyMore:hover { background: var(--primary); }
.PositionMore:hover a, .CompanyMore:hover a { color: #fff; }

/* ---------- 首页 · 推荐公司 ---------- */
.Company { margin-top: 26px; }
.PublicLead { background: #fff; border-radius: var(--radius) var(--radius) 0 0; box-shadow: var(--shadow); padding: 14px 20px; }
.PublicName { font-size: 18px; color: var(--heading); font-weight: 700; position: relative; padding-left: 14px; }
.PublicName::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 20px; background: var(--primary); border-radius: 2px; }
.CompanyList { box-sizing: border-box; }
.CompanyBox { border-radius: var(--radius); }
.CompanyBox .cy_foot ul li span { color: var(--primary); }
.CompanyBox:hover { box-shadow: var(--shadow-h); transform: translateY(-2px); }
.cy_Pic { height: 60px; display: flex; align-items: center; justify-content: center; }
.cy_Pic img { max-height: 60px; max-width: 120px; object-fit: contain; }
.cy_name { font-size: 15px; color: var(--heading); font-weight: 600; margin: 10px 0 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cy_name:hover { color: var(--primary); }
.cy_type, .cy_dec { font-size: 12px; color: var(--meta); }
.cy_foot { margin-top: 12px; border-top: 1px dashed var(--line-2); padding-top: 10px; }
.cy_foot ul { display: flex; justify-content: space-around; }
.cy_foot li span { color: var(--primary); font-size: 16px; font-weight: 700; }
.cy_foot li p { color: var(--meta); font-size: 12px; }
.AD_box { margin-top: 20px; border-radius: var(--radius); overflow: hidden; }

/* ============================================================
   列表页 · 左侧筛选 + 右侧结果
   ============================================================ */
/* 不改 width/border 宽度(基座 screening198 + rightMain980 才能并排于1200 wrap), 仅做卡片视觉 */
.screening { border: none; border-radius: var(--radius); box-shadow: var(--shadow); margin-top: 0; padding: 6px 0 14px; }
.screening .hd { margin-top: 8px; padding: 0 16px; }
.screening .hd i { background: var(--primary); width: 4px; border-radius: 2px; }
.screening .hd p { border-bottom: 1px solid var(--line); font-weight: 700; color: var(--heading); }
.screening .bd { padding: 8px 16px; }
.screening dt a { color: var(--heading); font-weight: 600; }
.screening dd a { color: var(--meta); line-height: 28px; }
.screening dd a:hover { color: var(--primary); }
.screening dd .curr { color: var(--accent); font-weight: 700; }
/* 基座 public.css 已定义 .rightMain{width:980px;padding-left:20px}(w1200) → 198+980+20=1198≤1200 止好并排;
   列间距由基座 padding-left:20 提供, 覆盖层不能再加 margin-left/padding(会撞宽导致浮动换行) */
.rightMain { margin-top: 0; }

.chose { height: 46px; line-height: 46px; border: none; border-radius: var(--radius); box-shadow: var(--shadow); background: #fff; padding: 0 14px; }
.moreScreening dt a, .moreScreening .msub a { color: var(--text); }
.moreScreening a.m { border-right: 1px solid var(--line); }
.moreScreening dd, .moreScreening .msub a:hover, .moreScreening .msub a.curr { background: #fff; }
.moreScreening .msub a:hover, .moreScreening .msub a.curr { color: var(--primary); background: var(--primary-soft); border-radius: var(--radius-sm); }
.areaList .curr, .industryList .curr, #areaList .curr { background: var(--primary); }
.sort a { color: var(--meta); }
.sort a.curr { color: var(--primary); font-weight: 700; }
.pages { border-left: 1px solid var(--line); }
.pages .atpage { color: var(--primary); }
.tcount { border-left: 1px solid var(--line); color: var(--meta); }

/* ---------- 列表工具条 ---------- */
.topDo { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 10px 14px; margin-top: 12px; }
.checkAll { color: var(--meta); }
.checkAll .yp, .checkAll .sc { color: var(--primary); }
.topDo .search .inp { border: 1px solid var(--line-2); border-radius: 20px 0 0 20px; height: 34px; padding: 0 14px; }
.topDo .search .submit { background: var(--primary); color: #fff; border: none; border-radius: 0 20px 20px 0; height: 34px; padding: 0 22px; cursor: pointer; }

/* ---------- 职位列表卡 ---------- */
.job-list { margin-top: 12px; }
.job-item { background: #fff; border: 1px solid transparent; border-radius: var(--radius); box-shadow: var(--shadow); padding: 18px 20px; margin-bottom: 14px; position: relative; transition: box-shadow .2s, border-color .2s; }
.job-item:hover { box-shadow: var(--shadow-h); border-color: var(--primary); }
.job-item .hd { padding: 0; }
.job-item .hd .name { font-size: 17px; color: var(--heading); font-weight: 600; }
.job-item .hd .name:hover { color: var(--primary); }
.job-item .nature { background: var(--primary-soft); color: var(--primary); border: none; border-radius: 4px; padding: 2px 8px; font-size: 12px; }
.job-item .bd { padding: 10px 0 0; }
.job-item .cname a { color: var(--primary-deep); font-weight: 600; }
.job-item .base .j span { color: var(--meta); }
.job-item .base .j .red, .job-item .salary { color: var(--accent); font-weight: 700; }
.job-item .duties .des { color: var(--meta); font-size: 13px; }
.job-item .state { width: auto; height: auto; background: var(--accent); color: #fff; font-size: 12px; padding: 2px 8px; border-radius: 4px; }
.empty { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 60px; text-align: center; color: var(--meta); }

/* ---------- 公司 / 简历列表卡 ---------- */
.boxlist { margin-top: 12px; }
.boxlist > ul { display: block; }
.boxlist li { background: #fff; border: 1px solid transparent; border-radius: var(--radius); box-shadow: var(--shadow); padding: 18px 20px; margin-bottom: 14px; transition: box-shadow .2s, border-color .2s; }
.boxlist li:hover { box-shadow: var(--shadow-h); border-color: var(--primary); }
.boxlist li .name a { font-size: 17px; color: var(--heading); font-weight: 600; }
.boxlist li .name a:hover { color: var(--primary); }
.boxlist li .place, .boxlist li .business { color: var(--meta); font-size: 13px; }
.boxlist li .t2 .sp2 { color: var(--primary); font-weight: 700; }
.boxlist li .t2 .sp1, .boxlist li .t2 .sp3 { color: var(--meta); }
.boxlist li .pic img { border-radius: 8px; }
.boxlist li .txt .n a { color: var(--heading); font-weight: 600; font-size: 16px; }
.boxlist li .txt .n a:hover { color: var(--primary); }
.boxlist li .txt .green { color: var(--meta); }
.boxlist li .txt .blue { color: var(--primary-deep); }
.boxlist li .txt .red { color: var(--accent); }

/* ============================================================
   详情页 (职位 / 公司 / 简历)
   ============================================================ */
.box { background: transparent; }
.box1 { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px; margin-top: 16px; }
.box1 .txt .title .cname { font-size: 24px; color: var(--heading); font-weight: 700; }
.box1 .txt p { color: var(--meta); margin-top: 10px; }
.box1 .link { margin-top: 14px; }
.box1 .link a { display: inline-block; padding: 7px 20px; border: 1px solid var(--line-2); border-radius: 20px; color: var(--text); margin-right: 10px; font-size: 14px; }
.box1 .link a:hover, .box1 .link a.curr { background: var(--primary); color: #fff; border-color: var(--primary); }
.box2 { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px 28px; margin-top: 16px; }
.box2 .pt { padding: 18px 0; border-bottom: 1px solid var(--line); }
.box2 .pt:last-child { border-bottom: none; }
.box2 .base h2 { font-size: 26px; color: var(--heading); }
.box2 .base .p1, .box2 .base .p1 span { color: var(--meta); }
.box2 .base > ul > li { color: var(--meta); }
.box2 .base > ul > li span { color: var(--heading); }
.box2 .pt .title, .box2 h2.title { font-size: 18px; color: var(--heading); font-weight: 700; border-left: 4px solid var(--primary); padding-left: 10px; }
.box2 .dl1 dt { color: var(--primary-deep); font-weight: 700; }
.box2 .dl1 dd { color: var(--text); line-height: 1.9; }
.box2 .lxr p { color: var(--text); }
.photo li { border-radius: 8px; overflow: hidden; }
.joblist li .inner { border: 1px solid var(--line); border-radius: var(--radius); padding: 16px; transition: box-shadow .2s, border-color .2s; }
.joblist li .inner:hover { box-shadow: var(--shadow-h); border-color: var(--primary); }
.joblist li .name { color: var(--heading); font-weight: 600; }
.joblist li .name:hover { color: var(--primary); }
.joblist li .pi { color: var(--meta); }
.joblist li .pi i { color: var(--primary); }

/* ---------- 简历详情 ---------- */
.jl_menu .btn { border-radius: 22px; padding: 8px 20px; margin-bottom: 10px; display: block; text-align: center; }
.jl_menu .btn_1, .jl_menu .btn_3 { background: var(--primary); color: #fff; }
.jl_menu .btn_2, .jl_menu .btn_4 { background: var(--primary-soft); color: var(--primary); }
.rightMain .jl { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px 28px; }
.jl .pt { padding: 18px 0; border-bottom: 1px solid var(--line); }
.jl .pt.base img { border-radius: 50%; border: 3px solid var(--primary-soft); }
.jl .pt h2 { color: var(--heading); font-size: 22px; }
.jl .pt .p1, .jl .pt .p1 span { color: var(--meta); }
.jl .pt ul label { color: var(--primary-deep); font-weight: 700; }
.jl .bh { background: var(--primary-soft); color: var(--primary); border-radius: 4px; padding: 2px 8px; }

/* ---------- 操作按钮 ---------- */
.btn1, .do .btn1, a.btn1 { background: var(--primary); color: #fff; border: none; border-radius: 24px; padding: 10px 30px; font-size: 15px; }
.btn1:hover { background: var(--primary-strong); color: #fff; }
.btn2, .do .btn2 { background: #fff; color: var(--meta); border: 1px solid var(--line-2); border-radius: 24px; padding: 10px 24px; }

/* ============================================================
   分页
   ============================================================ */
.pagination { margin-top: 26px; }
.pagination li { border: 1px solid var(--line); border-radius: var(--radius-sm); }
.pagination li a, .pagination li span { background: #fff; color: var(--text); }
.pagination li a:hover, .pagination li.page_current span { background: var(--primary); color: #fff; border-color: var(--primary); }
.pagination-pages a:hover { background: var(--primary); color: #fff; border-color: var(--primary); }
.pagination-pages .curr { background: var(--primary); color: #fff; border-color: var(--primary); }

/* ============================================================
   招聘会 / 资讯
   ============================================================ */
.wrap.box .boxb { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 18px 20px; }
.zph th { background: var(--primary); color: #fff; }
.zph td a:hover { color: var(--primary); }
.zph td span { color: var(--accent); }

/* ---------- 招聘会列表卡 (保持 recruit.css 原生整宽卡片: 绝对定位 .pic + .txt padding, 不改盒模型) ---------- */
.wrap .list > li { border-radius: var(--radius); }
.wrap .list > li:hover { box-shadow: 0 0 40px rgba(0,0,0,.12); }
.wrap .list .title .bt { color: var(--heading); font-weight: 600; }
.wrap .list .title:hover .bt { color: var(--primary); }
.wrap .list .t { color: var(--meta); }
.wrap .list .red { color: var(--accent); }

/* ---------- 资讯列表 ---------- */
.n-top { border-bottom: 2px solid var(--primary); }
.n-top h3 { color: var(--heading); }
.n-list li a:hover { color: var(--primary); }

/* ---------- 返回顶部工具条 ---------- */
/* 保留基座 sprite 图标: 不能覆盖 background/color, 否则图标被清除导致空白块 */
.btntop a.top { border-radius: 6px; }
.btntop a:hover { opacity: .9; }

/* ---------- 认证/公司标签微调 ---------- */
.ctag-renzhen { filter: none; }

/* ============================================================
   响应式 (窄屏降级)
   ============================================================ */
@media (max-width: 1024px) {
}