/* ============================================================================

   成都普什物流有限公司 · 全站公共样式（页头 / 移动端导航抽屉 / 页脚）

   file: /static/css/ps-common.css

   ----------------------------------------------------------------------------

   加载顺序：本文件在页面内联 <style> **之后** 引入，因此同权重规则以后者生效，

             用它统一覆盖 8 个页面的页头页脚，保证 PC 与手机端表现完全一致。

   PC 端：与原有版面完全一致（logo 图 + 标语 + 6 项菜单 + 热线）。

   手机端：首页头改为「公司名称 + 副标语 + 电话 + 菜单」四项，置顶固定，

           不再显示大 logo 图，不再横向滚动菜单。

   ========================================================================== */



:root{

  --ps-main:#115C61;

  --ps-main-d:#0D4A4F;

  --ps-foot:#0A4045;   /* 页脚底色（加深） */

  --ps-green:#1E9E62;

  --ps-red:#C0392B;

  --ps-orange:#FF8800;

  --ps-t1:#1B2E35;   /* 正文（替代灰字） */

  --ps-t2:#2F4F58;   /* 次要文字（原灰字，已加深保证可读） */

  --ps-line:#DFEBE4;

  --ps-bg:#F4FAF6;

}



/* ---------------- 顶栏（仅 PC，窄屏自动隐藏） ---------------- */

.ps-top{background:var(--ps-main);color:#D6EFED;font-size:12.5px;height:34px;display:flex;align-items:center}

.ps-topin{display:flex;align-items:center;gap:14px;width:100%;max-width:1240px;margin:0 auto;padding:0 20px;box-sizing:border-box;flex-wrap:wrap;line-height:1.45}

.ps-topdot{width:6px;height:6px;border-radius:50%;background:#7FD3A3;display:inline-block;margin-right:6px;flex:0 0 auto}

.ps-topsp{flex:1 1 auto;min-width:6px}

.ps-top b{color:#fff}



/* ---------------- 主导航条（全站统一，PC / 手机一致） ---------------- */

/* 阻止微信等内置浏览器跟随系统「大字号」放大文字（否则页头公司名会被挤出容器而消失） */

html{-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important}

body{font:14px/1.7 system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#22333B;

  -webkit-text-size-adjust:100%;text-size-adjust:100%;margin:0;overflow-wrap:break-word}



/* 头部主条：白底 + 主题色下边线 + 吸顶 */

.ps-hd{background:#fff;border-bottom:2px solid var(--ps-main);position:sticky;top:0;z-index:600;

  font:14px/1.5 system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#22333B;

  box-shadow:0 2px 12px rgba(12,43,63,.06)}

/* 内栏：固定最大宽度 + 统一左右内边距，任何屏宽都不贴边；三区紧凑排布 */

.ps-hdin{display:flex;align-items:center;gap:16px;height:66px;min-width:0;

  max-width:1240px;margin:0 auto;padding:0 20px}

/* 正文栏容器：与页头/页脚同宽对齐（/order 页用 .owrap 作正文栏，此处统一到 1240px，四边线对齐） */

body .owrap{max-width:1240px}

/* 品牌：固定不伸缩，绝不挤出边界 */

.ps-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0;overflow:hidden;text-decoration:none;color:inherit}

.ps-brand-logo{height:38px;width:auto;display:block}

.ps-brand-txt{display:flex;flex-direction:column;flex:0 1 auto;min-width:0;overflow:hidden}

.ps-brand-txt b{display:block;max-width:100%;font-size:16px;color:var(--ps-main);letter-spacing:.6px;font-weight:800;

  line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ps-brand-txt i{font-style:normal;font-size:13px;color:var(--ps-green);font-weight:700;letter-spacing:.6px;

  line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 菜单：占据中间剩余空间并居中分布，彻底消除「菜单与电话之间大空隙」 */

.ps-menu{display:flex;flex:1 1 auto;justify-content:center;align-items:center;gap:2px;min-width:0;margin:0 6px}

.ps-menu a{flex:0 0 auto;padding:9px 13px;font-size:14px;color:#20404A;border-radius:7px;text-decoration:none;

  white-space:nowrap;transition:.15s}

.ps-menu a:hover,.ps-menu a.on{background:#F2F8F4;color:var(--ps-main);font-weight:700}

.ps-menu svg{width:14px;height:14px;flex:0 0 14px;vertical-align:-2px}

/* 电话框：固定靠右，与菜单之间不留大空隙 */

.ps-telbox{text-align:right;flex:0 0 auto}

.ps-telbox span{font-size:11.5px;color:var(--ps-t2);display:block;line-height:1.5}

.ps-telbox b{font-size:19px;color:var(--ps-red);letter-spacing:.5px;display:block;line-height:1.2}



/* 手机端两枚图标按钮：PC 隐藏 */

.ps-mobtns{display:none;align-items:center;gap:8px;flex:0 1 auto;min-width:0;margin-left:auto}

.ps-mob-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:38px;padding:0 12px;

  border-radius:9px;font-size:13.5px;font-weight:700;text-decoration:none;cursor:pointer;

  border:1px solid transparent;white-space:nowrap;background:none}

.ps-mob-tel{background:var(--ps-red);color:#fff}

.ps-mob-menu{background:#fff;color:var(--ps-main);border-color:#B7D6D2}

.ps-mob-btn svg{width:16px;height:16px;flex:0 0 16px}



/* ---------------- PC 页头自适应：窗口变窄时逐档收紧，菜单永不被挤出 ---------------- */

@media(max-width:1365px){

  .ps-hdin{gap:14px}

  .ps-menu a{padding:9px 11px;font-size:13.5px}

  .ps-telbox b{font-size:18px}

}

@media(max-width:1240px){

  .ps-hdin{padding:0 16px}

  .ps-topin{padding:0 16px}

  .ps-menu a{padding:9px 9px;font-size:13px;letter-spacing:0}

  .ps-telbox b{font-size:17px}

}

@media(max-width:1100px){

  .ps-menu{margin:0 2px}

  .ps-menu a{padding:9px 7px;font-size:12.5px}

  .ps-telbox b{font-size:16px}

}

/* 窄窗口（821～1024px）：页头改用「电话 + 菜单按钮」版，避免 9 个菜单被压扁/挤出 */

@media(min-width:821px) and (max-width:1024px){

  .ps-hdin{gap:12px}

  .ps-menu{display:none}

  .ps-telbox{display:none}

  .ps-mobtns{display:flex}

}

/* PC 端：品牌文字只留标语，与原有版面一致 */

@media(min-width:821px){ .ps-brand-txt b{display:none} }



/* ---------------- 手机端页头（≤820px） ---------------- */

@media(max-width:820px){

  .ps-top{display:none}

  .ps-hdin{height:auto;min-height:54px;gap:8px;padding:8px 14px}

  .ps-brand-logo{display:none}

  .ps-brand{gap:0;flex:1 1 auto;min-width:0;overflow:hidden}

  .ps-brand-txt{display:flex;flex:1 1 auto;min-width:0;align-items:flex-start;text-align:left;overflow:hidden}

  .ps-brand-txt b{font-size:14.5px;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .ps-brand-txt i{font-size:11px;letter-spacing:.6px;color:var(--ps-t2);white-space:nowrap;

    overflow:hidden;text-overflow:ellipsis}

  .ps-menu{display:none}

  .ps-telbox{display:none}

  .ps-mobtns{display:flex}

  .ps-mob-btn{height:36px;padding:0 11px;font-size:13px}

}

/* ============ 微信内置浏览器 / 系统大字模式：专用适配框架 ============ */

/* ps-common.js 会在微信内给 <html> 加 .is-wx */

html.is-wx .ps-hdin{gap:8px;padding-left:14px;padding-right:14px}

html.is-wx .ps-mobtns{gap:6px}

html.is-wx .ps-mob-btn{padding:0 10px;font-size:13px}

html.is-wx .ps-np-btn{font-size:12.5px;padding:0 11px}

/* 极窄屏 / 大字撑不下时：按钮只留图标，优先保证公司名可见 */

@media(max-width:430px){

  .ps-mob-btn{padding:0 10px}

  .ps-brand-txt b{font-size:14px}

}

@media(max-width:360px){

  .ps-mob-btn .t{display:none}

  .ps-mob-btn{padding:0 9px}

}

@media(max-width:360px){

  .ps-brand-txt b{font-size:15px}

  .ps-brand-txt i{font-size:11px}

  .ps-mob-btn{padding:0 9px;gap:4px}

  .ps-mob-btn svg{width:15px;height:15px;flex:0 0 15px}

}



/* ---------------- 菜单抽屉（手机端宫格图标） ---------------- */

.ps-drawer{position:fixed;inset:0;z-index:1200;display:none}

.ps-drawer.is-open{display:block}

.ps-drawer-mask{position:absolute;inset:0;background:rgba(8,26,40,.55)}

.ps-drawer-panel{position:absolute;left:0;right:0;top:0;background:#fff;border-radius:0 0 18px 18px;

  padding:calc(14px + env(safe-area-inset-top)) 16px 18px;box-shadow:0 16px 44px rgba(0,0,0,.28);

  transform:translateY(-16px);opacity:0;transition:transform .22s ease,opacity .22s ease;max-height:88vh;overflow:auto}

.ps-drawer.is-open .ps-drawer-panel{transform:none;opacity:1}

.ps-drawer-hd{display:flex;align-items:flex-start;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--ps-line)}

.ps-drawer-hd .t{flex:1;min-width:0}

.ps-drawer-hd b{display:block;font-size:16.5px;color:var(--ps-main);font-weight:800;letter-spacing:.5px;

  line-height:1.3}

.ps-drawer-hd span{font-size:12px;color:var(--ps-t2)}

.ps-drawer-x{width:32px;height:32px;flex:0 0 32px;border:1px solid var(--ps-line);border-radius:8px;background:#fff;

  color:var(--ps-t2);font-size:15px;line-height:1;cursor:pointer}

.ps-drawer-tel{margin-top:12px;display:flex;align-items:center;gap:10px;background:#FDF2F0;border:1px solid #F3CFC9;

  border-radius:11px;padding:11px 13px}

.ps-drawer-tel span{font-size:12px;color:var(--ps-t2)}

.ps-drawer-tel a{margin-left:auto;font-size:18px;font-weight:800;color:var(--ps-red);text-decoration:none;

  letter-spacing:.5px}

.ps-drawer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}

.ps-drawer-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;

  padding:15px 4px;background:var(--ps-bg);border:1px solid var(--ps-line);border-radius:12px;

  text-decoration:none;color:var(--ps-main);font-size:13.5px;font-weight:600}

.ps-drawer-grid a.on{background:#E6F3EC;border-color:var(--ps-green);color:#0C4A4E}

.ps-drawer-grid a svg{width:23px;height:23px;color:var(--ps-green)}

.ps-drawer-grid a.on svg{color:var(--ps-main)}

.ps-drawer-tip{margin-top:11px;font-size:11.5px;color:var(--ps-t2);line-height:1.8}



/* ============================================================================

   整站「去灰字」兜底：浅底上的中灰一律加深，保证在手机上看得清

   ========================================================================== */

/* ⚠ 只处理「浅底 + 中灰字」；深绿底上的文字另有下方规则统一提亮 */

.sec-hd p,.card-hd.plain .note,.tfoot,.ltl-foot,.notice,.crumb,.cta .txt span,

.net-tools .t span,.qcard .sub,.qhot,.net .nl,.pledge span,.bcard .ds,.aitem p,.pitem .ds,

table.t .days,table.t .city small,table.ltl .city small,table.ltl .days,

table.t td:before,table.ltl td:before{color:var(--ps-t2)}



/* 深绿底上的说明文字：统一提亮，保证在手机上清晰可读

   （.card-hd .note 不在此列：各页面 card-hd 底色不同，交回页面自身样式控制） */

.hero .lead,.hero2 .sub,.hero3 p,.ltl-note .tip,

.hero3 .chips span,.hero2 .kpi .k,.nat p{color:#D9F1EF}



/* 页脚：深绿底 + 清晰浅字（PC 三栏联系信息 / 手机精简为一列） */

/* ==================================================================

   全站统一页脚 —— 唯一来源。任何页面模板都不得再单独定义 footer 样式。

   用 body>footer 提升特异性，页面内联的 footer{} 无法覆盖。

   上区「联系方式三栏」+ 下区「版权 / 备案」，紧凑、对齐、标准。

   ================================================================== */

body>footer{background:var(--ps-foot);color:#D6EDEC;padding:30px 0 18px;margin-top:32px;

  font:13px/1.9 system-ui,-apple-system,"Microsoft YaHei",sans-serif}

footer .ps-ft{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}

footer a{color:#D2EDEB}

footer a:hover{color:#8FEBC8}

footer h5{color:#fff}



/* 上区：联系方式三栏（办公地址 / 服务热线 / 物流业务），顶端对齐、间距统一 */

footer .fin{display:block}

footer .fcol.fbrand{display:grid;grid-template-columns:2.3fr 1fr 1.1fr;gap:14px 32px;align-items:start}

footer .fcol.fbrand .fl{display:flex;flex-direction:column;gap:3px;margin:0;line-height:1.6}

footer .fcol.fbrand .fl i{font-style:normal;color:#9FE2DD;font-weight:700;font-size:12.5px;letter-spacing:.5px;display:block}

footer .fcol.fbrand .fl{color:#D6EDEC;font-size:13px}

footer .fcol.fbrand .fl b{color:#fff;font-weight:600}

footer .fcol.fbrand .fl a.ftel{color:#fff;font-weight:800;font-size:16px;text-decoration:none;

  border-bottom:1px dashed rgba(255,255,255,.45);align-self:flex-start}

footer .fb{color:#fff;font-size:16.5px;font-weight:800;letter-spacing:.5px;margin-bottom:8px}

footer .fs{color:#9FE2DD}

footer .fnote{color:#B3D8D6}



/* 下区：版权 / 备案条，上边框分隔，两端对齐、紧凑 */

footer .fcol.fbrand .fl .fline{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
footer .fcol.fbrand .fl .fline a.ftel{align-self:auto}
footer .fcol.fbrand .fwho{color:#D6EDEC;font-size:13px}
footer .ftelpair{display:flex;gap:18px 30px;flex-wrap:wrap;align-items:start}
footer .ftelpair .fl{flex:0 0 auto}
footer .fcp{display:flex;flex-wrap:wrap;gap:6px 26px;justify-content:flex-start;align-items:center;

  margin-top:18px;padding-top:13px;border-top:1px solid rgba(255,255,255,.16);color:#BCE0DE;font-size:12px}



/* ---------------- 手机端页脚精简 ---------------- */

@media(max-width:820px){

  body>footer{padding:20px 0 14px;margin-top:20px}

  footer .ps-ft{padding:0 14px}

  footer .fcol.fbrand{grid-template-columns:1fr;gap:10px}

  footer .fcol.fbrand .fl a.ftel{font-size:15px}

  footer .fcp{flex-direction:column;align-items:flex-start;gap:4px;margin-top:14px;padding-top:11px;font-size:11.5px}

}



/* ---------------- 手机端通用：去掉横向溢出，正文更紧凑 ---------------- */

@media(max-width:820px){

  body{-webkit-text-size-adjust:100%}

  .wrap{padding:0 14px}

  table.ltl .hide-m{display:none}

}



/* ---------------- 底部悬浮快捷条（手机端：电话 / 导航 / 回顶） ---------------- */

.ps-dock{position:fixed;left:0;right:0;bottom:0;z-index:900;display:none;

  background:rgba(255,255,255,.97);border-top:1px solid #DDEDE6;

  box-shadow:0 -6px 20px rgba(12,43,63,.12);

  padding:8px 12px calc(8px + env(safe-area-inset-bottom))}

.ps-dock-in{display:flex;gap:9px}

.ps-dock a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:44px;border-radius:10px;

  font-size:14.5px;font-weight:700;text-decoration:none;letter-spacing:.5px}

.ps-dock a svg{width:17px;height:17px;flex:0 0 17px}

.ps-dock a.d-nav{background:linear-gradient(135deg,#115C61,#1E9E62);color:#fff}

.ps-dock a.d-tel{background:var(--ps-red);color:#fff}

.ps-dock a.d-top{flex:0 0 62px;background:#F1F8F4;border:1px solid var(--ps-line);color:var(--ps-main);font-size:13.5px}

@media(max-width:820px){

  .ps-dock{display:block}

  body.ps-has-dock{padding-bottom:70px}

}





/* ============================================================================

   线路三级导航（省 → 市 → 县）

   ========================================================================== */

.crumb{background:#fff;border-bottom:1px solid #E3EEE8;font-size:12.5px;color:#2F4F58;padding:11px 0}

.crumb a{color:#115C61;text-decoration:none}

.crumb a:hover{color:#FF8800}



.pv-card{background:#fff;border:1px solid #DFEBE4;border-radius:11px;padding:14px 16px;margin-bottom:12px;

  box-shadow:0 4px 14px rgba(12,43,63,.05);

  /* ⚠ 锚点跳转（/line#pv-4）：必须让出「吸顶页头 58px + 省份直达条 56px」的高度，

     否则卡片顶部会贴到视口 y=0 被吸顶元素整个盖住 —— 就是「向上跑多了」的原因 */

  scroll-margin-top:126px}

@media(min-width:821px){ .pv-card{scroll-margin-top:174px} }

.pv-hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;padding-bottom:9px;

  border-bottom:1px dashed #E3EEE8}

.pv-nm{font-size:16px;font-weight:800;color:#115C61;text-decoration:none}

.pv-nm:hover{color:#FF8800}

.pv-st{font-size:12px;color:#2F4F58;background:#F2F8F4;border:1px solid #E3EEE8;border-radius:11px;padding:1px 9px}

.pv-more{margin-left:auto;font-size:12.5px;color:#115C61;text-decoration:none;border-bottom:1px dashed #A8CBC6}

.lk{display:flex;flex-wrap:wrap;gap:7px}

.lk a{background:#F7FCF9;border:1px solid #E1EDE6;border-radius:13px;padding:5px 12px;font-size:12.5px;

  color:#1F3F47;text-decoration:none;white-space:nowrap}

.lk a:hover{border-color:#1E9E62;background:#EFF9F3}

.lk a b{color:#C0392B;margin-left:5px;font-weight:700}



.hotgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}

.hotc{background:#fff;border:1px solid #DFEBE4;border-radius:10px;padding:13px 14px;text-decoration:none;transition:.15s}

.hotc:hover{border-color:#1E9E62;box-shadow:0 8px 20px rgba(12,43,63,.08)}

.hotc b{display:block;font-size:15px;color:#115C61;margin-bottom:4px}

.hotc span{display:block;font-size:12px;color:#2F4F58;margin-bottom:6px}

.hotc em{font-style:normal;font-size:13px;color:#C0392B;font-weight:700}

@media(max-width:900px){ .hotgrid{grid-template-columns:repeat(2,1fr)} }

@media(max-width:520px){ .hotgrid{grid-template-columns:1fr} }



/* 五维价格表（省/市页复用，与线路总入口同一套视觉） */

table.lt{width:100%;border-collapse:collapse;font-size:13px;background:#fff;table-layout:auto}

table.lt thead th{background:#EAF4EE;color:#115C61;font-weight:700;font-size:12px;padding:7px 5px;text-align:center;

  border-bottom:2px solid #CFE0D5;line-height:1.35;white-space:nowrap}

table.lt thead th i{display:block;font-style:normal;font-size:10.5px;font-weight:400;color:#2F4F58}

table.lt thead th.c1{text-align:left;padding-left:10px}

table.lt tbody td{padding:8px 5px;border-bottom:1px solid #EEF6F1;text-align:center;color:#2A4750;

  white-space:nowrap;font-variant-numeric:tabular-nums}

table.lt tbody tr:last-child td{border-bottom:0}

table.lt tbody tr:hover{background:#F7FCF9}

table.lt td.c1{text-align:left;padding-left:10px;max-width:150px;overflow:hidden;text-overflow:ellipsis}

table.lt td.c1 a{color:#115C61;font-weight:700;text-decoration:none}

table.lt td.c1 a:hover{color:#FF8800}

table.lt td.ton{color:#C0392B;font-weight:800}

table.lt td.cbm{color:#1E7A4D;font-weight:700}

table.lt td.ftl{color:#0D4A4F;font-weight:700}

table.lt td.min{color:#2F4F58}

table.lt td.act a{color:#115C61;text-decoration:none;border-bottom:1px dashed #A8CBC6}

.prov-blk{border:1px solid #E1EDE6;border-radius:10px;padding:13px 14px;margin-bottom:14px;background:#FBFEFC;

  scroll-margin-top:72px}

@media(min-width:821px){ .prov-blk{scroll-margin-top:120px} }

.prov-blk .hd{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px}

.prov-blk .hd h3{font-size:15.5px;color:#115C61;letter-spacing:.4px;font-weight:800}

.prov-blk .hd .tag{background:#EAF4EE;color:#126150;border-radius:11px;padding:1px 9px;font-size:11.5px;font-weight:400}

.prov-blk .hd .up{margin-left:auto;font-size:11.5px;color:#2F4F58;text-decoration:none;border-bottom:1px dashed #A8CBC6}

@media(max-width:820px){

  table.lt{font-size:12px}

  table.lt thead th{font-size:11.5px;padding:6px 3px}

  table.lt tbody td{padding:7px 3px}

  table.lt td.c1{max-width:108px;padding-left:7px}

  .hotgrid{grid-template-columns:repeat(2,1fr);gap:9px}

}



/* 区块标题里的「（下辖 N 个县区）」单独占一行 */

.prov-blk .hd h3{line-height:1.45}

.prov-blk .hd h3 .h3sub{display:block;font-size:12.5px;font-weight:400;color:#2F4F58;margin-top:2px}



/* ============================================================================

   深绿头图 hero3 —— 全站通用

   ⚠ 之前只有线路总入口页内联定义过它，其他页面直接套用 hero3 会「掉底」：

     没有背景色 → 浅底浅字、看不清。这里补成公共类。

   ========================================================================== */

.hero3{background:linear-gradient(150deg,#115C61 0%,#126150 68%,#0D4A4F 100%);color:#fff;

  padding:36px 0 32px;position:relative;overflow:hidden}

.hero3::before{content:"";position:absolute;inset:0;

  background:radial-gradient(640px 300px at 88% -20%,rgba(127,211,163,.28),transparent 62%);pointer-events:none}

.hero3 .in{position:relative;text-align:center}

.hero3 h1{font-size:31px;letter-spacing:2px;margin-bottom:12px}

.hero3 h1 em{font-style:normal;color:#7FD3A3}

.hero3 p{font-size:14px;color:#D3EDEB;max-width:880px;margin:0 auto;line-height:2}

.hero3 p b{color:#fff}

@media(max-width:820px){

  .hero3{padding:22px 0 18px}

  .hero3 h1{font-size:21px;letter-spacing:1px}

  .hero3 p{font-size:12.5px;line-height:1.9}

}



/* ============================================================================

   H1 断行规则（全站通用）

   ① H1 里的补充词（如「价格表」「省市县三级线路价格表」）强制整体显示，

      不再出现「省市县三级线路价格」+「表」这种把词劈开的情况；

   ② H1 副标题（如「零担为主 · 整车直达」）PC 与主标题同行、手机端整体换行，

      不再出现「零担」两字卡在上一行、「整车直达」被拆成两行的问题。

   ========================================================================== */

.hero2 h1 em,.hero3 h1 em{white-space:nowrap}



.h1sub{white-space:nowrap;font-size:15px;font-weight:400;color:#D6EFED}

.h1sub::before{content:"｜";margin:0 10px;opacity:.72}

@media(max-width:820px){

  /* 手机端：副标题整行下移，竖线分隔符去掉（否则会悬在第二行开头） */

  .h1sub{display:block;font-size:13.5px;margin-top:7px;line-height:1.5}

  .h1sub::before{display:none}

}



/* ============================================================================

   线路价格表 · 标题栏 + 表头 吸顶

   —— 价格表很长，下拉后只看到数字会不知道是哪一列，也不清楚是哪个地区的表。

      这里让「区块标题」和「表头（含单位行）」在滚动时一起固定在页头下方。

      具体 top 值由页面脚本按实际高度计算（--hd-top / --th-top），

      因为不同页面页头高度不同、标题是否换行也不同。

   ========================================================================== */

/* 说明：这里只做「粘住」，绝不改底色/文字色 ——

   卡片标题本身有两种配色（深绿底白字 / 白底深字），一旦在此强加背景色就会白底白字看不见。 */

.card .card-hd.is-sticky{

  position:sticky;

  top:var(--hd-top,58px);

  /* 层级必须是整条吸顶链最高（仅低于页头 .ps-hd/.header z50、快捷条 z500）：

     区块标题/表头随内容退场上移时，要从本条「底层」钻过去（视觉上被盖住），

     绝不能反过来盖住本条 —— 否则「按市分组」大标题会被退场的白色小标题遮挡。 */

  z-index:30;

  box-shadow:0 2px 8px rgba(12,43,63,.07);

  /* 底色兜底：万一 background-image(渐变) 没生效也不会变成白底白字 */

  background-color:#115C61;

}

.card .card-hd.plain.is-sticky{ background-color:#fff; }

/* 卡片内「按市分组」的小标题（成都到邯郸市物流专线价格表）同样吸顶，

   与表头组成一条完整的吸顶条，滚动时始终知道在看哪个市。 */

.prov-blk .hd{padding:4px 0}

.prov-blk .hd.is-sticky{

  position:sticky;

  top:var(--hd-top,58px);

  z-index:23;

  margin:0 -16px 11px;

  padding:4px 16px;

  background:#FBFEFC;

  box-shadow:0 3px 8px rgba(12,43,63,.05);

}

/* 含价格表的卡片：缩短卡片间距，让「上一张卡的标题退场」与「下一张卡的标题到位」几乎无缝 */

.card.has-lt + .card{margin-top:12px}

table.lt thead th{

  position:sticky;

  top:var(--th-top,98px);

  z-index:22;

  box-shadow:0 3px 9px rgba(12,43,63,.08);

}

.ltl-wrap .ltl-note.is-sticky{

  position:sticky;

  top:var(--hd-top,58px);

  /* 同上：表头退场上移时必须从绿色说明条底层钻过去，不能盖住它 */

  z-index:30;

}

table.ltl thead th{

  position:sticky;

  top:var(--th-top,98px);

  z-index:22;

  box-shadow:0 3px 9px rgba(12,43,63,.08);

}



/* 省份直达 / 网点快选：让「一格一格左移」平滑推进（只影响脚本滚动，不影响手指滑动） */

#linebar ul, #netbar ul{scroll-behavior:smooth}

@media (prefers-reduced-motion: reduce){

  #linebar ul, #netbar ul{scroll-behavior:auto}

}



/* ============================================================================

   全站手机端「网点速查」悬浮小按钮 + 小窗口

   由 /static/js/ps-netpick.js 注入 DOM，这里只管样式；桌面端一律不出现。

   ========================================================================== */

.ps-np-btn{display:none}

.ps-np{display:none}

@media(max-width:820px){

  .ps-np-btn{display:inline-flex;align-items:center;gap:5px;position:fixed;right:10px;top:66px;z-index:1000;

    max-width:42vw;overflow:hidden;

    height:34px;padding:0 13px;border:1px solid rgba(255,255,255,.45);border-radius:17px;cursor:pointer;

    font-family:inherit;overflow:hidden;

    /* 高反差配色：橙红实底 + 纯白特粗字；浅色底与首页深绿主视觉上都能一眼看到 */

    background:#CE4A0E;color:#FFFFFF;font-size:13px;font-weight:900;letter-spacing:.6px;

    text-shadow:0 1px 2px rgba(90,28,0,.45);

    box-shadow:0 4px 14px rgba(140,45,8,.5);

    transition:background .18s,box-shadow .18s;

    animation:psNpBreath 2.8s ease-in-out infinite}

  /* 高光略过：一道白光从左到右扫过 */

  .ps-np-btn::after{content:'';position:absolute;top:-20%;left:-40%;width:40%;height:140%;pointer-events:none;

    background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 50%,rgba(255,255,255,0) 100%);

    transform:skewX(-18deg);animation:psNpSweep 3.4s ease-in-out infinite}

  @keyframes psNpSweep{

    0%{left:-40%;opacity:0}

    12%{opacity:1}

    55%{left:105%;opacity:0}

    100%{left:105%;opacity:0}}

  @keyframes psNpBreath{

    0%,100%{box-shadow:0 4px 14px rgba(140,45,8,.5)}

    50%{box-shadow:0 5px 22px rgba(140,45,8,.78)}}

  .ps-np-btn svg{width:13px;height:13px;flex:0 0 13px}

  .ps-np-btn i{font-style:normal}

  /* ===== 可拖动 + 可收起（2026-10-17） ===== */
  /* touch-action:none 交出触屏手势，页面滚动与按钮拖动互不干扰 */
  .ps-np-btn{touch-action:none;user-select:none;-webkit-user-select:none;
    -webkit-tap-highlight-color:transparent;overflow:visible}
  /* 收起用的 ✕：右上角小圆钮（17px，够点又不抢眼） */
  .ps-np-x{position:absolute;top:-6px;right:-6px;width:17px;height:17px;border-radius:50%;
    background:#fff;color:#8A5A20;border:1px solid #E4C9AE;font-size:9px;font-weight:700;line-height:1;
    display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;
    box-shadow:0 2px 6px rgba(60,25,5,.25)}
  .ps-np-x:active{background:#FDF0E2;transform:scale(.9)}
  /* 拖动中：停呼吸动画与扫光，去掉内边距抖动 */
  .ps-np-btn.is-drag{animation:none}
  .ps-np-btn.is-move{animation:none;transition:none;box-shadow:0 10px 26px rgba(140,45,8,.62);opacity:.95}
  .ps-np-btn.is-move::after{display:none}
  /* 收起态：小圆点，只留定位图标 */
  .ps-np-dot{display:none}
  .ps-np-btn.is-min{width:40px;height:40px;min-width:40px;max-width:40px;padding:0;
    border-radius:20px;justify-content:center;animation:none;opacity:.92}
  .ps-np-btn.is-min::after{display:none}
  .ps-np-btn.is-min .ps-np-rot{display:none}
  .ps-np-btn.is-min .ps-np-x{display:none}
  .ps-np-btn.is-min .ps-np-dot{display:flex}
  .ps-np-btn.is-min svg{width:17px;height:17px;flex:0 0 17px}
  .ps-np-btn.is-min:active{transform:scale(.94)}

  /* 文字轮动：先「网点」，再「查询」，两字上下交替（第三行「网点」用于无缝回位） */

  .ps-np-rot{position:relative;display:inline-block;height:15px;line-height:15px;overflow:hidden;

    vertical-align:-1px;text-align:center}

  .ps-np-roti{display:block;animation:psNpRoll 4.4s cubic-bezier(.68,0,.32,1) infinite}

  .ps-np-roti i{display:block;height:15px;line-height:15px;white-space:nowrap}

  @keyframes psNpRoll{

    0%,34%{transform:translateY(0)}

    44%,84%{transform:translateY(-15px)}

    94%,100%{transform:translateY(-30px)}}

  .ps-np-btn:hover,.ps-np-btn:active,.ps-np-btn.is-on{background:#E25517;box-shadow:0 6px 20px rgba(140,45,8,.7)}

  @media (prefers-reduced-motion: reduce){

    .ps-np-btn{animation:none}

    .ps-np-btn::after{display:none}

    .ps-np-roti{animation:none}}

  .ps-np{position:fixed;inset:0;z-index:1400}

  .ps-np.is-open{display:block}

  .ps-np-mask{position:absolute;inset:0;background:rgba(8,26,40,.45)}

  .ps-np-win{position:absolute;left:10px;right:10px;top:110px;max-width:420px;margin:0 auto;background:#fff;

    border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.32);overflow:hidden;display:flex;flex-direction:column;

    max-height:70vh;transform:translateY(-8px);opacity:0;transition:transform .18s ease,opacity .18s ease}

  .ps-np.is-open .ps-np-win{transform:none;opacity:1}

  .ps-np-hd{display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid #E7F1EB;flex:0 0 auto}

  .ps-np-hd b{font-size:14.5px;color:#115C61;letter-spacing:.5px}

  .ps-np-hd span{font-size:11px;color:#7C9A94}

  .ps-np-x{margin-left:auto;width:28px;height:28px;border:1px solid #DCEBE3;border-radius:8px;background:#fff;

    color:#2F4F58;font-size:13px;line-height:1;cursor:pointer;flex:0 0 28px}

  .ps-np-s{display:flex;gap:7px;align-items:center;flex:0 0 auto;padding:9px 11px 4px;background:#FBFEFC}

  .ps-np-sbox{position:relative;flex:1;min-width:0}

  .ps-np-sbox>svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:14px;height:14px;

    color:#4E6B66;pointer-events:none}

  .ps-np-sbox input::placeholder{color:#6B8580;opacity:1;font-size:12.5px}

  .ps-np-sbox input{width:100%;height:36px;border:1px solid #CFE0D5;border-radius:9px;padding:0 9px 0 29px;

    color:#1E3A42;text-overflow:ellipsis;

    font-size:13.5px;background:#fff;outline:none;font-family:inherit}

  .ps-np-sbox input:focus{border-color:#1E9E62;box-shadow:0 0 0 3px rgba(30,158,98,.1)}

  .ps-np-go{flex:0 0 auto;height:36px;padding:0 12px;border:0;border-radius:9px;cursor:pointer;font-family:inherit;

    background:linear-gradient(135deg,#115C61,#1E9E62);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.5px}

  .ps-np-go:disabled{opacity:.6}

  .ps-np-loc{flex:0 0 auto;margin:7px 11px 0;background:#F2F8F4;border:1px solid #CFE0D5;border-radius:10px;

    padding:9px 10px;max-height:190px;overflow:auto}

  .ps-np-loc .lh{font-size:11.5px;font-weight:800;color:#126150;line-height:1.6}

  .ps-np-loc .lh i{font-style:normal;font-weight:400;color:#7C9A94}

  .ps-np-loc .lw{font-size:11px;color:#B25A00;line-height:1.65;margin-top:4px}

  .ps-np-loc .lw a{color:#C0392B;font-weight:800;text-decoration:none}

  .ps-np-li{background:#fff;border:1px solid #DFEBE4;border-radius:9px;padding:8px 9px;margin-top:7px}

  .ps-np-li .t{display:flex;align-items:center;gap:6px;flex-wrap:wrap}

  .ps-np-li .rk{flex:0 0 auto;width:18px;height:18px;border-radius:50%;background:#115C61;color:#fff;font-size:10px;

    font-weight:800;display:flex;align-items:center;justify-content:center}

  .ps-np-li .t b{flex:0 1 auto;min-width:0;font-size:13.5px;color:#115C61;white-space:nowrap;

    overflow:hidden;text-overflow:ellipsis}

  .ps-np-li .km{margin-left:auto;flex:0 0 auto;font-size:11px;color:#C0392B;font-weight:800;white-space:nowrap}

  .ps-np-li .ad{font-size:11px;color:#2F4F58;margin-top:3px;line-height:1.55}

  .ps-np-li .acts{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}

  .ps-np-li .acts a{flex:1 1 auto;min-width:58px;text-align:center;padding:7px 4px;border-radius:7px;font-size:11.5px;

    font-weight:700;border:1px solid #D9E9E3;background:#F7FCF9;color:#115C61;text-decoration:none}

  .ps-np-li .acts a.amap{background:#EAF4EE;border-color:#BFE3CE}

  .ps-np-li .acts a.baidu{background:#EAF0FB;border-color:#C6D6F2;color:#1B4C99}

  .ps-np-li .acts a.qq{background:#E9F6F2;border-color:#BCE2D8;color:#0E6E5E}

  .ps-np-li .acts a.tel{background:#C0392B;border-color:#C0392B;color:#fff}

  .ps-np-li .acts a.page{background:#fff}

  .ps-np-l{overflow:auto;-webkit-overflow-scrolling:touch;padding:6px 8px 10px}

  .ps-np-tip{font-size:12.5px;color:#8A9A96;text-align:center;padding:16px 0}

  .ps-np-i{border-radius:10px}

  .ps-np-i.open{background:#F7FCF9}

  .ps-np-r{display:flex;align-items:flex-start;gap:8px;width:100%;text-align:left;border:0;background:none;

    padding:9px 8px;border-radius:10px;cursor:pointer;font-family:inherit}

  .ps-np-r .no{flex:0 0 24px;height:22px;border-radius:7px;background:#EAF4EE;color:#126150;font-size:11px;

    font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}

  .ps-np-r .bd{flex:1 1 auto;min-width:0}

  /* 第一行：网点名称 + 电话（电话紧靠名称右边，中间不夹标签） */

  .ps-np-r .nm{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}

  .ps-np-r .bd b{flex:0 1 auto;min-width:0;font-size:15px;color:#115C61;font-weight:800;line-height:1.35;

    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .ps-np-r .ph{flex:0 0 auto;font-style:normal;font-size:15px;font-weight:900;color:#C0392B;white-space:nowrap;

    font-family:Menlo,Consolas,"Courier New",monospace;letter-spacing:.1px;cursor:pointer;

    border-bottom:1px dotted rgba(192,57,43,.5)}

  /* 第二行：完整地址（最多两行，不再压成一行省略号） */

  .ps-np-r .bd i{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;

    font-style:normal;font-size:11px;color:#2F4F58;line-height:1.55;margin-top:2px;word-break:break-all}

  /* 右侧：标签组与展开箭头 */

  .ps-np-r .tg{flex:0 0 auto;display:flex;align-items:center;gap:4px;padding-top:1px}

  .ps-np-r .bdg{background:#FDF0E2;color:#B25A00;border-radius:9px;padding:1px 6px;

    font-size:10px;font-weight:700;white-space:nowrap}

  .ps-np-r .bdg.d{background:#EAF4EE;color:#126150}

  .ps-np-i.ps-np-dup{display:none}

  .ps-np-r .ar{flex:0 0 auto;color:#9DB8B2;font-size:10px;padding-top:5px}

  .ps-np-i.open .ar{color:#1E9E62}

  .ps-np-d{padding:0 8px 10px}

  .ps-np-d .acts{display:flex;flex-wrap:wrap;gap:6px}

  .ps-np-d .acts+.acts{margin-top:6px}

  .ps-np-d .acts a{flex:1 1 auto;min-width:66px;text-align:center;padding:8px 5px;border-radius:8px;

    font-size:12px;font-weight:700;border:1px solid #D9E9E3;background:#F7FCF9;color:#115C61;text-decoration:none}

  .ps-np-d .acts a.amap{background:#EAF4EE;border-color:#BFE3CE}

  .ps-np-d .acts a.baidu{background:#EAF0FB;border-color:#C6D6F2;color:#1B4C99}

  .ps-np-d .acts a.qq{background:#E9F6F2;border-color:#BCE2D8;color:#0E6E5E}

  .ps-np-d .acts a.tel{background:#C0392B;border-color:#C0392B;color:#fff}

  .ps-np-d .acts a.page{background:#fff}

  .ps-np-nv{font-size:11.5px;color:#8A9A96;padding:4px 0}

  .ps-np-f{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:9px 13px;border-top:1px solid #E7F1EB;

    background:#FBFEFC;font-size:11px;color:#7C9A94}

  .ps-np-f a{margin-left:auto;color:#C0392B;font-weight:800;text-decoration:none;font-size:12.5px}

}



/* 窄屏（≤374px）再收一点，保证「网点名称 + 电话」仍挤在一行 */

@media(max-width:374px){

  .ps-np-r{gap:7px;padding:9px 7px}

  .ps-np-r .no{flex:0 0 22px;height:20px;font-size:10.5px}

  .ps-np-r .hd{gap:5px}

  .ps-np-r .ph{font-size:14px}

  .ps-np-r .bdg{padding:1px 5px;font-size:9.5px}

}