/* 水平间距 */
/* 水平间距 */
/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/
html.data-v-8172b2ba {
  font-size: 16px;
}
body.data-v-8172b2ba {
  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-8172b2ba,
image.data-v-8172b2ba,
text.data-v-8172b2ba {
  box-sizing: border-box;
  flex-shrink: 0;
}
#app.data-v-8172b2ba {
  width: 100vw;
  height: 100vh;
}
.flex-row.data-v-8172b2ba {
  display: flex;
  flex-direction: row;
}
.flex-col.data-v-8172b2ba {
  display: flex;
  flex-direction: column;
}
.justify-start.data-v-8172b2ba {
  justify-content: flex-start;
}
.justify-end.data-v-8172b2ba {
  justify-content: flex-end;
}
.justify-center.data-v-8172b2ba {
  justify-content: center;
}
.justify-between.data-v-8172b2ba {
  justify-content: space-between;
}
.justify-around.data-v-8172b2ba {
  justify-content: space-around;
}
.justify-evenly.data-v-8172b2ba {
  justify-content: space-evenly;
}
.items-start.data-v-8172b2ba {
  align-items: flex-start;
}
.items-end.data-v-8172b2ba {
  align-items: flex-end;
}
.items-center.data-v-8172b2ba {
  align-items: center;
}
.items-baseline.data-v-8172b2ba {
  align-items: baseline;
}
.items-stretch.data-v-8172b2ba {
  align-items: stretch;
}
.self-start.data-v-8172b2ba {
  align-self: flex-start;
}
.self-end.data-v-8172b2ba {
  align-self: flex-end;
}
.self-center.data-v-8172b2ba {
  align-self: center;
}
.self-baseline.data-v-8172b2ba {
  align-self: baseline;
}
.self-stretch.data-v-8172b2ba {
  align-self: stretch;
}
.flex-1.data-v-8172b2ba {
  flex: 1 1 0%;
}
.flex-auto.data-v-8172b2ba {
  flex: 1 1 auto;
}
.grow.data-v-8172b2ba {
  flex-grow: 1;
}
.grow-0.data-v-8172b2ba {
  flex-grow: 0;
}
.shrink.data-v-8172b2ba {
  flex-shrink: 1;
}
.shrink-0.data-v-8172b2ba {
  flex-shrink: 0;
}
.relative.data-v-8172b2ba {
  position: relative;
}
.ml-2.data-v-8172b2ba {
  margin-left: 3.75rpx;
}
.mt-2.data-v-8172b2ba {
  margin-top: 3.75rpx;
}
.ml-4.data-v-8172b2ba {
  margin-left: 7.5rpx;
}
.mt-4.data-v-8172b2ba {
  margin-top: 7.5rpx;
}
.ml-6.data-v-8172b2ba {
  margin-left: 11.25rpx;
}
.mt-6.data-v-8172b2ba {
  margin-top: 11.25rpx;
}
.ml-8.data-v-8172b2ba {
  margin-left: 15rpx;
}
.mt-8.data-v-8172b2ba {
  margin-top: 15rpx;
}
.ml-10.data-v-8172b2ba {
  margin-left: 18.75rpx;
}
.mt-10.data-v-8172b2ba {
  margin-top: 18.75rpx;
}
.ml-12.data-v-8172b2ba {
  margin-left: 22.5rpx;
}
.mt-12.data-v-8172b2ba {
  margin-top: 22.5rpx;
}
.ml-14.data-v-8172b2ba {
  margin-left: 26.25rpx;
}
.mt-14.data-v-8172b2ba {
  margin-top: 26.25rpx;
}
.ml-16.data-v-8172b2ba {
  margin-left: 30rpx;
}
.mt-16.data-v-8172b2ba {
  margin-top: 30rpx;
}
.ml-18.data-v-8172b2ba {
  margin-left: 33.75rpx;
}
.mt-18.data-v-8172b2ba {
  margin-top: 33.75rpx;
}
.ml-20.data-v-8172b2ba {
  margin-left: 37.5rpx;
}
.mt-20.data-v-8172b2ba {
  margin-top: 37.5rpx;
}
.ml-22.data-v-8172b2ba {
  margin-left: 41.25rpx;
}
.mt-22.data-v-8172b2ba {
  margin-top: 41.25rpx;
}
.ml-24.data-v-8172b2ba {
  margin-left: 45rpx;
}
.mt-24.data-v-8172b2ba {
  margin-top: 45rpx;
}
.ml-26.data-v-8172b2ba {
  margin-left: 48.75rpx;
}
.mt-26.data-v-8172b2ba {
  margin-top: 48.75rpx;
}
.ml-28.data-v-8172b2ba {
  margin-left: 52.5rpx;
}
.mt-28.data-v-8172b2ba {
  margin-top: 52.5rpx;
}
.ml-30.data-v-8172b2ba {
  margin-left: 56.25rpx;
}
.mt-30.data-v-8172b2ba {
  margin-top: 56.25rpx;
}
.ml-32.data-v-8172b2ba {
  margin-left: 60rpx;
}
.mt-32.data-v-8172b2ba {
  margin-top: 60rpx;
}
.ml-34.data-v-8172b2ba {
  margin-left: 63.75rpx;
}
.mt-34.data-v-8172b2ba {
  margin-top: 63.75rpx;
}
.ml-36.data-v-8172b2ba {
  margin-left: 67.5rpx;
}
.mt-36.data-v-8172b2ba {
  margin-top: 67.5rpx;
}
.ml-38.data-v-8172b2ba {
  margin-left: 71.25rpx;
}
.mt-38.data-v-8172b2ba {
  margin-top: 71.25rpx;
}
.ml-40.data-v-8172b2ba {
  margin-left: 75rpx;
}
.mt-40.data-v-8172b2ba {
  margin-top: 75rpx;
}
.ml-42.data-v-8172b2ba {
  margin-left: 78.75rpx;
}
.mt-42.data-v-8172b2ba {
  margin-top: 78.75rpx;
}
.ml-44.data-v-8172b2ba {
  margin-left: 82.5rpx;
}
.mt-44.data-v-8172b2ba {
  margin-top: 82.5rpx;
}
.ml-46.data-v-8172b2ba {
  margin-left: 86.25rpx;
}
.mt-46.data-v-8172b2ba {
  margin-top: 86.25rpx;
}
.ml-48.data-v-8172b2ba {
  margin-left: 90rpx;
}
.mt-48.data-v-8172b2ba {
  margin-top: 90rpx;
}
.ml-50.data-v-8172b2ba {
  margin-left: 93.75rpx;
}
.mt-50.data-v-8172b2ba {
  margin-top: 93.75rpx;
}
.ml-52.data-v-8172b2ba {
  margin-left: 97.5rpx;
}
.mt-52.data-v-8172b2ba {
  margin-top: 97.5rpx;
}
.ml-54.data-v-8172b2ba {
  margin-left: 101.25rpx;
}
.mt-54.data-v-8172b2ba {
  margin-top: 101.25rpx;
}
.ml-56.data-v-8172b2ba {
  margin-left: 105rpx;
}
.mt-56.data-v-8172b2ba {
  margin-top: 105rpx;
}
.ml-58.data-v-8172b2ba {
  margin-left: 108.75rpx;
}
.mt-58.data-v-8172b2ba {
  margin-top: 108.75rpx;
}
.ml-60.data-v-8172b2ba {
  margin-left: 112.5rpx;
}
.mt-60.data-v-8172b2ba {
  margin-top: 112.5rpx;
}
.ml-62.data-v-8172b2ba {
  margin-left: 116.25rpx;
}
.mt-62.data-v-8172b2ba {
  margin-top: 116.25rpx;
}
.ml-64.data-v-8172b2ba {
  margin-left: 120rpx;
}
.mt-64.data-v-8172b2ba {
  margin-top: 120rpx;
}
.ml-66.data-v-8172b2ba {
  margin-left: 123.75rpx;
}
.mt-66.data-v-8172b2ba {
  margin-top: 123.75rpx;
}
.ml-68.data-v-8172b2ba {
  margin-left: 127.5rpx;
}
.mt-68.data-v-8172b2ba {
  margin-top: 127.5rpx;
}
.ml-70.data-v-8172b2ba {
  margin-left: 131.25rpx;
}
.mt-70.data-v-8172b2ba {
  margin-top: 131.25rpx;
}
.ml-72.data-v-8172b2ba {
  margin-left: 135rpx;
}
.mt-72.data-v-8172b2ba {
  margin-top: 135rpx;
}
.ml-74.data-v-8172b2ba {
  margin-left: 138.75rpx;
}
.mt-74.data-v-8172b2ba {
  margin-top: 138.75rpx;
}
.ml-76.data-v-8172b2ba {
  margin-left: 142.5rpx;
}
.mt-76.data-v-8172b2ba {
  margin-top: 142.5rpx;
}
.ml-78.data-v-8172b2ba {
  margin-left: 146.25rpx;
}
.mt-78.data-v-8172b2ba {
  margin-top: 146.25rpx;
}
.ml-80.data-v-8172b2ba {
  margin-left: 150rpx;
}
.mt-80.data-v-8172b2ba {
  margin-top: 150rpx;
}
.ml-82.data-v-8172b2ba {
  margin-left: 153.75rpx;
}
.mt-82.data-v-8172b2ba {
  margin-top: 153.75rpx;
}
.ml-84.data-v-8172b2ba {
  margin-left: 157.5rpx;
}
.mt-84.data-v-8172b2ba {
  margin-top: 157.5rpx;
}
.ml-86.data-v-8172b2ba {
  margin-left: 161.25rpx;
}
.mt-86.data-v-8172b2ba {
  margin-top: 161.25rpx;
}
.ml-88.data-v-8172b2ba {
  margin-left: 165rpx;
}
.mt-88.data-v-8172b2ba {
  margin-top: 165rpx;
}
.ml-90.data-v-8172b2ba {
  margin-left: 168.75rpx;
}
.mt-90.data-v-8172b2ba {
  margin-top: 168.75rpx;
}
.ml-92.data-v-8172b2ba {
  margin-left: 172.5rpx;
}
.mt-92.data-v-8172b2ba {
  margin-top: 172.5rpx;
}
.ml-94.data-v-8172b2ba {
  margin-left: 176.25rpx;
}
.mt-94.data-v-8172b2ba {
  margin-top: 176.25rpx;
}
.ml-96.data-v-8172b2ba {
  margin-left: 180rpx;
}
.mt-96.data-v-8172b2ba {
  margin-top: 180rpx;
}
.ml-98.data-v-8172b2ba {
  margin-left: 183.75rpx;
}
.mt-98.data-v-8172b2ba {
  margin-top: 183.75rpx;
}
.ml-100.data-v-8172b2ba {
  margin-left: 187.5rpx;
}
.mt-100.data-v-8172b2ba {
  margin-top: 187.5rpx;
}
.mt-37.data-v-8172b2ba {
  margin-top: 69.38rpx;
}
.ml-5.data-v-8172b2ba {
  margin-left: 9.38rpx;
}
.mt-5.data-v-8172b2ba {
  margin-top: 9.38rpx;
}
.ml-7.data-v-8172b2ba {
  margin-left: 13.13rpx;
}
.page.data-v-8172b2ba {
  background-color: #ffffff;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  overflow: hidden;
}
.section.data-v-8172b2ba {
  padding: 213.75rpx 0 105rpx;
  background-image: url("https://ide.code.fun/api/image?token=6711ccc71511d900114adddf&name=608ce961205c6b6c4a5f231d50bcfd3e.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.image.data-v-8172b2ba {
  border-radius: 50%;
  width: 150rpx;
  height: 151.88rpx;
}
.group.data-v-8172b2ba {
  margin-left: 34.67rpx;
  margin-top: 32.06rpx;
}
.text.data-v-8172b2ba {
  color: #000000;
  font-size: 37.5rpx;
  font-family: Open Sans;
  line-height: 34.91rpx;
}
.text-wrapper.data-v-8172b2ba {
  padding: 23.34rpx 0 23.85rpx;
  background-color: #fbdab4;
  border-radius: 18.75rpx;
  width: 222.34rpx;
}
.font.data-v-8172b2ba {
  font-size: 26.25rpx;
  font-family: Open Sans;
  line-height: 24.34rpx;
  color: #000000;
}
.text_2.data-v-8172b2ba {
  font-size: 28.13rpx;
  line-height: 25.93rpx;
}
.text-wrapper_2.data-v-8172b2ba {
  margin-left: 24.49rpx;
  margin-top: 78.75rpx;
  padding: 23.27rpx 0 23.85rpx;
  background-color: #ffdab1;
  border-radius: 18.75rpx;
  width: 222.34rpx;
  height: 73.13rpx;
}
.text_3.data-v-8172b2ba {
  font-size: 28.13rpx;
  line-height: 26.03rpx;
}
.group_2.data-v-8172b2ba {
  margin-top: -48.75rpx;
  padding-left: 26.25rpx;
  padding-right: 26.23rpx;
}
.equal-division.data-v-8172b2ba {
  padding: 14.38rpx 18.92rpx 31.05rpx;
  background-color: #fff1e2;
  border-radius: 9.38rpx;
}
.group_3.data-v-8172b2ba {
  flex: 1 1 131.93rpx;
}
.group_1.data-v-8172b2ba {
  padding: 9.99rpx 0 9.99rpx;
}
.image_2.data-v-8172b2ba {
  width: 95.63rpx;
  height: 95.63rpx;
}
.text_4.data-v-8172b2ba {
  line-height: 24.07rpx;
}
.group_4.data-v-8172b2ba {
  padding: 9.99rpx 0 11.79rpx;
}
.text_1.data-v-8172b2ba {
  line-height: 24.23rpx;
}
.group_5.data-v-8172b2ba {
  padding: 9.99rpx 0 11.76rpx;
}
.group_6.data-v-8172b2ba {
  padding: 9.99rpx 6.64rpx 11.76rpx 29.66rpx;
}
.group_7.data-v-8172b2ba {
  padding: 10.01rpx 0 11.94rpx;
}
.text_9.data-v-8172b2ba {
  font-size: 24.38rpx;
  line-height: 22.52rpx;
}
.section_2.data-v-8172b2ba {
  padding: 22.5rpx 26.61rpx;
  background-color: #fffef8;
  border-radius: 18.75rpx;
}
.image_3.data-v-8172b2ba {
  width: 43.13rpx;
  height: 43.13rpx;
}
.font_2.data-v-8172b2ba {
  font-size: 30rpx;
  font-family: Open Sans;
  line-height: 27.69rpx;
  color: #000000;
}
.image_4.data-v-8172b2ba {
  width: 48.75rpx;
  height: 48.75rpx;
}
.image_5.data-v-8172b2ba {
  margin-right: 6.38rpx;
}
.list-divider.data-v-8172b2ba {
  background-color: #0000002e;
  height: 1.89rpx;
}
.section_4.data-v-8172b2ba {
  padding: 22.95rpx 26.61rpx 22.05rpx;
  background-color: #fffef8;
  border-radius: 18.75rpx;
}
.text_5.data-v-8172b2ba {
  line-height: 27.86rpx;
}
.image_6.data-v-8172b2ba {
  margin-right: 6.38rpx;
  width: 48.75rpx;
  height: 50.63rpx;
}
.list-item_2.data-v-8172b2ba {
  padding: 22.5rpx;
  background-color: #fffef8;
  border-radius: 18.75rpx;
}
.image_8.data-v-8172b2ba {
  filter: drop-shadow(0rpx 7.5rpx 3.75rpx #00000040);
  width: 43.13rpx;
  height: 43.13rpx;
}
.text_6.data-v-8172b2ba {
  line-height: 27.11rpx;
}
.image_7.data-v-8172b2ba {
  margin-right: 10.48rpx;
}