@charset "utf-8";
/* ============================================================
   prm-cloud/prmcloud.html (伙伴云 · 概述) 移动端适配
   2026-09-15 —— 参考 sale-cloud/spot.html 与 chatter/chatter.html
   ------------------------------------------------------------
   同模板 change.css + pro-god.css。顶部为 banner + .pro-ding 绝对定位 hero,
   手机端改回正常流青底白字文字块；隐藏 .banyou2 视频弹窗容器。
   CTA 块为青色 .prm-bgtwo (#3fc1a1)。全部规则在 @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;
  }
  .pro-mes .pro-right.bg_prmtwo { 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;
  }

  /* 2026-09-15(2): 用户要求 banner「像 PC 一样, 把色块+文字压在图片上, 整体高度缩小」。
     PC 做法 = 图 990×456, .pro-ding 绝对定位贴底(高 175px), 内含
       .back-bg  半透明色块 (.back-bg.prm-bgtwo = #3fc1a1 @ opacity .5)
       .back-con 白色文字 + 按钮
     移动端照此: 图固定 175px (object-fit:cover 裁切), .pro-ding 绝对定位贴底,
     色块高度随文字内容撑开 → banner 总高 ≈ 175px
     (原先 = 图 140 + 图下青块 = 235px 上下)。 */
  .pro-mes .pro-right .pro-one {
    position: relative !important;
    width: 100% !important;
  }
  .pro-mes .pro-one > div:first-child {
    height: 175px !important;
    overflow: hidden !important;
    line-height: 0 !important;
  }
  .pro-mes .pro-one > div:first-child img {
    width: 100% !important;
    max-width: 100% !important;
    height: 175px !important;
    object-fit: cover !important;
    object-position: center 42% !important;
    display: block !important;
  }
  /* 色块 + 文字压回图片底部 (绝对定位贴底, 高度由文字内容撑开) */
  .pro-mes .pro-right .pro-ding {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    background: none !important;
    padding: 0 !important;
    z-index: 11 !important;
  }
  /* 半透明色块 —— 与 PC 同源 (.back-bg.prm-bgtwo = #3fc1a1 + opacity .5, 不覆盖色值) */
  .pro-mes .pro-right .pro-ding .back-bg {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .pro-mes .pro-right .pro-ding .back-con {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    color: #ffffff !important;
    padding: 14px 16px !important;
    box-sizing: border-box !important;
  }
  .pro-mes .pro-right .pro-ding .back-con h3 {
    color: #ffffff !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    margin: 0 0 10px !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
  }
  .pro-mes .pro-right .pro-ding .back-con p { color: #ffffff !important; }
  /* 2026-09-15: 用户要求隐藏 banner 里的「免费试用」按钮
     (只隐藏 a.free-shi; 「下载白皮书」a.free-video 保留) */
  .pro-mes .pro-right .pro-ding .back-con a.free-shi { display: none !important; }
  /* 隐藏视频弹窗相关容器 */
  .pro-mes .pro-right .pro-ding .banyou2 { display: none !important; }

  /* 引言/证言块 .prm_ban */
  .pro-mes .pro-two .prm_ban {
    width: 100% !important;
    height: auto !important;
    padding: 22px 18px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
  .pro-mes .pro-two .prm_ban h3 {
    width: 100% !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 0 12px !important;
  }
  .pro-mes .pro-two .prm_ban p {
    font-size: 13px !important;
    line-height: 1.7 !important;
  }

  /* 各内容块 .cell-sale */
  .pro-mes .cell-sale {
    padding: 16px !important;
    margin-bottom: 10px !important;
    box-sizing: border-box !important;
  }
  .pro-mes .cell-sale .clear-both { margin-top: 0 !important; }
  .cell-sale .sale-con {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  .pro-mes .cell-sale .padding-px { padding: 14px 0 10px !important; }

  /* 2026-09-15(3): 用户反馈相邻功能块「彼此加些间距」。
     同一 .sale-right 内两块 .top-shou (标题+正文+相关功能按钮) 原本首尾相接,
     现给后一块留出上方呼吸间距。 */
  .pro-mes .cell-sale .sale-right > .top-shou + .top-shou {
    margin-top: 30px !important;
  }

  /* 产品行单列堆叠 */
  .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;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    line-height: 0 !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;
  }

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

  /* 字号 / 间距收敛 */
  .cell-sale h3,
  .cell-sale .top-shou h3,
  .cell-sale .sale_title {
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin: 10px 0 10px !important;
    padding-top: 0 !important;
    color: #1c3d7a !important;
  }
  /* 2026-09-15(3): 用户反馈「标题和 logo 没上下居中」。
     根因: 桌面 .sale_title 写死 height:50px + line-height:50px (pro-god.css:649),
           移动端把 line-height 收到 1.4 后文字只占 21px 且贴盒子顶部
           (文字中心 y≈10), 而左侧 sprite 图标经 background-position-y 后
           视觉中心恒定在盒内 y≈29 (48px 图标: 盒内 5~53 / 6~53) → 文字偏上约 18px。
     修法: height 放自适 + min-height 58px (= 图标中心 29 × 2) + flex 垂直居中,
           文字中心回到 29, 与图标同轴。两行文字 42px 仍 < 58px, 不会撑破。
     注意: 绝不能去改 background-position-y —— 那是 sprite 的切片坐标,
           一动就会切到相邻图标。 */
  .pro-mes .cell-sale .top-shou h3.sale_title {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    min-height: 58px !important;
    padding-left: 64px !important;
    box-sizing: border-box !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 h4 {
    font-size: 18px !important;
    line-height: 1.4 !important;
    margin: 0 0 10px !important;
  }

  /* 青色 CTA 块 (.cell-sale.prm-bgtwo) */
  .pro-mes .cell-sale.prm-bgtwo { background: #3fc1a1 !important; }
  .pro-mes .cell-sale.prm-bgtwo .font-color,
  .pro-mes .cell-sale.prm-bgtwo .sale-con h4,
  .pro-mes .cell-sale.prm-bgtwo .top-shou p { color: #ffffff !important; }
  .pro-mes .cell-sale.prm-bgtwo .sale-left img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 442 / 319;
    object-fit: cover;
    object-position: center 62%;
  }

  /* 按钮渐变胶囊 */
  .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;
  }
  /* 青底上的按钮反白 */
  .pro-mes .cell-sale.prm-bgtwo .free-shi {
    background: #ffffff !important;
    color: #3fc1a1 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
  }

  /* 2026-09-15: 用户要求把正文各小标题下的「相关功能」文字链接做成按钮。
     定为次级按钮 (浅蓝底 + 蓝字 + 描边), 与主 CTA 的渐变胶囊区分开。 */
  .pro-mes .cell-sale a.more_sales {
    display: inline-block !important;
    padding: 7px 18px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    color: #0564F5 !important;
    background: #eef3ff !important;
    border: 1px solid #c9ddff !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    margin: 2px 0 0 !important;
    white-space: nowrap !important;
  }

  /* 隐藏固定悬浮 / SEO 轮播 */
  .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) */