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