/* ================================================================
   宿州人才网 szrc.cc  样式 v3（精简版 / flex 布局 / 移动端自适应）
   总站、二级域名、二级目录共用同一套样式
   ================================================================ */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
body{margin:0;padding:0;font-size:13px;color:#555;font-family:"Microsoft YaHei","PingFang SC",Arial,Verdana,sans-serif;background:#F4F5F7;-webkit-text-size-adjust:100%;}
div,form,p,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5{margin:0;padding:0;list-style:none;}
input,select,textarea,button{font-family:inherit;font-size:13px;outline:none;}
a{color:#333;text-decoration:none;} a:hover{color:#2b7bd6;}
img{max-width:100%;height:auto;}
.clear{clear:both;}

/* ---------------- 容器：全站唯一宽度规则 ---------------- */
.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;}

/* ---------------- 顶部工具条 ---------------- */
.hd-bar{background:#2b7bd6;color:#fff;font-size:12px;}
.hd-bar-in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 16px;min-height:32px;}
.hd-bar p{line-height:22px;}
.hd-bar a{color:#fff;}
.hd-bar a:hover{color:#ffe3b8;}

/* ---------------- 站头：LOGO(szrc.cc) + 搜索 + 发布按钮 ---------------- */
.hd-main{background:#fff;}
.hd-main-in{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding-top:14px;padding-bottom:14px;}
.logo{font-size:28px;font-weight:bold;color:#2b7bd6;letter-spacing:2px;white-space:nowrap;line-height:1.2;}
.logo span{color:#f60;}
.logo em{font-style:normal;font-size:14px;font-weight:normal;color:#999;letter-spacing:0;margin-left:8px;}
.logo:hover{color:#2b7bd6;}
.searchbox{display:flex;margin-left:auto;}
.searchbox input[type=text]{width:290px;height:38px;border:2px solid #2b7bd6;padding:0 10px;border-radius:3px 0 0 3px;color:#333;}
.searchbox button{width:78px;height:38px;border:none;background:#2b7bd6;color:#fff;cursor:pointer;border-radius:0 3px 3px 0;font-size:14px;}
.searchbox button:hover{background:#1d63b3;}
.btn-post{display:inline-block;background:#f60;color:#fff !important;font-size:15px;font-weight:bold;padding:10px 20px;border-radius:3px;white-space:nowrap;}
.btn-post:hover{background:#e05500;color:#fff;}

/* ---------------- 导航 + 会员中心条 ---------------- */
.hd{box-shadow:0 1px 8px rgba(20,50,90,.08);position:relative;z-index:6;}
.hd-nav{background:#2b7bd6;}
.hd-nav ul{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}
.hd-nav ul::-webkit-scrollbar{display:none;}
.hd-nav li{flex:0 0 auto;}
.hd-nav li a{display:block;color:#fff;font-size:15px;padding:11px 26px;white-space:nowrap;}
.hd-nav li a:hover,.hd-nav li.on a{background:#1d63b3;color:#fff;}

/* 会员中心条：紧贴搜索框下方 */
.member-bar{background:#fff;border-bottom:1px solid #e6e9ee;}
.member-bar-in{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:9px;padding-bottom:9px;}
.member-bar .mb-t{color:#2b7bd6;font-weight:bold;font-size:13px;display:inline-flex;align-items:center;}
.member-bar .mb-t::before{content:'';width:3px;height:13px;background:#2b7bd6;border-radius:2px;margin-right:6px;display:inline-block;}
.member-bar .mb-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;}
.member-bar .mb-links a{color:#555;}
.member-bar .mb-links a:hover{color:#2b7bd6;}
.member-bar .mb-name{color:#2b7bd6;font-weight:bold;}

/* ---------------- 主体：侧栏 + 内容 ---------------- */
.layout{display:flex;align-items:flex-start;gap:18px;margin-top:16px;margin-bottom:26px;}
.side{flex:0 0 238px;width:238px;min-width:0;}
.content{flex:1 1 auto;width:auto;min-width:0;}
.index-info-list{min-width:0;}

.welcome{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 18px;background:#fffbe8;border:1px solid #f5e3a0;color:#a60;line-height:22px;padding:8px 14px;margin:0 0 14px;}
.welcome .tip a{color:#a60;text-decoration:underline;}

/* ---------------- 侧栏组件（统一 .side-box） ---------------- */
.side-box{background:#fff;border:1px solid #e8e8e8;margin-bottom:14px;}
.side-box h3{font-size:14px;color:#2b7bd6;padding:9px 14px;border-bottom:1px solid #eee;background:#f8fbff;font-weight:bold;}
.side-box h3 .cnt{float:right;font-weight:normal;font-size:12px;color:#999;}
.side-box.catalog ul{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:11px 12px;}
.side-box.catalog li a{display:block;text-align:center;padding:8px 2px;border:1px solid #e4eef7;border-radius:3px;
  color:#555;font-size:12px;line-height:17px;white-space:normal;}
.side-box.catalog li a:hover{background:#eaf4ff;border-color:#b9d8f5;color:#2b7bd6;}
/* 按区县：chip 网格，紧凑清晰 */
.side-box.xiangzhen h3{color:#2f8f43;background:#f6fbf6;}
.side-box.xiangzhen ul{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:11px 12px;}
.side-box.xiangzhen li a{display:block;text-align:center;padding:8px 4px;border:1px solid #e4eef7;border-radius:3px;
  background:#f8fbff;color:#456;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.side-box.xiangzhen li a:hover{background:#eaf4ff;border-color:#b9d8f5;color:#2b7bd6;}
.side-box.xiangzhen li.on a{background:#2b7bd6;border-color:#2b7bd6;color:#fff;}

/* ---------------- 列表块 ---------------- */
.index-info-box{background:#fff;border:1px solid #e8e8e8;margin-bottom:14px;}
.toptitle{display:flex;align-items:center;gap:12px;border-bottom:2px solid #2b7bd6;padding:10px 14px;}
.toptitle h3{font-size:15px;color:#2b7bd6;margin-right:auto;font-weight:bold;}
.toptitle h3 .cnt{font-weight:normal;font-size:12px;color:#9aa5b1;margin-left:8px;}
.toptitle span a{color:#999;font-size:12px;}
.toptitle span a:hover{color:#2b7bd6;}
.toptitle .add{color:#f60;font-weight:bold;font-size:13px !important;}
.toptitle.qz{border-bottom-color:#f60;}
.toptitle.qz h3{color:#f60;}
.toptitle.news{border-bottom-color:#2f8f43;}
.toptitle.news h3{color:#2f8f43;}
.index-info-box ul{padding:2px 14px;}
.index-info-box li{border-bottom:1px dotted #e8e8e8;padding:10px 0;transition:background .15s;}
.index-info-box li:hover{background:#fafcff;}
.index-info-box li.end{border-bottom:none;color:#999;}
.infotitle{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 12px;}
.infotitle a{font-size:14px;color:#333;font-weight:bold;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.infotitle a:hover{color:#2b7bd6;}
.infoitem{color:#c00;white-space:nowrap;}
.time{color:#999;font-size:12px;white-space:nowrap;}
.mark{display:inline-block;background:#eef5ff;color:#2b7bd6;border-radius:2px;padding:1px 6px;font-size:12px;font-weight:normal;flex:0 0 auto;}
.mark.qz{background:#fff3ea;color:#f60;}
.mark.news{background:#eefbf1;color:#2f8f43;}
.li-sub{color:#999;font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ---------------- 通用 ---------------- */
.crumb{color:#999;margin-bottom:12px;font-size:12px;}
.crumb a{color:#2b7bd6;}
.box{background:#fff;border:1px solid #e8e8e8;padding:15px;margin-bottom:14px;}
.pagebar{text-align:center;padding:14px 0 4px;color:#999;}
.pagebar a{display:inline-block;border:1px solid #ddd;padding:4px 10px;margin:0 3px;border-radius:2px;color:#333;}
.pagebar a.on{background:#2b7bd6;border-color:#2b7bd6;color:#fff;}
.backlink{margin-bottom:22px;color:#999;}
.backlink a{color:#2b7bd6;}

/* ---------------- 详情页 ---------------- */
.detail{background:#fff;border:1px solid #e8e8e8;padding:22px 26px;margin-bottom:14px;}
.detail h1{font-size:20px;color:#333;margin-bottom:8px;font-weight:normal;line-height:30px;}
.detail .meta{color:#999;padding-bottom:12px;border-bottom:1px solid #eee;margin-bottom:14px;}
.detail .meta b{color:#c00;font-size:15px;}
.detail dl{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 14px;margin-bottom:14px;background:#fafbfd;border:1px solid #f0f0f0;padding:12px 14px;}
.detail dl dd{line-height:24px;color:#555;min-width:0;overflow-wrap:break-word;}
.detail dl dd span{color:#999;}
.detail .sec{margin-bottom:14px;}
.detail .sec h4{font-size:14px;color:#2b7bd6;margin-bottom:6px;border-left:3px solid #2b7bd6;padding-left:8px;line-height:18px;}
.detail .sec p{line-height:23px;color:#555;margin-top:6px;overflow-wrap:break-word;}
.detail .sec b{color:#555;}
.contact{background:#fffaf5;border:1px dashed #f60;padding:12px 15px;color:#a60;line-height:22px;overflow-wrap:break-word;}
.contact b{color:#f60;}
.warn{background:#fff8f0;border:1px solid #ffd591;color:#a4600a;padding:10px 14px;border-radius:3px;line-height:22px;margin:14px 0;font-size:13px;}
.warn b{color:#d46b08;}

/* ---------------- 资讯频道 ---------------- */
.ncat{display:flex;flex-wrap:wrap;gap:0;padding:9px 14px;border-bottom:1px solid #eef1f5;background:#fafcff;}
.ncat a{display:inline-block;font-size:13px;color:#555;padding:4px 12px;margin:3px 6px 3px 0;border:1px solid #e4eef7;border-radius:3px;background:#fff;}
.ncat a:hover{color:#2b7bd6;border-color:#b9d8f5;}
.ncat a.on{background:#2b7bd6;border-color:#2b7bd6;color:#fff;}
.newslist .nsum{white-space:normal;line-height:20px;color:#888;}
.art{padding:22px 26px;}
.art h1{font-size:22px;line-height:32px;color:#222;font-weight:bold;margin-bottom:10px;}
.art .meta{font-size:13px;color:#999;padding-bottom:12px;border-bottom:1px solid #eee;margin-bottom:16px;}
.art .meta a{color:#2b7bd6;}
.art h4{font-size:15px;color:#2b7bd6;line-height:22px;margin:18px 0 8px;border-left:3px solid #2b7bd6;padding-left:9px;}
.art p{font-size:15px;line-height:28px;color:#444;margin-bottom:12px;overflow-wrap:break-word;}
.art b{color:#2b7bd6;}
.art ul{margin:0 0 14px;padding-left:22px;}
.art ul li{font-size:15px;line-height:27px;color:#444;margin-bottom:6px;list-style:disc;}
.art .art-tip{background:#fbfcfd;border:1px dashed #dfe6ee;color:#93a1b0;font-size:12px;line-height:20px;padding:8px 12px;border-radius:3px;margin:18px 0 12px;}
.art .art-nav{border-top:1px solid #eee;padding-top:12px;line-height:26px;font-size:13px;color:#999;}
.art .art-nav a{color:#2b7bd6;}
.vtag{display:inline-block;background:#f0f9eb;color:#4a9020;border:1px solid #cfe8bd;border-radius:2px;padding:1px 6px;font-size:11px;margin-left:8px;}

/* ---------------- 发布表单 ---------------- */
.postform{background:#fff;border:1px solid #e8e8e8;padding:22px 26px;margin-bottom:14px;}
.ptab{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.ptab a{display:inline-block;padding:8px 26px;border:1px solid #ddd;color:#666;border-radius:3px;cursor:pointer;}
.ptab a.on{background:#2b7bd6;border-color:#2b7bd6;color:#fff;}
.frow{margin-bottom:13px;}
.frow label{display:block;float:left;width:104px;text-align:right;color:#666;line-height:34px;padding-right:12px;}
.frow label i{color:#f60;font-style:normal;margin-right:2px;}
.frow input[type=text],.frow input[type=password],.frow input[type=email],.frow select,.frow textarea{width:470px;max-width:100%;border:1px solid #ddd;padding:8px 10px;border-radius:2px;background:#fff;}
.frow textarea{height:120px;line-height:21px;}
.frow .tip2{color:#999;margin-left:116px;line-height:20px;}
.fsubmit{margin-left:116px;background:#f60;color:#fff;border:none;font-size:14px;font-weight:bold;padding:10px 34px;border-radius:3px;cursor:pointer;}
.fsubmit:hover{background:#e05500;}
.radio-group{display:inline-block;vertical-align:middle;}
.radio-item{display:inline-block;width:auto !important;text-align:left !important;padding-right:0 !important;line-height:34px !important;margin-right:18px;cursor:pointer;border:none !important;background:none !important;}
.radio-item input{vertical-align:-2px;margin-right:4px;}

/* ---------------- 提示条 ---------------- */
.m-notice{background:#f8fbff;border:1px solid #e0ecfa;color:#4a6a8a;padding:10px 14px;margin-bottom:14px;line-height:22px;border-radius:3px;}
.m-ok{background:#f0f9eb;border:1px solid #a5dc86;color:#4a9020;padding:10px 14px;margin-bottom:14px;line-height:22px;border-radius:3px;}
.m-ok a{color:#4a9020;text-decoration:underline;margin-left:8px;}
.m-err{background:#fef0f0;border:1px solid #fbc4c4;color:#c00;padding:10px 14px;margin-bottom:14px;line-height:22px;border-radius:3px;}

/* ---------------- 页脚 ---------------- */
.ft{background:#2f3642;color:#9aa2b1;text-align:center;line-height:24px;padding:20px 0;margin-top:8px;}
.ft a{color:#9aa2b1;}
.ft a:hover{color:#fff;}
.ft-sub a{margin:0 6px;}

/* ---------------- 会员系统 ---------------- */
.m-stat{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;}
.m-stat div{background:#f8fbff;border:1px solid #e0ecfa;border-radius:3px;padding:12px 6px;text-align:center;color:#888;font-size:12px;min-width:0;}
.m-stat b{display:block;font-size:15px;color:#2b7bd6;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:2px solid #2b7bd6;margin-bottom:16px;}
.m-tabs a{display:inline-block;padding:8px 20px;color:#666;border:1px solid #e5e5e5;border-bottom:none;border-radius:3px 3px 0 0;background:#fafafa;}
.m-tabs a.on{background:#2b7bd6;border-color:#2b7bd6;color:#fff;}
.m-tabs a:hover{color:#2b7bd6;} .m-tabs a.on:hover{color:#fff;}
.m-table{width:100%;border-collapse:collapse;}
.m-table th,.m-table td{border:1px solid #e8e8e8;padding:8px 9px;text-align:left;}
.m-table th{background:#f5f8fc;color:#555;font-weight:normal;}
.m-table .s0{color:#f60;} .m-table .s1{color:#4caf50;}
.m-btn{border:none;padding:4px 11px;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;}
.m-btn.red{background:#e05252;} .m-btn.blue{background:#2b7bd6;}
.contact-lock{color:#c00;line-height:22px;}
.contact-lock a{color:#2b7bd6;text-decoration:underline;}
.m-tag{display:inline-block;font-size:12px;font-weight:normal;padding:2px 8px;border-radius:10px;vertical-align:2px;}
.m-tag.co{background:#eef5ff;color:#2b7bd6;}
.m-tag.pe{background:#fff3ea;color:#f60;}
.m-quick{margin-bottom:16px;background:#fafbfd;border:1px solid #eef1f5;border-radius:4px;padding:12px;}
.q-btn{display:inline-block;padding:9px 20px;border:1px solid #2b7bd6;color:#2b7bd6;border-radius:3px;margin-right:10px;}
.q-btn.main{background:#f60;border-color:#f60;color:#fff;font-weight:bold;}
.q-co{display:inline-block;color:#888;font-size:12px;line-height:32px;}
.m-empty{text-align:center;color:#999;padding:20px !important;}

/* ---------------- 简历投递 ---------------- */
.applybar{background:#f8fbff;border:1px solid #e0ecfa;border-radius:4px;padding:12px 15px;margin:0 0 14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.applybar .acnt{color:#666;}
.applybar .acnt b{color:#f60;font-size:16px;}
.abtn{display:inline-block;background:#f60;color:#fff !important;font-weight:bold;font-size:15px;padding:9px 26px;border-radius:3px;}
.abtn:hover{background:#e05500;}
.abtn.grey{background:#2b7bd6;font-size:13px;padding:7px 18px;}
.abtn.grey:hover{background:#1d63b3;}
.ahint{color:#999;font-size:12px;}
.aok{color:#4a9020;}
.astat-0{background:#fff3ea;color:#f60;}
.astat-1{background:#eef5ff;color:#2b7bd6;}
.astat-2{background:#f0f9eb;color:#4a9020;}
.astat-3{background:#f4f4f4;color:#999;}

/* ================================================================
   移动端适配（≤768px）
   ================================================================ */
@media screen and (max-width:768px){
  body{font-size:14px;}
  input,select,textarea,button{font-size:15px;}
  .hd-bar-in{justify-content:center;padding-top:4px;padding-bottom:4px;}
  .hd-bar .hd-msg{display:none;}
  .hd-main-in{padding:10px 15px 12px;gap:10px;}
  .logo{flex:1 1 auto;font-size:22px;letter-spacing:1px;}
  .logo em{font-size:12px;margin-left:4px;display:block;letter-spacing:0;}
  .btn-post{flex:0 0 auto;font-size:14px;padding:8px 14px;}
  .searchbox{flex:1 1 100%;margin-left:0;}
  .searchbox input[type=text]{flex:1 1 auto;width:auto;min-width:0;}
  .searchbox button{flex:0 0 78px;width:78px;height:38px;}
  .hd-nav li a{padding:11px 16px;font-size:14px;}

  .layout{flex-direction:column;gap:12px;margin-top:12px;margin-bottom:18px;}
  /* 移动端：内容优先，分类/区县放到列表下方 */
  .content{order:1;}
  .side{order:2;flex:none;width:100%;}
  .member-bar-in{padding-top:8px;padding-bottom:8px;gap:8px;}
  .member-bar .mb-t{display:none;}
  .member-bar .mb-links{gap:18px;width:100%;justify-content:flex-start;}
  .side-box.catalog ul{grid-template-columns:1fr 1fr 1fr;}
  .side-box.xiangzhen ul{grid-template-columns:1fr 1fr 1fr;}
  .welcome{padding:7px 12px;line-height:20px;font-size:12px;}
  .toptitle{padding:9px 12px;flex-wrap:wrap;}
  .index-info-box ul{padding:2px 12px;}
  .index-info-box li{padding:9px 0;}
  .infotitle a{flex:1 1 100%;white-space:normal;font-size:15px;line-height:21px;}
  .li-sub{white-space:normal;line-height:18px;}

  .detail{padding:14px 12px;margin-bottom:12px;}
  .detail h1{font-size:18px;line-height:26px;}
  .art h1{font-size:18px;line-height:26px;}
  .art p{font-size:15px;line-height:26px;}
  .art h4{font-size:14px;}
  .detail .meta{font-size:12px;line-height:20px;}
  .detail dl{grid-template-columns:1fr;padding:8px 12px;}
  .detail dl dd{padding:2px 0;}
  .detail .sec p{font-size:14px;line-height:22px;}
  .contact{padding:10px 12px;}
  .warn{padding:9px 12px;font-size:12px;line-height:20px;margin:12px 0;}

  .postform{padding:14px 12px;margin-bottom:12px;}
  .frow label{float:none;width:auto;display:block;text-align:left;padding-right:0;line-height:24px;margin-bottom:5px;}
  .frow input[type=text],.frow input[type=password],.frow input[type=email],.frow select,.frow textarea{width:100%;padding:10px;}
  .frow textarea{height:110px;}
  .frow .tip2{margin-left:0;font-size:12px;}
  .fsubmit{margin-left:0;width:100%;padding:12px 0;font-size:16px;}
  .radio-item{margin-right:14px;line-height:30px !important;}
  .ptab a{flex:1;text-align:center;padding:9px 0;}

  .m-stat{grid-template-columns:1fr 1fr;gap:10px;}
  .m-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}
  .m-tabs::-webkit-scrollbar{display:none;}
  .m-tabs a{flex:0 0 auto;padding:9px 14px;}
  .q-btn{display:block;margin:0 0 8px;text-align:center;}
  .q-co{display:block;line-height:22px;margin-top:4px;}
  .m-table{display:block;width:100%;}
  .m-table tbody,.m-table tr,.m-table td{display:block;width:100%;}
  .m-table tr{border:1px solid #eaeaea;border-radius:4px;margin-bottom:10px;padding:4px 10px;background:#fff;}
  .m-table th{display:none;}
  .m-table td{border:none;border-bottom:1px solid #f4f4f4;padding:9px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:right;}
  .m-table td:last-child{border-bottom:none;}
  .m-table td::before{content:attr(data-label);color:#999;flex:0 0 72px;text-align:left;font-size:12px;}
  .m-table td.m-empty{display:block;text-align:center;border:none;}
  .m-table td.m-empty::before{content:none;}

  .applybar{padding:10px 12px;gap:8px;}
  .abtn{flex:1;text-align:center;padding:11px 0;font-size:15px;}
  .abtn.grey{flex:0 0 auto;padding:7px 14px;font-size:12px;}
  .ahint{flex:1 1 100%;font-size:12px;line-height:18px;}

  .ft{padding:14px 10px;font-size:12px;line-height:22px;}
  .ft-copy{display:none;}
}
@media screen and (max-width:360px){
  .logo{font-size:19px;}
  .hd-nav li a{padding:10px 12px;font-size:13px;}
  .side-box.catalog ul{grid-template-columns:1fr 1fr;}
  .side-box.xiangzhen ul{grid-template-columns:1fr 1fr;}
  .member-bar .mb-links{gap:10px;font-size:12px;}
}