/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/

html {
  font-size: 16px;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
    'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100vw;
  height: 100vh;
}

body * {
  box-sizing: border-box;
  flex-shrink: 0;
}

.codefun-flex-row {
  display: flex;
  flex-direction: row;
}

.codefun-flex-col {
  display: flex;
  flex-direction: column;
}

.codefun-justify-start {
  justify-content: flex-start;
}

.codefun-justify-end {
  justify-content: flex-end;
}

.codefun-justify-center {
  justify-content: center;
}

.codefun-justify-between {
  justify-content: space-between;
}

.codefun-justify-around {
  justify-content: space-around;
}

.codefun-justify-evenly {
  justify-content: space-evenly;
}

.codefun-items-start {
  align-items: flex-start;
}

.codefun-items-end {
  align-items: flex-end;
}

.codefun-items-center {
  align-items: center;
}

.codefun-items-baseline {
  align-items: baseline;
}

.codefun-items-stretch {
  align-items: stretch;
}

.codefun-self-start {
  align-self: flex-start;
}

.codefun-self-end {
  align-self: flex-end;
}

.codefun-self-center {
  align-self: center;
}

.codefun-self-baseline {
  align-self: baseline;
}

.codefun-self-stretch {
  align-self: stretch;
}

.codefun-flex-1 {
  flex: 1 1 0%;
}

.codefun-flex-auto {
  flex: 1 1 auto;
}

.codefun-grow {
  flex-grow: 1;
}

.codefun-grow-0 {
  flex-grow: 0;
}

.codefun-shrink {
  flex-shrink: 1;
}

.codefun-shrink-0 {
  flex-shrink: 0;
}

.codefun-relative {
  position: relative;
}
.page {
  background-color: #ffffff;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  min-width: 1400px;
}
.section {
  padding: 10.13rem 22.5rem 11.13rem;
  background-image: url('./imgs/f9afba139eaf6c1f17fd621773d4f297.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.text {
  color: #000000;
  font-size: 2.63rem;
  font-family: PingFang SC;
  font-weight: 600;
  line-height: 2.47rem;
}
.font_1 {
  font-size: 2rem;
  font-family: PingFang SC;
  line-height: 1.84rem;
  color: #000000;
}
.text_2 {
  margin-top: 2rem;
}
.text_3 {
  margin-top: 1.37rem;
}
.font_2 {
  font-size: 1rem;
  font-family: PingFang SC;
  line-height: 0.94rem;
  font-weight: 600;
  color: #000000;
}
.text_4 {
  margin-top: 2rem;
  font-weight: unset;
}
.button {
  margin-top: 1.25rem;
  padding: 1.13rem 0;
  filter: drop-shadow(0px 0.25rem 0.19rem #2f6cff59);
  background-color: #2f6cff;
  border-radius: 0.31rem;
  width: 10rem;
  cursor: pointer;
}
.button:hover {
  background: #66b1ff;
  border-color: #66b1ff;
  color: #fff;
}
.font_3 {
  font-size: 1rem;
  font-family: PingFang SC;
  line-height: 0.94rem;
  color: #ffffff;
}
.group {
  margin-top: 5rem;
  padding: 0 22.5rem;
}
.space-y-62 > *:not(:first-child) {
  margin-top: 3.88rem;
}
.font_4 {
  font-size: 2.13rem;
  font-family: PingFang SC;
  line-height: 2rem;
  font-weight: 600;
  color: #000000;
}
.space-x-20 > *:not(:first-child) {
  margin-left: 1.25rem;
}
.equal-division-item {
  flex: 1 1 17.81rem;
  padding-bottom: 0.75rem;
  background-color: #ffffff;
  border-radius: 0.63rem;
  box-shadow: 0px 0.13rem 0.88rem #c0daf199;
  height: 26.25rem;
}
.section_2 {
  padding: 0.75rem 0.88rem 0.75rem 1.25rem;
  background-image: linear-gradient(90deg, #2b67ff 0%, #5b88ff 100%);
  border-radius: 0.63rem 0.63rem 0px 0px;
}
.section_3 {
  background-color: #ffffff;
  width: 0.25rem;
  height: 1.13rem;
}
.font_5 {
  font-size: 1.13rem;
  font-family: PingFang SC;
  line-height: 1.06rem;
  font-weight: 600;
  color: #ffffff;
}
.image {
  width: 2.25rem;
  height: 2.25rem;
}
.section_4 {
  margin: 0.94rem 0.94rem 0;
  padding: 1.13rem 3.75rem;
  background-color: #f4f8fb;
  border-radius: 0.31rem;
}
.space-x-12 > *:not(:first-child) {
  margin-left: 0.75rem;
}
.space-x-10 > *:not(:first-child) {
  margin-left: 0.63rem;
}
.image_2 {
  width: 0.88rem;
  height: 0.88rem;
}
.font_6 {
  font-size: 0.88rem;
  font-family: PingFang SC;
  line-height: 0.81rem;
  color: #333333;
}
.pos_2 {
  position: absolute;
  left: 3.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.pos_4 {
  position: absolute;
  left: 3.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.pos_5 {
  position: absolute;
  left: 3.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.pos_6 {
  position: absolute;
  left: 3.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.font_7 {
  font-size: 0.88rem;
  font-family: PingFang SC;
  line-height: 0.13rem;
  color: #333333;
}
.pos {
  position: absolute;
  left: 3.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.pos_3 {
  position: absolute;
  left: 3.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.image_3 {
  width: 0.69rem;
  height: 0.88rem;
}
.text_5 {
  line-height: 1.03rem;
}
.image_4 {
  width: 0.81rem;
  height: 0.81rem;
}
.group_2 {
  margin-top: 5rem;
}
.section_5 {
  padding: 5rem 22.5rem;
  background-color: #f4f8fb;
}
.text_6 {
  margin-top: 1.37rem;
  color: #626a80;
  line-height: 1rem;
}
.equal-division {
  margin-top: 2.5rem;
}
.space-x-60 > *:not(:first-child) {
  margin-left: 3.75rem;
}
.equal-division-item_2 {
  padding: 1.75rem 0 4.13rem;
  flex: 1 1 22.5rem;
  background-image: linear-gradient(180deg, #edf9fe 0%, #def2ff 100%);
  border-radius: 1.25rem;
  box-shadow: 0px 0.5rem 1.13rem #c0daf159;
  height: 24.37rem;
  border: solid 0.13rem #ffffff;
}
.image_5 {
  width: 15.63rem;
  height: 8.75rem;
}
.font_8 {
  font-size: 1.75rem;
  font-family: PingFang SC;
  line-height: 1.66rem;
  font-weight: 600;
  color: #000000;
}
.text_7 {
  margin-top: 1.88rem;
}
.font_9 {
  font-size: 0.88rem;
  font-family: PingFang SC;
  line-height: 1.06rem;
  color: #333333;
}
.text_10 {
  margin-top: 1.88rem;
}
.text_13 {
  margin-top: 0.5rem;
}
.text_16 {
  margin-top: 0.37rem;
}
.equal-division-item_3 {
  padding: 1.75rem 0 5.63rem;
  flex: 1 1 22.5rem;
  background-image: linear-gradient(180deg, #fffbf3 0%, #fff4f2 100%);
  border-radius: 1.25rem;
  box-shadow: 0px 0.5rem 1.13rem #c0daf159;
  height: 24.37rem;
  border: solid 0.13rem #ffffff;
}
.text_8 {
  margin-top: 1.88rem;
}
.text_11 {
  margin-top: 1.88rem;
}
.text_14 {
  margin-top: 0.5rem;
}
.equal-division-item_4 {
  padding: 1.75rem 0 2.63rem;
  flex: 1 1 22.5rem;
  background-image: linear-gradient(180deg, #f1fffa 0%, #e8fffc 100%);
  border-radius: 1.25rem;
  box-shadow: 0px 0.5rem 1.13rem #c0daf159;
  height: 24.37rem;
  border: solid 0.13rem #ffffff;
}
.text_9 {
  margin-top: 1.88rem;
}
.text_12 {
  margin-top: 1.88rem;
}
.text_15 {
  margin-top: 0.44rem;
}
.text_17 {
  margin-top: 0.37rem;
}
.text_18 {
  margin-top: 0.5rem;
}
.section_6 {
  padding: 3.75rem 22.5rem;
  background-image: url('./imgs/401193961157fdf4c86f37a3303ab08e.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.space-y-18 > *:not(:first-child) {
  margin-top: 1.13rem;
}
.section_7 {
  padding: 1.13rem 1.75rem;
  background-image: linear-gradient(180deg, #f2f6fb 0%, #ffffff 100%);
  border-radius: 0.63rem;
  box-shadow: 0px 0.5rem 1.13rem #c0daf159;
  width: 23.75rem;
  border: solid 0.13rem #ffffff;
}
.font_10 {
  font-size: 1.13rem;
  font-family: PingFang SC;
  line-height: 1.06rem;
  font-weight: 600;
  color: #000000;
}
.font_11 {
  font-size: 0.88rem;
  font-family: PingFang SC;
  line-height: 0.81rem;
  color: #6e7890;
}
.space-y-98 > *:not(:first-child) {
  margin-top: 6.13rem;
}
.group_4 {
  width: 31.25rem;
}
.space-y-38 > *:not(:first-child) {
  margin-top: 2.37rem;
}
.section_9 {
  border-radius: 1.25rem;
  overflow: hidden;
  border: solid 0.13rem #c4d5ff;
}
.section_10 {
  padding: 1.88rem 0 7.13rem;
  background-image: linear-gradient(180deg, #f2f6fb 0%, #ffffff 100%);
  border-radius: 1.25rem;
  width: 31.25rem;
}
.text_19 {
  margin-left: 1.88rem;
  line-height: 1.03rem;
}
.group_3 {
  padding-bottom: 8.13rem;
  width: 33.72rem;
}
.pos_7 {
  position: absolute;
  left: 1.91rem;
  right: -4.37rem;
  top: -2.5rem;
}
.section_8 {
  background-color: #2f6cff0f;
  border-radius: 50%;
  width: 9.37rem;
  height: 9.37rem;
}
.image-wrapper {
  padding: 0.63rem 0 5.63rem;
  background-color: #2f6cff0f;
  border-radius: 50%;
  width: 11.25rem;
}
.pos_9 {
  position: absolute;
  right: 0.63rem;
  top: 6.25rem;
}
.image_8 {
  width: 5rem;
  height: 5rem;
}
.font_12 {
  font-size: 0.88rem;
  font-family: PingFang SC;
  line-height: 1.06rem;
  color: #6e7890;
}
.pos_8 {
  position: absolute;
  left: 0;
  top: 6.37rem;
}
.pos_10 {
  position: absolute;
  left: 0;
  top: 7.88rem;
}
.pos_11 {
  position: absolute;
  left: 1.94rem;
  bottom: 2.06rem;
}
.section_11 {
  padding: 1.88rem 1.88rem 3.63rem;
  background-image: linear-gradient(180deg, #f2f6fb 0%, #ffffff 100%);
  border-radius: 1.25rem;
  width: 31.25rem;
}
.text_20 {
  margin-top: 2.37rem;
}
.pos_12 {
  position: absolute;
  left: 1.91rem;
  right: -4.37rem;
  top: -2.5rem;
}
.view {
  margin-left: 24.37rem;
}
.pos_14 {
  position: absolute;
  right: 0.63rem;
  top: 6.25rem;
}
.pos_13 {
  position: absolute;
  left: 0;
  top: 6.37rem;
}
.image_6 {
  width: 34.37rem;
  height: 22.5rem;
}
.image_7 {
  margin-right: 2.5rem;
}
.section_12 {
  margin-top: 5rem;
  padding: 5rem 25rem 4.69rem;
  background-color: #f4f8fb;
}
.space-y-88 > *:not(:first-child) {
  margin-top: 5.5rem;
}
.image_9 {
  margin-top: 0.88rem;
}
.group_5 {
  margin-right: 3.63rem;
}
.space-y-48 > *:not(:first-child) {
  margin-top: 2rem;
}
.text_21 {
  margin-left: 0.13rem;
}
.text_22 {
  margin-top: 0.88rem;
}
.text_23 {
  margin-top: 0.5rem;
}
.text_24 {
  margin-left: 0.13rem;
}
.text_25 {
  margin-top: 0.88rem;
}
.text_26 {
  margin-top: 0.5rem;
}
.text_27 {
  margin-top: 0.37rem;
}
.text_28 {
  margin-top: 0.88rem;
}
.text_29 {
  margin-top: 0.44rem;
}
.group_6 {
  padding: 5rem 22.5rem;
}
.space-y-42 > *:not(:first-child) {
  margin-top: 2.63rem;
}
.space-y-50 > *:not(:first-child) {
  margin-top: 3.13rem;
}
.group_7 {
  border-bottom: solid 0.063rem #dde4ef;
}
.group_8 {
  padding: 0 6.13rem 1.25rem 6.25rem;
}
.group_8_1 {
  padding: 0 6.13rem 0 6.25rem;
}
.text_30 {
  color: #2f6cff;
}
.font_13 {
  font-size: 1rem;
  font-family: PingFang SC;
  line-height: 0.94rem;
  font-weight: 600;
  color: #333333;
  padding-bottom: 1.25rem;
  cursor: pointer;
}
.font_13:hover {
  color: #2f6cff;
}
.active {
  color: #2f6cff;
  border-bottom: 0.25rem solid #2f6cff;
}
.section_13 {
  margin-left: 5.75rem;
  background-color: #2f6cff;
  width: 5rem;
  height: 0.25rem;
}
.group_9 {
  padding-top: 1.25rem;
}
.image_11 {
  margin-top: 19.81rem;
  width: 12.5rem;
  height: 12.5rem;
}
.section_14 {
  padding: 0 3.75rem 0;
  background-image: url('./imgs/b376056a2e74eac0042e16b09f7ca4aa.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 21.25rem;
}
.space-y-20 > *:not(:first-child) {
  margin-top: 1.25rem;
}
.text-wrapper_2 {
  padding: 1.25rem 0;
  background-color: #ffffff;
  border-radius: 0.31rem;
  box-shadow: 0px 0.5rem 1.13rem #c0daf159;
  width: 13.75rem;
  cursor: pointer;
}
.text-wrapper_2:hover{
  color: #409eff;
  border-color: #c6e2ff;
  background-color: #ecf5ff;
}
.active_btn {
  background: #2f6cff;
  box-shadow: 0px 8px 18px 0px rgba(193,218,241,0.35);
  font-size: 20px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
}
.active_btn:hover {
  background: #66b1ff;
  border-color: #66b1ff;
  color: #fff;
}
.font_14 {
  font-size: 1.25rem;
  font-family: PingFang SC;
  line-height: 1.16rem;
  color: #848da2;
}
.active_btn .font_14 {
  color: #fff;
}
.text-wrapper {
  padding: 1.25rem 0;
  background-color: #2f6cff;
  border-radius: 0.31rem;
  box-shadow: 0px 0.5rem 1.13rem #c0daf159;
  width: 13.75rem;
}
.pos_16 {
  position: absolute;
  right: 3.75rem;
  top: 0.63rem;
}
.text_31 {
  color: #ffffff;
  line-height: 1.19rem;
}
.pos_18 {
  position: absolute;
  right: 3.75rem;
  top: 20.63rem;
}
.section_15 {
  padding: 1.88rem;
  background-color: #ffffff;
  border-radius: 1.25rem;
  box-shadow: 0px 0px 1.13rem #c0daf159;
  width: 40rem;
}
.space-y-23 > *:not(:first-child) {
  margin-top: 1.44rem;
}
.pos_17 {
  position: absolute;
  left: 5rem;
  top: 1.88rem;
}
.text_32 {
  font-weight: unset;
}
.grid {
  margin-right: 2.5rem;
  /* height: 16.25rem; */
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 1.37rem;
  column-gap: 1.37rem;
}
.grid-item {
  padding: 0.88rem 0.88rem 2.37rem 1.13rem;
  background-color: #ffffff;
  border-radius: 0.63rem;
  border: solid 0.063rem #dde4ef;
}
.space-y-10 > *:not(:first-child) {
  margin-top: 0.63rem;
}
.grid-item_2 {
  padding: 0.88rem 1.13rem;
  background-color: #ffffff;
  border-radius: 0.63rem;
  border: solid 0.063rem #dde4ef;
}
.text_33 {
  margin-top: 0.75rem;
}
.text_34 {
  margin-top: 0.37rem;
}
.text_35 {
  margin-top: 0.5rem;
}
.text_36 {
  margin-top: 0.37rem;
}
.text_38 {
  margin-top: 0.5rem;
}
.text_37 {
  margin-top: 0.5rem;
}
.text_39 {
  margin-top: 0.37rem;
}
.image_10 {
  width: 12.81rem;
  height: 26.25rem;
}
.pos_15 {
  position: absolute;
  right: 19.69rem;
  top: 0;
}
.section_16 {
  padding: 3.75rem 0;
  background-image: url('./imgs/260e89ad2fc1e33be05576d452b38e50.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.space-y-36 > *:not(:first-child) {
  margin-top: 2.25rem;
}
.text_40 {
  color: #ffffff;
}
.text-wrapper_3 {
  padding: 1rem 0;
  border-radius: 0.31rem;
  width: 9.37rem;
  border: solid 0.063rem #ffffff;
}

.hover_button {
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}

.hover_button:hover {
  transform: translateY(-10px);
}
.hover_card {
  cursor: pointer;
  padding: .625rem;
  border-radius: .625rem;
  background-color: transparent; /* 初始状态为透明 */
  transition: background-color 0.3s ease; /* 添加过渡效果 */
}
.hover_card:hover {
  background-color: rgba(255, 255, 255, .3);
}