.mt-19 { margin-top: 35.63rpx; } .mt-7 { margin-top: 13.13rpx; } .mt-25 { margin-top: 46.88rpx; } .mt-13 { margin-top: 24.38rpx; } .mt-17 { margin-top: 31.88rpx; } .page { padding: 71.06rpx 42.19rpx 117.19rpx 43.99rpx; background-color: #fefbf6; box-shadow: 0rpx 3.75rpx 7.5rpx #00000040; width: 100%; position: fixed; bottom: 0; overflow: auto; height: calc(100vh - 1rpx); } .text { color: #e67e22; font-size: 45rpx; font-family: SourceHanSansCN; font-weight: 700; line-height: 42.75rpx; } .section { padding: 45.75rpx 39.26rpx 47.94rpx 42.99rpx; background-color: #ffffff; border-radius: 18.75rpx; border: solid 1.88rpx #ffeaa7; } .text-wrapper { padding: 17.63rpx 0 14.63rpx; background-color: #ffffff; border-radius: 9.38rpx; width: 403.13rpx; border: solid 1.88rpx #ffeaa7; } .text_3 { margin-left: 15.19rpx; } .font { font-size: 30rpx; font-family: SourceHanSansCN; line-height: 27.6rpx; color: #66666b; } .text_2 { margin-left: 2.63rpx; line-height: 27.75rpx; } .text_4 { line-height: 27.75rpx; } .text_1 { margin-left: 2.44rpx; } .text-wrapper_1 { padding: 17.66rpx 0 14.64rpx; background-color: #ffffff; border-radius: 9.38rpx; width: 403.13rpx; border: solid 1.88rpx #ffeaa7; } .text_5 { line-height: 27.69rpx; } .text-wrapper_2 { margin-right: 12.43rpx; padding: 26.29rpx 0 21.02rpx; background-color: #ffa400; border-radius: 9.38rpx; } .text_6 { color: #ffffff; line-height: 27.69rpx; } .list-item { padding-bottom: 38.57rpx; background-color: #ffffff; border-radius: 16.48rpx; border: solid 1.88rpx #ffeaa7; } .list-item:first-child { margin-top: 0; } .group { padding: 33.62rpx 32.01rpx 31.22rpx 35.33rpx; } .font_2 { font-size: 33.75rpx; font-family: SourceHanSansCN; line-height: 31.82rpx; font-weight: 700; color: #e88b38; } .text_8 { line-height: 27.86rpx; } .text-wrapper_4 { padding: 18.51rpx 0 15.28rpx; background-color: #fefbf6; border-radius: 9.38rpx; height: 61.88rpx; border: solid 1.88rpx #ffeaa7; } .font_3 { font-size: 26.25rpx; font-family: SourceHanSansCN; line-height: 24.3rpx; color: #e88b38; } .text_7 { margin-left: 19.41rpx; margin-right: 10.59rpx; line-height: 24.34rpx; } .section_3 { margin-left: 33.62rpx; padding: 17.76rpx 16.14rpx 14.64rpx 17.61rpx; background-color: #fefbf6; border-radius: 9.38rpx; border: solid 1.88rpx #ffeaa7; } .font_4 { font-size: 30rpx; font-family: SourceHanSansCN; line-height: 27.6rpx; color: #333333; } .text_9 { line-height: 24.15rpx; margin-left: 20rpx; } .group_2 { padding: 24.38rpx 33.75rpx 26.25rpx; border-bottom: solid 1.88rpx #e88b38; } .text-wrapper_5 { padding: 17.72rpx 0 14.53rpx; background-color: #fefbf6; border-radius: 9.38rpx; height: 63.75rpx; border: solid 1.88rpx #ffeaa7; } .text_10 { margin-left: 17.08rpx; margin-right: 7.29rpx; line-height: 27.75rpx; } .text-wrapper_6 { padding: 17.78rpx 0 14.63rpx; background-color: #fefbf6; border-radius: 9.38rpx; height: 63.75rpx; border: solid 1.88rpx #ffeaa7; } .text_11 { margin-left: 13.93rpx; } .group_3 { margin: 32.81rpx 29.19rpx 0 32.68rpx; height: 487.5rpx; display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 29.19rpx; column-gap: 31.07rpx; } .grid-item { padding: 32.49rpx 18.19rpx 31.44rpx; filter: drop-shadow(0rpx 3.75rpx 3.75rpx #00000040); background-color: #ffffff; border-radius: 9.38rpx; border: solid 1.88rpx #f1c40f; } .font_5 { font-size: 26.25rpx; font-family: SourceHanSansCN; line-height: 24.3rpx; color: #66666b; } .text_12 { line-height: 24.02rpx; } .font_6 { font-size: 26.25rpx; font-family: SourceHanSansCN; line-height: 20.06rpx; color: #e88b38; } .grid-item_2 { padding: 32.42rpx 17.87rpx 31.18rpx; filter: drop-shadow(0rpx 3.75rpx 3.75rpx #00000040); background-color: #ffffff; border-radius: 9.38rpx; border: solid 1.88rpx #f1c40f; } .text_13 { line-height: 24.09rpx; } .text_15 { margin-left: 4.39rpx; } .grid-item_3 { padding: 32.16rpx 18rpx 31.44rpx; filter: drop-shadow(0rpx 3.75rpx 3.75rpx #00000040); background-color: #ffffff; border-radius: 9.38rpx; border: solid 1.88rpx #f1c40f; } .text_14 { line-height: 24.56rpx; } .text_16 { margin-left: 3.32rpx; } .grid-item_4 { padding: 32.34rpx 17.51rpx 31.44rpx; filter: drop-shadow(0rpx 3.75rpx 3.75rpx #00000040); background-color: #ffffff; border-radius: 9.38rpx; border: solid 1.88rpx #f1c40f; } .text_17 { line-height: 24.26rpx; } .text_18 { margin-left: 3.81rpx; } .grid-item_5 { padding: 32.25rpx 18.21rpx 31.18rpx; filter: drop-shadow(0rpx 3.75rpx 3.75rpx #00000040); background-color: #ffffff; border-radius: 9.38rpx; border: solid 1.88rpx #f1c40f; } .grid-item_6 { padding: 32.25rpx 19.18rpx 31.44rpx; filter: drop-shadow(0rpx 3.75rpx 3.75rpx #00000040); background-color: #ffffff; border-radius: 9.38rpx; border: solid 1.88rpx #f1c40f; } .text_19 { margin-left: 2.14rpx; } .grid-item_7 { padding: 32.36rpx 17.59rpx 31.44rpx; filter: drop-shadow(0rpx 3.75rpx 3.75rpx #00000040); background-color: #ffffff; border-radius: 9.38rpx; border: solid 1.88rpx #f1c40f; } .text_20 { line-height: 24.43rpx; } .grid-item_8 { padding: 32.38rpx 17.81rpx 31.18rpx; filter: drop-shadow(0rpx 3.75rpx 3.75rpx #00000040); background-color: #ffffff; border-radius: 9.38rpx; border: solid 1.88rpx #f1c40f; } .text_21 { line-height: 24.17rpx; } .text_23 { margin-left: 4.44rpx; } .grid-item_9 { padding: 33.43rpx 19.18rpx 31.44rpx; filter: drop-shadow(0rpx 3.75rpx 3.75rpx #00000040); background-color: #ffffff; border-radius: 9.38rpx; border: solid 1.88rpx #f1c40f; } .text_22 { line-height: 23.08rpx; } .text_24 { margin-left: 2.14rpx; }