/* ===========================================================
   昆山生活网 — 旧站原模板还原皮肤（覆盖 app.css）
   参照：旧站 head_8.css / index_x11.css / common2013.css（1200 栅格）
   =========================================================== */

/* ① 旧站色板：直接改写 app.css 的变量 */
:root{
    --navy:#333;
    --navy-deep:#2b2b2b;
    --blue:#f78115;          /* 旧站链接/强调用橙 */
    --blue-dark:#e6542f;
    --orange:#e03a3a;        /* 价格/分类红 */
    --orange-light:#ff7950;
    --bg:#f7f7f7;
    --card:#fff;
    --line:#f0f0f0;
    --text:#333;
    --muted:#999;
    --weak:#bbb;
    --radius:5px;            /* 旧站卡片圆角 5px */
    --shadow:none;
}

html,body{
    background:#f7f7f7;
    font:12px/1.6 "Microsoft YaHei",Arial,"宋体",sans-serif;
    color:#333;
}
body.home{background:#f7f7f7 url("/UploadFile/image/2022/05-12/20220512213719_55020.png") no-repeat 50% 0}
a{color:#666}
a:hover{color:#f78115}
.wrap{width:1200px;max-width:calc(100% - 24px)}
.main{padding:0 0 30px;width:1200px;max-width:calc(100% - 24px);margin:0 auto}

/* ② 顶部 35px 工具条 */
.hdr .topbar{height:35px;background:#f8f8f8;box-shadow:0 0 4px rgba(0,0,0,.1)}
.topbar-in{width:1200px;max-width:calc(100% - 24px);margin:0 auto;height:35px;font-size:12px;color:#999;justify-content:space-between}
.tb-left,.tb-left a{color:#999;font-size:12px;line-height:35px}
.tb-left a:hover{color:#f78115}
.tb-left b{font-weight:400;color:#666}
/* 顶部条 QQ / 微信 前的小图标（同旧站） */
.tb-left .tb-qq,.tb-left .tb-wx{padding-left:19px;background-repeat:no-repeat;background-position:0 50%;background-size:15px 15px}
.tb-left .tb-qq{background-image:url(../img/qq30.png)}
.tb-left .tb-wx{background-image:url(../img/wx30.png)}
.tb-right a{color:#999;font-size:12px;line-height:35px;padding:0 12px}
.tb-right a:hover{color:#f78115}
.tb-right .tb-cur{color:#0BBB73}
.tb-right .tb-qq{color:#12b7f5}
.tb-right .tb-wx{color:#2aae67}

/* ③ 头部：logo 195×56 + 636 搜索 + 橙色发布 */
.hdr{background:#fff;box-shadow:none}
.hdr .hmain{height:90px}
.hdr .hmain-in{height:90px;position:relative;gap:0;width:1200px;max-width:calc(100% - 24px);margin:0 auto}
.hdr .logo{width:auto}
.hdr .logo img{height:56px;display:block}
.hdr .logo-txt,.hdr .logo-mark{display:none}

.hdr .search{
    position:absolute;right:200px;top:23px;left:auto;
    width:636px;height:42px;max-width:none;border:1px solid #eee;border-radius:4px;
    background:#fff;display:flex;align-items:center;gap:0;padding:0;
}
.hdr .search .skind{
    width:92px;height:40px;border:0;outline:0;background:#fff;color:#666;
    border-right:1px solid #ebebeb;font-size:14px;text-indent:10px;cursor:pointer;
    font-family:inherit;appearance:none;-webkit-appearance:none;
    background-image:linear-gradient(45deg,transparent 50%,#bbb 50%),linear-gradient(135deg,#bbb 50%,transparent 50%);
    background-position:calc(100% - 14px) 18px,calc(100% - 9px) 18px;
    background-size:5px 5px,5px 5px;background-repeat:no-repeat;
}
.hdr .search input[type=text]{
    flex:1;height:40px;line-height:40px;border:0;border-radius:0;outline:0;
    text-indent:10px;color:#333;font-size:14px;background:transparent;padding:0;
}
.hdr .search input[type=text]::placeholder{color:#c9c9c9}
.hdr .search button{
    position:absolute;right:-1px;top:-1px;width:44px;height:44px;
    border:0;border-radius:0 4px 4px 0;cursor:pointer;padding:0;
    background:transparent url("/assets/oldimg/icon2.png") no-repeat 12px -200px;
    text-indent:-999em;overflow:hidden;
}
.hdr .search button:hover{background-color:#fafafa}

.hdr .publish{
    position:absolute;right:0;top:23px;
    height:44px;line-height:44px;padding:0 18px 0 40px;border-radius:4px;
    background:#ff7950 url("/assets/oldimg/icon2.png") no-repeat 18px -153px;
    color:#fff;font-size:16px;font-weight:400;
}
.hdr .publish:hover{background-color:#ff8d6a;color:#fff}

/* ④ 导航 40px 红底，选中紫（旧站原值 rgba(21,33,247,.67)） */
.hdr .nav{height:40px;background:#d00;margin:0;padding:0}
.nav-in{height:40px;justify-content:flex-start;width:1200px;max-width:calc(100% - 24px);margin:0 auto}
.navlist{height:40px;display:flex;align-items:center;flex:1 1 auto}
.navlist li{height:40px;flex:1 1 0;text-align:center}
.navlist a{
    display:block;height:40px;line-height:40px;padding:0;margin:0;
    color:#fff;font-size:16px;background:transparent;border:0;
}
.navlist a:hover,.navlist a.on{background:rgba(21,33,247,.67);color:#fff}
.navlist li:first-child a{padding-left:0}
.hdr .nav .tel{display:none}

/* ⑤ 首页：五宫格快捷入口 */
.fivefun{width:1200px;max-width:calc(100% - 24px);margin:10px auto;display:flex;gap:10px}
.funbox{flex:1;background:#fff;border-radius:5px;padding:17px 16px;display:flex;transition:box-shadow .2s}
.funbox:hover{box-shadow:0 3px 5px #ddd}
.funname{width:43px;flex:0 0 43px;text-align:center}
.funname i{
    width:44px;height:44px;display:block;margin:0 auto 4px;border-radius:50%;
    color:#fff;font-style:normal;font-size:18px;line-height:44px;font-weight:700;
}
.funname p{margin:0;font-size:12px;color:#666;line-height:16px}
.funlinks{flex:1;margin-left:10px;font-size:0}
.funlinks a{display:inline-block;color:#666;font-size:14px;line-height:28px;margin-right:10px}
.funlinks a:hover{color:#f78115}
.fn-info{background:#4a90e2}.fn-job{background:#ff7950}
.fn-house{background:#41b883}.fn-news{background:#9b59b6}

/* ⑥ 首页广告条 */
.advbox{width:1200px;max-width:calc(100% - 24px);margin:0 auto 10px}
.advbox img{width:100%;display:block;border-radius:5px}

/* ⑦ 首页三列 300 / 570 / 300（照旧站：左窄列放全域信息卡） */
.hgrid{width:1200px;max-width:calc(100% - 24px);margin:0 auto;display:grid;grid-template-columns:300px 570px 300px;gap:10px;align-items:start}
.hcard{background:#fff;border-radius:5px;overflow:hidden}
.htitle{height:60px;line-height:60px;padding:0 20px;border-bottom:1px solid #f5f5f5;display:flex;align-items:center;justify-content:space-between}
.htitle strong{font-size:18px;color:#333;font-weight:700}
.htitle a{font-size:12px;color:#999}
.htitle a:hover{color:#f78115}

/* 本地头条 */
.topnews{padding:14px 20px 6px}
.topnews .hd{display:flex;gap:14px;align-items:flex-start}
.topnews .hd .badge{flex:0 0 40px;width:40px;margin-top:2px}
.topnews .hd .badge img{width:40px;display:block}
.topnews .lead{flex:1;min-width:0}
.topnews .lead h2{margin:0 0 6px;font-size:20px;line-height:27px;font-weight:700;color:#222}
.topnews .lead h2 a{color:#222}
.topnews .lead h2 a:hover{color:#f78115}
.topnews .lead p{margin:0 0 6px;font-size:12px;color:#999;line-height:19px}
.topnews .lead .meta{font-size:12px;color:#bbb}
.topnews .thumb{width:196px;height:130px;flex:0 0 196px;border-radius:4px;overflow:hidden;background:#f4f4f4}
.topnews .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.topnews ul{margin:12px 0 0}
.topnews ul li{
    position:relative;padding-left:14px;height:30px;line-height:30px;
    border-top:1px dotted #eee;font-size:14px;
}
.topnews ul li:before{content:"";position:absolute;left:2px;top:13px;width:4px;height:4px;background:#d00}
.topnews ul li a{color:#333;display:inline-block;max-width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}
.topnews ul li a:hover{color:#f78115}
.topnews ul li .date{float:right;color:#bbb;font-size:12px}

/* 右栏小卡 */
.sideblock{background:#fff;border-radius:5px;margin-bottom:10px;overflow:hidden}
.sideblock .htitle{height:50px;line-height:50px}
.sideblock .htitle strong{font-size:16px}
.sideblock .list{padding:6px 0 10px}
.sideblock .list li{padding:0 16px}
.sideblock .list li a{display:block;font-size:13px;color:#555;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sideblock .list li a:hover{color:#f78115}

/* ⑧ 置顶精选 + 商家主页 */
.row2{width:1200px;max-width:calc(100% - 24px);margin:10px auto 0;display:grid;grid-template-columns:1fr 300px;gap:10px;align-items:start}
.selectbox{background:#fff;border-radius:5px;overflow:hidden;align-self:start}
.selectbox .htitle{height:52px;line-height:52px}
.selectbox .htitle strong{font-size:18px}
.selectbox .cols{padding:6px 20px 16px;display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.selectbox .item{display:flex;align-items:center;height:30px;overflow:hidden}
.selectbox .cat{color:#e03a3a;font-size:12px;margin-right:5px;white-space:nowrap}
.selectbox .item a{flex:1;color:#333;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.selectbox .item a:hover{color:#f78115}
.selectbox .date{color:#bbb;font-size:12px;margin-left:8px;white-space:nowrap}

.merchants{background:#fff;border-radius:5px;overflow:hidden;align-self:start}
.merchants .cols{padding:8px 12px 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px 8px}
.merchants a{display:block;text-align:center}
.merchants .lg{width:74px;height:74px;margin:0 auto 6px;border-radius:4px;overflow:hidden;background:#f5f5f5}
.merchants .lg img{width:100%;height:100%;object-fit:cover;display:block}
.merchants .ph{width:74px;height:74px;margin:0 auto 6px;border-radius:4px;background:#fff3ee;color:#ff7950;font-size:22px;line-height:74px;font-weight:700;text-align:center}
.merchants .nm{font-size:12px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ⑨ 房产 */
.house{background:#fff;border-radius:5px;margin-top:10px;overflow:hidden}
.house .htitle{justify-content:flex-start;gap:20px}
.house .tabs{display:flex;gap:20px;align-items:center}
.house .tabs a{font-size:18px;color:#999;font-weight:700}
.house .tabs a.on{color:#333}
.house .cols{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:12px 20px 18px}
.house .cell{display:flex;gap:10px;background:#fafafa;border-radius:4px;padding:10px}
.house .cell .no{flex:0 0 34px;width:34px;height:34px;line-height:34px;text-align:center;background:#f0f0f0;border-radius:3px;color:#999;font-size:12px}
.house .cell .info{flex:1;min-width:0}
.house .cell h4{margin:0 0 3px;font-size:14px;font-weight:400;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.house .cell h4 a{color:#333}
.house .cell h4 a:hover{color:#f78115}
.house .cell .tags{margin:0 0 3px;font-size:12px;color:#999}
.house .cell .tags span{margin-right:8px}
.house .cell .pr{color:#e03a3a;font-size:13px}
.house .cell .pr em{font-style:normal;color:#999;font-size:12px;margin-left:6px}

/* ⑩ 招聘 */
.jobsec{background:#fff;border-radius:5px;margin-top:10px;overflow:hidden}
.jobsec .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:0 20px;padding:4px 20px 12px}
.jobsec .cell{padding:10px 0;border-bottom:1px dashed #eee}
.jobsec .cell h4{margin:0 0 3px;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jobsec .cell h4 a{color:#333}
.jobsec .cell h4 a:hover{color:#f78115}
.jobsec .cell .sal{color:#ff7950;font-size:13px;margin-bottom:3px}
.jobsec .cell .co{color:#999;font-size:12px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jobsec .cell .tg span{display:inline-block;background:#f5f5f5;color:#888;font-size:12px;padding:0 6px;margin:0 4px 4px 0;border-radius:2px}

/* ⑪ 资讯 */
.artsec{background:#fff;border-radius:5px;margin-top:10px;overflow:hidden}
.artsec .cols{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;padding:6px 20px 14px}
.artsec .item{display:flex;align-items:center;height:32px}
.artsec .item a{flex:1;color:#333;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.artsec .item a:hover{color:#f78115}
.artsec .item .date{color:#bbb;font-size:12px;margin-left:8px}

/* ⑫ 页脚（旧站深色） */
.friendlink{background:#fff;padding:16px 0 18px;margin-top:20px}
.fl-t{text-align:center;font-size:14px;color:#333;margin-bottom:14px;letter-spacing:1px}
.fl-in{width:1200px;max-width:calc(100% - 24px);margin:0 auto;display:flex;justify-content:center;border-top:1px solid #efefef;border-bottom:1px solid #efefef}
.fl-in a{flex:0 0 auto;padding:10px 26px;font-size:12px;color:#666;border-left:1px solid #efefef}
.fl-in a:first-child{border-left:0}
.fl-in a:hover{color:#f78115}
.foot{background:#333;margin-top:0;padding:0}
.foot-in{width:1200px;max-width:calc(100% - 24px);margin:0 auto;padding:22px 0 8px;display:flex;gap:40px;border-bottom:1px solid #3f3f3f}
.foot-col{flex:1}
.foot-col strong{display:block;color:#fff;font-size:14px;font-weight:400;margin-bottom:10px}
.foot-col p{color:#999;font-size:12px;line-height:22px;margin:0}
.foot-col p a{color:#999;margin-right:12px}
.foot-col p a:hover{color:#ff7950}
.foot-bar{width:1200px;max-width:calc(100% - 24px);margin:0 auto;padding:10px 0;color:#8c8c8c;font-size:12px;text-align:center;line-height:22px}
.foot-bar.dim{color:#777;padding-top:0}

/* ⑬ 内页统一到旧站观感 */
.main{padding-top:10px}
.crumb{font-size:12px;color:#999;margin:10px 0 8px}
.crumb a{color:#999}
.crumb a:hover{color:#f78115}
.card{border-radius:5px;box-shadow:none;border:0;padding:0;background:#fff}
.sec-t{height:52px;line-height:52px;padding:0 20px;font-size:18px;font-weight:700;color:#333;border-bottom:1px solid #f5f5f5}
.sec-t::before{display:none}
.sec-t.with-more a,.sec-t .count{font-size:12px;color:#999}
.row-list li{padding:14px 20px;border-bottom:1px solid #f5f5f5}
.row-list li:last-child{border-bottom:0}
.row-main h3{margin:0 0 6px;font-size:15px;font-weight:400;line-height:22px;color:#333}
.row-main h3:hover{color:#f78115}
.row-meta{font-size:12px;color:#999}
.row-desc{margin:6px 0 0;font-size:13px;color:#8a8a8a;line-height:22px}
.pager{padding:16px 20px}
.empty{padding:40px 20px}
.chips a{padding:0 12px;height:28px;line-height:28px;border-radius:3px;background:#f5f5f5;color:#666;font-size:13px;border:0}
.chips a.on{background:#ffefea;color:#e03a3a}
.chips a:hover{color:#f78115}
.filter-row{padding:10px 20px;border-bottom:1px solid #f5f5f5}
.btn{border-radius:4px;font-size:14px;height:38px;line-height:38px;padding:0 18px}
.btn-primary{background:#ff7950;color:#fff}
.btn-primary:hover{background:#ff8d6a;color:#fff}
.flash{margin:10px 0 0;border-radius:4px;font-size:13px}
.price,.row-meta .price,.info-foot .price,.job-foot .salary,.house-foot b{color:#e03a3a}

/* 列表行（带缩略图时横排） */
.row-list li.row-li{display:flex;gap:14px;padding:16px 20px}
.row-thumb{width:132px;height:92px;flex:0 0 132px;border-radius:4px;overflow:hidden;background:#f4f4f4}
.row-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.row-main{flex:1;min-width:0}

/* 响应式兜底 */
@media (max-width:1240px){
    .fivefun,.advbox,.hgrid,.row2{width:calc(100% - 24px)}
    .hgrid{grid-template-columns:1fr 300px}
    .row2{grid-template-columns:1fr}
    .jobsec .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
    .hgrid,.house .cols,.jobsec .cols,.artsec .cols{grid-template-columns:1fr}
    .navlist li{width:auto;padding:0 10px}
}

/* ===== 内页页脚（旧站 common2013.css 原值） ===== */
.footWrap { width: 100%; margin: 15px auto 0; background: #fff; }
.foot_Mid { background: #999; padding: 8px 0; text-align: center; }
.foot_box { width: 1200px; margin: 0 auto; }
.foot_MC li { padding: 0 24px; display: inline-block; border-left: 1px solid rgba(255,255,255,.4); line-height: 14px; }
.foot_MC li.first { border: 0 none; }
.foot_MC a { color: #fff; font-size: 12px; }
.foot_MC a:hover { color: #fff; }
.foot_Bot { width: 100%; margin: 0 auto; background: #fff; padding: 15px 0; text-align: center; }
.foot_Bot div div { font-size: 12px; color: #8c8c8c; line-height: 1.9; }
.foot_Bot a { font-size: 12px; color: #8c8c8c; }
/* ===== 首页：左列（全域信息卡 + 最新活动）、同城抢购、口碑好店 ===== */
.hcol-left,.hcol-right{display:block}
.bluecard{position:relative;margin-bottom:10px;padding:22px 20px 18px;background:linear-gradient(150deg,#1e6bd6,#3fa9f5 58%,#6fd0f5);border-radius:5px;color:#fff;overflow:hidden}
.bluecard:after{content:"";position:absolute;right:-46px;top:-46px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.16)}
.bluecard:before{content:"";position:absolute;right:-6px;bottom:-56px;width:118px;height:118px;border-radius:50%;background:rgba(255,255,255,.1)}
.bc-tit{position:relative;font-size:26px;font-weight:700;line-height:34px;letter-spacing:1px}
.bc-tit i{display:block;font-style:normal;font-size:19px;font-weight:400;letter-spacing:3px}
.bc-sub{position:relative;margin:10px 0 16px;font-size:12px;opacity:.92}
.bc-btn{position:relative;display:inline-block;padding:0 22px;height:34px;line-height:34px;background:#fff;border-radius:17px;color:#1e6bd6;font-size:14px;font-weight:700}
.bc-btn:hover{opacity:.92}
.bc-foot{position:relative;margin-top:16px;display:flex;gap:14px}
.bc-foot a{font-size:12px;color:#fff;opacity:.92}
.bc-foot a:hover{text-decoration:underline}
.actlist{padding:8px 14px 14px}
.act{position:relative;margin-bottom:10px;padding:12px 74px 12px 12px;background:#fafafa;border-radius:4px}
.act:last-child{margin-bottom:0}
.act-t{font-size:13px;color:#333;line-height:20px}
.act-m{margin-top:4px;font-size:12px;color:#999}
.act-b{position:absolute;right:12px;top:50%;margin-top:-14px;width:52px;height:28px;line-height:28px;text-align:center;background:#ff7950;color:#fff;border-radius:3px;font-size:12px}
.act-b:hover{opacity:.9}

.rushsec{width:1200px;max-width:calc(100% - 24px);margin:10px auto 0;background:#fff;border-radius:5px;overflow:hidden}
.rushbody{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:14px 20px 18px}
.rushitem{display:flex;gap:10px;align-items:center;background:#fafafa;border-radius:4px;padding:8px}
.rushitem .pic{flex:0 0 56px;width:56px;height:56px;border-radius:4px;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}
.rushitem .pic img{width:100%;height:100%;object-fit:cover;display:block}
.rushitem .pic span{color:#ff7950;font-size:18px;font-weight:700}
.rushitem .txt{min-width:0}
.rushitem .txt h4{margin:0 0 4px;font-size:13px;color:#333;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rushitem .txt .pr{font-size:12px;color:#ff7950}
.rushbody .empty{padding:20px 0;text-align:center;color:#999;font-size:13px;grid-column:1 / -1}

.goodshops{width:1200px;max-width:calc(100% - 24px);margin:10px auto 0;background:#fff;border-radius:5px;overflow:hidden}
.goodshops .body{display:flex;gap:16px;padding:14px 20px 18px;align-items:stretch}
.goodshops .join{flex:0 0 190px;display:flex;flex-direction:column;justify-content:center;padding:0 18px;background:linear-gradient(135deg,#ff9a3c,#ff6a3d);border-radius:6px;color:#fff}
.goodshops .join .jt{font-size:19px;font-weight:700}
.goodshops .join .js{margin:6px 0 12px;font-size:12px;opacity:.92}
.goodshops .join .jb{align-self:flex-start;padding:0 14px;height:28px;line-height:28px;background:#fff;color:#ff6a3d;border-radius:14px;font-size:12px}
.goodshops .glist{flex:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.gitem{text-align:center}
.gitem .lg{height:72px;border-radius:4px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}
.gitem .lg img{width:100%;height:100%;object-fit:cover;display:block}
.gitem .lg span{color:#ff7950;font-size:20px;font-weight:700}
.gitem .nm{margin-top:6px;font-size:12px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gitem .ad{margin-top:2px;font-size:12px;color:#bbb}
/* ===== 中列编辑推荐块 ===== */
.hcol-mid{display:block}
.hcard-rec{margin-top:10px}
.rec{padding:8px 20px 14px}
.recbig{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}
.recbig a{flex:1;min-width:0;font-size:16px;color:#333;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recbig a:hover{color:#f78115}
.recbig .date{color:#bbb;font-size:12px;white-space:nowrap}
.rec ul{margin:6px 0 0;padding:0;border-top:1px dashed #eee;padding-top:6px}
.rec li{height:30px;line-height:30px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.rec li a{flex:1;min-width:0;font-size:13px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rec li a:hover{color:#f78115}
.rec li .date{color:#bbb;font-size:12px;white-space:nowrap}
/* 房源卡片类型标签 */
.house .cell .tags .dtag{display:inline-block;background:#fff3ee;color:#ff7950;border-radius:2px;padding:0 5px;margin-right:6px;font-size:12px}