.ml-7 { margin-left: 13.13rpx; } .mt-9 { margin-top: 16.88rpx; } .mt-15 { margin-top: 28.13rpx; } .mt-11 { margin-top: 20.63rpx; } .ml-5 { margin-left: 9.38rpx; } .page { padding: 65.63rpx 28.13rpx 331.88rpx 30rpx; background-image: linear-gradient(180deg, #ff8d1a -7.3%, #ffffff00 92.1%); width: 100%; overflow: hidden; height: 100%; } .section { padding-left: 31.88rpx; padding-right: 31.74rpx; background-color: #ffffff; border-radius: 18.75rpx; } .group { padding: 45.9rpx 30.73rpx 33.75rpx 153.75rpx; border-bottom: solid 1.88rpx #ededed; } .font { font-size: 26.25rpx; font-family: SourceHanSansCN; line-height: 24.39rpx; color: #000000; } .text { line-height: 24.21rpx; } .group_2 { padding: 0 7.26rpx; } .image_3 { width: 22.5rpx; height: 22.5rpx; } .font_2 { font-size: 22.5rpx; font-family: SourceHanSansCN; line-height: 19.93rpx; color: #000000; } .text_2 { color: #808080; line-height: 17.08rpx; } .section_2 { padding: 10.5rpx 14.03rpx 10.5rpx 14.03rpx; background-color: #fff6de; border-radius: 31.26rpx; } .image_4 { width: 24.38rpx; height: 24.38rpx; margin-left: 10rpx; } .font_3 { font-size: 22.5rpx; font-family: SourceHanSansCN; line-height: 19.93rpx; color: #ff8d1a; } .text_3 { line-height: 20.68rpx; } .image_2 { width: 76.88rpx; height: 76.88rpx; } .text_4 { line-height: 20.72rpx; } .group_3 { padding-bottom: 28.13rpx; } .group_4 { padding: 29.06rpx 0 32.81rpx 2.59rpx; } .group_5 { line-height: 25.78rpx; height: 27.21rpx; } .text_6 { line-height: 21rpx; } .text_5 { color: #ff8d1a; font-size: 33.75rpx; font-family: SourceHanSansCN; line-height: 25.78rpx; } .section_3 { padding: 6.43rpx 10.44rpx 6.69rpx 20.77rpx; background-color: #ffffff; border-radius: 37.5rpx; width: 151.88rpx; height: 46.88rpx; border: solid 1.88rpx #ff8d1a; } .image_5 { width: 30rpx; height: 30rpx; } .image_6 { margin-left: 86.91rpx; } .text_7 { margin-left: -116.91rpx; line-height: 20.91rpx; } .equal-division { position: relative; } .equal-division:first-child { margin-top: 0; } .section_4 { padding: 15.96rpx 0 17.32rpx; background-color: #f7f7f7; border-radius: 9.38rpx; } .text_8 { line-height: 20.77rpx; } .font_4 { font-size: 26.25rpx; font-family: SourceHanSansCN; line-height: 19.93rpx; color: #000000; } .group_6 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .equal-division-item { padding: 10.01rpx 0 9.99rpx; width: 208.74rpx; } .text_9 { line-height: 20.74rpx; } .group_7 { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .equal-division-item_8 { padding: 9.99rpx 0 9.99rpx; width: 208.74rpx; } .text_10 { line-height: 20.72rpx; } .image { width: 131.25rpx; height: 131.25rpx; } .pos { position: absolute; left: 30.13rpx; top: 32rpx; border-radius: 20rpx; } .equal-division_2 { position: relative; margin-top: 24.38rpx; } .section_5 { padding: 6.88rpx 0 13.52rpx; background-color: #ffffff; border-radius: 18.75rpx; } .equal-division-item_1 { margin-left: 8.85rpx; } .equal-division-item_2 { padding: 11.76rpx 0 10.01rpx; width: 224.06rpx; } .image_7 { width: 63.99rpx; height: 63.99rpx; } .text_11 { line-height: 24.56rpx; } .group_1 { padding: 11.76rpx 0 10.03rpx; width: 224.06rpx; } .text_12 { line-height: 24.43rpx; } .group_9 { position: absolute; right: 10.84rpx; top: 50%; transform: translateY(-50%); } .group_10 { padding: 11.76rpx 0 10.11rpx; width: 224.06rpx; } .text_13 { line-height: 24.21rpx; } .list { padding: 28.13rpx 0 33.75rpx; } .equal-division_3 { padding: 12.51rpx 10.14rpx 17.23rpx; background-color: #ffffff; border-radius: 18.75rpx; } .image_8 { border-radius: 9.38rpx; width: 63.99rpx; height: 63.99rpx; } .text_14 { line-height: 24.34rpx; } .equal-division-item_6 { padding: 11.76rpx 0 10.18rpx; width: 167.4rpx; } .text_15 { line-height: 24.3rpx; } .group_11 { position: absolute; right: 179.53rpx; top: 50%; transform: translateY(-50%); } .equal-division-item_3 { padding: 11.76rpx 0 10.14rpx; width: 167.4rpx; } .text_16 { line-height: 24.23rpx; } .group_12 { position: absolute; right: 12.13rpx; top: 50%; transform: translateY(-50%); } .equal-division-item_7 { padding: 11.76rpx 0 9.99rpx; width: 167.4rpx; } .list_2 { background-color: #ffffff; border-radius: 17.72rpx; } .group_13 { padding: 30rpx 30rpx 28.13rpx 35.63rpx; } .image_9 { border-radius: 9.38rpx; width: 41.25rpx; height: 41.25rpx; } .text_17 { line-height: 23.81rpx; } .list-divider { margin-right: 39.43rpx; background-color: #d4d4d4; width: 566.17rpx; height: 1.88rpx; } .group_14 { padding: 22.5rpx 30rpx 28.13rpx 35.63rpx; } .text_18 { line-height: 24.6rpx; }