/* ===== 1. 「商家痛点」整个区段 ===== */
.merchants-problem{
  background:rgba(249,245,245,1);   // 给整个区段铺一层「浅米灰」背景色，轻微区别于纯白
  padding-bottom: 60px;             // 区域最底部留 60 px 呼吸感，避免贴底
}

/* ===== 2. 内容居中容器（1200 版心） ===== */
.merchants-problem-content{
  margin: 0 auto;                   // 左右自动 → 水平居中
  width: 1200px;                    // 固定版心，大屏两边留白，小屏横向滚动
}

/* ===== 3. 卡片列表外壳：flex 自动换行 ===== */
.merchants-problem-content_row{
  display: flex;                    // 启动弹性布局
  flex-wrap: wrap;                  // 一行放满自动折到下一行，响应式必备
}

/* ===== 4. 单张痛点卡片 ===== */
.merchants-problem-content_row>div{
  text-align: center;               // 图标+文字全部居中
  width: 270px;                     // 固定卡片宽 270
  height: 160px;                    // 固定高 160 → 所有卡片一样高，整齐
  margin: 15px;                     // 卡片之间上下左右 15 px 缝隙
  box-sizing: border-box;           // width 已含 padding/border，防止撑爆
  padding:0 20px;                   // 左右各留 20 px，文字不贴边
}

/* ===== 5. 卡片里第一行：大标题 ===== */
.merchants-problem-content_row>div p:nth-child(1){
  font-size:20px;
  font-weight:bold;
  color: #fff;                      // 白字，因为卡片本身有深色背景（见下）
  line-height:32px;                 // 行高 32，让多行不挤
  line-height: 60px;                // 再写一次 → 实际生效 60 px，上下留白
  padding-top: 15px;                // 额外再推高 15 px，让标题整体下移
}

/* ===== 6. 卡片里第二行：描述小字 ===== */
.merchants-problem-content_row>div p:nth-child(2){
  font-weight:400;                  // 正常粗细，和上面 bold 形成对比
  font-size:16px;
  color: #fff;
  line-height: 26px;                // 阅读行距舒适
}

/* ===== 7. 「立即咨询」顶部横幅（红渐变） ===== */
.assistant-banner{
  background: linear-gradient(-90deg,rgba(255,129,113,0.99),rgba(237,57,61,1)) !important;
                                    // 从左到右「浅粉→深红」渐变
                                    // !important 强制覆盖组件库或主题默认色
}

/* ===== 8. 「市场成员」卡片里的小标题 ===== */
.market-member .item h4{
  margin-bottom: 50px;              // h4 与下方内容隔 50 px，留白更透气
}

/* ===== 9. 顶部轮播图里的手机图 ===== */
.top-banner .bannerItem img{
  margin-top: 30px;                 // 手机图整体下移 30 px，避免贴顶
}

/* ===== 10. 「信用体系」标题区 ===== */
.credit-title{
  padding-bottom: 90px;             // 标题区块结束后再留 90 px 空白，隔离下一板块
}

/* ===== 11. 「市场成员」整个板块 ===== */
.market-member{
  padding-bottom: 90px;             // 同理，板块底部留 90 px，保证视觉节奏
}