.ml-5 { margin-left: 9.38rpx; } .mt-11 { margin-top: 20.63rpx; } .ml-39 { margin-left: 73.13rpx; } .ml-23 { margin-left: 43.13rpx; } .ml-37 { margin-left: 69.38rpx; } .mt-21 { margin-top: 39.38rpx; } .page { padding: 45.94rpx 38.44rpx 140.91rpx; background-color: #fafafa; width: 100%; overflow-y: auto; overflow-x: hidden; height: 100%; } .section { padding: 15.81rpx 13.93rpx 14.19rpx; background-color: #ffffff; border-radius: 93.75rpx; border: solid 1.88rpx #e0e0e0; } .image { width: 33.75rpx; height: 33.75rpx; } .font { font-size: 30rpx; font-family: SourceHanSansCN; line-height: 27.84rpx; color: #ffffff; } .text { color: #919191; line-height: 27.75rpx; } .section_2 { padding: 33.75rpx 28.13rpx 35.63rpx; background-color: #ffffff; border-radius: 18.43rpx; box-shadow: 0rpx 3.75rpx 7.5rpx #00000040; } .section_3 { padding: 15rpx 0 13.13rpx; background-color: #e53935; border-radius: 18.75rpx; width: 211.88rpx; } .image_2 { width: 30rpx; height: 30rpx; } .text_2 { margin-right: 3.28rpx; line-height: 28.16rpx; } .font_2 { font-size: 26.25rpx; font-family: SourceHanSansCN; line-height: 24.15rpx; color: #999999; } .text_3 { margin-left: 2.81rpx; margin-top: 39rpx; line-height: 24.21rpx; } .font_3 { font-size: 30rpx; font-family: SourceHanSansCN; line-height: 27.84rpx; color: #333333; } .text_4 { margin-left: 4.24rpx; margin-top: 21rpx; } .text_5 { margin-left: 3.19rpx; margin-top: 41.4rpx; } .font_4 { font-size: 30rpx; font-family: SourceHanSansCN; line-height: 24.15rpx; color: #333333; } .text_6 { margin-left: 4.52rpx; margin-top: 24.04rpx; line-height: 22.76rpx; } .group { margin-top: 43.73rpx; } .section_4 { background-color: #d32f2f; border-radius: 9.38rpx 0rpx 0rpx 9.38rpx; width: 13.13rpx; height: 120rpx; } .text-wrapper { margin-top: 35.63rpx; padding: 35.57rpx 0 30.49rpx; background-color: #e53935; border-radius: 9.38rpx; } .text_9 { line-height: 27.69rpx; } .section_5 { padding: 27.81rpx 21.47rpx 24.26rpx; background-color: #fdecea; border-radius: 8.01rpx; } .pos { position: absolute; left: 7.5rpx; right: 0; top: 0; } .font_5 { font-size: 26.25rpx; font-family: AlibabaPuHuiTi; line-height: 24.15rpx; } .text_7 { color: #d32f2f; line-height: 23.25rpx; } .text_8 { color: #555555; line-height: 24.26rpx; } .section_6 { padding: 0 28.13rpx 56.25rpx; background-color: #ffffff; border-radius: 22.24rpx; box-shadow: 0rpx 3.75rpx 7.5rpx #00000040; } .group_2 { padding: 31.88rpx 0 54.17rpx; } .group_3 { padding-left: 7.5rpx; } .section_7 { padding: 11.25rpx 18.75rpx 9.38rpx; background-color: #66bb6a; border-radius: 18.75rpx; height: 58.13rpx; } .image_3 { width: 37.5rpx; height: 37.5rpx; } .text_11 { margin-right: 3.28rpx; line-height: 28.16rpx; } .text-wrapper_2 { padding: 11.47rpx 0 9.73rpx; background-color: #66bb6a; border-radius: 29.46rpx; width: 99.38rpx; height: 41.25rpx; } .text_10 { color: #ffffff; font-size: 22.5rpx; font-family: SourceHanSansCN; line-height: 20.04rpx; } .section_8 { padding: 33.58rpx 27.19rpx 30.45rpx; background-color: #f8f9fa; border-radius: 9.38rpx; } .text_12 { line-height: 24.21rpx; } .section_9 { margin-top: 28.74rpx; padding: 35.33rpx 27.56rpx 32.4rpx; background-color: #f8f9fa; border-radius: 9.38rpx; } .text_13 { line-height: 22.76rpx; } .section_10 { margin-top: 31.26rpx; background-color: #66bb6a; border-radius: 9.38rpx 0rpx 0rpx 9.38rpx; width: 13.13rpx; height: 91.88rpx; } .section_11 { padding: 34.74rpx 21.62rpx 25.59rpx; background-color: #e8f5e9; border-radius: 9.38rpx; } .pos_2 { position: absolute; left: 5.63rpx; right: 0; top: 235.75rpx; } .text_14 { line-height: 24.36rpx; } .text_15 { line-height: 31.54rpx; } .text_16 { margin-right: 7.52rpx; color: #66bb6a; } .group_4 { line-height: 31.88rpx; } .font_6 { font-size: 26.25rpx; font-family: SourceHanSansCN; line-height: 31.88rpx; color: #999999; } .text_17 { color: #66bb6a; } .text-wrapper_3 { padding: 35.66rpx 0 30.39rpx; background-color: #66bb6a; border-radius: 9.38rpx; } .text_18 { line-height: 27.69rpx; } .section_12 { padding: 33.75rpx 28.13rpx 54.38rpx; background-color: #ffffff; border-radius: 22.24rpx; box-shadow: 0rpx 3.75rpx 7.5rpx #00000040; } .section_13 { margin-left: 7.5rpx; padding: 13.13rpx 0 11.25rpx; background-color: #ff8d1a; border-radius: 18.75rpx; width: 183.75rpx; } .text_19 { line-height: 28.16rpx; } .text_20 { margin-left: 2.81rpx; margin-top: 39rpx; line-height: 24.21rpx; } .text_21 { margin-left: 4.24rpx; margin-top: 21rpx; } .text_22 { margin-left: 3.19rpx; margin-top: 41.4rpx; } .text_23 { margin-left: 4.52rpx; margin-top: 24.04rpx; line-height: 22.76rpx; } .text_24 { margin-left: 2.98rpx; margin-top: 39.6rpx; line-height: 24.43rpx; } .group_5 { margin-top: 20.94rpx; } .section_14 { background-color: #ff8d1a; border-radius: 9.38rpx 0rpx 0rpx 9.38rpx; width: 13.13rpx; height: 91.88rpx; } .text-wrapper_4 { margin-left: -7.5rpx; padding: 38.04rpx 0 32.04rpx; background-color: #fff4e5; border-radius: 9.19rpx; height: 91.88rpx; } .text_25 { margin-left: 25.71rpx; color: #ff8d1a; font-size: 30rpx; font-family: AlimamaShuHeiTi; line-height: 21.79rpx; } .group_6 { margin-top: 40.97rpx; } .group_7 { margin-left: 2.74rpx; margin-right: 10.33rpx; line-height: 31.88rpx; } .text_26 { color: #ff8d1a; } .text-wrapper_5 { padding: 35.48rpx 0 30.41rpx; background-color: #ff8d1a; border-radius: 9.38rpx; } .text_27 { line-height: 27.86rpx; }