@charset "utf-8";
/* 想着升学网 电脑版样式
   栏目卡片、资讯列表、文章页共用这一份；手机版见 mxiangzhe.css
   改样式记得同步改 _Layout.cshtml 里 link 后面的版本号 */

/* 颜色与尺寸，改主题只动这一段 */
:root {
    --ink: #0E2A47;
    --ink2: #173E63;
    --org: #F2600C;
    --org2: #FF7A18;
    --orgbg: #FFF4EA;
    --green: #0E8F5B;
    --blue: #2B6CB0;
    --txt: #1B2430;
    --sub: #6C7785;
    --line: #E6EAF0;
    --bg: #F4F6F9;
    --card: 0 1px 2px rgba(14, 42, 71, .05);
    --card2: 0 2px 6px rgba(14, 42, 71, .05), 0 12px 30px rgba(14, 42, 71, .06);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
    font: 14px/1.7 "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
    color: var(--txt);
    background: var(--bg);
}
h1, h2, h3, h4, h5 { margin: 0; font-weight: 700; }
p, ul, ol, dl, dd, figure { margin: 0; padding: 0; }
ul, ol { list-style: none; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--org); }
img { display: block; max-width: 100%; border: 0; }
table { border-collapse: collapse; }
input, select, button, textarea { font-family: inherit; font-size: 14px; color: inherit; }
button { cursor: pointer; }

/* 给读屏和键盘用户看的跳转与隐藏标题 */
.sr-only {
    position: absolute; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0 0 0 0); white-space: nowrap;
}
.skip-link {
    position: absolute; left: -9999px; top: 0; z-index: 99;
    background: #fff; color: var(--org); padding: 8px 14px;
}
.skip-link:focus { left: 8px; top: 8px; }

.dz-wrap { width: 1200px; margin: 0 auto; }

/* 顶部细条 */
.dz-top { background: #EDF1F6; border-bottom: 1px solid #E1E7EE; font-size: 13px; color: #55636F; }
.dz-top .dz-wrap { display: flex; align-items: center; height: 36px; gap: 18px; }
.dz-top strong { color: var(--ink); }
.dz-top em { font-style: normal; color: var(--org); font-weight: 700; }
.dz-top-note { color: #8592A0; }
.dz-top-right { margin-left: auto; display: flex; align-items: center; gap: 18px; }
.dz-top-qr { position: relative; display: flex; align-items: center; gap: 4px; cursor: default; }
.dz-top-qr i { font-style: normal; color: var(--org); font-weight: 700; }
.dz-top-qr .pop {
    display: none; position: absolute; top: 34px; right: -10px; z-index: 60;
    width: 138px; padding: 10px; background: #fff; border: 1px solid var(--line);
    border-radius: 6px; box-shadow: var(--card2); font-size: 12px; text-align: center; color: var(--txt);
}
.dz-top-qr .pop img { width: 116px; height: 116px; margin: 0 auto 6px; }
.dz-top-qr:hover .pop { display: block; }

/* 页头与导航 */
.dz-head { background: #fff; border-bottom: 1px solid var(--line); }
.dz-head-in { display: flex; align-items: center; gap: 24px; height: 78px; }
.dz-logo { flex: none; display: flex; align-items: center; }
.dz-logo img { height: 44px; width: auto; }
.dz-search { flex: 1; max-width: 420px; display: flex; height: 40px; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: #FAFBFC; }
.dz-search:focus-within { border-color: var(--org); background: #fff; }
.dz-search input { flex: 1; border: 0; outline: 0; background: none; padding: 0 16px; font-size: 13px; }
.dz-search button { width: 76px; border: 0; background: var(--org); color: #fff; font-size: 14px; }
.dz-search button:hover { background: #E85300; }
.dz-head-act { margin-left: auto; display: flex; gap: 12px; flex: none; }
.dz-act-btn { position: relative; }
.dz-act-link {
    height: 34px; padding: 0 12px; border: 1px solid var(--line); border-radius: 17px;
    background: #fff; font-size: 12px; color: #55636F;
}
.dz-act-link:hover { border-color: #F3B683; color: var(--org); }
.dz-act-pop {
    display: none; position: absolute; top: 40px; right: 0; z-index: 60; width: 148px;
    padding: 10px; background: #fff; border: 1px solid var(--line); border-radius: 6px;
    box-shadow: var(--card2); font-size: 12px; text-align: center;
}
.dz-act-pop img { width: 126px; height: 126px; margin: 0 auto 4px; }
.dz-act-btn:hover .dz-act-pop { display: block; }

.dz-nav { border-top: 1px solid #F0F2F5; }
.dz-nav .dz-wrap { display: flex; align-items: center; }
.dz-nav a { display: block; padding: 0 15px; line-height: 46px; font-size: 15px; color: #39434F; position: relative; }
.dz-nav a:hover { color: var(--org); background: none; }
.dz-nav a.cur { color: var(--org); font-weight: 700; }
.dz-nav a.cur:after { content: ""; position: absolute; left: 15px; right: 15px; bottom: 0; height: 2px; background: var(--org); }
.dz-nav-home { padding-left: 0 !important; }

/* 导航上的省份下拉，原来摊在页面上的一整排文字链收进来 */
.dz-nav-prov { position: relative; }
.dz-nav-prov > a:after {
    content: ""; display: inline-block; width: 6px; height: 6px; margin-left: 6px;
    border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
}
.dz-nav-panel {
    display: none; position: absolute; left: 0; top: 46px; z-index: 55; width: 520px;
    padding: 14px 16px 16px; background: #fff; border: 1px solid var(--line); border-top: 2px solid var(--org);
    border-radius: 0 0 8px 8px; box-shadow: var(--card2);
}
.dz-nav-prov:hover .dz-nav-panel { display: block; }
.dz-nav-panel h4 { font-size: 12px; font-weight: 400; color: var(--sub); margin-bottom: 8px; }
.dz-nav-panel ul { display: flex; flex-wrap: wrap; }
.dz-nav-panel li { width: 86px; }
.dz-nav-panel li a { display: block; padding: 0; line-height: 28px; font-size: 13px; color: #40505F; border-radius: 4px; }
.dz-nav-panel li a:hover { background: var(--orgbg); color: var(--org); }

/* 首页首屏：左边测算，右边轮播 */
.dz-home { padding-bottom: 34px; }
.dz-focus { display: grid; grid-template-columns: 520px 1fr; gap: 20px; padding: 20px 0 0; align-items: stretch; }
.dz-tool { background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--card2); overflow: hidden; display: flex; flex-direction: column; }
.dz-tool-tit { padding: 16px 18px 12px; background: linear-gradient(90deg, #FFF7F0, #fff); border-bottom: 1px solid #F5E3D2; }
.dz-tool-year { display: block; font-size: 12px; color: var(--org); font-weight: 700; letter-spacing: .5px; }
.dz-tool-tit strong { display: block; font-size: 20px; margin-top: 3px; letter-spacing: .3px; }
.dz-tool-desc { margin: 4px 0 0; font-size: 12px; color: var(--sub); }
.dz-tool-form { flex: 1; display: flex; flex-direction: column; justify-content: space-evenly; padding: 16px 18px 18px; }
.dz-tool-form > div, .dz-tool-form > label { margin-bottom: 0; }
.dz-tool-form label { display: block; font-size: 12px; color: var(--sub); margin-bottom: 5px; }
.dz-tool-form select, .dz-tool-form input {
    width: 100%; height: 40px; border: 1px solid var(--line); border-radius: 6px;
    padding: 0 10px; background: #fff; outline: 0; font-size: 14px;
}
.dz-tool-form select:focus, .dz-tool-form input:focus { border-color: var(--org); box-shadow: 0 0 0 2px rgba(242, 96, 12, .1); }
.dz-tool-row { display: flex; gap: 12px; }
.dz-tool-row > div { flex: 1; }
.dz-tool-form button {
    width: 100%; height: 46px; margin-top: 14px; border: 0; border-radius: 6px;
    background: linear-gradient(100deg, var(--org2), #E85300); color: #fff;
    font-size: 16px; font-weight: 700; box-shadow: 0 6px 16px rgba(232, 83, 0, .2);
}
.dz-tool-form button:hover { filter: brightness(1.05); }
.dz-tool-trust { display: flex; flex-wrap: wrap; gap: 4px 18px; margin-top: 12px; font-size: 12px; color: var(--sub); }
.dz-tool-trust span:before { content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--green); margin-right: 5px; vertical-align: 1px; }

.dz-focus-right { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.dz-slide { position: relative; background: #fff; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.dz-slide-item { display: none; }
.dz-slide-item.on { display: block; }
.dz-slide-item img { width: 100%; height: 300px; object-fit: cover; }
.dz-slide-item span {
    position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 16px 12px;
    background: linear-gradient(180deg, rgba(14, 42, 71, 0), rgba(14, 42, 71, .72));
    color: #fff; font-size: 15px; line-height: 1.5;
}
.dz-slide-dots { position: absolute; right: 14px; bottom: 14px; display: flex; gap: 6px; z-index: 3; }
.dz-slide-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, .5); cursor: pointer; }
.dz-slide-dot.on { background: #fff; width: 18px; border-radius: 4px; }
.dz-slide-empty { padding: 60px 20px; text-align: center; color: var(--sub); }
.dz-slide-empty strong { display: block; font-size: 16px; color: var(--ink); margin-bottom: 6px; }
.dz-focus-right .dz-slide { flex: 1; }
.dz-focus-right .dz-slide-item { height: 100%; }
.dz-focus-right .dz-slide-item img { width: 100%; height: 100%; min-height: 300px; }

/* 轮播下面三个快捷入口 */
.dz-focus-serve { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.dz-focus-serve a { background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 11px 12px; display: block; }
.dz-focus-serve a:hover { border-color: #F3C79B; background: #FFFBF7; }
.dz-focus-serve strong { display: block; font-size: 15px; }
.dz-focus-serve em { display: block; font-style: normal; font-size: 11px; color: var(--sub); margin-top: 2px; }

/* 首页图片广告位：横排四个，定高 240，图片完整显示不裁切 */
.dz-adbanner { margin-top: 20px; }
.dz-adbanner ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.dz-adbanner li { position: relative; height: 240px; border-radius: 10px; overflow: hidden; background: #F2F5F9; border: 1px solid #E3E9F0; }
.dz-adbanner img { width: 100%; height: 100%; object-fit: contain; }
.dz-adbanner .ad { position: absolute; left: 0; top: 0; z-index: 2; background: #E4EAF1; color: #7A8794; font-size: 10px; padding: 2px 7px; border-radius: 0 0 6px 0; }
.dz-adbanner .txt {
    position: absolute; left: 0; right: 0; bottom: 0; padding: 24px 14px 12px; color: #fff;
    background: linear-gradient(180deg, rgba(14, 42, 71, 0), rgba(14, 42, 71, .78));
}
.dz-adbanner .txt strong { display: block; font-size: 15px; }
.dz-adbanner .txt em { display: block; font-style: normal; font-size: 12px; opacity: .9; margin-top: 2px; }

/* 通用区块外壳 */
.dz-box { background: #fff; border: 1px solid var(--line); border-radius: 10px; margin-top: 20px; padding: 0 20px 18px; }
.dz-box-tit { display: flex; align-items: center; gap: 10px; padding: 16px 0 12px; border-bottom: 1px solid #F0F2F5; margin-bottom: 4px; }
.dz-box-tit h2 { font-size: 19px; letter-spacing: .3px; }
.dz-box-tit h2:before { content: ""; display: inline-block; width: 3px; height: 15px; background: var(--org); border-radius: 2px; margin-right: 9px; vertical-align: -1px; }
.dz-box-tit .dz-box-more { margin-left: auto; }
.dz-box-more { font-size: 13px; color: var(--sub); }
.dz-box-more:hover { color: var(--org); background: none; }
.dz-box-note { margin-left: 12px; font-size: 12px; color: #9AA4B1; }
.dz-box-ad, .dz-side-ad { margin-left: auto; font-size: 10px; color: #8B95A1; background: #EFF2F6; padding: 2px 6px; border-radius: 3px; }
.dz-box-tit .dz-box-note + .dz-box-more { margin-left: auto; }
.dz-empty { padding: 26px 0; text-align: center; font-size: 13px; color: #9AA4B1; }
.dz-empty a { color: var(--org); }
.dz-empty-big { padding: 46px 20px; }
.dz-empty-big strong { display: block; font-size: 16px; color: var(--ink); margin-bottom: 8px; }
.dz-lead { font-size: 13px; color: #5B6672; line-height: 1.95; margin-bottom: 12px; }

/* 重点省份栏目卡：没有内容的栏目不输出，补上内容自动出现 */
.dz-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.dz-col { border: 1px solid #EDF0F4; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; background: #fff; }
.dz-col > h3 { display: flex; align-items: center; padding: 12px 14px; font-size: 15px; background: #FAFBFC; border-bottom: 1px solid #F0F2F5; }
.dz-col > h3:before { content: ""; width: 3px; height: 14px; border-radius: 2px; background: var(--org); margin-right: 8px; }
.dz-col > h3 span { margin-left: auto; font-size: 11px; font-weight: 400; color: var(--sub); }
.dz-col ul { flex: 1; padding: 4px 14px 8px; }
.dz-col li { display: flex; gap: 10px; align-items: flex-start; padding: 10px 0; border-bottom: 1px dashed #EEF1F4; }
.dz-col li:last-child { border-bottom: 0; }
.dz-col .th { width: 86px; height: 58px; border-radius: 5px; overflow: hidden; flex: none; background: #E7EDF4; }
.dz-col .th img { width: 100%; height: 100%; object-fit: cover; }
.dz-col .bd { flex: 1; min-width: 0; }
.dz-col .bd strong { display: block; font-size: 14px; font-weight: 400; line-height: 1.45; color: var(--txt); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dz-col .bd time { display: block; font-size: 12px; color: #9AA4B1; margin-top: 5px; }
.dz-col li:hover .bd strong { color: var(--org); }
.dz-col > a { display: block; text-align: center; font-size: 12px; color: var(--sub); padding: 9px; border-top: 1px solid #F0F2F5; }
.dz-col > a:hover { color: var(--org); background: none; }

/* 首页资讯四栏（图左文右） */
.dz-newscate { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 20px; }
.dz-newscate-col { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 0 16px 10px; }
.dz-newscate-head { display: flex; align-items: center; padding: 14px 0 10px; border-bottom: 1px solid #F0F2F5; }
.dz-newscate-head h2 { font-size: 16px; }
.dz-newscate-head h2:before { content: ""; display: inline-block; width: 3px; height: 14px; background: var(--org); border-radius: 2px; margin-right: 8px; vertical-align: -1px; }
.dz-newscate-more { margin-left: auto; font-size: 12px; color: var(--sub); }
.dz-newscate-list li { display: flex; gap: 11px; align-items: flex-start; padding: 11px 0; border-bottom: 1px dashed #EEF1F4; }
.dz-newscate-list li:last-child { border-bottom: 0; }
.dz-newscate-list a { display: flex; gap: 11px; width: 100%; align-items: flex-start; }
.dz-nc-thumb { width: 104px; height: 70px; border-radius: 6px; overflow: hidden; flex: none; background: #E7EDF4; }
.dz-nc-thumb img { width: 100%; height: 100%; object-fit: cover; }
.dz-nc-body { flex: 1; min-width: 0; }
.dz-nc-body strong { display: block; font-size: 14px; font-weight: 400; line-height: 1.5; color: var(--txt); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dz-nc-body time { display: block; font-size: 12px; color: #9AA4B1; margin-top: 6px; }
.dz-nc-body:hover strong, .dz-newscate-list li:hover strong { color: var(--org); }
.dz-newscate-empty { padding: 18px 0; font-size: 13px; color: #9AA4B1; }
.dz-newscate-empty a { color: var(--org); }

/* 推荐院校 */
.dz-gxlj-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; padding-top: 14px; }
.dz-gxlj-list li { border: 1px solid #EDF0F4; border-radius: 8px; overflow: hidden; background: #fff; }
.dz-gxlj-list a:hover { border-color: #F3C79B; }
.dz-gxlj-img { display: block; height: 124px; overflow: hidden; background: #E7EDF4; }
.dz-gxlj-img img { width: 100%; height: 124px; object-fit: cover; }
.dz-gxlj-name { display: block; font-size: 14px; padding: 9px 11px 0; }
.dz-gxlj-remark { display: block; font-size: 12px; color: var(--sub); padding: 3px 11px 0; line-height: 1.6; height: 34px; overflow: hidden; }
.dz-gxlj-ask { display: block; margin: 8px 11px 11px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #F5C7A5; border-radius: 14px; font-size: 12px; color: var(--org); }
.dz-gxlj-list a:hover .dz-gxlj-ask { background: var(--org); color: #fff; border-color: var(--org); }

/* 专业解读三卡 */
.dz-news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; padding-top: 14px; }
.dz-news-card { border: 1px solid #EDF0F4; border-radius: 8px; overflow: hidden; }
.dz-news-card:hover { border-color: #F3C79B; }
.dz-news-thumb { display: block; height: 168px; overflow: hidden; background: #E7EDF4; }
.dz-news-thumb img { width: 100%; height: 168px; object-fit: cover; }
.dz-news-card h3 { padding: 12px 14px 0; font-size: 16px; line-height: 1.5; }
.dz-news-card p { padding: 7px 14px 0; font-size: 13px; color: #5B6672; line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dz-news-card time { display: block; padding: 9px 14px 14px; font-size: 12px; color: #9AA4B1; }

/* 两列 / 四列省份资讯 */
.dz-cate { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; }
.dz-cate.dz-other { grid-template-columns: repeat(4, 1fr); gap: 0 20px; }
.dz-cate-col { min-width: 0; }
.dz-cate .dz-newscate-list { border: 0; }

/* 资料包 */
.dz-lead-band { display: flex; align-items: center; gap: 26px; background: linear-gradient(100deg, #FFF7F0, #FFEEDC); border: 1px solid #F7DCC0; border-radius: 10px; padding: 20px 24px; margin-top: 20px; }
.dz-lead-band h2 { font-size: 19px; color: #8A3C00; }
.dz-lead-band .who { font-size: 12px; color: #A4551A; margin-top: 4px; }
.dz-lead-band ul { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; }
.dz-lead-band li { font-size: 13px; color: #7A4415; padding: 5px 0 5px 16px; position: relative; line-height: 1.7; }
.dz-lead-band li:before { content: ""; position: absolute; left: 0; top: 11px; width: 7px; height: 7px; border-radius: 2px; background: var(--org); }
.dz-lead-band .box { width: 330px; flex: none; margin: 0; border: 0; padding: 0; background: none; box-shadow: none; }
.dz-lead-band input { width: 100%; height: 42px; border: 1px solid #EFCFAE; border-radius: 6px; padding: 0 12px; background: #fff; outline: 0; }
.dz-lead-band input:focus { border-color: var(--org); }
.dz-lead-band button { width: 100%; height: 40px; margin-top: 8px; border: 0; border-radius: 6px; background: linear-gradient(100deg, var(--org2), #E85300); color: #fff; font-size: 15px; font-weight: 700; }
.dz-lead-band .tip { font-size: 11px; color: #B0764A; margin-top: 6px; text-align: center; min-height: 17px; }
.dz-lead-band .tip.err { color: #D9482B; }
.dz-lead-band .tip.ok { color: var(--green); }

/* 常见问题 */
.dz-faq { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; padding-top: 6px; }
.dz-faq details { border-bottom: 1px solid #EDF0F4; padding: 12px 0; }
.dz-faq summary { font-size: 15px; font-weight: 700; cursor: pointer; list-style: none; position: relative; padding-left: 22px; }
.dz-faq summary::-webkit-details-marker { display: none; }
.dz-faq summary:before { content: "?"; position: absolute; left: 0; top: 1px; width: 15px; height: 15px; line-height: 15px; text-align: center; font-size: 11px; color: var(--org); background: var(--orgbg); border-radius: 50%; }
.dz-faq p { margin: 8px 0 0 22px; font-size: 13px; color: #556070; line-height: 1.95; }

/* 友情链接 */
.dz-flink-list { display: flex; flex-wrap: wrap; gap: 8px 18px; padding-top: 12px; font-size: 13px; color: #5B6672; }
.dz-flink-list a:hover { color: var(--org); }

/* 列表页与文章页共用的两栏 */
.dz-crumb { background: #fff; border-bottom: 1px solid var(--line); font-size: 13px; color: var(--sub); }
.dz-crumb .dz-wrap { display: flex; align-items: center; gap: 8px; height: 44px; }
.dz-crumb span { color: #C3CCD6; }
.dz-crumb em { font-style: normal; color: #40505F; }
.dz-page { display: grid; grid-template-columns: 1fr 300px; gap: 20px; align-items: start; padding-top: 20px; padding-bottom: 36px; }
.dz-page-main { min-width: 0; }
.dz-page-side { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 20px; }
.dz-page-head { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 18px 20px; }
.dz-page-head h1 { font-size: 24px; letter-spacing: .3px; }
.dz-page-head h1:before { content: ""; display: inline-block; width: 4px; height: 18px; background: var(--org); border-radius: 2px; margin-right: 10px; vertical-align: -2px; }
.dz-page-head p { margin-top: 10px; font-size: 13px; color: #5B6672; line-height: 1.95; }
.dz-page-head .num { margin-top: 8px; font-size: 12px; color: #9AA4B1; }
.dz-page-head .num em { font-style: normal; color: var(--org); font-weight: 700; }

/* 列表条目：图左文右 */
.dz-art-list { background: #fff; border: 1px solid var(--line); border-radius: 10px; margin-top: 16px; padding: 4px 20px; }
.dz-art-item { display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px dashed #EBEFF3; }
.dz-art-item:last-child { border-bottom: 0; }
.dz-art-thumb { width: 208px; height: 130px; border-radius: 8px; overflow: hidden; flex: none; background: #E7EDF4; }
.dz-art-thumb img { width: 100%; height: 100%; object-fit: cover; }
.dz-art-body { flex: 1; min-width: 0; }
.dz-art-body h2 { font-size: 18px; line-height: 1.5; }
.dz-art-body h2 a:hover { color: var(--org); }
.dz-art-body p { margin: 8px 0 0; font-size: 13px; color: #5B6672; line-height: 1.9; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dz-art-meta { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 10px; font-size: 12px; color: #96A0AC; align-items: center; }
.dz-art-meta time { font-size: 12px; }
.dz-art-meta .cate { color: var(--org); }

/* 列表页底部的栏目说明 */
.dz-about { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 18px 20px; margin-top: 16px; }
.dz-about h2 { font-size: 17px; margin-bottom: 8px; }
.dz-about h2:before { content: ""; display: inline-block; width: 3px; height: 14px; background: var(--org); border-radius: 2px; margin-right: 9px; vertical-align: -1px; }
.dz-about p { font-size: 13px; color: #5B6672; line-height: 2; }
.dz-about dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 14px; padding-top: 14px; border-top: 1px dashed #EBEFF3; }
.dz-about dt { font-size: 13px; color: var(--ink); font-weight: 700; }
.dz-about dd { margin: 4px 0 0; font-size: 12px; color: var(--sub); line-height: 1.85; }

/* 分页 */
.dz-pager-wrap { margin-top: 16px; }
.pager { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 14px 0; font-size: 13px; background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.pager a, .pager .cur { min-width: 34px; height: 34px; line-height: 32px; text-align: center; padding: 0 10px; border: 1px solid var(--line); border-radius: 5px; background: #fff; color: #40505F; }
.pager a:hover { border-color: #F3B683; color: var(--org); }
.pager .cur { background: var(--org); border-color: var(--org); color: #fff; font-weight: 700; }
.pager span { margin-left: 10px; color: var(--sub); font-size: 12px; }
.pager span b { color: var(--org); }

/* 侧栏通用块 */
.dz-side-box { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 0 16px 14px; overflow: hidden; }
.dz-side-tit { display: flex; align-items: center; padding: 13px 0 10px; border-bottom: 1px solid #F0F2F5; margin-bottom: 10px; }
.dz-side-tit strong { font-size: 15px; }
.dz-side-tit strong:before { content: ""; display: inline-block; width: 3px; height: 13px; background: var(--org); border-radius: 2px; margin-right: 8px; vertical-align: -1px; }
.dz-side-ad { margin-left: auto; font-size: 10px; color: #8B95A1; background: #EFF2F6; padding: 2px 6px; border-radius: 3px; }
.dz-side-news li { display: flex; gap: 8px; padding: 7px 0; border-bottom: 1px dashed #F0F2F5; font-size: 13px; line-height: 1.6; }
.dz-side-news li:last-child { border-bottom: 0; }
.dz-side-news-item time { flex: none; font-size: 11px; color: #A9B3BE; align-self: center; }
.dz-side-news-item a { flex: 1; color: #40505F; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dz-side-news-item a:hover { color: var(--org); }
/* 侧栏测算表单 */
.dz-side-calc { display: flex; flex-direction: column; gap: 9px; }
.dz-side-calc select, .dz-side-calc input { width: 100%; height: 36px; border: 1px solid var(--line); border-radius: 5px; padding: 0 9px; background: #fff; outline: 0; font-size: 13px; }
.dz-side-calc select:focus, .dz-side-calc input:focus { border-color: var(--org); }
.dz-side-calc-row { display: flex; gap: 8px; }
.dz-side-calc-row input { flex: 1; min-width: 0; }
.dz-side-calc button { height: 38px; border: 0; border-radius: 5px; background: linear-gradient(100deg, var(--org2), #E85300); color: #fff; font-size: 14px; font-weight: 700; }
.dz-side-tag { margin-top: 10px; }
.dz-side-news-item.top:before { background: var(--org); color: #fff; }
.dz-side-news { counter-reset: sd; }
.dz-side-news-item:before { counter-increment: sd; content: counter(sd); width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 11px; border-radius: 3px; background: #EFF2F6; color: #8B95A1; flex: none; margin-top: 3px; }
.dz-side-province { display: flex; flex-wrap: wrap; gap: 6px; }
.dz-side-province a { width: calc(33.33% - 4px); text-align: center; font-size: 12px; color: #5B6672; background: #F6F8FA; border-radius: 4px; padding: 6px 0; }
.dz-side-province a:hover { background: var(--orgbg); color: var(--org); }
.dz-side-search { display: flex; height: 36px; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; }
.dz-side-search input { flex: 1; border: 0; outline: 0; padding: 0 14px; background: #FAFBFC; font-size: 13px; }
.dz-side-search button { width: 62px; border: 0; background: var(--org); color: #fff; font-size: 13px; }
.dz-side-yx-big li { margin-bottom: 12px; border: 1px solid #EDF0F4; border-radius: 8px; overflow: hidden; }
.dz-side-yx-big li:last-child { margin-bottom: 0; }
.dz-side-yx-big img { width: 100%; height: 140px; object-fit: cover; }
.dz-side-yx-big strong { display: block; font-size: 14px; padding: 9px 11px 0; }
.dz-side-yx-big em { display: block; font-style: normal; font-size: 12px; color: var(--sub); padding: 3px 11px 11px; line-height: 1.6; }
.dz-side-cta { background: linear-gradient(160deg, #FFF7F0, #FFEEDC); border-color: #F7DCC0; }
.dz-side-cta strong { display: block; font-size: 16px; color: #8A3C00; padding-top: 14px; }
.dz-side-cta p { font-size: 12px; color: #A4551A; line-height: 1.8; margin: 6px 0 12px; }
.dz-side-cta-btn { display: block; height: 38px; line-height: 38px; text-align: center; border-radius: 6px; background: linear-gradient(100deg, var(--org2), #E85300); color: #fff; font-size: 14px; font-weight: 700; }
.dz-side-cta-btn:hover { filter: brightness(1.05); color: #fff; }
.dz-side-cta-btn2 { margin-top: 8px; background: #fff; border: 1px solid #EFCFAE; color: var(--org); font-weight: 400; }
.dz-side-gzh { text-align: center; padding-top: 14px; }
.dz-side-gzh img { width: 132px; height: 132px; margin: 0 auto 8px; }
.dz-side-gzh p { font-size: 12px; color: var(--sub); line-height: 1.7; }
.dz-side-lead { background: #fff; }
.dz-lead-tit { padding: 14px 0 10px; border-bottom: 1px solid #F0F2F5; }
.dz-lead-tit strong { font-size: 16px; }
.dz-lead-tit span { display: block; font-size: 12px; color: var(--sub); margin-top: 3px; }
.dz-lead-form { padding-top: 12px; }
.dz-lead-row { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.dz-lead-row label { width: 40px; flex: none; font-size: 13px; color: var(--sub); }
.dz-lead-row input { flex: 1; height: 36px; border: 1px solid var(--line); border-radius: 5px; padding: 0 10px; outline: 0; }
.dz-lead-row input:focus { border-color: var(--org); }
.dz-lead-form button { width: 100%; height: 38px; border: 0; border-radius: 5px; background: var(--org); color: #fff; font-size: 14px; font-weight: 700; }
.dz-lead-tip { font-size: 12px; min-height: 18px; margin-top: 6px; color: var(--sub); }
.dz-lead-tip.err { color: #D9482B; }
.dz-lead-tip.ok { color: var(--green); }

/* 文章页 */
.dz-art { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 24px 30px 26px; }
.dz-art-head h1 { font-size: 26px; line-height: 1.55; }
.dz-art-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; margin: 12px 0 16px; padding-bottom: 13px; border-bottom: 1px solid #F0F2F5; font-size: 12px; color: #96A0AC; }
.dz-art-meta .cate { color: var(--org); }
.dz-art-meta b { font-weight: 400; color: var(--ink2); }
.dz-share { margin-left: auto; display: flex; align-items: center; gap: 6px; position: relative; }
.dz-share-tit { font-size: 12px; color: #9AA4B1; }
.dz-share-btn { font-size: 12px; color: #5B6672; border: 1px solid var(--line); border-radius: 12px; padding: 2px 9px; }
.dz-share-btn:hover { border-color: #F3B683; color: var(--org); }
.dz-share-tip { position: absolute; right: 0; top: 30px; background: var(--ink); color: #fff; font-size: 12px; padding: 5px 10px; border-radius: 4px; display: none; white-space: nowrap; }
.dz-share-tip.on { display: block; }

/* 正文排版，后台富文本出来的东西都靠这段兜住 */
.dz-art-content { font-size: 16px; line-height: 2.05; color: #28313C; }
.dz-art-content > *:first-child { margin-top: 0; }
.dz-art-content p { margin: 0 0 14px; }
.dz-art-content h2, .dz-art-content h3, .dz-art-content h4 { margin: 26px 0 12px; font-size: 19px; line-height: 1.6; }
.dz-art-content h3, .dz-art-content h4 { font-size: 17px; }
.dz-art-content img { max-width: 100%; height: auto; margin: 6px 0 14px; border-radius: 8px; }
.dz-art-content table { width: 100% !important; font-size: 14px; margin: 4px 0 16px; }
.dz-art-content table td, .dz-art-content table th { border: 1px solid #EDF0F4 !important; padding: 10px 12px !important; text-align: center; line-height: 1.7; }
.dz-art-content table th { background: #F7F9FC !important; color: #5B6672; font-weight: 400; }
.dz-art-content ul, .dz-art-content ol { margin: 0 0 14px; padding-left: 22px; list-style: disc; }
.dz-art-content ol { list-style: decimal; }
.dz-art-content li { margin: 5px 0; }
.dz-art-content a { color: var(--blue); text-decoration: underline; }
.dz-art-content blockquote { margin: 0 0 14px; padding: 12px 16px; background: #F7F9FC; border-left: 3px solid var(--org); border-radius: 0 6px 6px 0; color: #39434F; }
.dz-art-content strong { color: var(--ink); }

.dz-art-ad { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 22px; }
.dz-art-ad-item { background: linear-gradient(100deg, #FFF7F0, #FFEEDC); border: 1px solid #F7DCC0; border-radius: 8px; padding: 14px 16px; }
.dz-art-ad-item strong { font-size: 15px; color: #8A3C00; }
.dz-art-ad-item p { font-size: 12px; color: #A4551A; line-height: 1.8; margin: 5px 0 10px; }
.dz-art-ad-item a { display: inline-block; font-size: 13px; color: var(--org); border: 1px solid #F5C7A5; border-radius: 14px; padding: 3px 12px; }
.dz-art-ad-item a:hover { background: var(--org); color: #fff; border-color: var(--org); }
.dz-art-ad-item2 { background: #F8FAFC; border-color: #E6EAF0; }
.dz-art-ad-item2 strong { color: var(--ink); }
.dz-art-ad-item2 p { color: var(--sub); }
.dz-art-ad-item2 a { color: var(--ink2); border-color: #D8E0EA; }
.dz-art-ad-item2 a:hover { background: var(--ink2); color: #fff; border-color: var(--ink2); }

.dz-art-note { margin-top: 18px; padding-top: 13px; border-top: 1px solid #F0F2F5; font-size: 12px; color: #96A0AC; line-height: 2; }
.dz-art-sibling { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 16px; }
.dz-art-sibling > div { background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 12px 14px; font-size: 13px; }
.dz-art-sibling > div:last-child { text-align: right; }
.dz-art-sibling span { display: block; font-size: 11px; color: #9AA4B1; margin-bottom: 4px; }
.dz-art-sibling a { line-height: 1.6; color: #40505F; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dz-art-sibling a:hover { color: var(--org); }
.dz-art-sibling em { font-style: normal; color: #A9B3BE; }

.dz-rel { background: #fff; border: 1px solid var(--line); border-radius: 10px; margin-top: 16px; padding: 0 20px 12px; }
.dz-rel-list li { display: flex; padding: 14px 0; border-bottom: 1px dashed #EBEFF3; }
.dz-rel-list li:last-child { border-bottom: 0; }
.dz-rel-list li > a { display: flex; gap: 14px; align-items: flex-start; width: 100%; }
.dz-rel-thumb { display: block; width: 140px; height: 90px; border-radius: 6px; overflow: hidden; flex: none; background: #E7EDF4; }
.dz-rel-thumb img { width: 100%; height: 100%; object-fit: cover; }
.dz-rel-body { display: block; flex: 1; min-width: 0; }
.dz-rel-body strong { display: block; font-size: 15px; font-weight: 400; line-height: 1.55; color: var(--txt); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dz-rel-body time { display: block; font-size: 12px; color: #9AA4B1; margin-top: 7px; }
.dz-rel-list a:hover strong { color: var(--org); }

/* 搜索结果页复用列表样式，这里只补差异 */
.dz-search-page .dz-page-head h1 { font-size: 20px; }
.dz-search-empty { padding: 46px 20px; text-align: center; background: #fff; border: 1px solid var(--line); border-radius: 10px; margin-top: 16px; color: var(--sub); }
.dz-side-yx { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px dashed #F0F2F5; }
.dz-side-yx img { width: 76px; height: 54px; border-radius: 5px; object-fit: cover; flex: none; }
.dz-side-yx-info { flex: 1; min-width: 0; }
.dz-side-yx-info strong { display: block; font-size: 13px; font-weight: 400; }
.dz-side-yx-info em { display: block; font-style: normal; font-size: 12px; color: var(--sub); margin-top: 3px; }

/* 页脚 */
.dz-foot { background: #EEF2F7; border-top: 1px solid #E1E7EE; color: #5C6875; font-size: 13px; padding-top: 32px; }
.dz-foot-in { display: grid; grid-template-columns: 280px 1fr 1fr 1.4fr; gap: 26px; padding-bottom: 22px; }
.dz-foot h4 { font-size: 14px; color: var(--ink); margin-bottom: 10px; }
.dz-foot-about p { margin: 0 0 8px; font-size: 12px; line-height: 1.95; }
.dz-foot-summary { color: #5C6875; }
.dz-foot-link { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; }
.dz-foot-link span { color: #C3CCD6; }
.dz-foot ul li { padding: 3px 0; }
.dz-foot .dz-foot-prov { display: flex; flex-wrap: wrap; }
.dz-foot .dz-foot-prov li { width: 25%; }
.dz-foot .dz-foot-prov a { font-size: 12px; color: #6B7784; }
.dz-foot-qr { display: flex; gap: 14px; }
.dz-foot-qr div { text-align: center; font-size: 11px; color: #7A8794; }
.dz-foot-qr img { width: 82px; height: 82px; border-radius: 4px; margin-bottom: 5px; }
.dz-foot-bar { border-top: 1px solid #DDE4EC; padding: 13px 0 16px; font-size: 12px; color: #8592A0; line-height: 2; }
.dz-foot-bar a { color: #4C5866; }
.dz-foot-bar a:hover { color: var(--org); }

/* 右侧悬浮 */
.dz-float { position: fixed; right: 14px; top: 150px; z-index: 40; display: flex; flex-direction: column; }
.dz-float a, .dz-float button { position: relative; width: 56px; height: 58px; background: #fff; border: 1px solid var(--line); color: var(--sub); font-size: 11px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; }
.dz-float a:first-child, .dz-float button:first-child { border-radius: 8px 8px 0 0; }
.dz-float a:last-child, .dz-float button:last-child { border-radius: 0 0 8px 8px; }
.dz-float a:hover, .dz-float button:hover { color: var(--org); border-color: #F5C7A5; background: #fff; }
.dz-float .pop { display: none; position: absolute; right: 58px; top: -8px; width: 132px; padding: 9px; background: #fff; border: 1px solid var(--line); border-radius: 6px; box-shadow: var(--card2); font-size: 11px; text-align: center; color: var(--txt); }
.dz-float .pop img { width: 112px; height: 112px; margin-bottom: 4px; }
.dz-float .has-pop:hover .pop { display: block; }

/* 旧版页面兜底：Intro 等页面用的是另一套类名，这里给到能读的基本排版 */
.page-layout, .detail-page { width: 1200px; margin: 0 auto; padding: 20px 0 36px; }
.page-main { min-width: 0; }
.breadcrumb-bar { font-size: 13px; color: var(--sub); padding: 12px 0; }
.article-header { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 22px 26px; }
.article-header h1 { font-size: 25px; line-height: 1.55; }
.article-meta { font-size: 12px; color: #96A0AC; margin-top: 10px; }
.article-content, .article-detail { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 22px 26px; margin-top: 16px; font-size: 16px; line-height: 2.05; color: #28313C; }
.article-content p { margin: 0 0 14px; }
.article-content img { max-width: 100%; height: auto; border-radius: 8px; }

/* 容器 1200，只有浏览器窄于容器时才降级；电脑版 viewport 固定 1200，不会误触发 */
@media (max-width: 1199px) {
    .dz-wrap, .page-layout, .detail-page { width: 1010px; }
    .dz-nav .dz-wrap, .dz-top .dz-wrap { width: 1200px; }
    .dz-focus { grid-template-columns: 440px 1fr; }
    .dz-quick { grid-template-columns: repeat(4, 1fr); }
    .dz-quick a:nth-child(-n+4) { border-bottom: 1px solid var(--line); padding-bottom: 14px; }
    .dz-adbanner ul { grid-template-columns: repeat(2, 1fr); }
    .dz-cols { grid-template-columns: repeat(2, 1fr); }
    .dz-gxlj-list { grid-template-columns: repeat(4, 1fr); }
}