.ml-5 { margin-left: 9.38rpx; } .mt-13 { margin-top: 24.38rpx; } .mt-19 { margin-top: 35.63rpx; } .ml-3 { margin-left: 5.63rpx; } .page { padding: 39.38rpx 28.13rpx 117.32rpx 30rpx; background-image: linear-gradient(0deg, #ffffff 66.3%, #ff8d1a 100%); width: 100%; overflow-y: auto; overflow-x: hidden; height: 100%; } .section { padding: 30.97rpx 0 18.75rpx; background-color: #ffffff; border-radius: 19.71rpx; } .equal-division { align-self: stretch; } .group { padding: 0 5.08rpx; } .group_2 { flex: 1 1 227.23rpx; } .group_1 { padding: 11.83rpx 0 10.46rpx; } .font { font-size: 22.5rpx; font-family: SourceHanSansCN; line-height: 20.85rpx; color: #000000; } .text { line-height: 20.79rpx; } .font_2 { font-size: 33.75rpx; font-family: SourceHanSansCN; line-height: 26.25rpx; color: #ff8d1a; } .text_13 { line-height: 24.88rpx; } .group_3 { padding: 9.99rpx 0 10.46rpx; } .text_2 { line-height: 26.25rpx; text-align: center; } .text_4 { line-height: 25.31rpx; } .group_4 { padding: 11.85rpx 40.03rpx 9.99rpx 54.08rpx; } .text_3 { line-height: 20.74rpx; } .text_1 { line-height: 25.78rpx; } .section_2 { margin: 12.32rpx 13.13rpx 0 11.25rpx; padding: 15rpx 13.13rpx; background-color: #ffe8cf; border-radius: 10.11rpx; } .image { width: 46.88rpx; height: 46.88rpx; } .font_3 { font-size: 26.25rpx; font-family: SourceHanSansCN; line-height: 26.25rpx; color: #000000; } .text_5 { line-height: 24.36rpx; } .image_2 { width: 30rpx; height: 30rpx; } .section_3 { position: relative; margin-top: 24.38rpx; padding: 13.13rpx 15rpx 13.13rpx 21.58rpx; background-color: #ff8d1a; border-radius: 9.38rpx; width: 273.75rpx; } .image_3 { position: absolute; right: 15rpx; width: 26.25rpx; height: 26.25rpx; } .text_6 { margin-right: 38.79rpx; color: #ffffff; } .text_7 { color: #000000; font-size: 30rpx; font-family: SourceHanSansCN; line-height: 27.81rpx; } .section_4 { padding: 11.25rpx 15rpx 9.38rpx; background-color: #ffffff; border-radius: 40.18rpx; width: 393.75rpx; height: 56.25rpx; } .image_4 { width: 35.63rpx; height: 35.63rpx; } .text_8 { color: #8c8c8c; line-height: 20.96rpx; } .list { padding-left: 7.5rpx; } .group_6 { padding-left: 9.38rpx; border-left: 1.88rpx dashed #8c8c8c; } .section_5 { background-image: repeating-linear-gradient(90deg, #999999, #999999 1.28%, transparent 1.28%, transparent 2.558%); background-position: -1.88rpx 0rpx; width: 1.88rpx; height: 293.48rpx; } .section_6 { background-color: #ff8d1a; border-radius: 18.75rpx; width: 22.5rpx; height: 22.5rpx; } .pos_2 { position: absolute; left: -12rpx; top: 35.76rpx; } .section_1 { margin-left: 48.75rpx; margin-top: 40rpx; padding: 21.19rpx 25.31rpx 0 27.19rpx; background-color: #ffffff; border-radius: 13.89rpx; box-shadow: 0rpx 3.75rpx 7.5rpx #00000040; height: 279.38rpx; } .text_9 { margin-left: 4.89rpx; line-height: 24.73rpx; } .section_7 { margin-top: 20.64rpx; padding: 24.23rpx 19.01rpx 24.68rpx 22.76rpx; background-color: #f7f7f7; border-radius: 8.44rpx; border: solid 1.88rpx #e3e3e3; } .font_4 { font-size: 26.25rpx; font-family: SourceHanSansCN; line-height: 24.15rpx; color: #000000; } .font_5 { font-size: 26.25rpx; font-family: SourceHanSansCN; line-height: 24.26rpx; color: #000000; } .font_6 { font-size: 26.25rpx; font-family: SourceHanSansCN; line-height: 24.34rpx; color: #000000; } .text_15 { margin-right: 35.51rpx; } .group_5 { margin: 10rpx 4.76rpx 0 0; padding: 21.17rpx 0 24.45rpx; width: 327.74rpx; } .font_7 { font-size: 22.5rpx; font-family: SourceHanSansCN; line-height: 26.25rpx; color: #808080; } .font_8 { font-size: 22.5rpx; font-family: SourceHanSansCN; line-height: 26.25rpx; color: #ff8d1a; }