/* ============================================================
   /wap/ 国内搬家 —— 移动端独立重写布局
   仅 max-width:768px 生效，PC 端保持原有表格版不变
   ============================================================ */

.wm-page { display: none; }

@media (max-width: 768px) {

    /* 隐藏旧的表格版内容（PC 版块） */
    .banner2,
    #con,
    .content,
    .yl-path { display: none !important; }

    .wm-page {
        display: block;
        background: #f2f3f5;
        padding-bottom: 18px;
        font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
        -webkit-text-size-adjust: 100%;
    }
    .wm-page *,
    .wm-page *::before,
    .wm-page *::after { box-sizing: border-box; }
    .wm-page a { text-decoration: none; }

    /* ---------- 头图 ---------- */
    .wm-hero {
        position: relative;
        height: 176px;
        background: #2b2b2b url(/ycnhwl/images/ban1.jpg) no-repeat left center / 200% auto;
        display: flex;
        align-items: flex-end;
        overflow: hidden;
    }
    .wm-hero::after {
        content: "";
        position: absolute; left: 0; right: 0; top: 0; bottom: 0;
        background: linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.20) 40%, rgba(0,0,0,.66) 100%),
                    linear-gradient(90deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.35) 100%);
    }
    .wm-hero-in { position: relative; z-index: 1; padding: 0 16px 16px; color: #fff; }
    .wm-hero-in h1 { margin: 0 0 5px; font-size: 22px; line-height: 1.25; font-weight: 700; color: #fff; letter-spacing: .5px; }
    .wm-hero-in p { margin: 0; font-size: 12px; line-height: 1.5; color: rgba(255,255,255,.82); letter-spacing: .5px; }

    /* ---------- 通用白卡 ---------- */
    .wm-card {
        background: #fff;
        border-radius: 12px;
        margin: 12px;
        padding: 16px 14px;
        box-shadow: 0 2px 10px rgba(0,0,0,.045);
    }
    .wm-card:first-of-type { margin-top: -22px; position: relative; z-index: 2; }

    /* ---------- 区块标题 ---------- */
    .wm-sec-t {
        display: flex;
        align-items: center;
        margin: 0 0 12px;
        padding: 0;
        font-size: 17px;
        line-height: 1.3;
        font-weight: 700;
        color: #1b1b1b;
        list-style: none;
    }
    .wm-sec-t::before {
        content: "";
        width: 4px; height: 16px;
        background: #ff6600;
        border-radius: 2px;
        margin-right: 8px;
        flex: 0 0 auto;
    }
    .wm-sec-more {
        margin-left: auto;
        font-size: 12px;
        font-weight: 400;
        color: #999;
        display: inline-flex;
        align-items: center;
        gap: 3px;
    }
    .wm-sec-more::after { content: "›"; font-size: 15px; line-height: 1; }
    .wm-sec-sub { font-size: 12px; color: #a0a0a0; font-weight: 400; margin: -6px 0 12px; line-height: 1.5; }

    /* ---------- 快捷栏目 ---------- */
    .wm-quick { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .wm-quick a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 6px;
        padding: 11px 10px;
        background: #f7f8fa;
        border-radius: 8px;
        font-size: 13px;
        line-height: 1.35;
        color: #3d3d3d;
    }
    .wm-quick a:link, .wm-quick a:visited { color: #3d3d3d; }
    .wm-quick a::after { content: "›"; color: #ff6600; font-size: 16px; line-height: 1; flex: 0 0 auto; }
    .wm-quick a.wm-quick-full { grid-column: 1 / -1; background: #fff4ec; color: #d8560c; font-weight: 600; }
    .wm-quick a.wm-quick-full:link, .wm-quick a.wm-quick-full:visited { color: #d8560c; }

    /* ---------- 关于我们 ---------- */
    .wm-about-img {
        display: block;
        width: auto !important;
        max-width: 100%;
        height: 112px !important;
        margin: 0 auto 14px !important;
        object-fit: contain;
    }
    .wm-about p { margin: 0; font-size: 13.5px; line-height: 1.85; color: #5a5a5a; }
    .wm-about p + p { margin-top: 8px; }
    .wm-about-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
    .wm-about-tags span {
        font-size: 12px; color: #ff6600;
        background: #fff4ec; border-radius: 20px;
        padding: 4px 10px; line-height: 1;
    }

    /* ---------- 双 CTA ---------- */
    .wm-cta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 12px 12px; }
    .wm-cta a {
        display: block;
        padding: 14px 12px;
        border-radius: 12px;
        background: linear-gradient(135deg, #ff8a3d 0%, #f25c00 100%);
        color: #fff;
        box-shadow: 0 4px 12px rgba(242,92,0,.22);
    }
    .wm-cta a.wm-cta-dark {
        background: linear-gradient(135deg, #45464a 0%, #232427 100%);
        box-shadow: 0 4px 12px rgba(0,0,0,.18);
    }
    .wm-cta a:link, .wm-cta a:visited { color: #fff; }
    .wm-cta b { display: block; font-size: 15px; line-height: 1.3; margin-bottom: 5px; }
    .wm-cta span { display: block; font-size: 11.5px; line-height: 1.45; color: rgba(255,255,255,.85); }

    /* ---------- 搬家流程 ---------- */
    .wm-flow { margin: 0; padding: 0; list-style: none; }
    .wm-flow li {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 12px 0;
        border-bottom: 1px dashed #ececec;
        list-style: none;
    }
    .wm-flow li:first-child { padding-top: 2px; }
    .wm-flow li:last-child { border-bottom: 0; padding-bottom: 2px; }
    .wm-flow-fig {
        position: relative;
        flex: 0 0 36px;
        width: 36px;
        text-align: center;
        padding-top: 2px;
    }
    .wm-flow-fig i {
        font-style: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #fff1e6;
        color: #f25c00;
        font-size: 13px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: .5px;
        font-family: Arial, Helvetica, sans-serif;
    }
    .wm-flow-bd { flex: 1 1 auto; min-width: 0; padding-top: 1px; }
    .wm-flow-bd b { display: block; font-size: 15px; line-height: 1.35; color: #222; margin-bottom: 4px; }
    .wm-flow-bd p { margin: 0; font-size: 13px; line-height: 1.72; color: #777; }

    /* ---------- 包装材料 ---------- */
    .wm-mat { margin: 0; padding: 0; list-style: none; }
    .wm-mat li {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 12px 0;
        border-bottom: 1px dashed #ececec;
        list-style: none;
    }
    .wm-mat li:first-child { padding-top: 2px; }
    .wm-mat li:last-child { border-bottom: 0; padding-bottom: 2px; }
    .wm-mat img {
        flex: 0 0 76px;
        width: 76px !important;
        height: 70px !important;
        object-fit: cover;
        border-radius: 7px;
        background: #f3f3f3;
    }
    .wm-mat dl { flex: 1 1 auto; min-width: 0; margin: 0; }
    .wm-mat dt { font-size: 14.5px; line-height: 1.35; color: #ff3b30; font-weight: 700; margin-bottom: 4px; }
    .wm-mat dt em { font-style: normal; font-size: 12px; font-weight: 400; color: #9a9a9a; margin-right: 5px; }
    .wm-mat dd { margin: 0; font-size: 12.5px; line-height: 1.7; color: #6f6f6f; }
    .wm-mat dd span { color: #9a9a9a; }

    /* ---------- 资讯列表 ---------- */
    .wm-news ul { margin: 0; padding: 0; list-style: none; }
    .wm-news li { list-style: none; border-bottom: 1px solid #f2f2f2; }
    .wm-news li:last-child { border-bottom: 0; }
    .wm-news li a {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 11px 0;
        font-size: 14px;
        line-height: 1.45;
        color: #333;
    }
    .wm-news li a:link, .wm-news li a:visited { color: #333; }
    .wm-news li a::before {
        content: "";
        flex: 0 0 auto;
        width: 4px; height: 4px;
        border-radius: 50%;
        background: #ff6600;
    }
    .wm-news li a::after {
        content: "›";
        margin-left: auto;
        flex: 0 0 auto;
        color: #ccc;
        font-size: 16px;
        line-height: 1;
    }

    /* ---------- 底部电话条 ---------- */
    .wm-telbar {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin: 4px 12px 0;
        padding: 13px;
        border-radius: 12px;
        background: #ff6600;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .5px;
        box-shadow: 0 4px 12px rgba(255,102,0,.25);
    }
    .wm-telbar:link, .wm-telbar:visited { color: #fff; }
    .wm-telbar em { font-style: normal; font-weight: 400; font-size: 12px; opacity: .9; }
}