/* ===== demand / bangwo xuanke page beautify (brand red) ===== */
body.red{--p:#ED232F;--pd:#C81E28;--pl:#FDECEC;--ink:#22242A;--sub:#5b606b;--bg:#f4f5f8;--line:#E9EBF0;--sh:0 2px 10px rgba(20,30,50,.06);--shh:0 10px 28px rgba(20,30,50,.10);}
body{background:var(--bg);color:var(--ink);padding-bottom:74px;}
.warper .site{background:#fff;border-radius:8px;box-shadow:var(--sh);margin-top:14px;padding:10px 16px;}
/* filter: category tabs */
.classifyer{background:#fff;border-radius:12px;box-shadow:var(--sh);padding:16px 20px;margin:16px auto 0;}
.classifyer ul li{margin:4px 6px 4px 0;}
.classifyer ul li a{display:inline-block;padding:7px 18px;border-radius:20px;color:var(--sub);background:#f2f3f6;font-size:15px;transition:all .15s;}
.classifyer ul li a:hover{color:var(--p);background:var(--pl);}
.classifyer ul li a.active{background:var(--p);color:#fff;}
/* filter: city / area */
.classification{background:#fff;border-radius:12px;box-shadow:var(--sh);padding:8px 20px;margin:14px auto;}
.classification .classify{padding:8px 0;}
.classification p{color:var(--p);font-weight:700;font-size:15px;margin:6px 14px 6px 0;}
.classification ul li{margin:4px 5px;}
.classification ul li a{display:inline-block;padding:5px 13px;border-radius:16px;color:var(--sub);font-size:14px;transition:all .15s;}
.classification ul li a:hover{color:var(--p);background:var(--pl);}
.classification ul li a.active{color:var(--p);background:var(--pl);font-weight:700;}
/* demand list card */
.demand_left{margin-top:8px;}
.left_list{background:#fff;border-radius:12px;box-shadow:var(--shh);overflow:hidden;}
.left_list .bd .firstli{margin-top:0;border:none;background:#fafbfc;height:52px;line-height:52px;color:var(--sub);font-size:15px;border-bottom:1px solid var(--line);}
.left_list .bd .li{border-bottom:1px solid #f1f2f5;height:56px;line-height:56px;transition:background .15s;}
.left_list .bd .li:last-child{border-bottom:none;}
.left_list .bd .li:hover{background:var(--pl);}
.left_list .bd .li .dname{font-weight:700;color:var(--ink);}
.red .left_list .bd .li a.see{border:1px solid var(--p);color:var(--p);border-radius:16px;padding:4px 16px;font-size:14px;transition:all .15s;}
.red .left_list .bd .li a.see:hover,.red .hovercolor a.see{background:var(--p);color:#fff;}
/* paging */
.paging{text-align:center;padding:18px 0;}
.paging a,.paging span{display:inline-block;min-width:34px;padding:6px 10px;margin:0 3px;border-radius:7px;border:1px solid var(--line);background:#fff;color:var(--sub);}
.paging a:hover{color:var(--p);border-color:var(--p);}
.paging .current{background:var(--p);color:#fff;border-color:var(--p);}
/* ===== demand post form (key) ===== */
.left_demandpost{background:#fff;border-radius:12px;box-shadow:var(--shh);overflow:hidden;margin-top:26px;}
.left_demandpost .hd{background:#fff;border:none;border-bottom:1px solid var(--line);height:56px;line-height:56px;}
.red .left_demandpost .titleleft{border-bottom:3px solid var(--p);font-size:18px;color:var(--ink);height:53px;padding:0 4px;margin-left:20px;}
.left_demandpost .bd{border:none;}
.left_demandpost .bd .posttable{margin:24px 28px;width:calc(100% - 56px);}
.posttable td{padding:11px 6px;vertical-align:middle;}
.posttable td:first-child,.posttable td:nth-child(3){color:var(--ink);font-weight:700;font-size:15px;}
.posttable .input,.posttable .select,.posttable .text,.posttable textarea{border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#fafbfc;color:var(--ink);font-size:15px;transition:border-color .15s,box-shadow .15s,background .15s;outline:none;box-sizing:border-box;}
.posttable .input:focus,.posttable .select:focus,.posttable .text:focus,.posttable textarea:focus{border-color:var(--p);background:#fff;box-shadow:0 0 0 3px rgba(237,35,47,.12);}
.posttable .select{min-width:180px;cursor:pointer;}
.posttable textarea{width:100%;border-radius:10px;line-height:1.7;resize:vertical;}
.posttable .text{min-width:200px;}
.posttable .radio{width:auto;min-width:0;margin:0 4px 0 12px;accent-color:var(--p);}
.authcode{border:1px solid var(--line);border-radius:8px;cursor:pointer;}
input.go_bm{background:var(--p);color:#fff;border:none;border-radius:9px;padding:13px 42px;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(237,35,47,.25);transition:background .15s,transform .1s;}
input.go_bm:hover{background:var(--pd);}
input.go_bm:active{transform:translateY(1px);}

/* ===== demand detail page ===== */
.demand_detail{background:#fff;border-radius:12px;box-shadow:var(--shh);padding:8px 28px 28px;margin-top:16px;}
.demand_detail .hd{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px;border-bottom:1px solid var(--line);height:auto;padding:18px 28px 14px;}
.demand_detail .hd .dename{font-size:24px;color:var(--ink);height:auto;line-height:1.4;padding:0;width:auto;float:none;}
.demand_detail .hd .dename font{font-size:16px;color:var(--sub);font-weight:400;}
.demand_detail .hd .detime{color:var(--sub);font-size:13px;height:auto;line-height:1.4;padding:0;width:auto;white-space:nowrap;}
.demand_detail .bd{margin-top:20px;}
.demand_detail .bd>ul{display:flex;flex-wrap:wrap;max-width:calc(100vw - 110px);}
.demand_detail .bd>ul li{width:auto;flex:0 0 auto;height:auto;line-height:2;color:var(--sub);font-size:15px;float:none;margin:0 38px 12px 0;white-space:nowrap;}
.demand_detail .beizhu{background:#fafbfc;border:1px solid var(--line);border-radius:10px;padding:16px 20px;line-height:1.8;color:var(--sub);margin-top:8px;}
.demand_detail .beizhu strong{color:var(--ink);font-size:16px;}
.demand_detail .warning{background:var(--pl);border:1px solid #f3c2c5;border-radius:10px;padding:14px 18px;color:var(--pd);line-height:1.8;width:auto;margin-top:16px;}
.demand_detail .warning a{color:var(--p);font-weight:700;}
.demand_detail a.viewmore{display:inline-block;background:var(--p);color:#fff;border-radius:8px;padding:10px 26px;font-size:15px;margin-top:8px;transition:background .15s;}
.demand_detail a.viewmore:hover{background:var(--pd);}

.posttable input[name=content]{width:100%!important;max-width:100%;}

/* ===== 3-row flex form ===== */
.demand_form{padding:20px 24px 8px;}
.demand_form .frow{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:14px;gap:18px;}
.demand_form .ffield{display:flex;flex-direction:column;justify-content:center;flex:0 0 auto;}
.demand_form .ffield>label{font-size:13px;color:var(--sub);margin-bottom:6px;font-weight:600;}
.demand_form .ffield>label em{color:var(--p);font-style:normal;margin-left:2px;}
.demand_form .fctl{display:flex;align-items:center;}
.demand_form .fctl .text,.demand_form .fctl .select,.demand_form .fctl textarea{height:42px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:#fafbfc;font-size:14px;color:var(--ink);box-sizing:border-box;transition:border-color .15s,box-shadow .15s,background .15s;}
.demand_form .fctl .text:focus,.demand_form .fctl .select:focus,.demand_form .fctl textarea:focus{border-color:var(--p);background:#fff;box-shadow:0 0 0 3px rgba(237,35,47,.10);outline:none;}
.demand_form .ffield-area{flex:1 1 auto;min-width:300px;}
.demand_form .areactl{flex-wrap:wrap;gap:8px;}
.demand_form .areactl select{height:42px;border:1px solid var(--line);border-radius:9px;background:#fafbfc;padding:0 10px;font-size:14px;color:var(--ink);}
.demand_form .ffield-sex .sexctl{gap:14px;height:42px;}
.demand_form .fradio{display:inline-flex;align-items:center;gap:5px;font-size:14px;color:var(--ink);cursor:pointer;}
.demand_form .fradio .radio{accent-color:var(--p);width:16px;height:16px;}
.demand_form .ffield-full{flex:1 1 100%;}
.demand_form .ffield-full .fctl .text{width:100%;}
.demand_form .frow-action{justify-content:flex-start;gap:28px;flex-wrap:wrap;border-top:1px dashed var(--line);padding-top:16px;margin-bottom:6px;}
.demand_form .codectl{gap:10px;flex-wrap:wrap;}
.demand_form .codectl .input{height:42px;width:150px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fafbfc;font-size:14px;}
.demand_form .codectl .input:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(237,35,47,.10);outline:none;}
.demand_form .codectl .authcode{height:42px;border-radius:8px;border:1px solid var(--line);cursor:pointer;}
.demand_form .fsubmit .go_bm{height:48px;padding:0 42px;border:none;border-radius:10px;background:var(--p);color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 10px 22px rgba(237,35,47,.28);transition:background .15s,transform .1s;}
.demand_form .fsubmit .go_bm:hover{background:var(--pd);}
.demand_form .fsubmit .go_bm:active{transform:translateY(1px);}