@charset "utf-8";
/* ============================================================
   analytics-cloud/analyticsfeatures.html (大数据分析云 · 功能) 移动端适配
   2026-09-15 —— 参考 sale-cloud/spot.html + prm-cloud/prmfeatures.html
   ------------------------------------------------------------
   基础 CSS: change.css + pro-god.css (与 prmfeatures.html 同模板)

   本页独有:
     · 顶部 .pro-one > .salefeature 是纯文字块 (无 banner 图, 无绝对定位)
     · 正文为多个 .cell-sale (pad-top-50) + .sale-left 内联 width:500px
       (非 !important → 样式表 width:100% !important 可覆盖)
     · 收尾 CTA 块 .cell-sale.font-color.border-no.back-green (青绿 #009a7e),
       按钮是 .btn-block.font-white.bg-gradient-darkblue (change.css 蓝底 30px 圆角)
     · 左侧菜单只有 概述/功能 两项
     · .pro-right 左边框来自类 .bg_greentwo (#009a7e) → 可覆盖

   作用域: 全部规则在 @media (max-width: 768px) 内, 桌面端零影响。
   ============================================================ */

@media (max-width: 768px) {

  .pro-mes {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
  }

  .pro-mes .pro-left { display: none !important; }

  .pro-mes .pro-right {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    margin-top: 10px !important;
    box-sizing: border-box !important;
  }
  /* 去掉 .bg_greentwo 的青绿左竖线 */
  .pro-mes .pro-right.bg_greentwo { border-left: none !important; }

  .pro-right .pro-two,
  .pro-mes .cell-sale,
  .clear-both {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  /* ---------- 顶部介绍块 .salefeature (原 width:890px) ---------- */
  .pro-mes .pro-one { width: 100% !important; }
  .pro-mes .pro-one .salefeature {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px 0 6px !important;
    box-sizing: border-box !important;
  }
  .pro-mes .pro-one .salefeature h2 {
    font-size: 18px !important;
    line-height: 1.4 !important;
    height: auto !important;
    margin: 0 0 8px !important;
    color: #1c3d7a !important;
  }
  .pro-mes .pro-one .salefeature p {
    font-size: 13px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
  }

  /* ---------- 各内容块 ---------- */
  .pro-mes .cell-sale {
    padding: 16px !important;
    margin-bottom: 10px !important;
    box-sizing: border-box !important;
  }
  /* .pad-top-50 桌面 padding-top:50px !important → 收到 16px
     (特异性 (0,3,0) > (0,1,0), 可压) */
  .pro-mes .cell-sale.pad-top-50 { padding-top: 16px !important; }
  .pro-mes .cell-sale .clear-both { margin-top: 0 !important; }
  /* 内联 margin-top:40px;padding-bottom:40px 的 .clear-both → 只收上边距, 保留下边距 */
  .pro-mes .cell-sale .clear-both[style*="margin-top"] { margin-top: 0 !important; }

  .cell-sale .sale-con {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* ---------- 产品行单列堆叠 ----------
     ⚠️ .sale-left 内联 width:500px / margin-top:80px (均非 !important) → 可覆盖;
        .no-potion 桌面 position:absolute → 必须回正常流 */
  .cell-sale .sale-left,
  .cell-sale .sale-right,
  .no-potion,
  .no-float {
    float: none !important;
    box-sizing: border-box !important;
  }
  .cell-sale .sale-left {
    position: static !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    line-height: 0 !important;
  }
  .cell-sale .sale-left.no-potion {
    position: static !important;
    right: auto !important;
    top: auto !important;
  }
  .cell-sale .sale-left img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }
  .cell-sale .sale-right {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  /* 图与文之间: 桌面靠内联 margin-top:50px 的图错开, 手机端给文字上一点留白 */
  .cell-sale .sale-right .top-shou { margin-top: 0 !important; }

  .pro-mes img { max-width: 100% !important; height: auto !important; }

  /* ---------- 字号 / 间距收敛 ---------- */
  .cell-sale h3,
  .cell-sale .top-shou h3 {
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin: 10px 0 8px !important;
    padding-top: 0 !important;
    color: #1c3d7a !important;
  }
  .cell-sale .sale-right p,
  .cell-sale p {
    font-size: 13px !important;
    line-height: 1.7 !important;
    margin: 0 0 8px !important;
  }
  .cell-sale p.font-16 { font-size: 13px !important; }
  .cell-sale h4 {
    font-size: 18px !important;
    line-height: 1.4 !important;
    margin: 0 0 10px !important;
  }
  /* .top-shou 默认 padding-bottom:50px → 手机端收紧, 避免块间空隙过大 */
  .cell-sale .top-shou { padding-bottom: 18px !important; }

  /* ---------- 收尾 CTA 块 (.cell-sale.font-color.border-no.back-green) ----------
     桌面 .bgcolor-blue 的背景被注释掉导致「白字落浅底」; 本块用 .back-green
     (#009a7e 青绿实底) 白字可读, 保留原底色 */
  .pro-mes .cell-sale.back-green { background: #009a7e !important; }
  .pro-mes .cell-sale.back-green .font-color,
  .pro-mes .cell-sale.back-green .sale-con h4,
  .pro-mes .cell-sale.back-green .top-shou p { color: #ffffff !important; }
  /* 装饰图 bg-close-img-hi2.png (442×450, 内容行 81~399, 上下共 131px 透明留白)
     → object-fit 按内容区开窗, 消掉多余的空白带 */
  .pro-mes .cell-sale.back-green .sale-left img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 442 / 319;
    object-fit: cover;
    object-position: center 62%;
  }
  /* 绿底上的按钮: 反白 (浅蓝底白字/蓝渐变在白字绿底上都对比不足) */
  .pro-mes .cell-sale.back-green .btn-block {
    display: inline-block !important;
    padding: 10px 24px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    background: #ffffff !important;
    color: #009a7e !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
    text-decoration: none !important;
    margin: 12px 0 0 !important;
    white-space: nowrap !important;
  }

  /* ---------- 按钮统一渐变胶囊 ---------- */
  .pro-mes .free-shi {
    display: inline-block !important;
    padding: 9px 22px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    color: #ffffff !important;
    background: linear-gradient(115deg, #0564F5 0%, #4a7bff 50%, #06bcd4 100%) !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 14px rgba(5, 100, 245, 0.28) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }

  /* ---------- 旧版静态页脚 .footer —— 2026-09-15 起已停用, 改为全站标准
     footer_sub.js (深蓝页脚 .cloud_footer_box)。
     本段规则**保留作兜底**: 若日后回退成静态 .footer, change.css 写死
     width:980px + height:66px + 980px 背景图 + overflow:hidden, .footer p 也是
     float:left + width:980px → 390px 视口下整页横向溢出 590px; 这些规则即整宽化处理。
     (.wrap 整宽化对 footer_sub.js 的注入同样有益, 不是死代码) */
  .wrap { width: 100% !important; overflow: visible !important; }
  .footer {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 14px 12px !important;
    background: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    margin: 10px 0 !important;
  }
  .footer p {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 6px !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
    box-sizing: border-box !important;
  }
  .footer p a {
    display: inline-block !important;
    margin: 0 6px !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
    white-space: nowrap !important;
  }

  /* ---------- 隐藏固定悬浮 / 底部 SEO 长文 Tab 轮播 ----------
     ⚠️ #footer 是那个轮播的分页圆点 (在 .div-dian 内), 不是页面页脚 */
  .div-dian { display: none !important; }
  #footer { display: none !important; }
  #back-to-top { display: none !important; }
  .qr_code_l { display: none !important; }
}

/* end @media (max-width: 768px) */