@charset "utf-8";
/* ==========================================================================
   case/css/case-mobile.css — 案例中心详情页移动端适配
   --------------------------------------------------------------------------
   2026-09-08 试点 case/jdalbc.html（奔驰案例）。
   复用 white-paper/blog-mobile.css 已验证的 .banaa4/.banab7/.banab7b 中性类规则，
   并补齐案例专属内联宽度 (540/380/225px)。
   原则: 只改 CSS 不删 DOM；float 元素一律 float:none 单列化；侧栏"使用的应用"不改文案。
   ========================================================================== */

@media (max-width: 768px) {

  /* ---------- 标题行 .banaa4 (line 104) ---------- */
  .banaa4 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 0 !important;
    /* 2026-09-09 第三轮: 左右间距改回 16 */
    padding: 0 16px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    /* 第五轮(二): 释放 style.css:1763 height:40 硬编码, grid 同行布局需要 height auto */
    height: auto !important;
    min-height: 36px !important;
    /* 第五轮(二): grid 1fr+auto 让标题占左 1fr (可换行), annoou27 auto 列贴右 nowrap */
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    column-gap: 12px !important;
  }
  .banaa4 > div[style*="float:left"],
  .banaa4 > div[style*="float: left"] {
    float: none !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    min-width: 0 !important;
    /* 第五轮(二): padding 给标题上下一点呼吸, 撑出 min-height:36 */
    padding: 6px 0 !important;
  }
  /* 第五轮(二): annoou27 DOM 移到 .banaa4 内与 title 兄弟 (absolute 跨容器失败,
     第五轮方案作废). 桌面端由下方 @media (min-width:769) 释放 style.css:1944 硬编码.
     移动端 grid auto 列: annoou27 自身宽贴右, 文字永不换行 (免视觉破碎). */
  .banaa4 .anniou27 {
    float: none !important;
    justify-self: end !important;
    margin: 0 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    /* 释放 style.css:1944 width:290 硬编码, 否则移动端 annoou27 仍 290,
       把 1fr 标题挤到 ~80px 触发换行 */
    width: auto !important;
    max-width: 100px !important;
    height: auto !important;
  }

  /* 第五轮: annoou27 已回到 .banab7 内原位 (撤回第四轮 DOM 移位),
     桌面端 annoou27 width:290 margin-top:20 在 banner 右上角浮 (style.css:1944).
     移动端 annoou27 已 absolute 移出文档流, 容器顶部 margin/padding 正常由 .banab7-banner margin-top 给呼吸. */
  .banab7 {
    height: auto !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    /* 2026-09-09 第三轮: 左右 + 底部间距 16 (顶部 0) */
    padding: 0 16px 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  /* 2026-09-09 第三轮用户反馈: 大图 (slide21_banner.jpg) 保留, 只隐藏右下角小 logo 叠加层 */
  .banab7-banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    float: none !important;
    margin-top: 15px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  .banab7-banner-img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
  /* 只隐藏小 logo 叠加层 (slide21_logo.png), 大图保留 */
  .banab7-banner-overlay { display: none !important; }
  /* 380px 简介区: 单列 */
  .banab7 > div[style*="float:right"],
  .banab7 > div[style*="float: right"] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 16px 0 0 !important;
    text-align: left !important;
  }
  /* B 型老案例 banner 内的 IMG (大 logo aluotuo.png 等) 居中
     A 型此 div 内只有 <p>, 无 IMG, 不受影响 */
  .banab7 > div[style*="float:right"] img,
  .banab7 > div[style*="float: right"] img {
    display: block !important;
    margin: 0 auto !important;
  }

  /* ---------- 内联 width:960px 容器 → 100% (line 122/123/161) ---------- */
  div[style*="width:960px"],
  div[style*="width: 960px"] {
    width: 100% !important;
    max-width: 100% !important;
    /* 2026-09-09 第三轮: 左右间距改回 16 */
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  /* ==========================================================================
     B 型模板 (无 .article-body, 139 页) — 2026-09-09 第七轮补齐
     --------------------------------------------------------------------------
     与 jdalbc(A 型, .article-body) 不同, B 型正文结构是:
       <div style="width:960px; display:block; height:720px; margin:0 auto">
         <div style="width:630px; float:left;">  ← 630 或 600
           <div style="line-height:25px; font-size:16px;"> h4 + p ...
     之前 case-mobile.css 只覆盖 .article-body 下的 600/310px,
     B 型 139 页正文完全没被命中 → 移动端横向溢出 241~271px.
     ========================================================================== */
  /* 正文容器固定 height:720px 会裁掉正文 → 释放 (间隔块是 height:20px, 不误伤) */
  div[style*="width:960px"][style*="height:720px"],
  div[style*="width: 960px"][style*="height: 720px"] {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  /* 正文列 630/600 → 单列 (A 型的 .article-body 规则已覆盖, 此处补齐 B 型) */
  div[style*="width:630px"],
  div[style*="width: 630px"],
  div[style*="width:600px"],
  div[style*="width: 600px"] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
  }
  /* B 型 h4 内联 font-size:22px; line-height:60px → 移动端收缩
     ⚠️ 2026-09-09 教训: 这里绝不能加 word-break: keep-all !
        keep-all 会禁止中文换行, 长 h4 标题 (如"中冶卓元通过CloudCC轻松掌握全面的业务流程")
        单行 435px > 容器 343px → 横向溢出 66~76px.
        CJK 默认 word-break: normal 可任意断行, 保持默认即可. */
  div[style*="width:960px"] h4,
  div[style*="width: 960px"] h4 {
    font-size: 20px !important;
    line-height: 1.4 !important;
    padding-top: 10px !important;
    overflow-wrap: break-word !important;
  }
  /* B 型车图: <div style="margin-top:20px; float:left;"><img src="../images/xx.png">
     只 max-width:100% 防溢出, 不强 width:100% (老案例如 jdalaluotuo 是 200x75
     小 logo, 拉满会变形难看) */
  .banab7 > div[style*="margin-top:20px"] > img,
  .banab7 > div[style*="margin-top: 20px"] > img {
    max-width: 100% !important;
    height: auto !important;
  }
  /* B 型老案例 banner (jdalaluotuo 等) 居中
     原 DOM: div[style*="float:left"] (小 logo 200x75) + div[style*="float:right"]
     (大 logo + 段落), 移动端 float 没被释放, 两个容器重叠左对齐贴左边缘,
     用户反馈 "偏了, 没在中间". 排除 A 型 (width:540px) 避免与下方规则冲突 */
  .banab7 > div[style*="margin-top:20px"][style*="float"]:not([style*="width:540px"]):not([style*="width: 540px"]),
  .banab7 > div[style*="margin-top: 20px"][style*="float"]:not([style*="width:540px"]):not([style*="width: 540px"]) {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px auto !important;
    text-align: center !important;
  }
  /* B 型 banner 内联 IMG (小 logo) 居中显示 */
  .banab7 > div[style*="margin-top:20px"][style*="float"] img,
  .banab7 > div[style*="margin-top: 20px"][style*="float"] img {
    display: inline-block !important;
  }

  /* ==========================================================================
     A 型车图 (130 页, 内联 width:540px) — 2026-09-09 第七轮补齐
     --------------------------------------------------------------------------
     jdalbc 试点靠 DOM 加 class="banab7-banner" 命中; 其余 130 页没这个 class,
     车图在移动端仍是 540px 被父 .banab7{overflow:hidden} 裁掉右侧 165px.
     改用属性选择器直接命中内联 style, 无需改 DOM (零风险, 覆盖全部 A 型页).
     ========================================================================== */
  .banab7 > div[style*="width:540px"],
  .banab7 > div[style*="width: 540px"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    float: none !important;
    margin-top: 15px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }
  .banab7 > div[style*="width:540px"] > img,
  .banab7 > div[style*="width: 540px"] > img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
  /* 车图底部 CloudCC logo 叠加层 (position:absolute bottom:0) 隐藏,
     与 ABB 原版(jdalabb)无此条一致 — 用户 2026-09-09 确认的满意基准 */
  .banab7 > div[style*="width:540px"] > div[style*="position:absolute"],
  .banab7 > div[style*="width: 540px"] > div[style*="position:absolute"],
  .banab7 > div[style*="width:540px"] > div[style*="position: absolute"],
  .banab7 > div[style*="width: 540px"] > div[style*="position: absolute"] {
    display: none !important;
  }

  /* ---------- 正文左列 600px → 单列 ---------- */
  .article-body > div[style*="width:600px"],
  .article-body > div[style*="width: 600px"] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding-bottom: 10px !important;
    box-sizing: border-box !important;
  }

  /* ---------- 侧栏"使用的应用" (line 149, width:310px, 含 .anniou27a) ---------- */
  .article-body > div[style*="width:310px"],
  .article-body > div[style*="width: 310px"] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  /* 2026-09-09 第十一轮: B 型 (无 .article-body) sidebar wrapper 也拉满宽,
     避免「老案例页偏右 (310 居中) / 新案例页偏左 (343 满宽左对齐)」不一致.
     三属性选择器锁 wrapper 内联特征 width:310px + display:block + float:right
     (含空格/无空格两版), 排除 product.jpg/partner.jpg wrapper (无 float:right).
     specificity (0,3,1) 高于上一条 (0,2,1), A/B 同享满宽效果. */
  div[style*="width:310px"][style*="display:block"][style*="float:right"],
  div[style*="width:310px"][style*="display:block"][style*="float: right"],
  div[style*="width: 310px"][style*="display:block"][style*="float:right"],
  div[style*="width: 310px"][style*="display:block"][style*="float: right"] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  /* 内层带 1px 边框的盒子 (line 150, 应用盒 height:100px):
     去边框, 变干净容器. 仅限 height:100px 的应用盒, 否则会把侧栏内所有
     width:310px 子元素 (product/partner/buzhi8 wrapper) 误压 margin-top:0 */
  .article-body > div[style*="width:310px"] > div[style*="width:310px"][style*="height:100px"],
  .article-body > div[style*="width: 310px"] > div[style*="width: 310px"][style*="height: 100px"],
  .article-body > div[style*="width:310px"] > div[style*="width:310px"][style*="height: 100px"],
  .article-body > div[style*="width: 310px"] > div[style*="width: 310px"][style*="height:100px"] {
    width: 100% !important;
    height: auto !important;
    border: none !important;
    margin-top: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  /* "使用中的应用"标题 (line 151, 内层首 div) */
  .article-body > div[style*="width:310px"] > div[style*="width:310px"] > div:first-child {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 12px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #19355e !important;
  }
  /* 应用链接卡片 */
  .anniou27a {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    margin: 8px 0 !important;
    padding: 12px 14px !important;
    background: #f5f7fa !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
  }
  .anniou27a a {
    color: #0564F5 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .anniou27a span { display: none !important; }
  /* 侧栏产品/合作伙伴图 wrapper (line 157/158) 全宽
     2026-09-09: 用户反馈 product+partner+buzhi 挤在一起 (仅 20px),
     提到 32px 给三张图呼吸空间. 通用选择器匹配 A 型 (.article-body) 和 B 型
     兼容内联 margin-top 后空格差异 (margin-top:20px vs margin-top: 20px) */
  div[style*="margin-top:20px"][style*="width:310px"],
  div[style*="margin-top: 20px"][style*="width:310px"] {
    margin-top: 32px !important;
  }
  /* 2026-09-09 第十二轮: product.jpg + partner.jpg 横排 (用户建议「横屏显示」,
     红框标注右侧 33px 空白未用). 两个 wrapper 改 inline-block 50% 宽, 占满 343 viewport.
     :has() 锁 img 子元素精确选 wrapper, 排除 buzhi8 (border:1px solid). */
  div[style*="width:310px"][style*="margin-top:20px"]:has(> img[src*="product.jpg"]),
  div[style*="width: 310px"][style*="margin-top: 20px"]:has(> img[src*="product.jpg"]),
  div[style*="width:310px"][style*="margin-top:20px"]:has(> img[src*="partner.jpg"]),
  div[style*="width: 310px"][style*="margin-top: 20px"]:has(> img[src*="partner.jpg"]) {
    display: inline-block !important;
    width: calc(50% - 6px) !important;
    vertical-align: top !important;
    margin-top: 32px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  /* partner 左边加 4px 间隙 (inline-block 间会有 ~4px 空白, 总宽 50-6+0+4+50-6=343) */
  div[style*="width:310px"][style*="margin-top:20px"]:has(> img[src*="partner.jpg"]),
  div[style*="width: 310px"][style*="margin-top: 20px"]:has(> img[src*="partner.jpg"]) {
    margin-left: 4px !important;
  }
  /* 侧栏内所有图片全宽 */
  .article-body > div[style*="width:310px"] img,
  div[style*="width:310px"][style*="float: right"] img,
  div[style*="width:310px"][style*="float:right"] img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    display: block !important;
  }

  /* ---------- 相关案例 .banab7b (line 162) ---------- */
  .banab7b {
    width: 100% !important;
    max-width: 100% !important;
    /* 2026-09-09 第三轮: 左右间距改回 16 */
    padding: 0 16px !important;
    box-sizing: border-box !important;
    /* 2026-09-09: 必须 visible, 否则卡片内容溢出仍会被父级裁掉 (描述被遮根因) */
    overflow: visible !important;
    /* 2026-09-09: 与 footer 之间留呼吸空间, 避免卡片看起来"贴脸"footer */
    margin-bottom: 32px !important;
    /* 2026-09-09: 形成 BFC 把所有 float 子元素累加进父容器高度,
       避免第二张卡片视觉上"溢出"父容器 (footer 紧贴卡片 2 的根因) */
    display: flow-root !important;
    /* 2026-09-09 第十三轮: style.css 桌面端 .banab7b{height:350px} 锁定桌面布局,
       移动端必须强制释放, 否则卡片撑到 ~590px 视觉溢出父容器,
       "马上行动" CTA + footer 顺势被往前挤 → "华测检测" 文字看起来被压住 */
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  .banab7b .anniou277 {
    margin-top: 16px !important;
    margin-left: 0 !important;
  }
  /* 相关案例卡片 wrapper (float:left) → 单列 */
  .banab7b > div[style*="float:left"],
  .banab7b > div[style*="float: left"] {
    float: none !important;
    width: 100% !important;
  }
  /* 225px 卡片 → 全宽, 清掉 margin-left:19px 防溢出 */
  .banab7b [style*="width:225px"],
  .banab7b [style*="width: 225px"] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 24px !important;  /* 2026-09-09: 让最后一张卡片自己贡献 footer 间距 */
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  .banab7b [style*="width:225px"] img,
  .banab7b [style*="width: 225px"] img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  /* 2026-09-09: 关联案例卡片内联固定 height (220/137/50/20/30) 把描述文字裁掉,
     全部释放为 auto 让内容撑开. 同时清掉 max-height 防止隐式上限. */
  .banab7b div[style*="height:220px"],
  .banab7b div[style*="height: 220px"],
  .banab7b div[style*="height:137px"],
  .banab7b div[style*="height: 137px"],
  .banab7b div[style*="height:50px"],
  .banab7b div[style*="height: 50px"],
  .banab7b div[style*="height:20px"],
  .banab7b div[style*="height: 20px"],
  .banab7b div[style*="height:30px"],
  .banab7b div[style*="height: 30px"] {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  /* 2026-09-09 第十四轮: 移动端隐藏底部「马上行动 ?」CTA 区 (用户反馈"不显示")
     桌面端带 float:right + width:300px 浮动栏 (内含标题+产品价格+我要试用三个链接),
     移动端 banab7b 单列化后这个右栏悬空在卡片下面/顶出一个空白块, 移除可让
     段落直接收尾到 footer. 选择器锁定 .banab7b 直接子元素 + 精确内联特征,
     不影响其它 225px 卡片 (那些是 float:left + width:225px).
     仅改 @media (max-width:768px), 桌面端零变化. */
  .banab7b > div[style*="float:right"][style*="width:300px"],
  .banab7b > div[style*="float: right"][style*="width:300px"],
  .banab7b > div[style*="float:right"][style*="width: 300px"],
  .banab7b > div[style*="float: right"][style*="width: 300px"] {
    display: none !important;
  }
  /* 2026-09-09: 描述文字默认 line-height:20px 太挤, 描述卡片内的段落行距放到 1.6 提升可读性 */
  .banab7b [style*="width:225px"] [style*="line-height:20px"],
  .banab7b [style*="width: 225px"] [style*="line-height:20px"],
  .banab7b [style*="width:225px"] [style*="line-height: 20px"],
  .banab7b [style*="width: 225px"] [style*="line-height: 20px"] {
    line-height: 1.6 !important;
  }
  /* 右侧 CTA 300px → 单列 */
  .banab7b div[style*="float:right"],
  .banab7b div[style*="float: right"] {
    float: none !important;
    width: 100% !important;
    text-align: left !important;
    margin: 20px 0 0 !important;
  }

  /* ---------- 正文排版 ---------- */
  .article-body {
    font-size: 15px !important;
    line-height: 1.8 !important;
  }
  .article-body h4 {
    font-size: 20px !important;
    line-height: 1.4 !important;
    padding-top: 10px !important;
  }
  .article-body table {
    display: block !important;
    overflow-x: auto !important;
  }

  /* ---------- 案例正文三大卡片 (面临的挑战 / CloudCC解决方案 / 使用效果) ---------- */
  .case-card {
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 16px !important;
    padding: 16px 16px 18px !important;
    background: #ffffff !important;
    border: 1px solid #e6eaf0 !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 3px rgba(25,53,94,0.06) !important;
    overflow: hidden !important;
  }
  .case-card > h4 {
    font-size: 18px !important;
    line-height: 1.4 !important;
    margin: 0 0 10px !important;
    padding: 0 0 0 10px !important;
    border-left: 3px solid #19355e !important;
    color: #19355e !important;
    font-weight: 700 !important;
  }
  .case-card > p {
    margin: 0 0 8px !important;
    line-height: 1.8 !important;
  }
  .case-card > p:last-child { margin-bottom: 0 !important; }

  /* ---------- FAQ 卡片 (独立 nicer 样式) ---------- */
  .case-faq {
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 16px !important;
    padding: 18px 16px 20px !important;
    background: linear-gradient(180deg, #f3f7fd 0%, #eaf1fb 100%) !important;
    border: 1px solid #d8e3f3 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  .case-faq-title {
    font-size: 19px !important;
    line-height: 1.4 !important;
    margin: 0 0 14px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid #cdddf2 !important;
    color: #19355e !important;
    font-weight: 700 !important;
  }
  .case-faq-item {
    margin: 0 0 14px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px dashed #cdddf2 !important;
  }
  .case-faq-item:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
  }
  .case-faq-q {
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin: 0 0 6px !important;
    padding: 0 0 0 12px !important;
    border-left: 3px solid #f7630f !important;  /* 品牌橙强调 */
    color: #19355e !important;
    font-weight: 700 !important;
  }
  .case-faq-item > p {
    margin: 0 !important;
    line-height: 1.8 !important;
    color: #444 !important;
  }

  /* 2026-09-09 第十五轮: 此处原来的 `.banab7b + .wrap { padding-top: 280px }`
     hack 已废弃并删除 —— 它正是用户截图红框标注的 280px 空白元凶.

    历史背景 (不要重蹈):
    早期 .banab7b 被桌面端 css/style.css 的 height:350px 锁死, 移动端两张关联
    案例卡片单列后撑到 ~590px 溢出父容器, 卡片 2 底部与 footer "贴脸".
    当时的临时解法是在 footer 容器 (.banab7b 的兄弟 .wrap) 上加
    padding-top:280px 把 footer 强行推下去.

    第十三轮 (796038f) 已用 .banab7b{height:auto + display:flow-root}
    修掉根因, banab7b 现在高度自动撑开 (实测 jdalcec h=594 完整包含卡片),
    footer 自然排在其后, 不再需要这 280px 推挤. 保留它只会变成纯空白.

    间距交给 .banab7b 自身的 margin-bottom:32px 保证呼吸, 足够. */
}

/* ==========================================================================
   桌面端补充规则 (>=769)
   --------------------------------------------------------------------------
   2026-09-09 第六轮: 按 ABB 案例页(jdalabb)PC 满意效果, 改回"标题 + 返回链接
   上下两行" (与 ABB 原版视觉一致).
   - 撤 v8 第五轮(二) 的 float:right + width/height auto + nowrap, 让 annoou27
     在 .banaa4 内 display:block 换到 title 下方, 紧贴 title 下方独立行.
   - 释放 style.css:1763 .banaa4{height:40} 硬编码, 否则 annoou27 换行后会被
     40px 容器裁切.
   - 全屏藏 .banab7-banner-overlay (车图底部 CloudCC CRM logo 条), 与 ABB
     原版没有此条一致 (jdalabb 原版 overlay div 无 class 且无 logo img).
   - 移动端 (max-width:768 块) 保留 v8 grid 同行, 不回归之前修的移动端溢出.
   - 车图本身含案例 logo (奔驰三叉星) 是图片内容, CSS 难去, 但 ABB 车图也含
     ABB 红色 logo (案例标识), 属"案例图带案例标识"的正常设计, 保留.
   ========================================================================== */
@media (min-width: 769px) {
  .banaa4 {
    height: auto !important;
    min-height: 0 !important;
  }
  /* 撤 title 内联 float:left, 否则 annoou27 block 会"围绕" title 浮在同行,
     无法换到 title 下方. ABB 原版因 annoou27 在 .banab7 内不受影响,
     但 jdalbc annoou27 在 .banaa4 内 (v8 移位, 为移动端 grid 同行), 必须撤. */
  .banaa4 > div[style*="float:left"] {
    float: none !important;
  }
  .banaa4 .anniou27 {
    float: none !important;
    margin: 20px 0 0 !important;
    width: auto !important;
    height: auto !important;
    white-space: nowrap !important;
  }
  .banab7-banner-overlay {
    display: none !important;
  }
}