@charset "utf-8";
/* ============================================================
   中恒钛航 · 移动端统一补丁  m-fix.css  v18
   ------------------------------------------------------------
   ★ 用法（首页 + 所有内页都要加，放在 </head> 之前、所有 CSS 之后）：
     首页：<link rel="stylesheet" href="/hcss2/m-fix.css" media="screen,print">
     内页：<link rel="stylesheet" href="/css2/m-fix.css"  media="screen,print">
   ★ 为什么不放在 default.css 的 @import 链里：
     @import 的生效依赖链内顺序；若某页面在链外又引了其它 CSS、
     或链内某个文件没传全，规则就会被覆盖。
     独立 link 放在最后，是唯一不依赖任何顺序的做法。
   ★ 本文件只做两件事：
     ① 移动端隐藏页头电话区
     ② 移动端右侧客服侧 → 底部横向平铺条
   ============================================================ */

/* ========== ① 移动端：隐藏页头「全国服务热线」电话区 ========== */
@media screen and (max-width: 768px) {
    .hd-tels,
    .hd-tels-lab,
    .hd-tels-num,
    .hd-tels a,
    .hd-tels span,
    .hd-tels b {
        display: none !important;
    }
    /* 电话隐藏后右侧工具区贴右对齐 */
    .hd-top-right {
        margin-left: auto !important;
    }
}

/* ========== ② 移动端：右侧客服侧 → 底部横向平铺条 ========== */
@media screen and (max-width: 768px) {
    /* 容器：由右侧竖向悬浮改为贴底全宽 */
    .zh-asst {
        position: fixed !important;
        right: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        z-index: 1200;
    }
    .zh-asst-bar {
        width: 100% !important;
        border-radius: 0 !important;
        box-shadow: 0 -3px 16px rgba(10, 37, 64, .26) !important;
    }
    /* 列表横向等分 */
    .zh-asst-bar ul {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
    }
    .zh-asst-bar li {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        height: 52px !important;
        border-bottom: 0 !important;
        border-right: 1px solid rgba(255, 255, 255, .10) !important;
    }
    .zh-asst-bar li:last-child { border-right: 0 !important; }
    /* 只显示图标 */
    .zh-asst-bar li span { display: none !important; }
    .zh-asst-bar li svg { width: 21px !important; height: 21px !important; }
    .zh-asst-bar li.mini { height: 52px !important; }
    /* 隐藏次要项，只留高频入口 */
    .zh-asst-bar li.m-hide { display: none !important; }
    .zh-asst-bar li .tip { display: none !important; }

    /* 弹层改为底部半屏，贴合拇指操作 */
    .zh-pop {
        right: 0 !important;
        left: 0 !important;
        width: auto !important;
        top: auto !important;
        bottom: 52px !important;
        max-height: 74vh;
        overflow-y: auto;
        transform: translateY(0) scale(.98) !important;
    }
    .zh-pop.show { transform: translateY(0) scale(1) !important; }
    .zh-links { grid-template-columns: 1fr !important; }

    /* 底部条占位：加在页脚上（页脚本身深蓝通栏，视觉无缝） */
    .footer {
        padding-bottom: 52px !important;
        padding-bottom: calc(52px + env(safe-area-inset-bottom, 0px)) !important;
    }
    /* 旧客服块（若残留）一并隐藏，避免撑出白条 */
    .client-2 { display: none !important; }
}