/* ============================================================
   mobile-fix.css — bjjg 系列遗留模板（/tuoguan/ /seo/ /au/ /ca/）移动端补丁
   仅在 ≤768 视口生效，覆盖桌面遗留的固定宽度布局
   ============================================================ */

@media screen and (max-width: 768px) {

    /* ---------- 全局兜底 ---------- */
    html, body { overflow-x: hidden; }
    img { max-width: 100% !important; height: auto !important; }
    /* 头部 logo/电话图标不受全局 img 兜底影响（否则 logo 撑爆头部、电话被挤成两行） */
    .yn-logo img { max-width: 130px !important; height: auto !important; }
    .yn-mtel img { max-width: 22px !important; }
    .yn-mtel { font-size: 14px !important; letter-spacing: 0 !important; }
    table[width] { width: 100% !important; max-width: 100% !important; }
    input, select, textarea { max-width: 100%; box-sizing: border-box; }
    embed, object, iframe { max-width: 100%; }

    /* ---------- 主容器 ---------- */
    .center { width: auto !important; max-width: 100% !important; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
    .search_map { width: auto !important; max-width: 100% !important; }
    .keywords { margin-left: 10px !important; margin-right: 10px !important; }
    .keywords_nr, .keywords_nr dl, .keywords_nr dd { width: auto !important; max-width: 100% !important; }

    /* ---------- 国家专栏（/seo/ /au/ /ca/）左侧资讯轮播 ---------- */
    .hc_left { width: 100% !important; float: none !important; border-right: 0 !important; }
    .info_wrap { width: 100% !important; box-sizing: border-box; }
    .info_shell, .info_shell .ed { width: 100% !important; max-width: 100% !important; }
    .info_shell .ed ul { width: auto !important; }
    .info_shell .ed ul li { width: 100% !important; height: auto !important; }
    .info_shell .ed ul li table { width: 100% !important; }
    /* 轮播容器带内联固定宽高，移动端放开 */
    .yl-infowrap { width: 100% !important; height: auto !important; }
    .yl-infowrap img { width: 100% !important; height: auto !important; }
    .info_shell .cd { display: none !important; }

    /* 地图搜索区 */
    .map_right { float: none !important; width: 100% !important; }
    .country_map { width: 100% !important; max-width: 100% !important; height: auto !important; }
    .country_map img { width: 100% !important; height: auto !important; }
    .hs_banner { width: 100% !important; max-width: 100% !important; }

    /* ---------- 国际搬家托管页（/tuoguan/） ---------- */
    /* 上部 双栏(左400+右自适应) 改单列；「热门/搬家城市」标签行内 tab 横排 */
    .flex-parent.countries { display: flex !important; flex-wrap: wrap !important; }
    .flex-child400 { flex: 1 1 100% !important; width: auto !important; }
    .flex-child.houseSrc-right { width: 100% !important; }
    .countries .usaTit, .countries .ausTit, .countries .japTit, .countries .caTit { flex: 1 1 30% !important; text-align: center; font-size: 14px; }
    .countries .More { width: auto !important; flex: 1 1 100% !important; text-align: right; }
    .countries .More a { margin-top: 0 !important; }

    /* 专题/推荐 轮播容器 */
    .zhuanti_shell .ed, .tuijian_shell .xd, .old-zt .fd { width: 100% !important; max-width: 100% !important; overflow: hidden; }
    .zhuanti_shell .ed ul, .tuijian_shell .xd ul, .old-zt .fd ul { width: auto !important; }
    .zhuanti_shell .ed ul li, .tuijian_shell .xd ul li, .old-zt .fd ul li { width: 100% !important; float: none !important; }

    /* 顶部 最新活动+五步流程 改上下堆叠 */
    .flex-parent { flex-wrap: wrap !important; }
    .flex-child37 { flex: none !important; width: 100% !important; }
    .flex-child.ml10 { flex: none !important; width: 100% !important; margin-left: 0 !important; }
    .newact-ul { width: auto !important; margin: 15px 10px !important; }
    .steps .flex-child { flex: none !important; width: 33.33% !important; box-sizing: border-box; }

    /* 资讯列表标题换行不裁字 */
    .news-center-dl dt, .news-center-dl dd, .news-center-dl div dd { margin-left: 0 !important; padding-left: 60px !important; width: 100% !important; box-sizing: border-box; overflow: hidden; }
    .news-center-dl dt a { float: none !important; display: inline !important; width: auto !important; margin-left: -60px !important; }
    .news-center-dl dt em { float: left !important; margin-left: -60px !important; }

    /* ---------- 专题房源块：移动端统一改成「图在上 + 标题 + 描述」卡片 ---------- */
    .sh_left, .sh_center, .sh_right { float: none !important; width: 100% !important; margin: 0 0 14px 0 !important; }
    .sh_center { margin: 0 0 14px 0 !important; }
    .sh_center_up, .sh_center_down { width: 100% !important; margin: 0 0 14px 0 !important; }
    .sh_center_up > a, .sh_center_down > a, .sh_left > a, .sh_right > a { display: block !important; width: 100% !important; max-width: 100% !important; }
    /* 图片：满宽、去掉桌面用来给浮层让位的各种 margin */
    .sh_left img, .sh_center_up img, .sh_center_down img, .sh_right img,
    .sh_fu01_rel, .sh_fu02_rel, .sh_fu03_rel, .sh_fu04_rel {
        width: 100% !important; height: auto !important;
        margin: 0 !important; display: block;
    }
    /* 文字浮层改为图片下方的静态卡块 */
    .sh_fu01, .sh_fu02, .sh_fu03, .sh_fu04 {
        position: static !important;
        left: auto !important; right: auto !important; top: auto !important; bottom: auto !important;
        width: 100% !important; height: auto !important;
        background: #323035 !important;
    }
    .sh_fu01 dl, .sh_fu02 dl, .sh_fu03 dl, .sh_fu04 dl { margin: 0 !important; padding: 0 !important; }
    .sh_fu01 dl dt, .sh_fu02 dl dt, .sh_fu03 dl dt, .sh_fu04 dl dt {
        font-size: 16px !important; line-height: 26px !important;
        padding: 12px 14px 4px !important; color: #f5f5f5 !important;
    }
    .sh_fu01 dl dd, .sh_fu02 dl dd, .sh_fu03 dl dd, .sh_fu04 dl dd,
    .sh_fu01 dl .sh_dd01, .sh_fu02 dl .sh_dd01, .sh_fu03 dl .sh_dd01, .sh_fu04 dl .sh_dd01 {
        font-size: 13px !important; line-height: 22px !important;
        padding: 4px 14px !important; height: auto !important; overflow: visible !important;
        color: #e6e6e6 !important;
    }
    .sh_fu01 dl .sh_dd02, .sh_fu02 dl .sh_dd02, .sh_fu03 dl .sh_dd02, .sh_fu04 dl .sh_dd02 {
        font-size: 14px !important; line-height: 36px !important; height: auto !important;
        padding: 4px 14px 10px !important; color: #ffd9a0 !important;
    }
    /* 桌面版的小三角装饰在卡片式布局里去掉 */
    .sanjiao01, .sanjiao02, .sanjiao03, .sanjiao04 { display: none !important; }

    /* 广告表 */
    .ad1 { height: auto !important; }
    .ad1 img { width: 100% !important; height: auto !important; }

    /* ---------- 国内搬家（/wap/） ---------- */
    .banner2, .banner2 a { height: 170px !important; }
    .banner2 a { background-size: cover !important; background-position: center !important; }
    .content { width: auto !important; max-width: 100% !important; padding: 0 10px !important; box-sizing: border-box; }
    .hc { padding-top: 20px !important; height: auto !important; }
    .hc h2 { height: auto !important; }
    .hc_c { background: none !important; height: auto !important; padding: 0 !important; overflow: hidden !important; }
    .hc_c li { width: 47% !important; float: left !important; box-sizing: border-box; margin: 0 0 16px 0; padding: 0 2% !important; }
    .hc_c li:nth-child(odd) { clear: left; }
    .hc_c li img { width: 100% !important; height: auto !important; }
    .hc_c li p { font-size: 13px !important; line-height: 20px !important; }
    .sjnews { margin-top: 10px !important; padding: 40px 0 0 !important; background-size: contain !important; }
    .sjnews ul li { width: 100% !important; float: none !important; height: auto !important; min-height: 24px; text-indent: 0 !important; }
    .out, .in { width: 100% !important; box-sizing: border-box; }
    .express_left_2 { float: none !important; width: 100% !important; }
    .express_left_2 ul, .express_left_2 ul li { width: 100% !important; }
    .express_left_2 ul li a { width: auto !important; box-sizing: border-box; }

    /* ============================================================
       国家专题页（/seo/ /au/ /ca/）第二轮移动端修复
       ============================================================ */

    /* ---------- 快捷图标行（锦辉物流/搬家价格/…）改 3 列网格 ---------- */
    .subnav_five ul { display: flex !important; flex-wrap: wrap !important; margin: 12px 0 0 !important; padding: 0 !important; list-style: none; }
    /* 图标改用伪元素按格子裁剪，避免背景跨格露出上一格的笔画 */
    .subnav_five ul li {
        position: relative; float: none !important; width: 50% !important; height: 66px !important;
        box-sizing: border-box; padding-left: 58px !important;
        background: none !important; display: flex; align-items: center;
    }
    .subnav_five ul li:before {
        content: ""; position: absolute; left: 0; top: 50%; margin-top: -21px;
        width: 54px; height: 42px;
        background-image: url(/bjjg/q_ico.png); background-repeat: no-repeat; background-size: 54px 438px;
    }
    /* 按 sprite 实际 7 格（搜/阅/找/加/享/查/知）对应回原来的 s_icon 类 */
    .subnav_five .s_icon1:before { background-position: 0 -1px; }   /* 搜 */
    .subnav_five .s_icon2:before { background-position: 0 -304px; } /* 查 */
    .subnav_five .s_icon3:before { background-position: 0 -58px; }  /* 阅 */
    .subnav_five .s_icon4:before { background-position: 0 -113px; } /* 找 */
    .subnav_five .s_icon5:before { background-position: 0 -242px; } /* 享 */
    .subnav_five .s_icon6:before { background-position: 0 -175px; } /* 加 */
    .subnav_five .s_icon7:before { background-position: 0 -364px; } /* 知 */
    .subnav_five ul li span { font-size: 13px !important; line-height: 1.35 !important; white-space: nowrap !important; letter-spacing: 0 !important; }

    /* ---------- 三栏资讯区：表格布局改纵向堆叠，消除左侧空白列 ---------- */
    .yl-hi_content table, .yl-hi_content tbody, .yl-hi_content tr, .yl-hi_content td { display: block !important; width: 100% !important; }
    .yl-hi_content td p { display: none; }
    .hc_center, .hc_right { width: 100% !important; float: none !important; border-right: 0 !important; margin-top: 14px; }
    .hc_center .hc_ul1, .hc_center .hc_ul2, .hc_right .hc_ul1, .hc_right .hc_ul2 { margin: 10px 0 !important; padding-bottom: 10px !important; }
    .hc_center dd.mt8, .hc_right dd.mt8 { margin: 0 0 2px 0 !important; }
    .hc_center dd a, .hc_right dd a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .hc_right .hc_ul1 li { height: auto !important; }
    .hc_fu01 { width: 100% !important; }

    /* ---------- 热门城市（地图+城市标注）移动端隐藏 ---------- */
    .map_right b, .country_map, .country_map .abs { display: none !important; }

    /* ---------- 地图搜索表单：改为上下排列 ---------- */
    .search_map .search_left { float: none !important; width: 100% !important; }
    .search_left dl { width: 100% !important; }
    .search_left dl dt, .search_left dl dd { width: 100% !important; margin: 0 0 8px 0 !important; float: none !important; }
    .search_left .choseBox { width: 100% !important; display: block !important; float: none !important; margin: 0 0 8px 0 !important; }
    .search_left .choseBox b { display: block; width: 100% !important; box-sizing: border-box; }
    .search_left input[type="text"], .search_left input[type="submit"], .search_left input[type="button"], .search_left select {
        width: 100% !important; box-sizing: border-box; margin: 6px 0 0 !important; float: none !important;
    }
    .search_left input[type="submit"], .search_left input[type="button"] { color: #fff !important; border: 0; cursor: pointer; }
    /* 搜索按钮（放大镜图）与确定按钮 */
    .search_left dl dt img { width: 80px !important; height: 35px !important; margin: 6px 0 0; display: block; }
    .search_left dl dt .box_sure { float: none !important; display: block !important; width: 100% !important; margin: 6px 0 0 !important; color: #fff !important; box-sizing: border-box; }

    /* ---------- 最新活动：标题+时间两列不溢出 ---------- */
    .month_act { font-size: 14px !important; padding-bottom: 6px; }
    .month_act b { float: none !important; display: block; width: 100% !important; text-align: left; padding-left: 10px; border-right: 0 !important; height: 32px !important; line-height: 32px !important; box-sizing: border-box; }
    .month_act ul { float: none !important; width: 100% !important; padding-bottom: 8px !important; box-sizing: border-box; }
    .month_act ul li { width: auto !important; margin: 0 10px !important; box-sizing: border-box; }
    .month_act ul li span { height: auto !important; line-height: 30px !important; }
    .newact-ul ul, .newact-ul ul li { width: 100% !important; box-sizing: border-box; }
    .newact-ul li a { display: flex !important; width: 100% !important; justify-content: space-between; gap: 8px; }
    .newact-ul .act_address { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .newact-ul .act_time { float: none !important; white-space: nowrap; }

    /* ---------- 搬家价格：图片+标题卡片统一尺寸 ---------- */
    .yl-hs_touzilist { width: 100% !important; }
    .yl-hs_touzilist li, .yl-hs_touzilist .nw_left { float: none !important; width: 100% !important; margin: 0 0 14px 0 !important; position: relative !important; }
    .yl-hs_touzilist li a { display: block !important; width: 100% !important; }
    .yl-hs_touzilist li img, .nw_left img { width: 100% !important; height: 200px !important; object-fit: cover; display: block; }
    /* 图面文字浮层改为图片下方的静态深色卡块 */
    .nw_share { position: static !important; width: 100% !important; height: auto !important; background: #323035 !important; filter: none !important; }
    .nw_share span { height: auto !important; line-height: 24px !important; padding: 8px 10px 4px !important; margin: 0 !important; border-bottom: 0 !important; }
    .nw_share p { height: auto !important; padding: 2px 10px 10px !important; letter-spacing: 0 !important; text-align: left !important; }
    .nw_share .nw_more { display: block; color: #ffaa60; font-size: 14px; padding: 0 10px 10px; }
    /* 区块头「更多价格」标签行横排不重叠 */
    .source_tit .hs_banner { position: static !important; width: auto !important; display: flex; }
    .source_tit .hs_banner li { position: static !important; }
    .source_tit .source_more { position: static !important; width: auto !important; float: right; }

    /* ---------- 常见问题：tab 行与列表恢复满宽 ---------- */
    .share_more { position: static !important; width: auto !important; display: flex; flex-wrap: wrap; gap: 6px; }
    .share_more a { position: static !important; float: none !important; display: inline-block !important; width: auto !important; margin: 0 !important; left: auto !important; top: auto !important; }
    .cq_detail { width: 100% !important; }
    .cq_detail dl { float: none !important; width: 100% !important; margin: 0 0 14px 0 !important; }
    .cq_detail dl.ml75 { margin-left: 0 !important; }
    .cq_detail dd a { display: block; white-space: normal !important; line-height: 24px; }
    /* 区块标题与 tab 行改为上下两行排列，不再抢宽度 */
    .ds_tit .tit-logo, .ds_tit .share_more, .ds_tit .tit-logo.twl { float: none !important; width: 100% !important; }
    .ds_tit .share_more { margin: 8px 0 0 !important; justify-content: flex-start; }
    .ds_tit .share_more a { padding: 4px 10px; background: #f4f4f4; border-radius: 3px; font-size: 13px; }

    /* ---------- 卡片 dd02 行（含"超值省心门到门"链接）不溢出 ---------- */
    .sh_fu01 dl .sh_dd02, .sh_fu02 dl .sh_dd02, .sh_fu03 dl .sh_dd02, .sh_fu04 dl .sh_dd02 {
        height: auto !important; line-height: 28px !important; overflow: hidden; background: #1f1d20 !important;
    }
    .sh_fu01 dl .sh_dd02 span, .sh_fu02 dl .sh_dd02 span, .sh_fu03 dl .sh_dd02 span, .sh_fu04 dl .sh_dd02 span { float: none !important; display: block; }
    .sh_fu01 dl .sh_dd02 a, .sh_fu02 dl .sh_dd02 a, .sh_fu03 dl .sh_dd02 a, .sh_fu04 dl .sh_dd02 a { float: none !important; display: inline-block; padding: 2px 0 !important; }

    /* ---------- 全站页脚（搬家流程/客户指南/安全认证） ----------
       规则已统一迁到 ycnh-responsive.css 的 ≤768 媒体查询里（所有页面都会加载），
       此处不再重复，避免两份样式各自演化。 */

    /* ---------- 搬家常见问题（/au/ /ca/）：满宽、不裁字、行高够 ----------
       页面外层套了 3~4 层 .center，每层 10px 内边距层层叠加 → 左右各吃掉 30~40px。
       用 100vw + 居中反推左边距铺满整屏，只留 12px 边距（不依赖父级嵌套层数）。 */
    .yl-common_question {
        width: 100vw !important; max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important; margin-right: 0 !important;
        padding: 0 12px !important; box-sizing: border-box;
    }
    .yl-common_question .ds_tit { width: 100% !important; }
    .cq_detail { margin: 0 !important; width: 100% !important; }
    .cq_detail dl { float: none !important; width: 100% !important; margin: 0 0 16px 0 !important; }
    .cq_detail dl.ml75 { margin-left: 0 !important; }
    .cq_detail dt { height: auto !important; line-height: 34px !important; }
    .cq_detail dd { height: auto !important; overflow: visible !important; line-height: 1.7 !important; padding: 3px 0; }
    .cq_detail dd a { display: block !important; white-space: normal !important; line-height: 1.7 !important; word-break: break-word; padding-left: 1.6em; text-indent: -1.6em; }
    .cq_detail dd font { margin-right: 2px; }

    /* ---------- 热门城市搬家价格：容器满宽，链接两列对齐 ---------- */
    .keywords {
        width: 100vw !important; max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important; margin-right: 0 !important;
        margin-top: 24px !important; padding: 0 12px !important; box-sizing: border-box;
    }
    .keywords .title_style {
        width: 100% !important; height: auto !important;
        min-height: 34px !important; line-height: 34px !important;
        padding-bottom: 8px; overflow: hidden; /* 清除内部左浮动，避免下划线压字 */
    }
    .keywords .title_style .title_span { font-size: 17px !important; }
    .keywords_nr { width: 100% !important; padding-top: 10px; }
    .keywords_nr dl { float: none !important; width: 100% !important; display: block !important; padding: 8px 0 !important; border-bottom: 1px dashed #ececec; line-height: 1.8 !important; }
    .keywords_nr dl:last-child { border-bottom: 0; }
    .keywords_nr dt { float: none !important; width: 100% !important; padding: 0 0 2px !important; font-size: 14px; font-weight: 700; }
    .keywords_nr dd {
        float: none !important; width: 100% !important; padding: 0 !important; overflow: visible !important;
        display: grid !important; grid-template-columns: 1fr 1fr; gap: 4px 12px;
    }
    .keywords_nr dd a {
        float: none !important; display: block !important; margin: 0 !important;
        white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis;
        font-size: 13px; line-height: 1.9;
    }
}