@charset "UTF-8";
/* ========== 入场动画：从下往上淡入 ========== */
@-webkit-keyframes move {                      /* 旧版 Safari / 安卓 4.x 兼容 */
  from { bottom: -30px;  opacity: 0; }        /* 初始状态：在下方 30px 且透明 */
  to   { bottom: 0px;     opacity: 1; }        /* 结束状态：回到原位且完全显示 */
}
@keyframes move {                              /* 标准写法 */
  from { bottom: -30px;  opacity: 0; }
  to   { bottom: 0px;     opacity: 1; }
}

/* ---- 四个递增延迟的动画类，用来做阶梯式出现 ---- */
.animated1 {                                   /* 第 1 个元素：立即出现 */
  position: relative;
  -webkit-animation: move 0.3s;               /* 总时长 0.3s */
          animation: move 0.3s;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;      /* 动画结束后保持最后一帧 */
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;  /* 匀速，避免弹性 */
          animation-timing-function: linear;
}

.animated2 {                                   /* 第 2 个元素：晚 0.3s */
  position: relative;
  -webkit-animation: move 0.3s;
          animation: move 0.3s;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-delay: 0.3s;              /* 关键：延迟 0.3s */
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.animated3 {                                   /* 第 3 个元素：晚 0.6s */
  position: relative;
  -webkit-animation: move 0.3s;
          animation: move 0.3s;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.animated4 {                                   /* 第 4 个元素：晚 0.9s */
  position: relative;
  -webkit-animation: move 0.3s;
          animation: move 0.3s;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-delay: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

/* ========== 极简全局重置 ========== */
body, h2, ul, li, img, p {
  padding: 0;
  margin: 0;
  list-style: none;
}
img { display: block; }                       /* 去掉图片底部 3px 幽灵空白 */

/* ========== 合作页专用 ========== */
.partner .img-wrapper { width: 100%; }        /* 图片自适应父级宽度 */
.partner .img-wrapper img { width: 100%; }    /* 图片本身 100% 撑满 */

/* ---- 顶部大图横幅 ---- */
.partner .banner-top {
  background: url("../img/partner/banner.png") no-repeat;
  background-size: 100% 100%;                 /* 背景图拉伸铺满，不留白 */
  height: 1025px;                             /* 固定高，视觉稿尺寸 */
  padding-top: 96px;                          /* 给导航留 96px 安全距离 */
  box-sizing: border-box;                     /* padding 算进总高 */
  width: 100%;
  display: flex;
  flex-direction: column;                     /* 上下排列：标题+按钮+关于 */
  align-items: center;                        /* 水平居中 */
}

.partner .banner-top .banner-title { width: 1044px; }   /* 标题图固定宽 */

.partner .banner-top .service {              /* “立即申请” 大按钮 */
  margin-top: 20px;
  margin-bottom: 97px;
  background: linear-gradient(90deg, #FFE7CD 0%, #E2B791 100%); /* 金色渐变 */
  border-radius: 100px;                       /* 胶囊形 */
  padding: 12px 63px;                         /* 上下 12 左右 63 */
  font-weight: bold;
  font-size: 36px;
  line-height: 50px;
  color: #362617;                             /* 深棕字 */
  cursor: pointer;                            /* 手型，可点击 */
}

.partner .banner-top .about { width: 1020px; }          /* 关于介绍图固定宽 */

/* ---- 机会区域 ---- */
.partner .opportunity {
  background: #303145;                        /* 深蓝灰背景 */
  height: 443px;                              /* 固定高，保持节奏 */
  width: 100%;
  display: flex;
  justify-content: center;                    /* 水平居中 */
  align-items: center;                        /* 垂直居中 */
}
.partner .opportunity img { width: 1023px; }  /* 内容图固定宽 */

/* ---- 六大优势 ---- */
.partner .divadvantage {
  height: 1143px;                             /* 整区高 1143px，设计稿尺寸 */
  width: 100%;
  background: #303145;                        /* 与上一区域同色，视觉连续 */
  padding-top: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;                        /* 标题 + 三列卡片居中 */
}

.partner .divadvantage .title {
  width: 336px;                               /* 标题图固定宽 */
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 45px;                        /* 标题与卡片间距 */
}

.partner .divadvantage .list {
  display: grid;
  grid-template-columns: 334px 334px 334px;   /* 三列等宽 334px */
  gap: 20px 20px;                             /* 上下左右 20px 缝隙 */
}

.partner .divadvantage .list .item {
  width: 100%;
  height: 390px;                              /* 卡片统一高，方便对齐 */
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 65px;                          /* 图标距顶 65px */
  box-sizing: border-box;
  background: #2A2B40;                        /* 默认深灰背景 */
  border-radius: 6px;
  cursor: pointer;                            /* 可点击 */
  -webkit-clip-path: polygon(0 0, 90% 0, 100% 9%, 100% 100%, 0 100%); /* 右上角斜切 */
          clip-path: polygon(0 0, 90% 0, 100% 9%, 100% 100%, 0 100%);
}

.partner .divadvantage .list .item .active-icon { display: none; }        /* 默认隐藏高亮图标 */
.partner .divadvantage .list .item .icon { width: 84px; height: 84px; }   /* 默认图标尺寸 */

.partner .divadvantage .list .item:hover { background: #3C3D51; }         /* 悬停变亮 */
.partner .divadvantage .list .item:hover .icon { display: none; }         /* 悬停隐藏默认图标 */
.partner .divadvantage .list .item:hover .active-icon { display: block; } /* 悬停显示高亮图标 */

.partner .divadvantage .list .item .btn {          /* 卡片里的“查看详情”按钮 */
  padding: 5px 20px;
  font-size: 20px;
  line-height: 28px;
  color: #31220D;                             /* 深棕字 */
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 11px;
  background: linear-gradient(92.06deg, #F1DBBA 0.64%, #F1C69F 115.28%); /* 金渐变 */
  border-radius: 100px;
}

.partner .divadvantage .list .item .des {          /* 卡片描述文字 */
  font-size: 18px;
  line-height: 39px;                          /* 行高 39，阅读舒适 */
  color: #D6D7EA;                             /* 浅灰蓝字 */
  width: 300px;                               /* 固定宽，强制换行整齐 */
  text-align: center;
}

/* ---- 申请条件 ---- */
.partner .condition-wrapper {
  background: url("../img/partner/condition-bg.png") no-repeat;
  background-size: 100% 100%;
  height: 1400px;                             /* 整区高 1400px，含大背景 */
  width: 100%;
  padding-top: 70px;
  padding-bottom: 139px;                      /* 上下留白，避免贴边 */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.partner .condition-wrapper .condition-title {
  width: 402px;
  height: 75px;
  -o-object-fit: cover;
     object-fit: cover;                       /* 标题图保持比例裁切 */
}

.partner .condition-wrapper .list {
  display: flex;                              /* 横向排列两张条件图 */
  margin-top: 70px;
  margin-bottom: 95px;
}
.partner .condition-wrapper .list img { cursor: pointer; }  /* 可点击放大或切换 */
.partner .condition-wrapper .list img:nth-child(1) { margin-right: 10px; } /* 两张图间距 10px */

.partner .condition-wrapper .condition-img {
  width: 1070px;
  height: 747px;
  -o-object-fit: cover;
     object-fit: cover;                       /* 大图保持比例裁切 */
}

/* ---- 合作流程 ---- */
.partner .process {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 54px;
  padding-bottom: 71px;
  background: #F3F4FE;                        /* 浅灰蓝背景，与前面深色区隔开 */
}

.partner .process .title {
  width: 274px;
  height: 75px;
  -o-object-fit: cover;
     object-fit: cover;                       /* 流程标题图 */
}

.partner .process .wrapper {
  position: relative;
  width: 840px;                               /* 整个步骤区固定 840px 宽 */
  margin-top: 72px;
  margin-bottom: 79px;
}

.partner .process .wrapper .step-list {
  display: flex;
  justify-content: space-between;             /* 四个步骤均匀分布 */
}

.partner .process .wrapper .step-list .step-item-img1,
.partner .process .wrapper .step-list .step-item-img2,
.partner .process .wrapper .step-list .step-item-img3,
.partner .process .wrapper .step-list .step-item-img4 {
  opacity: 0;                                 /* 默认隐藏，等 JS 滚动触发淡入 */
}

.partner .process .wrapper .arrow {
  position: absolute;
  left: 121px;
  top: 48px;                                  /* 箭头定位在步骤下方 */
}

.partner .process .submit {                   /* 最底部“提交申请”大按钮 */
  padding: 12px 63px;
  font-size: 36px;
  color: #362617;
  line-height: 50px;
  font-weight: bold;
  background: linear-gradient(90deg, #FFE7CD 0%, #E2B791 100%); /* 金渐变 */
  border-radius: 100px;
  cursor: pointer;
}

/*# sourceMappingURL=partner.css.map */        /* SourceMap 调试映射，生产可删 */