/************************************************************
** 请将全局样式拷贝到项目的全局 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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.joyo-relative {
  position: relative;
}

.joyo-ml-2 {
  margin-left: 2px;
}

.joyo-mt-2 {
  margin-top: 2px;
}

.joyo-ml-4 {
  margin-left: 4px;
}

.joyo-mt-4 {
  margin-top: 4px;
}

.joyo-ml-6 {
  margin-left: 6px;
}

.joyo-mt-6 {
  margin-top: 6px;
}

.joyo-ml-8 {
  margin-left: 8px;
}

.joyo-mt-8 {
  margin-top: 8px;
}

.joyo-ml-10 {
  margin-left: 10px;
}

.joyo-mt-10 {
  margin-top: 10px;
}

.joyo-ml-12 {
  margin-left: 12px;
}

.joyo-mt-12 {
  margin-top: 12px;
}

.joyo-ml-14 {
  margin-left: 14px;
}

.joyo-mt-14 {
  margin-top: 14px;
}

.joyo-ml-16 {
  margin-left: 16px;
}

.joyo-mt-16 {
  margin-top: 16px;
}

.joyo-ml-18 {
  margin-left: 18px;
}

.joyo-mt-18 {
  margin-top: 18px;
}

.joyo-ml-20 {
  margin-left: 20px;
}

.joyo-mt-20 {
  margin-top: 20px;
}

.joyo-ml-22 {
  margin-left: 22px;
}

.joyo-mt-22 {
  margin-top: 22px;
}

.joyo-ml-24 {
  margin-left: 24px;
}

.joyo-mt-24 {
  margin-top: 24px;
}

.joyo-ml-26 {
  margin-left: 26px;
}

.joyo-mt-26 {
  margin-top: 26px;
}

.joyo-ml-28 {
  margin-left: 28px;
}

.joyo-mt-28 {
  margin-top: 28px;
}

.joyo-ml-30 {
  margin-left: 30px;
}

.joyo-mt-30 {
  margin-top: 30px;
}

.joyo-ml-32 {
  margin-left: 32px;
}

.joyo-mt-32 {
  margin-top: 32px;
}

.joyo-ml-34 {
  margin-left: 34px;
}

.joyo-mt-34 {
  margin-top: 34px;
}

.joyo-ml-36 {
  margin-left: 36px;
}

.joyo-mt-36 {
  margin-top: 36px;
}

.joyo-ml-38 {
  margin-left: 38px;
}

.joyo-mt-38 {
  margin-top: 38px;
}

.joyo-ml-40 {
  margin-left: 40px;
}

.joyo-mt-40 {
  margin-top: 40px;
}

.joyo-ml-42 {
  margin-left: 42px;
}

.joyo-mt-42 {
  margin-top: 42px;
}

.joyo-ml-44 {
  margin-left: 44px;
}

.joyo-mt-44 {
  margin-top: 44px;
}

.joyo-ml-46 {
  margin-left: 46px;
}

.joyo-mt-46 {
  margin-top: 46px;
}

.joyo-ml-48 {
  margin-left: 48px;
}

.joyo-mt-48 {
  margin-top: 48px;
}

.joyo-ml-50 {
  margin-left: 50px;
}

.joyo-mt-50 {
  margin-top: 50px;
}

.joyo-ml-52 {
  margin-left: 52px;
}

.joyo-mt-52 {
  margin-top: 52px;
}

.joyo-ml-54 {
  margin-left: 54px;
}

.joyo-mt-54 {
  margin-top: 54px;
}

.joyo-ml-56 {
  margin-left: 56px;
}

.joyo-mt-56 {
  margin-top: 56px;
}

.joyo-ml-58 {
  margin-left: 58px;
}

.joyo-mt-58 {
  margin-top: 58px;
}

.joyo-ml-60 {
  margin-left: 60px;
}

.joyo-mt-60 {
  margin-top: 60px;
}

.joyo-ml-62 {
  margin-left: 62px;
}

.joyo-mt-62 {
  margin-top: 62px;
}

.joyo-ml-64 {
  margin-left: 64px;
}

.joyo-mt-64 {
  margin-top: 64px;
}

.joyo-ml-66 {
  margin-left: 66px;
}

.joyo-mt-66 {
  margin-top: 66px;
}

.joyo-ml-68 {
  margin-left: 68px;
}

.joyo-mt-68 {
  margin-top: 68px;
}

.joyo-ml-70 {
  margin-left: 70px;
}

.joyo-mt-70 {
  margin-top: 70px;
}

.joyo-ml-72 {
  margin-left: 72px;
}

.joyo-mt-72 {
  margin-top: 72px;
}

.joyo-ml-74 {
  margin-left: 74px;
}

.joyo-mt-74 {
  margin-top: 74px;
}

.joyo-ml-76 {
  margin-left: 76px;
}

.joyo-mt-76 {
  margin-top: 76px;
}

.joyo-ml-78 {
  margin-left: 78px;
}

.joyo-mt-78 {
  margin-top: 78px;
}

.joyo-ml-80 {
  margin-left: 80px;
}

.joyo-mt-80 {
  margin-top: 80px;
}

.joyo-ml-82 {
  margin-left: 82px;
}

.joyo-mt-82 {
  margin-top: 82px;
}

.joyo-ml-84 {
  margin-left: 84px;
}

.joyo-mt-84 {
  margin-top: 84px;
}

.joyo-ml-86 {
  margin-left: 86px;
}

.joyo-mt-86 {
  margin-top: 86px;
}

.joyo-ml-88 {
  margin-left: 88px;
}

.joyo-mt-88 {
  margin-top: 88px;
}

.joyo-ml-90 {
  margin-left: 90px;
}

.joyo-mt-90 {
  margin-top: 90px;
}

.joyo-ml-92 {
  margin-left: 92px;
}

.joyo-mt-92 {
  margin-top: 92px;
}

.joyo-ml-94 {
  margin-left: 94px;
}

.joyo-mt-94 {
  margin-top: 94px;
}

.joyo-ml-96 {
  margin-left: 96px;
}

.joyo-mt-96 {
  margin-top: 96px;
}

.joyo-ml-98 {
  margin-left: 98px;
}

.joyo-mt-98 {
  margin-top: 98px;
}

.joyo-ml-100 {
  margin-left: 100px;
}

.joyo-mt-100 {
  margin-top: 100px;
}

.tab_group_4 {
  padding-bottom: 230.5px;
  overflow-x: hidden;
}
.tab_group_3 {
  padding: 115.5px 401px 115.5px;
}
.tab_text_5 {
  /* margin-left: 387px; */
  color: rgb(51, 51, 51);
  font-size: 38px;
  font-weight: 600;
  font-family: 'Geometr415 Blk BT';
  line-height: 46px;
}
.tab_section_3 {
  /* margin-left: 386px; */
  background-image: linear-gradient(
    266.2deg,
    rgb(93, 134, 255) 0%,
    rgb(93, 134, 255) -8.53%,
    rgb(134, 35, 255) 92.73%,
    rgb(134, 35, 255) 100%
  );
  border-radius: 4px;
  width: 125px;
  height: 8px;
}
.tab_text_6 {
  margin-top: 16px;
  color: rgb(102, 102, 102);
  font-size: 28px;
  font-family: 'PingFang SC';
  font-weight: 600;
  line-height: 40px;
}
.tab_font {
  font-size: 24px;
  font-family: 'PingFang SC';
  line-height: 33px;
  font-weight: 600;
}
.tab_text_7 {
  margin-top: 51px;
  color: rgb(153, 153, 153);
}
.tab_text_8 {
  margin-top: 16px;
  color: rgb(51, 51, 51);
  font-size: 32px;
  font-family: 'Geometr415 Blk BT';
  font-weight: 600;
  line-height: 39px;
  text-align: right;
}
.tab_view_2 {
  margin-top: 36px;
  padding: 24px 0;
  background-image: linear-gradient(
    259.4deg,
    rgb(93, 134, 255) 0%,
    rgb(93, 134, 255) -8.53%,
    rgb(134, 35, 255) 92.73%,
    rgb(134, 35, 255) 100%
  );
  border-radius: 24px;
  width: 448px;
}
.tab_text_9 {
  color: rgb(255, 255, 255);
}
.tab_pos {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.tab_group_1 {
  overflow-x: hidden;
}
.tab_image {
  width: 100vw;
  height: 48vw;
}

.tab_text_11 {
  color: rgb(51, 51, 51);
  font-size: 30px;
  font-family: 'PingFang SC';
  font-weight: 500;
  line-height: 42px;
  text-align: left;
  width: 1129px;
}
.ml-270 {
  margin-left: 270px;
}
.mt-25 {
  margin-top: 25px;
}
.mt-35 {
  margin-top: 35px;
}
.ml-19 {
  margin-left: 19px;
}
.mt-27 {
  margin-top: 27px;
}
.page {
  padding-bottom: 95px;
  background-color: rgb(255, 255, 255);
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.section {
  padding: 30px 0 820px;
  background-image: url('../../assets/932c42e206664a6359fe2d621ed1dce9.png');
  background-position: 0% 0%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.group {
  padding: 0 53px;
}
.image {
  width: 183px;
  height: 49px;
}
.group_2 {
  margin-bottom: 3px;
}
.font {
  font-size: 24px;
  font-family: 'PingFang SC';
  line-height: 33px;
  font-weight: 600;
  color: rgb(255, 255, 255);
}
.section_2 {
  background-color: rgb(255, 255, 255);
  border-radius: 2px;
  width: 28px;
  height: 4px;
}
.text_2 {
  margin-left: 61px;
}
.font_2 {
  font-size: 24px;
  font-family: 'PingFang SC';
  line-height: 33px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
}
.image_2 {
  flex-shrink: 0;
  margin-left: 69px;
}
.image_33 {
  width: 140px;
  height: 47px;
}
.group_3 {
  margin-top: -672px;
}
.group_30 {
  padding: 44px 0 348px;
  width: 1269px;
}
.group_4 {
  width: 626px;
  height: 280px;
}
.text_3 {
  color: rgb(255, 255, 255);
  font-size: 70px;
  font-family: 'PingFang SC';
  font-weight: 600;
  line-height: 70px;
  text-align: center;
}
.pos_2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.pos_3 {
  position: absolute;
  left: 17px;
  right: 32px;
  bottom: 76px;
}
.image_38 {
  position: absolute;
  left: 168px;
  bottom: 0;
}
.image_37 {
  position: absolute;
  right: 182px;
  bottom: 0;
}
.image_3 {
  width: 123px;
  height: 40px;
}
.section_3 {
  background-image: url('../../assets/ed9b4c05759fb977bb7e36a76b2ab7dd.png');
  background-position: 0% 0%;
  /* background-size: 655px 548px; */
  background-repeat: no-repeat;
  width: 548px;
  height: 655px;
}
.pos {
  position: absolute;
  right: 0;
  top: 0;
}
.group_29 {
  margin-top: 53px;
}
.group_5 {
  margin-left: 32px;
  padding: 269px 0 374.5px;
  width: 1104px;
}
.group_8 {
  width: 378px;
  height: 267px;
}
.section_8 {
  margin-top: 56px;
  background-color: rgb(173, 135, 255);
  border-radius: 9.5px;
  width: 290px;
  height: 19px;
}
.font_3 {
  font-size: 56px;
  font-family: 'PingFang SC';
  line-height: 78px;
  font-weight: 600;
  color: rgb(51, 51, 51);
}
.text_16 {
  margin-top: -75px;
}
.font_4 {
  font-size: 32px;
  font-family: 'PingFang SC';
  font-weight: 600;
  color: rgb(51, 51, 51);
}
.text_4 {
  margin-top: 16px;
  line-height: 36px;
  text-align: left;
}
.text_5 {
  margin-top: 26px;
  color: rgb(153, 153, 153);
  text-align: left;
}
.image_6 {
  border-radius: 50%;
  width: 79px;
  height: 79px;
}
.pos_9 {
  position: absolute;
  right: 0;
  top: 196px;
}
.group_6 {
  padding: 37px 0 100.5px 149px;
  width: 744px;
}
.pos_6 {
  position: absolute;
  left: 0;
  top: 0;
}
.section_5 {
  padding: 14px 0 20px;
  /* background-image: linear-gradient(
    205.5deg,
    rgba(93, 134, 255, 0.18) 0%,
    rgba(93, 134, 255, 0.18) -8.53%,
    rgba(134, 35, 255, 0.18) 92.73%,
    rgba(134, 35, 255, 0.18) 100%
  ); */
  border-radius: 60px;
  width: 382px;
  height: 773px;
}
.section_6 {
  margin-left: 19px;
  margin-right: 18px;
  /* background-image: url('../../assets/5495b58642d33179f1548b132ce042ce.png');
  background-position: 0% 0%;
  background-size: 100% 100%;
  background-repeat: no-repeat; */
  height: 739px;
}
.image_11 {
  border-radius: 50%;
  width: 161px;
  height: 161px;
}
.image_34 {
  margin-left: 52px;
  margin-top: 433px;
}
.image_4 {
  width: 160px;
  height: 160px;
}
.pos_7 {
  position: absolute;
  left: 82px;
  top: 0;
}
.section_7 {
  background-image: url('../../assets/d1d855be3c07592a75e5673fac0a9342.png');
  background-position: 0% 0%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 251px;
  height: 56px;
}
.pos_12 {
  position: absolute;
  left: 41px;
  top: 321px;
}
.section_9 {
  padding: 4px 0 392.5px;
  background-image: url('../../assets/b3e7f5b7b2d8c07088e8114f4cab5ab5.png');
  background-position: 0% 0%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 596px;
}
.pos_13 {
  position: absolute;
  left: 0;
  top: 387px;
}
.image_9 {
  margin-left: 252px;
  width: 45px;
  height: 53px;
}
.image_10 {
  margin-left: 243px;
  width: 63px;
  height: 49px;
}
.image_8 {
  width: 113px;
  height: 49px;
}
.pos_14 {
  position: absolute;
  left: 252px;
  top: 327px;
}
.image_5 {
  width: 379px;
  height: 167px;
}
.pos_8 {
  position: absolute;
  left: 177.5px;
  top: 123px;
}
.image_7 {
  width: 93px;
  height: 88px;
}
.pos_10 {
  position: absolute;
  right: 363px;
  top: 237.5px;
}
.pos_11 {
  position: absolute;
  right: 0px;
  top: 537.5px;
}
.group_7 {
  padding-top: 407px;
  width: 160px;
}
.image_13 {
  filter: blur(17px);
  width: 160px;
  height: 160px;
}
.section_10 {
  margin-top: 16.5px;
  padding: 0 219px 36px 234px;
  background-color: rgba(102, 112, 255, 0.05);
}
.group_9 {
  width: 1364px;
  height: 878px;
}
.pos_1 {
  position: absolute;
  left: 0;
  top: 92px;
}
.group_12 {
  padding-bottom: 21px;
  width: 453px;
}
.pos_16 {
  position: absolute;
  left: 176px;
  top: 303px;
}
.group_13 {
  padding-top: 5px;
  width: 93px;
}
.image_18 {
  width: 63px;
  height: 84px;
}
.image_17 {
  width: 51px;
  height: 47px;
}
.pos_25 {
  position: absolute;
  right: 0;
  top: 0;
}
.group_14 {
  width: 478px;
  height: 256px;
}
.pos_26 {
  position: absolute;
  right: -80px;
  top: 32px;
}
.section_12 {
  margin-top: 56px;
  background-color: rgb(173, 135, 255);
  border-radius: 9.5px;
  width: 398px;
  height: 19px;
}
.text_17 {
  margin-top: -75px;
}
.font_5 {
  font-size: 36px;
  font-family: 'PingFang SC';
  font-weight: 600;
  color: rgb(51, 51, 51);
}
.text_6 {
  margin-top: 14px;
  line-height: 50px;
}
.font_6 {
  font-size: 28px;
  font-family: 'PingFang SC';
  line-height: 40px;
  font-weight: 600;
  color: rgb(153, 153, 153);
}
.text_7 {
  margin-top: 34px;
  text-align: left;
}
.group_10 {
  width: 699.5px;
}
.pos_18 {
  position: absolute;
  right: 0;
  top: 0;
}
.group_11 {
  padding-top: 105px;
}
.image_15 {
  width: 185px;
  height: 172px;
}
.image_35 {
  margin-top: 68px;
}
.section_11 {
  margin-left: 3.5px;
  background-image: linear-gradient(
    205.5deg,
    rgba(93, 134, 255, 0.18) 0%,
    rgba(93, 134, 255, 0.18) -8.53%,
    rgba(134, 35, 255, 0.18) 92.73%,
    rgba(134, 35, 255, 0.18) 100%
  );
  border-radius: 60px;
  width: 382px;
  height: 773px;
}
.pos_21 {
  position: absolute;
  right: 34.5px;
  top: 119px;
}
.image_19 {
  width: 202px;
  height: 146px;
}
.image_14 {
  width: 209px;
  height: 209px;
}
.pos_19 {
  position: absolute;
  right: 68px;
  top: 0;
}
.image_20 {
  width: 474px;
  height: 225px;
}
.pos_29 {
  position: absolute;
  right: 0;
  bottom: 94.5px;
}
.image_21 {
  filter: blur(14px);
  width: 172px;
  height: 175px;
}
.pos_30 {
  position: absolute;
  left: 127.5px;
  bottom: 25px;
}
.image_22 {
  margin-top: 865px;
}
.group_1 {
  padding-left: 32px;
}
.image_23 {
  width: 610px;
  height: 838px;
}
.group_15 {
  margin-top: 205px;
}
.group_16 {
  padding: 0 120px;
  height: 151px;
}
.group_17 {
  margin-top: 73px;
  height: 256px;
}
.section_13 {
  margin-top: 56px;
  background-color: rgb(173, 135, 255);
  border-radius: 9.5px;
  width: 310px;
  height: 19px;
}
.text_15 {
  margin-top: -75px;
}
.text_8 {
  margin-top: 18px;
  line-height: 45px;
  text-align: left;
}
.joyo-self-stretch {
  align-self: stretch;
}
.text_9 {
  margin-top: 35px;
  text-align: left;
  width: 399px;
}
.image_1 {
  margin-right: 138px;
  margin-top: -329px;
}
.pos_31 {
  position: absolute;
  left: 65px;
  top: 41.5px;
}
.group_18 {
  margin-top: 123px;
  width: 626px;
}
.group_19 {
  width: 161px;
}
.image_24 {
  margin-top: 21px;
  filter: blur(13px);
  width: 242px;
  height: 242px;
}
.group_20 {
  padding: 173px 219px 36px;
}
.image_28 {
  margin-top: 520px;
}
.section_14 {
  padding: 33px 234px 58px;
  background-color: rgba(102, 112, 255, 0.05);
}
.pos_34 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.group_22 {
  margin-top: 59px;
  width: 661px;
}
.group_23 {
  margin-right: 28px;
  margin-top: 44.5px;
  padding-top: 31.5px;
  width: 539px;
}
.group_24 {
  margin-left: 137px;
  width: 402px;
}
.group_25 {
  width: 402px;
  height: 281px;
}
.section_15 {
  margin-top: 56px;
  background-color: rgb(173, 135, 255);
  border-radius: 9.5px;
  width: 319px;
  height: 19px;
}
.text_1 {
  margin-top: -75px;
}
.text_10 {
  margin-top: 18px;
  line-height: 36px;
  text-align: left;
}
.text_11 {
  margin-top: 19px;
  text-align: left;
}
.pos_36 {
  position: absolute;
  left: 82px;
  top: 0;
}
.image_27 {
  margin-left: 74.5px;
  margin-top: 61px;
  filter: blur(10px);
  width: 190px;
  height: 251px;
}
.group_21 {
  margin-right: 25px;
  /* padding: 159px 0 114px; */
  width: 766px;
}
.image_26 {
  width: 766px;
  height: 583px;
}
.image_25 {
  width: 568px;
  height: 856px;
}
.pos_35 {
  position: absolute;
  right: 86px;
  bottom: 0;
}
.group_26 {
  width: 1129px;
}
.image_29 {
  width: 176px;
  height: 49px;
}
.text_12 {
  color: rgb(51, 51, 51);
  font-weight: unset;
}
.image_36 {
  flex-shrink: 0;
}
.image_30 {
  width: 40px;
  height: 40px;
}
.section_16 {
  background-color: rgb(239, 239, 239);
  width: 100%;
  height: 1px;
}
/** 清理默认样式 **/

a {
  color: unset;
  text-decoration: unset;
}

button {
  padding: unset;
  border-style: unset;
  background-color: unset;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: unset;
  font-size: unset;
  font-weight: unset;
}

input,
textarea {
  padding: unset;
  outline: unset;
  border-style: unset;
  background-color: unset;
  resize: unset;
}

p {
  margin: unset;
}

select {
  outline: unset;
  border-style: unset;
}

table {
  border-spacing: unset;
}

ul,
ol {
  margin: unset;
  padding: unset;
  list-style-type: none;
}