@charset "UTF-8";
/* source: v3/solution\crossLine.vue */
/* 背景部分 */
.bg-box {
  margin-top: 4.75rem; /* 76px / 16 = 4.75rem */
  width: 100%;
  background-image: url("../../../../images/ipfast/solution/2-bg-2.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 5.0625rem 1rem; /* 81px = 5.0625rem, 16px = 1rem */
}
.bg-box .bg-text {
  max-width: 35.375rem; /* 566px / 16 = 35.375rem */
  text-align: left;
}
.bg-box .bg-text .bg-title-1 {
  font-size: 2.5rem; /* 40px / 16 = 2.5rem */
  line-height: 3rem; /* 48px / 16 = 3rem */
  font-weight: bold;
  color: #fff;
}
.bg-box .bg-text .bg-title-1 .bg-title-1-focus {
  color: #59eff6;
}
.bg-box .bg-text .bg-title-2 {
  font-size: 1.125rem; /* 18px / 16 = 1.125rem */
  line-height: 1.625rem; /* 26px / 16 = 1.625rem */
  margin-top: 2rem; /* 32px / 16 = 2rem */
  color: #8ca19f;
}
.bg-box .bg-text .bg-tips {
  font-size: 0.875rem; /* 14px / 16 = 0.875rem */
  gap: 0.75rem; /* 12px / 16 = 0.75rem */
  line-height: 1.375rem; /* 22px / 16 = 1.375rem */
  margin-top: 1.5rem; /* 24px / 16 = 1.5rem */
  color: #fff;
}
.bg-box .bg-text .bg-tips .bg-tip {
  gap: 0.5rem; /* 8px / 16 = 0.5rem */
  width: 10rem; /* 160px / 16 = 10rem */
}
.bg-box .bg-text .bg-tips .bg-tip .bg-tip-img {
  width: 1.375rem; /* 22px / 16 = 1.375rem */
  height: 1.375rem;
}
.bg-box .bg-text .bg-btns {
  margin-top: 2.5rem; /* 40px / 16 = 2.5rem */
  gap: 0.75rem; /* 12px / 16 = 0.75rem */
}
.bg-box .bg-text .bg-btns .bg-btn {
  padding: 0.9375rem 3.125rem; /* 15px = 0.9375rem, 50px = 3.125rem */
  background: linear-gradient(145deg, rgba(0, 255, 149, 0.4) 20%, rgba(26, 0, 255, 0.4));
  background-color: #2bacb2;
  background-size: 200% 200%;
  border: none;
  border-radius: 4.5rem; /* 72px / 16 = 4.5rem */
  color: #fff;
  font-size: 1.25rem; /* 20px / 16 = 1.25rem */
  transition: transform 0.2s;
}
.bg-box .bg-text .bg-btns .bg-btn:hover {
  transform: scale(1.05);
}
.bg-box .bg-img {
  max-width: 50rem; /* 800px / 16 = 50rem */
}
.bg-box {
  /* 手机端优化 */
}
@media (max-width: 576px) {
  .bg-box {
    padding: 2rem 0.5rem; /* 手机端减少内边距 */
  }
  .bg-box .bg-text {
    max-width: 100%;
  }
  .bg-box .bg-title-1 {
    font-size: 1.5rem; /* 手机端标题缩小 */
    line-height: 2rem;
  }
  .bg-box .bg-title-2 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .bg-box .bg-tips .bg-tip {
    width: 100%; /* 手机端全宽 */
  }
}

/* 选择部分 */
.cs-box {
  padding: 7.5rem 0; /* 120px / 16 = 7.5rem */
  max-width: 85.375rem; /* 1366px / 16 = 85.375rem */
  margin: 0 auto;
}
.cs-box .cs-title {
  font-size: 2.5rem; /* 40px / 16 = 2.5rem */
  line-height: 3rem; /* 48px / 16 = 3rem */
  color: #042c2e;
  font-weight: bold;
}
.cs-box .cs-subtitle {
  font-size: 1.25rem; /* 20px / 16 = 1.25rem */
  line-height: 1.75rem; /* 28px / 16 = 1.75rem */
  margin-top: 1rem; /* 16px / 16 = 1rem */
  color: #8e9595;
}
.cs-box .cs-cards {
  margin-top: 3.75rem; /* 60px / 16 = 3.75rem */
  gap: 1rem; /* 16px / 16 = 1rem */
}
.cs-box .cs-cards .cs-card {
  --item-title-color: #042c2e;
}
.cs-box .cs-cards .cs-card .cs-card-img-box {
  margin-bottom: -2rem; /* -32px / 16 = -2rem */
  width: 4rem; /* 64px / 16 = 4rem */
  margin: 0 auto -1.5rem; /* -24px / 16 = -1.5rem */
  z-index: 1;
}
.cs-box .cs-cards .cs-card .cs-card-img-box .cs-card-img {
  width: 100%;
}
.cs-box .cs-cards .cs-card .cs-card-info {
  padding: 4rem 2rem 2rem; /* 64px = 4rem, 32px = 2rem */
  background: #fff;
  border: 0.0625rem solid #e2eaeb; /* 1px / 16 = 0.0625rem */
  border-radius: 1rem; /* 16px / 16 = 1rem */
}
.cs-box .cs-cards .cs-card .cs-card-info .cs-card-title {
  font-size: 1.5rem; /* 24px / 16 = 1.5rem */
  line-height: 2rem; /* 32px / 16 = 2rem */
  font-weight: bold;
  color: var(--item-title-color);
}
.cs-box .cs-cards .cs-card .cs-card-info .cs-card-text {
  font-size: 1rem; /* 16px / 16 = 1rem */
  line-height: 1.5rem; /* 24px / 16 = 1.5rem */
  margin-top: 1rem; /* 16px / 16 = 1rem */
  color: #8e9595;
  text-align: left;
}
.cs-box {
  /* 手机端优化 */
}
@media (max-width: 576px) {
  .cs-box {
    padding: 3rem 0; /* 减少内边距 */
  }
  .cs-box .cs-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .cs-box .cs-subtitle {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .cs-box .cs-cards {
    margin-top: 2rem;
    gap: 0.5rem;
  }
}

/* 解决方案部分 */
.se-box {
  padding: 5rem 0 7.5rem; /* 80px = 5rem, 120px = 7.5rem */
  max-width: 85.375rem; /* 1366px / 16 = 85.375rem */
  margin: 0 auto;
}
.se-box .se-title {
  font-size: 2.5rem; /* 40px / 16 = 2.5rem */
  line-height: 3rem; /* 48px / 16 = 3rem */
  color: #042c2e;
  font-weight: bold;
}
.se-box .se-cards {
  gap: 1.5rem; /* 24px / 16 = 1.5rem */
  margin-top: 3.75rem; /* 60px / 16 = 3.75rem */
}
.se-box .se-cards .se-card {
  padding: 2rem; /* 32px / 16 = 2rem */
  border: 0.0625rem solid #e2eaeb; /* 1px / 16 = 0.0625rem */
  border-radius: 1rem; /* 16px / 16 = 1rem */
  box-shadow: 0 1.5rem 3.25rem -2rem rgba(0, 0, 0, 0.08); /* 24px = 1.5rem, 52px = 3.25rem, -32px = -2rem */
}
.se-box .se-cards .se-card .se-card-img {
  width: 3rem; /* 48px / 16 = 3rem */
  height: 3rem;
}
.se-box .se-cards .se-card .se-card-title {
  font-size: 1.5rem; /* 24px / 16 = 1.5rem */
  line-height: 2rem; /* 32px / 16 = 2rem */
  margin-top: 1rem; /* 16px / 16 = 1rem */
}
.se-box .se-cards .se-card .se-card-text {
  font-size: 1rem; /* 16px / 16 = 1rem */
  line-height: 1.5rem; /* 24px / 16 = 1.5rem */
  margin-top: 1rem; /* 16px / 16 = 1rem */
  color: #8e9595;
}
.se-box .se-cards .se-card .se-card-foot {
  margin-top: 3.875rem; /* 62px / 16 = 3.875rem */
  width: 100%;
}
.se-box {
  /* 手机端优化 */
}
@media (max-width: 576px) {
  .se-box {
    padding: 3rem 0;
  }
  .se-box .se-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .se-box .se-cards {
    gap: 1rem;
    margin-top: 2rem;
  }
  .se-box .se-cards .se-card {
    padding: 1rem;
  }
  .se-box .se-cards .se-card .se-card-img {
    width: 2rem;
    height: 2rem;
  }
  .se-box .se-cards .se-card .se-card-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .se-box .se-cards .se-card .se-card-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

/* 表单部分 */
.fo-box {
  padding: 5rem 0 7.5rem; /* 80px = 5rem, 120px = 7.5rem */
  max-width: 85.375rem; /* 1366px / 16 = 85.375rem */
  margin: 0 auto;
}
.fo-box .fo-title {
  font-size: 2.5rem; /* 40px / 16 = 2.5rem */
  line-height: 3rem; /* 48px / 16 = 3rem */
  color: #042c2e;
  font-weight: bold;
}
.fo-box .fo-subtitle {
  font-size: 1.25rem; /* 20px / 16 = 1.25rem */
  line-height: 1.75rem; /* 28px / 16 = 1.75rem */
  margin-top: 0.75rem; /* 12px / 16 = 0.75rem */
  color: #8e9595;
}
.fo-box .fo-main {
  margin-top: 3.75rem; /* 60px / 16 = 3.75rem */
  background: #fff;
  border: 0.0625rem solid #e2eaeb; /* 1px / 16 = 0.0625rem */
  border-radius: 1.5rem; /* 24px / 16 = 1.5rem */
}
.fo-box .fo-main .fo-left {
  width: 100%;
}
.fo-box .fo-main .fo-right {
  padding: 3.75rem; /* 60px / 16 = 3.75rem */
}
.fo-box .fo-main .fo-right .fo-btn-box {
  gap: 0.625rem; /* 10px / 16 = 0.625rem */
}
.fo-box .fo-main .fo-right .fo-tip {
  color: #8e9595;
  font-size: 0.875rem; /* 14px / 16 = 0.875rem */
  line-height: 1.375rem; /* 22px / 16 = 1.375rem */
  margin-top: 0.625rem; /* 10px / 16 = 0.625rem */
}
.fo-box {
  /* 手机端优化 */
}
@media (max-width: 576px) {
  .fo-box {
    padding: 3rem 0;
  }
  .fo-box .fo-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .fo-box .fo-subtitle {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .fo-box .fo-main {
    margin-top: 2rem;
  }
  .fo-box .fo-main .fo-right {
    padding: 1.5rem;
  }
}

/* 常见问题部分 */
.question-box {
  padding: 2.5rem 0; /* 40px / 16 = 2.5rem */
}
.question-box .question-title {
  font-size: 2rem; /* 32px / 16 = 2rem */
  line-height: 2.5rem; /* 40px / 16 = 2.5rem */
  margin-bottom: 2.5rem; /* 40px / 16 = 2.5rem */
}
@media (max-width: 576px) {
  .question-box .question-title {
    font-size: 1.5rem; /* 24px / 16 = 1.5rem */
    line-height: 2rem; /* 32px / 16 = 2rem */
    margin-bottom: 1.5rem;
  }
}
.question-box .q-items .q-item {
  background: #fafbfb;
  border: 0.0625rem solid #eceded; /* 1px / 16 = 0.0625rem */
  border-radius: 1rem; /* 16px / 16 = 1rem */
  padding: 1rem; /* 16px / 16 = 1rem */
  margin-bottom: 1rem; /* 16px / 16 = 1rem */
}
.question-box .q-items .q-item .q-item-title {
  font-size: 1.125rem; /* 18px / 16 = 1.125rem */
  line-height: 1.625rem; /* 26px / 16 = 1.625rem */
  align-items: center;
}
.question-box .q-items .q-item .q-item-title .q-item-icon {
  width: 1.25rem; /* 20px / 16 = 1.25rem */
  margin-right: 0.625rem; /* 10px / 16 = 0.625rem */
}
.question-box .q-items .q-item .q-item-desc {
  font-size: 0.875rem; /* 14px / 16 = 0.875rem */
  line-height: 1.375rem; /* 22px / 16 = 1.375rem */
  margin-top: 0.75rem; /* 12px / 16 = 0.75rem */
  color: #8e9595;
}
.question-box {
  /* 手机端优化 */
}
@media (max-width: 576px) {
  .question-box {
    padding: 1.5rem 0;
  }
  .question-box .q-items .q-item {
    padding: 0.75rem;
    margin-bottom: 0.5rem;
  }
  .question-box .q-items .q-item .q-item-title {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .question-box .q-items .q-item .q-item-title .q-item-icon {
    width: 1rem;
    margin-right: 0.5rem;
  }
  .question-box .q-items .q-item .q-item-desc {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}