/* 水平间距 */
/* 水平间距 */
/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/
html.data-v-6c52591e {
  font-size: 16px;
}
body.data-v-6c52591e {
  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;
}
view.data-v-6c52591e,
image.data-v-6c52591e,
text.data-v-6c52591e {
  box-sizing: border-box;
  flex-shrink: 0;
}
#app.data-v-6c52591e {
  width: 100vw;
  height: 100vh;
}
.flex-row.data-v-6c52591e {
  display: flex;
  flex-direction: row;
}
.flex-col.data-v-6c52591e {
  display: flex;
  flex-direction: column;
}
.justify-start.data-v-6c52591e {
  justify-content: flex-start;
}
.justify-end.data-v-6c52591e {
  justify-content: flex-end;
}
.justify-center.data-v-6c52591e {
  justify-content: center;
}
.justify-between.data-v-6c52591e {
  justify-content: space-between;
}
.justify-around.data-v-6c52591e {
  justify-content: space-around;
}
.justify-evenly.data-v-6c52591e {
  justify-content: space-evenly;
}
.items-start.data-v-6c52591e {
  align-items: flex-start;
}
.items-end.data-v-6c52591e {
  align-items: flex-end;
}
.items-center.data-v-6c52591e {
  align-items: center;
}
.items-baseline.data-v-6c52591e {
  align-items: baseline;
}
.items-stretch.data-v-6c52591e {
  align-items: stretch;
}
.self-start.data-v-6c52591e {
  align-self: flex-start;
}
.self-end.data-v-6c52591e {
  align-self: flex-end;
}
.self-center.data-v-6c52591e {
  align-self: center;
}
.self-baseline.data-v-6c52591e {
  align-self: baseline;
}
.self-stretch.data-v-6c52591e {
  align-self: stretch;
}
.flex-1.data-v-6c52591e {
  flex: 1 1 0%;
}
.flex-auto.data-v-6c52591e {
  flex: 1 1 auto;
}
.grow.data-v-6c52591e {
  flex-grow: 1;
}
.grow-0.data-v-6c52591e {
  flex-grow: 0;
}
.shrink.data-v-6c52591e {
  flex-shrink: 1;
}
.shrink-0.data-v-6c52591e {
  flex-shrink: 0;
}
.relative.data-v-6c52591e {
  position: relative;
}
.ml-2.data-v-6c52591e {
  margin-left: 3.75rpx;
}
.mt-2.data-v-6c52591e {
  margin-top: 3.75rpx;
}
.ml-4.data-v-6c52591e {
  margin-left: 7.5rpx;
}
.mt-4.data-v-6c52591e {
  margin-top: 7.5rpx;
}
.ml-6.data-v-6c52591e {
  margin-left: 11.25rpx;
}
.mt-6.data-v-6c52591e {
  margin-top: 11.25rpx;
}
.ml-8.data-v-6c52591e {
  margin-left: 15rpx;
}
.mt-8.data-v-6c52591e {
  margin-top: 15rpx;
}
.ml-10.data-v-6c52591e {
  margin-left: 18.75rpx;
}
.mt-10.data-v-6c52591e {
  margin-top: 18.75rpx;
}
.ml-12.data-v-6c52591e {
  margin-left: 22.5rpx;
}
.mt-12.data-v-6c52591e {
  margin-top: 22.5rpx;
}
.ml-14.data-v-6c52591e {
  margin-left: 26.25rpx;
}
.mt-14.data-v-6c52591e {
  margin-top: 26.25rpx;
}
.ml-16.data-v-6c52591e {
  margin-left: 30rpx;
}
.mt-16.data-v-6c52591e {
  margin-top: 30rpx;
}
.ml-18.data-v-6c52591e {
  margin-left: 33.75rpx;
}
.mt-18.data-v-6c52591e {
  margin-top: 33.75rpx;
}
.ml-20.data-v-6c52591e {
  margin-left: 37.5rpx;
}
.mt-20.data-v-6c52591e {
  margin-top: 37.5rpx;
}
.ml-22.data-v-6c52591e {
  margin-left: 41.25rpx;
}
.mt-22.data-v-6c52591e {
  margin-top: 41.25rpx;
}
.ml-24.data-v-6c52591e {
  margin-left: 45rpx;
}
.mt-24.data-v-6c52591e {
  margin-top: 45rpx;
}
.ml-26.data-v-6c52591e {
  margin-left: 48.75rpx;
}
.mt-26.data-v-6c52591e {
  margin-top: 48.75rpx;
}
.ml-28.data-v-6c52591e {
  margin-left: 52.5rpx;
}
.mt-28.data-v-6c52591e {
  margin-top: 52.5rpx;
}
.ml-30.data-v-6c52591e {
  margin-left: 56.25rpx;
}
.mt-30.data-v-6c52591e {
  margin-top: 56.25rpx;
}
.ml-32.data-v-6c52591e {
  margin-left: 60rpx;
}
.mt-32.data-v-6c52591e {
  margin-top: 60rpx;
}
.ml-34.data-v-6c52591e {
  margin-left: 63.75rpx;
}
.mt-34.data-v-6c52591e {
  margin-top: 63.75rpx;
}
.ml-36.data-v-6c52591e {
  margin-left: 67.5rpx;
}
.mt-36.data-v-6c52591e {
  margin-top: 67.5rpx;
}
.ml-38.data-v-6c52591e {
  margin-left: 71.25rpx;
}
.mt-38.data-v-6c52591e {
  margin-top: 71.25rpx;
}
.ml-40.data-v-6c52591e {
  margin-left: 75rpx;
}
.mt-40.data-v-6c52591e {
  margin-top: 75rpx;
}
.ml-42.data-v-6c52591e {
  margin-left: 78.75rpx;
}
.mt-42.data-v-6c52591e {
  margin-top: 78.75rpx;
}
.ml-44.data-v-6c52591e {
  margin-left: 82.5rpx;
}
.mt-44.data-v-6c52591e {
  margin-top: 82.5rpx;
}
.ml-46.data-v-6c52591e {
  margin-left: 86.25rpx;
}
.mt-46.data-v-6c52591e {
  margin-top: 86.25rpx;
}
.ml-48.data-v-6c52591e {
  margin-left: 90rpx;
}
.mt-48.data-v-6c52591e {
  margin-top: 90rpx;
}
.ml-50.data-v-6c52591e {
  margin-left: 93.75rpx;
}
.mt-50.data-v-6c52591e {
  margin-top: 93.75rpx;
}
.ml-52.data-v-6c52591e {
  margin-left: 97.5rpx;
}
.mt-52.data-v-6c52591e {
  margin-top: 97.5rpx;
}
.ml-54.data-v-6c52591e {
  margin-left: 101.25rpx;
}
.mt-54.data-v-6c52591e {
  margin-top: 101.25rpx;
}
.ml-56.data-v-6c52591e {
  margin-left: 105rpx;
}
.mt-56.data-v-6c52591e {
  margin-top: 105rpx;
}
.ml-58.data-v-6c52591e {
  margin-left: 108.75rpx;
}
.mt-58.data-v-6c52591e {
  margin-top: 108.75rpx;
}
.ml-60.data-v-6c52591e {
  margin-left: 112.5rpx;
}
.mt-60.data-v-6c52591e {
  margin-top: 112.5rpx;
}
.ml-62.data-v-6c52591e {
  margin-left: 116.25rpx;
}
.mt-62.data-v-6c52591e {
  margin-top: 116.25rpx;
}
.ml-64.data-v-6c52591e {
  margin-left: 120rpx;
}
.mt-64.data-v-6c52591e {
  margin-top: 120rpx;
}
.ml-66.data-v-6c52591e {
  margin-left: 123.75rpx;
}
.mt-66.data-v-6c52591e {
  margin-top: 123.75rpx;
}
.ml-68.data-v-6c52591e {
  margin-left: 127.5rpx;
}
.mt-68.data-v-6c52591e {
  margin-top: 127.5rpx;
}
.ml-70.data-v-6c52591e {
  margin-left: 131.25rpx;
}
.mt-70.data-v-6c52591e {
  margin-top: 131.25rpx;
}
.ml-72.data-v-6c52591e {
  margin-left: 135rpx;
}
.mt-72.data-v-6c52591e {
  margin-top: 135rpx;
}
.ml-74.data-v-6c52591e {
  margin-left: 138.75rpx;
}
.mt-74.data-v-6c52591e {
  margin-top: 138.75rpx;
}
.ml-76.data-v-6c52591e {
  margin-left: 142.5rpx;
}
.mt-76.data-v-6c52591e {
  margin-top: 142.5rpx;
}
.ml-78.data-v-6c52591e {
  margin-left: 146.25rpx;
}
.mt-78.data-v-6c52591e {
  margin-top: 146.25rpx;
}
.ml-80.data-v-6c52591e {
  margin-left: 150rpx;
}
.mt-80.data-v-6c52591e {
  margin-top: 150rpx;
}
.ml-82.data-v-6c52591e {
  margin-left: 153.75rpx;
}
.mt-82.data-v-6c52591e {
  margin-top: 153.75rpx;
}
.ml-84.data-v-6c52591e {
  margin-left: 157.5rpx;
}
.mt-84.data-v-6c52591e {
  margin-top: 157.5rpx;
}
.ml-86.data-v-6c52591e {
  margin-left: 161.25rpx;
}
.mt-86.data-v-6c52591e {
  margin-top: 161.25rpx;
}
.ml-88.data-v-6c52591e {
  margin-left: 165rpx;
}
.mt-88.data-v-6c52591e {
  margin-top: 165rpx;
}
.ml-90.data-v-6c52591e {
  margin-left: 168.75rpx;
}
.mt-90.data-v-6c52591e {
  margin-top: 168.75rpx;
}
.ml-92.data-v-6c52591e {
  margin-left: 172.5rpx;
}
.mt-92.data-v-6c52591e {
  margin-top: 172.5rpx;
}
.ml-94.data-v-6c52591e {
  margin-left: 176.25rpx;
}
.mt-94.data-v-6c52591e {
  margin-top: 176.25rpx;
}
.ml-96.data-v-6c52591e {
  margin-left: 180rpx;
}
.mt-96.data-v-6c52591e {
  margin-top: 180rpx;
}
.ml-98.data-v-6c52591e {
  margin-left: 183.75rpx;
}
.mt-98.data-v-6c52591e {
  margin-top: 183.75rpx;
}
.ml-100.data-v-6c52591e {
  margin-left: 187.5rpx;
}
.mt-100.data-v-6c52591e {
  margin-top: 187.5rpx;
}
.groupp.data-v-6c52591e {
  padding: 22.5rpx 0 18.75rpx;
}
.section_44.data-v-6c52591e {
  padding-left: 33.75rpx;
  padding-right: 30rpx;
  width: 100%;
  height: 120rpx;
  margin-top: 80rpx;
}
.ml-5.data-v-6c52591e {
  margin-left: 9.38rpx;
}
.font_22.selected.data-v-6c52591e {
  position: relative;
}
.font_22.selected.data-v-6c52591e::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #f6aaa4;
  transition: all 0.3s ease;
}
.page.data-v-6c52591e {
  padding: 46.88rpx 22.5rpx 401.25rpx;
  background-color: #ffffff;
  background-image: url("https://ide.code.fun/api/image?token=67610a10797f850011f30392&name=4ba8389730acda4f67d46a7370efec60.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 2073.75rpx;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.section_2.data-v-6c52591e {
  padding: 9.38rpx 0;
  background-color: #ffffff;
  border-radius: 75rpx;
}
.pos.data-v-6c52591e {
  position: absolute;
  left: 35.63rpx;
  right: 35.63rpx;
  top: 46.88rpx;
}
.image.data-v-6c52591e {
  width: 37.5rpx;
  height: 37.5rpx;
}
.font.data-v-6c52591e {
  font-size: 26.25rpx;
  font-family: FZSongKeBenXiuKaiS-R-GB;
  line-height: 25.54rpx;
  color: #323232;
}
.text.data-v-6c52591e {
  color: #c0c0c0;
  line-height: 25.84rpx;
}
.font_2.data-v-6c52591e {
  font-size: 30rpx;
  font-family: FZSongKeBenXiuKaiS-R-GB;
  line-height: 28.84rpx;
  color: #323232;
}
.font_22.data-v-6c52591e {
  font-size: 30rpx;
  font-family: FZSongKeBenXiuKaiS-R-GB;
  line-height: 27.81rpx;
  color: #323232;
}
.text_2.data-v-6c52591e {
  line-height: 28.48rpx;
}
.pos_2.data-v-6c52591e {
  position: absolute;
  left: 33.99rpx;
  top: 146.36rpx;
}
.text_3.data-v-6c52591e {
  line-height: 28.24rpx;
}
.pos_3.data-v-6c52591e {
  position: absolute;
  left: 147.66rpx;
  top: 146.14rpx;
}
.pos_4.data-v-6c52591e {
  position: absolute;
  left: 295.78rpx;
  top: 145.78rpx;
}
.pos_5.data-v-6c52591e {
  position: absolute;
  right: 214.22rpx;
  top: 145.78rpx;
}
.text_4.data-v-6c52591e {
  line-height: 29.53rpx;
}
.pos_6.data-v-6c52591e {
  position: absolute;
  right: 34.22rpx;
  top: 147.07rpx;
}
.section_3.data-v-6c52591e {
  background-color: #ffaaa5;
  width: 73.13rpx;
  height: 5.63rpx;
}
.pos_7.data-v-6c52591e {
  position: absolute;
  left: 30rpx;
  top: 182.81rpx;
}
.pos_8.data-v-6c52591e {
  position: absolute;
  left: 22.5rpx;
  right: 30rpx;
  top: 217.5rpx;
}
.section_4.data-v-6c52591e {
  padding: 34.61rpx 15rpx 31.88rpx;
  background-color: #ffffff;
  border-radius: 31.88rpx;
}
.list-item_1.data-v-6c52591e:first-child {
  margin-top: 0;
}
.font_3.data-v-6c52591e {
  font-size: 26.25rpx;
  font-family: FZSongKeBenXiuKaiS-R-GB;
  line-height: 25.54rpx;
  color: #ffaaa5;
}
.text_5.data-v-6c52591e {
  margin-right: 8.08rpx;
  line-height: 24.62rpx;
}
.font_4.data-v-6c52591e {
  font-size: 22.5rpx;
  font-family: FZSongKeBenXiuKaiS-R-GB;
  line-height: 22.14rpx;
  color: #818181;
}
.font_5.data-v-6c52591e {
  font-size: 22.5rpx;
  font-family: FZSongKeBenXiuKaiS-R-GB;
  line-height: 15.04rpx;
  color: #818181;
}
.group.data-v-6c52591e {
  margin-top: 29.21rpx;
}
.list-item.data-v-6c52591e:first-child {
  margin-top: 0;
}
.image_2.data-v-6c52591e {
  border-radius: 9.38rpx;
  width: 146.25rpx;
  height: 144.38rpx;
}
.group_1.data-v-6c52591e {
  margin-top: 2.33rpx;
}
.text_10.data-v-6c52591e {
  line-height: 25.01rpx;
}
.font_7.data-v-6c52591e {
  font-size: 26.25rpx;
  font-family: Open Sans;
  line-height: 19.29rpx;
  color: #323232;
}
.text_12.data-v-6c52591e {
  margin-left: 5.34rpx;
  line-height: 18.73rpx;
}
.group_2.data-v-6c52591e {
  margin-right: 8.23rpx;
  margin-top: 89.19rpx;
}
.font_6.data-v-6c52591e {
  font-size: 33.75rpx;
  font-family: Open Sans;
  line-height: 25.54rpx;
  font-weight: 600;
  color: #323232;
}
.text_11.data-v-6c52591e {
  margin-left: 25.03rpx;
  line-height: 24.88rpx;
}
.image_3.data-v-6c52591e {
  margin-left: -90.66rpx;
  width: 30rpx;
  height: 26.25rpx;
}
.font_8.data-v-6c52591e {
  font-size: 26.25rpx;
  font-family: Open Sans;
  line-height: 19.29rpx;
  font-weight: 600;
  color: #323232;
}
.text_13.data-v-6c52591e {
  margin-left: 61.14rpx;
}
.divider.data-v-6c52591e {
  background-color: #dad2d2;
  height: 0.81rpx;
}
.view_1.data-v-6c52591e {
  margin: 30.43rpx 28.13rpx 0 39.38rpx;
}
.group_5.data-v-6c52591e {
  margin-top: 49.41rpx;
  padding: 0 21.21rpx;
  color: #ffaaa5;
}
.font_9.data-v-6c52591e {
  font-size: 26.25rpx;
  font-family: FZSongKeBenXiuKaiS-R-GB;
  line-height: 25.54rpx;
  color: #000000;
}
.text_14.data-v-6c52591e {
  line-height: 24.62rpx;
}
.text_15.data-v-6c52591e {
  margin-top: 2.17rpx;
  line-height: 24rpx;
}
.view.data-v-6c52591e {
  margin-top: 19.93rpx;
  padding: 0 19.54rpx;
}
.text_16.data-v-6c52591e {
  margin-right: 6.99rpx;
  line-height: 24.3rpx;
}
.image_4.data-v-6c52591e {
  width: 31.88rpx;
  height: 30rpx;
}
.image_5.data-v-6c52591e {
  margin-right: -8.29rpx;
}
.text_17.data-v-6c52591e {
  color: #ffaaa5;
  line-height: 19.39rpx;
}
.group_7.data-v-6c52591e {
  margin-top: 52.5rpx;
  padding: 0 9.38rpx;
}
.text-wrapper.data-v-6c52591e {
  padding: 13.86rpx 0 13.52rpx;
  background-color: #fffef8;
  border-radius: 75rpx;
  width: 155.63rpx;
  height: 56.25rpx;
  border: solid 1.88rpx #cbcbcb;
}
.text_18.data-v-6c52591e {
  line-height: 25.13rpx;
}
.text-wrapper_2.data-v-6c52591e {
  padding: 13.46rpx 0 13.5rpx;
  background-color: #fffef8;
  border-radius: 75rpx;
  width: 155.63rpx;
  height: 56.25rpx;
  border: solid 1.88rpx #ffaaa5;
}
.group_3.data-v-6c52591e {
  margin-top: 15rpx;
}