/* ================================================================
   宿州人才网 样式 v2 —— 全站重构（flex 布局 / 1200px 容器 / 移动端自适应）
   ================================================================ */
*{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 + 搜索 + 发布按钮 ---------------- */
.hd-main{background:#fff;}
.hd-main-in{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding-top:16px;padding-bottom:16px;}
.logo{font-size:30px;font-weight:bold;color:#2b7bd6;letter-spacing:2px;white-space:nowrap;line-height:1.2;}
.logo span{color:#f60;}
.logo:hover{color:#2b7bd6;}
.searchbox{display:flex;margin-left:auto;}
.searchbox input[type=text]{width:300px;height:38px;border:2px solid #2b7bd6;padding:0 10px;border-radius:3px 0 0 3px;font-size:13px;color:#333;}
.searchbox button{width:80px;height:38px;border:none;background:#2b7bd6;color:#fff;cursor:pointer;border-radius:0 3px 3px 0;font-size:14px;letter-spacing:2px;}
.searchbox button:hover{background:#1d63b3;}
.btn-post{display:inline-block;background:#f60;color:#fff !important;font-size:15px;font-weight:bold;padding:10px 22px;border-radius:3px;white-space:nowrap;}
.btn-post:hover{background:#e05500;color:#fff;}

/* ---------------- 导航 ---------------- */
.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:12px 28px;white-space:nowrap;}
.hd-nav li a:hover,.hd-nav li.on a{background:#1d63b3;color:#fff;}

/* ---------------- 主体：侧栏 + 内容（flex，杜绝 float 错位） ---------------- */
.layout{display:flex;align-items:flex-start;gap:20px;margin-top:18px;margin-bottom:30px;}
.side{flex:0 0 232px;width:232px;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 16px;}
.welcome .tip a{color:#a60;text-decoration:underline;}

/* ---------------- 侧栏组件 ---------------- */
.catalog,.xiangzhen,.index-member{background:#fff;border:1px solid #e8e8e8;}
.catalog h3,.xiangzhen h3{font-size:14px;color:#2b7bd6;padding:9px 14px;border-bottom:1px solid #eee;background:#f8fbff;}
.catalog li a{display:block;padding:7px 14px 7px 24px;color:#555;font-size:13px;}
.catalog li a:hover{background-color:#f2f7fd;color:#2b7bd6;}
.xiangzhen h3{color:#4caf50;background:#f6fbf6;}
.xiangzhen li a{display:block;padding:7px 14px 7px 24px;color:#555;font-size:13px;}
.xiangzhen li a:hover{background-color:#f2fbf2;color:#4caf50;}
.index-member h3{font-size:14px;color:#f60;padding:9px 14px;border-bottom:1px solid #eee;background:#fffaf5;}
.index-member-login{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;}
.index-member-login li{min-width:0;}
.index-member-login a{display:block;text-align:center;padding:8px 4px;border-radius:3px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-member-login li:first-child a{background:#f60;color:#fff !important;}
.index-member-login li:last-child a{border:1px solid #f60;color:#f60;}
.index-member-login .mb-hi{grid-column:1 / -1;color:#2b7bd6;padding:2px 2px 6px;border-bottom:1px dashed #eee;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mb-user{color:#f60 !important;}
.mt15{margin-top:15px;}

/* ---------------- 首页信息块 ---------------- */
.index-info-box{background:#fff;border:1px solid #e8e8e8;margin-bottom:16px;}
.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 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;}
.index-info-box ul{padding:4px 14px;}
.index-info-box li{border-bottom:1px dotted #e8e8e8;padding:10px 0;}
.index-info-box li.end{border-bottom:none;}
.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;font-size:13px;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;margin-right:2px;font-size:12px;font-weight:normal;flex:0 0 auto;}
.mark.qz{background:#fff3ea;color:#f60;}
.li-sub{color:#999;font-size:12px;margin-top:3px;}

/* ---------------- 列表 / 详情通用 ---------------- */
.crumb{color:#999;margin-bottom:12px;font-size:12px;}
.crumb a{color:#2b7bd6;}
.box{background:#fff;border:1px solid #e8e8e8;padding:15px;margin-bottom:16px;}
.box h3.bt{font-size:15px;color:#2b7bd6;border-bottom:2px solid #2b7bd6;padding-bottom:9px;margin-bottom:5px;}
.pagebar{text-align:center;padding:15px 0 5px;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;}

/* 详情页 */
.detail{background:#fff;border:1px solid #e8e8e8;padding:25px 30px;margin-bottom:16px;}
.detail h1{font-size:20px;color:#333;margin-bottom:8px;font-weight:normal;}
.detail .meta{color:#999;padding-bottom:12px;border-bottom:1px solid #eee;margin-bottom:15px;}
.detail .meta b{color:#c00;font-size:14px;}
.detail dl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 12px;margin-bottom:15px;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:16px;}
.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:22px;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;}

/* ---------------- 发布表单 ---------------- */
.postform{background:#fff;border:1px solid #e8e8e8;padding:25px 30px;margin-bottom:16px;}
.postform h3{font-size:16px;color:#333;border-bottom:2px solid #2b7bd6;padding-bottom:10px;margin-bottom:18px;}
.ptab{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;}
.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:14px;}
.frow label{display:block;float:left;width:110px;text-align:right;color:#666;line-height:32px;padding-right:12px;}
.frow input[type=text],.frow input[type=password],.frow select,.frow textarea{width:460px;max-width:100%;border:1px solid #ddd;padding:8px 10px;border-radius:2px;background:#fff;}
.frow textarea{height:110px;}
.frow .tip2{color:#999;margin-left:122px;line-height:20px;}
.fsubmit{margin-left:122px;background:#f60;color:#fff;border:none;font-size:14px;font-weight:bold;padding:10px 34px;border-radius:3px;cursor:pointer;}
.fsubmit:hover{background:#e05500;}
.fsec{font-size:13px;color:#2b7bd6;font-weight:bold;border-left:3px solid #2b7bd6;padding-left:8px;margin:20px 0 12px;line-height:18px;}
.fsec:first-child{margin-top:0;}
.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:32px !important;margin-right:18px;cursor:pointer;border:none !important;background:none !important;}
.radio-item input{vertical-align:-2px;margin-right:4px;}
.pubbar{background:linear-gradient(135deg,#2b7bd6,#4a95e6);color:#fff;border-radius:5px;padding:16px 20px;margin-bottom:16px;}
.pubbar-t{font-size:17px;font-weight:bold;margin-bottom:6px;}
.pubbar-s{font-size:12px;line-height:20px;color:#e3efff;}
.pubbar-btn{display:inline-block;margin-top:10px;background:#fff;color:#2b7bd6;font-size:13px;font-weight:bold;padding:8px 18px;border-radius:3px;}
.pubbar-btn:hover{color:#1d63b3;}
.pubbar-ok{display:inline-block;margin-top:8px;font-size:12px;color:#e3efff;}
.pubbar-ok b{color:#fff;}

/* 折叠块 + 特别提醒 */
.fold{border:1px dashed #cfe0f2;border-radius:3px;margin:4px 0 12px;background:#fbfdff;}
.fold summary{cursor:pointer;color:#2b7bd6;font-size:13px;font-weight:bold;padding:8px 12px;list-style:none;user-select:none;}
.fold summary::-webkit-details-marker{display:none;}
.fold summary::before{content:'▸ ';}
.fold[open] summary::before{content:'▾ ';}
.fold .fbody{padding:0 12px 4px;}
.warn{background:#fff8f0;border:1px solid #ffd591;color:#a4600a;padding:10px 14px;border-radius:3px;line-height:22px;margin:15px 0;font-size:13px;}
.warn b{color:#d46b08;}
.vtag{display:inline-block;background:#f0f9eb;color:#4a9020;border:1px solid #cfe8bd;border-radius:2px;padding:1px 6px;font-size:11px;margin-left:8px;vertical-align:1px;}

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

/* ---------------- 会员系统 ---------------- */
.m-notice{background:#f8fbff;border:1px solid #e0ecfa;color:#4a6a8a;padding:10px 14px;margin-bottom:15px;line-height:22px;border-radius:3px;}
.m-ok{background:#f0f9eb;border:1px solid #a5dc86;color:#4a9020;padding:10px 14px;margin-bottom:15px;line-height:22px;border-radius:3px;}
.m-ok a{color:#4a9020;text-decoration:underline;}
.m-err{background:#fef0f0;border:1px solid #fbc4c4;color:#c00;padding:10px 14px;margin-bottom:15px;line-height:22px;border-radius:3px;}
.m-stat{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;}
.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;font-size:13px;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;font-size:13px;}
.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 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.applybar .acnt{color:#666;font-size:13px;}
.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 28px;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;font-size:13px;}
.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;}
  /* 站头：LOGO + 发布按钮同行，搜索整行 */
  .hd-main-in{padding:10px 15px 12px;gap:10px;}
  .logo{flex:1 1 auto;font-size:24px;letter-spacing:1px;}
  .btn-post{flex:0 0 auto;font-size:14px;padding:8px 14px;}
  .searchbox{flex:1 1 100%;margin-left:0;}
  .searchbox input[type=text]{width:calc(100% - 78px);height:38px;}
  .searchbox button{width:78px;height:38px;}
  /* 导航横滑 */
  .hd-nav li a{padding:11px 15px;font-size:14px;}
  /* 主体改单列 */
  .layout{flex-direction:column;gap:12px;margin-top:12px;margin-bottom:18px;}
  .side{flex:none;width:100%;}
  /* 侧栏分类网格化 */
  .catalog ul{display:grid;grid-template-columns:1fr 1fr;}
  .catalog li a{padding:9px 10px 9px 12px;border-bottom:1px solid #f2f2f2;}
  .xiangzhen ul{display:grid;grid-template-columns:repeat(3,1fr);}
  .xiangzhen li a{padding:9px 4px;text-align:center;border-bottom:1px solid #f2f2f2;}
  .index-member{margin-bottom:12px;}
  /* 欢迎条 */
  .welcome{padding:7px 12px;line-height:20px;font-size:12px;}
  /* 列表项 */
  .toptitle{padding:9px 12px;flex-wrap:wrap;}
  .toptitle h3{font-size:15px;}
  .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;}
  .infoitem,.time{font-size:12px;}
  .li-sub{font-size:12px;line-height:18px;}
  /* 详情 */
  .detail{padding:14px 12px;margin-bottom:12px;}
  .detail h1{font-size:18px;line-height:26px;}
  .detail .meta{font-size:12px;line-height:20px;}
  .detail dl{grid-template-columns:1fr;padding:8px 12px;margin-bottom:10px;}
  .detail dl dd{padding:2px 0;line-height:22px;}
  .detail .sec{margin-bottom:12px;}
  .detail .sec p{font-size:14px;line-height:22px;}
  .contact{padding:10px 12px;font-size:13px;}
  .warn{padding:9px 12px;font-size:12px;line-height:20px;margin:12px 0;}
  /* 表单 */
  .postform{padding:14px 12px;margin-bottom:12px;}
  .frow{margin-bottom:11px;}
  .frow label{float:none;width:auto;display:block;text-align:left;padding-right:0;line-height:24px;margin-bottom:5px;font-size:13px;}
  .frow input[type=text],.frow input[type=password],.frow select,.frow textarea{width:100%;padding:10px;}
  .frow textarea{height:100px;}
  .frow .tip2{margin-left:0;font-size:12px;}
  .fsubmit{margin-left:0;width:100%;padding:12px 0;font-size:16px;}
  .fsec{margin:16px 0 10px;}
  .radio-group{display:block;}
  .radio-item{margin-right:14px;line-height:28px !important;font-size:14px;}
  .ptab a{flex:1;text-align:center;padding:9px 0;margin-right:0;}
  .pubbar{padding:14px;}
  .pubbar-t{font-size:15px;}
  .pubbar-btn{display:block;text-align:center;}
  .fold{margin:2px 0 10px;}
  .fold summary{padding:8px 10px;}
  .fold .fbody{padding:0 10px 2px;}
  /* 会员中心 */
  .m-stat{grid-template-columns:1fr 1fr;gap:10px;}
  .m-stat div{padding:9px 4px;}
  .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;font-size:13px;}
  .q-btn{display:block;margin:0 0 8px;text-align:center;}
  .q-co{display:block;line-height:22px;margin-top:4px;}
  .m-quick{padding:10px;}
  /* 表格卡片化 */
  .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;font-size:13px;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 p:nth-child(3){display:none;}
}
@media screen and (max-width:360px){
  .logo{font-size:21px;}
  .hd-nav li a{padding:10px 12px;font-size:13px;}
  .catalog ul{grid-template-columns:1fr;}
  .xiangzhen ul{grid-template-columns:1fr 1fr;}
}