/* ==========================================================
   0. 顶部 Banner：金融/信用场景专用渐变
      角度 86.69°，金→棕→浅棕
   ========================================================== */
.top-banner {
  background: linear-gradient(
    86.69deg,
    #D2AA6C -1.3%,
    #B69665 -1.29%,
    #C5904C 99.66%
  );
}

/* ==========================================================
   1. 通用大标题：顶部 120 px、底部 90 px、字号 28 px
      专门给“信用解决方案”页面用
   ========================================================== */
.sub-title1 {
  padding-top: 120px;   /* 上边大留白，显得尊贵 */
  margin-bottom: 90px;  /* 与下一模块拉开距离 */
  font-size: 28px;      /* 比默认 26 px 再大一号 */
}

/* ==========================================================
   2. 信用专区标题区
   ========================================================== */
/* 主标题：上下留白 20 px / 78 px */
.credit-title {
  padding: 20px 0 78px;
}
/* 副标题：24 px 加粗，行高 34 px，上下各 60 px 留白 */
.credit-subtitle {
  font-weight: bold;
  font-size: 24px;
  line-height: 34px;
  padding: 60px 0;
  color: #3b426b;
}

/* ==========================================================
   3. 信用能力三张卡片（580*389）
      阴影 + 圆角 + 内边距
   ========================================================== */
/* 容器：flex 水平居中 */
.credit-icon {
  justify-content: center;
}
/* 单张卡片 */
.credit-icon .item {
  width: 580px;
  height: 389px;
  margin: 0 17px;                    /* 左右间距 17 px */
  box-shadow: 0px 10px 30px rgba(218, 222, 240, 0.7); /* 淡蓝阴影 */
  border-radius: 10px;               /* 圆角 */
  padding-top: 50px;                 /* 顶部留 50 px 放图标 */
  box-sizing: border-box;
}
/* 图标与标题间距 */
.credit-icon .item img {
  margin-bottom: 30px;
}
/* 卡片标题：加粗 700 */
.credit-icon .item h4 {
  font-weight: 700;
  margin-bottom: 23px;
}
/* 卡片正文：18 px，行高 32 px，左对齐，限定 500 px 宽 */
.credit-icon .item p {
  font-size: 18px;
  line-height: 32px;
  width: 500px;
  text-align: left;
}

/* ==========================================================
   4. 朋友圈轮播（moments-function）信用版
      改成 1200*680 大图 + 金色导航条
   ========================================================== */
/* 轮播容器：底部 100 px 留白，溢出可见（overflow: unset） */
.moments-function .swiper-container {
  margin-bottom: 100px;
  overflow: unset;
}
/* 取消之前的 612 px 偏移，大图居中 */
.moments-function .swiper-container .swiper-slide {
  left: 0;
}
/* 分页器上移 166 px，避免挡住大图 */
.moments-function .swiper-container .swiper-pagination {
  top: -166px;
}
/* 鼠标悬停不要边框（信用版用背景色区分） */
.moments-function .swiper-container .swiper-pagination-bullet:hover {
  border-color: transparent;
}
/* 当前按钮：用 Banner 同款金棕渐变 */
.moments-function .swiper-container .swiper-pagination-bullet-active {
  background: linear-gradient(
    86.69deg,
    #D2AA6C -1.3%,
    #B69665 -1.29%,
    #C5904C 99.66%
  );
}
/* 大图尺寸：1200*680 px */
.moments-function .swiper-container .moments-page-item > img {
  width: 1200px;
  height: 680px;
}

/* ==========================================================
   5. 营销会员区（market-member）信用版
      限定 500 px 宽、金色列表符号
   ========================================================== */
/* 文字区最大 500 px，防止过长 */
.market-member {
  max-width: 500px;
}
/* 右侧文字再左移 100 px（!important 覆盖旧值） */
.market-member .right {
  padding-left: 100px !important;
}
/* 图片底部 188 px 大留白，让区块更透气 */
.market-member img {
  padding-bottom: 188px !important;
}
/* 金色列表项：flex 水平居中，20 px 上间距 */
.market-member .item .li {
  display: flex;
  align-items: center;
  color: #D2AA6C;
  margin-top: 20px;
}
/* 金色小圆点 10*10 px，右间距 6 px */
.market-member .item .li span {
  background: #D2AA6C;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  display: inline-block;
  margin-right: 6px;
}

/* ==========================================================
   6. 源码映射（由 Sass 自动生成，可忽略）
   ========================================================== */
/*# sourceMappingURL=supplier.css.map */