/* 水平间距 */ /* 水平间距 */ /************************************************************ ** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 ** ** 否则页面将无法正常显示 ** ************************************************************/ html.data-v-1d20d48c { font-size: 16px; } body.data-v-1d20d48c { 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-1d20d48c, image.data-v-1d20d48c, text.data-v-1d20d48c { box-sizing: border-box; flex-shrink: 0; } #app.data-v-1d20d48c { width: 100vw; height: 100vh; } .flex-row.data-v-1d20d48c { display: flex; flex-direction: row; } .flex-col.data-v-1d20d48c { display: flex; flex-direction: column; } .justify-start.data-v-1d20d48c { justify-content: flex-start; } .justify-end.data-v-1d20d48c { justify-content: flex-end; } .justify-center.data-v-1d20d48c { justify-content: center; } .justify-between.data-v-1d20d48c { justify-content: space-between; } .justify-around.data-v-1d20d48c { justify-content: space-around; } .justify-evenly.data-v-1d20d48c { justify-content: space-evenly; } .items-start.data-v-1d20d48c { align-items: flex-start; } .items-end.data-v-1d20d48c { align-items: flex-end; } .items-center.data-v-1d20d48c { align-items: center; } .items-baseline.data-v-1d20d48c { align-items: baseline; } .items-stretch.data-v-1d20d48c { align-items: stretch; } .self-start.data-v-1d20d48c { align-self: flex-start; } .self-end.data-v-1d20d48c { align-self: flex-end; } .self-center.data-v-1d20d48c { align-self: center; } .self-baseline.data-v-1d20d48c { align-self: baseline; } .self-stretch.data-v-1d20d48c { align-self: stretch; } .flex-1.data-v-1d20d48c { flex: 1 1 0%; } .flex-auto.data-v-1d20d48c { flex: 1 1 auto; } .grow.data-v-1d20d48c { flex-grow: 1; } .grow-0.data-v-1d20d48c { flex-grow: 0; } .shrink.data-v-1d20d48c { flex-shrink: 1; } .shrink-0.data-v-1d20d48c { flex-shrink: 0; } .relative.data-v-1d20d48c { position: relative; } .ml-2.data-v-1d20d48c { margin-left: 3.75rpx; } .mt-2.data-v-1d20d48c { margin-top: 3.75rpx; } .ml-4.data-v-1d20d48c { margin-left: 7.5rpx; } .mt-4.data-v-1d20d48c { margin-top: 7.5rpx; } .ml-6.data-v-1d20d48c { margin-left: 11.25rpx; } .mt-6.data-v-1d20d48c { margin-top: 11.25rpx; } .ml-8.data-v-1d20d48c { margin-left: 15rpx; } .mt-8.data-v-1d20d48c { margin-top: 15rpx; } .ml-10.data-v-1d20d48c { margin-left: 18.75rpx; } .mt-10.data-v-1d20d48c { margin-top: 18.75rpx; } .ml-12.data-v-1d20d48c { margin-left: 22.5rpx; } .mt-12.data-v-1d20d48c { margin-top: 22.5rpx; } .ml-14.data-v-1d20d48c { margin-left: 26.25rpx; } .mt-14.data-v-1d20d48c { margin-top: 26.25rpx; } .ml-16.data-v-1d20d48c { margin-left: 30rpx; } .mt-16.data-v-1d20d48c { margin-top: 30rpx; } .ml-18.data-v-1d20d48c { margin-left: 33.75rpx; } .mt-18.data-v-1d20d48c { margin-top: 33.75rpx; } .ml-20.data-v-1d20d48c { margin-left: 37.5rpx; } .mt-20.data-v-1d20d48c { margin-top: 37.5rpx; } .ml-22.data-v-1d20d48c { margin-left: 41.25rpx; } .mt-22.data-v-1d20d48c { margin-top: 41.25rpx; } .ml-24.data-v-1d20d48c { margin-left: 45rpx; } .mt-24.data-v-1d20d48c { margin-top: 45rpx; } .ml-26.data-v-1d20d48c { margin-left: 48.75rpx; } .mt-26.data-v-1d20d48c { margin-top: 48.75rpx; } .ml-28.data-v-1d20d48c { margin-left: 52.5rpx; } .mt-28.data-v-1d20d48c { margin-top: 52.5rpx; } .ml-30.data-v-1d20d48c { margin-left: 56.25rpx; } .mt-30.data-v-1d20d48c { margin-top: 56.25rpx; } .ml-32.data-v-1d20d48c { margin-left: 60rpx; } .mt-32.data-v-1d20d48c { margin-top: 60rpx; } .ml-34.data-v-1d20d48c { margin-left: 63.75rpx; } .mt-34.data-v-1d20d48c { margin-top: 63.75rpx; } .ml-36.data-v-1d20d48c { margin-left: 67.5rpx; } .mt-36.data-v-1d20d48c { margin-top: 67.5rpx; } .ml-38.data-v-1d20d48c { margin-left: 71.25rpx; } .mt-38.data-v-1d20d48c { margin-top: 71.25rpx; } .ml-40.data-v-1d20d48c { margin-left: 75rpx; } .mt-40.data-v-1d20d48c { margin-top: 75rpx; } .ml-42.data-v-1d20d48c { margin-left: 78.75rpx; } .mt-42.data-v-1d20d48c { margin-top: 78.75rpx; } .ml-44.data-v-1d20d48c { margin-left: 82.5rpx; } .mt-44.data-v-1d20d48c { margin-top: 82.5rpx; } .ml-46.data-v-1d20d48c { margin-left: 86.25rpx; } .mt-46.data-v-1d20d48c { margin-top: 86.25rpx; } .ml-48.data-v-1d20d48c { margin-left: 90rpx; } .mt-48.data-v-1d20d48c { margin-top: 90rpx; } .ml-50.data-v-1d20d48c { margin-left: 93.75rpx; } .mt-50.data-v-1d20d48c { margin-top: 93.75rpx; } .ml-52.data-v-1d20d48c { margin-left: 97.5rpx; } .mt-52.data-v-1d20d48c { margin-top: 97.5rpx; } .ml-54.data-v-1d20d48c { margin-left: 101.25rpx; } .mt-54.data-v-1d20d48c { margin-top: 101.25rpx; } .ml-56.data-v-1d20d48c { margin-left: 105rpx; } .mt-56.data-v-1d20d48c { margin-top: 105rpx; } .ml-58.data-v-1d20d48c { margin-left: 108.75rpx; } .mt-58.data-v-1d20d48c { margin-top: 108.75rpx; } .ml-60.data-v-1d20d48c { margin-left: 112.5rpx; } .mt-60.data-v-1d20d48c { margin-top: 112.5rpx; } .ml-62.data-v-1d20d48c { margin-left: 116.25rpx; } .mt-62.data-v-1d20d48c { margin-top: 116.25rpx; } .ml-64.data-v-1d20d48c { margin-left: 120rpx; } .mt-64.data-v-1d20d48c { margin-top: 120rpx; } .ml-66.data-v-1d20d48c { margin-left: 123.75rpx; } .mt-66.data-v-1d20d48c { margin-top: 123.75rpx; } .ml-68.data-v-1d20d48c { margin-left: 127.5rpx; } .mt-68.data-v-1d20d48c { margin-top: 127.5rpx; } .ml-70.data-v-1d20d48c { margin-left: 131.25rpx; } .mt-70.data-v-1d20d48c { margin-top: 131.25rpx; } .ml-72.data-v-1d20d48c { margin-left: 135rpx; } .mt-72.data-v-1d20d48c { margin-top: 135rpx; } .ml-74.data-v-1d20d48c { margin-left: 138.75rpx; } .mt-74.data-v-1d20d48c { margin-top: 138.75rpx; } .ml-76.data-v-1d20d48c { margin-left: 142.5rpx; } .mt-76.data-v-1d20d48c { margin-top: 142.5rpx; } .ml-78.data-v-1d20d48c { margin-left: 146.25rpx; } .mt-78.data-v-1d20d48c { margin-top: 146.25rpx; } .ml-80.data-v-1d20d48c { margin-left: 150rpx; } .mt-80.data-v-1d20d48c { margin-top: 150rpx; } .ml-82.data-v-1d20d48c { margin-left: 153.75rpx; } .mt-82.data-v-1d20d48c { margin-top: 153.75rpx; } .ml-84.data-v-1d20d48c { margin-left: 157.5rpx; } .mt-84.data-v-1d20d48c { margin-top: 157.5rpx; } .ml-86.data-v-1d20d48c { margin-left: 161.25rpx; } .mt-86.data-v-1d20d48c { margin-top: 161.25rpx; } .ml-88.data-v-1d20d48c { margin-left: 165rpx; } .mt-88.data-v-1d20d48c { margin-top: 165rpx; } .ml-90.data-v-1d20d48c { margin-left: 168.75rpx; } .mt-90.data-v-1d20d48c { margin-top: 168.75rpx; } .ml-92.data-v-1d20d48c { margin-left: 172.5rpx; } .mt-92.data-v-1d20d48c { margin-top: 172.5rpx; } .ml-94.data-v-1d20d48c { margin-left: 176.25rpx; } .mt-94.data-v-1d20d48c { margin-top: 176.25rpx; } .ml-96.data-v-1d20d48c { margin-left: 180rpx; } .mt-96.data-v-1d20d48c { margin-top: 180rpx; } .ml-98.data-v-1d20d48c { margin-left: 183.75rpx; } .mt-98.data-v-1d20d48c { margin-top: 183.75rpx; } .ml-100.data-v-1d20d48c { margin-left: 187.5rpx; } .mt-100.data-v-1d20d48c { margin-top: 187.5rpx; } .ml-7.data-v-1d20d48c { margin-left: 13.13rpx; } .ml-9.data-v-1d20d48c { margin-left: 16.88rpx; } .mt-11.data-v-1d20d48c { margin-top: 20.63rpx; } .ml-23.data-v-1d20d48c { margin-left: 43.13rpx; } .mt-23.data-v-1d20d48c { margin-top: 43.13rpx; } .ml-51.data-v-1d20d48c { margin-left: 95.63rpx; } .ml-3.data-v-1d20d48c { margin-left: 5.63rpx; } .page.data-v-1d20d48c { background-color: #ffffff; height: 100%; width: 100%; overflow-y: auto; overflow-x: hidden; } .section.data-v-1d20d48c { padding-top: 45rpx; background-color: #f5f5dc; } .group.data-v-1d20d48c { padding-top: 11.25rpx; } .section_2.data-v-1d20d48c { margin-left: 71.25rpx; background-color: #ffffff00; border-radius: 18.75rpx; width: 281.25rpx; height: 281.25rpx; } .font.data-v-1d20d48c { font-size: 30rpx; font-family: Open Sans; line-height: 26.25rpx; color: #323232; } .text.data-v-1d20d48c { line-height: 27.96rpx; } .pos.data-v-1d20d48c { position: absolute; left: 21.62rpx; top: 0; } .section_3.data-v-1d20d48c { padding-left: 33.75rpx; padding-right: 28.13rpx; background-color: #fffef8; border-radius: 18.75rpx; } .pos_2.data-v-1d20d48c { position: absolute; left: 20.63rpx; right: 20.63rpx; top: 53.63rpx; } .group_2.data-v-1d20d48c { padding: 31.88rpx 0 15rpx; border-bottom: solid 1.88rpx #e2e0e0; } .image.data-v-1d20d48c { width: 43.13rpx; height: 43.13rpx; } .font_2.data-v-1d20d48c { font-size: 26.25rpx; font-family: Open Sans; line-height: 24rpx; color: #323232; } .image_2.data-v-1d20d48c { width: 33.75rpx; height: 33.75rpx; } .group_3.data-v-1d20d48c { padding: 22.5rpx 0 37.5rpx; } .font_3.data-v-1d20d48c { font-size: 26.25rpx; font-family: Open Sans; line-height: 31.88rpx; color: #323232; } .group_4.data-v-1d20d48c { margin-top: 26.25rpx; padding: 0 30rpx; } .text_2.data-v-1d20d48c { line-height: 27.69rpx; } .section_4.data-v-1d20d48c { padding: 31.88rpx 0; background-color: #fffef8; border-radius: 18.75rpx; } .equal-division.data-v-1d20d48c { margin: 0 41.25rpx; } .section_5.data-v-1d20d48c { flex: 1 1 281.25rpx; } .image_3.data-v-1d20d48c { width: 159.99rpx; height: 159.99rpx; } .font_4.data-v-1d20d48c { font-size: 30rpx; font-family: Inter; line-height: 26.25rpx; color: #323232; } .text_3.data-v-1d20d48c { line-height: 27.75rpx; } .section_6.data-v-1d20d48c { position: relative; flex: 1 1 281.25rpx; } .equal-division-item.data-v-1d20d48c { padding: 30rpx 0 41.25rpx; background-color: #fff291; border-radius: 18.75rpx; height: 281.25rpx; } .text_4.data-v-1d20d48c { margin-top: 18.75rpx; } .section_7.data-v-1d20d48c { background-color: #ffffff99; border-radius: 18.75rpx; width: 281.25rpx; height: 281.25rpx; } .pos_3.data-v-1d20d48c { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .text_5.data-v-1d20d48c { line-height: 27.79rpx; } .section_8.data-v-1d20d48c { margin: 26.25rpx 0 100rpx 0; padding: 28.13rpx 24.38rpx 0; background-color: #fff3c3; } .section_9.data-v-1d20d48c { margin: 0 7.5rpx; padding: 33.75rpx 30rpx 26.25rpx; background-color: #fffef8; border-radius: 18.75rpx; } .image_4.data-v-1d20d48c { border-radius: 9.38rpx; width: 129.38rpx; height: 166.88rpx; } .text_6.data-v-1d20d48c { line-height: 24.3rpx; } .section_10.data-v-1d20d48c { margin: 18.75rpx 7.5rpx 0; padding: 30rpx; background-color: #fffef8; border-radius: 18.75rpx; } .text_7.data-v-1d20d48c { line-height: 24.23rpx; } .divider.data-v-1d20d48c { margin-top: 39.38rpx; background-color: #e3e3e3; height: 1.88rpx; } .section_11.data-v-1d20d48c { margin: 31.88rpx 7.5rpx 0; padding: 15rpx 26.25rpx; background-color: #fffef8; border-radius: 18.75rpx; } .image_5.data-v-1d20d48c { border-radius: 9.38rpx; width: 93.75rpx; height: 118.13rpx; } .group_5.data-v-1d20d48c { margin-left: 22.5rpx; margin-top: 15rpx; width: 405rpx; } .text_8.data-v-1d20d48c { line-height: 24.36rpx; } .image_6.data-v-1d20d48c { margin-left: 48.75rpx; } .group_6.data-v-1d20d48c { margin-top: 37.5rpx; padding: 22.5rpx 0; } .image_7.data-v-1d20d48c { width: 28.13rpx; height: 28.13rpx; } .font_5.data-v-1d20d48c { font-size: 22.5rpx; font-family: Open Sans; line-height: 26.25rpx; color: #898989; } .text_9.data-v-1d20d48c { color: #000000; line-height: 20.77rpx; } .section_12.data-v-1d20d48c { position: fixed; bottom: 0; left: 0; right: 0; padding: 15rpx 22.5rpx; background-color: #fffef8; } .group_7.data-v-1d20d48c { width: 236.23rpx; } .text_10.data-v-1d20d48c { color: #000000; font-size: 26.25rpx; font-family: Inter; line-height: 24.28rpx; } .pos_4.data-v-1d20d48c { position: absolute; right: 0; bottom: 0; } .text_11.data-v-1d20d48c { color: #fbb612; font-size: 33.75rpx; font-family: Open Sans; font-weight: 700; line-height: 24.84rpx; } .text_13.data-v-1d20d48c { color: #fbb612; font-size: 26.25rpx; font-family: Open Sans; font-weight: 700; line-height: 19.29rpx; } .section_13.data-v-1d20d48c { padding: 9.38rpx 11.25rpx; background-color: #d9d9d9; border-radius: 9.38rpx; height: 37.5rpx; } .text_14.data-v-1d20d48c { color: #323232; font-size: 18.75rpx; font-family: Inter; line-height: 17.36rpx; } .image_8.data-v-1d20d48c { width: 18.75rpx; height: 18.75rpx; } .text-wrapper.data-v-1d20d48c { padding: 26.25rpx 0; background-color: #fbb612; border-radius: 75rpx; height: 82.5rpx; } .text_12.data-v-1d20d48c { color: #ffffff; line-height: 27.75rpx; }