.ml-13 { margin-left: 24.38rpx; } .mt-7 { margin-top: 13.13rpx; } .mt-35 { margin-top: 65.63rpx; } .mt-13 { margin-top: 24.38rpx; } .mt-15 { margin-top: 28.13rpx; } .mt-21 { margin-top: 39.38rpx; } .ml-5 { margin-left: 9.38rpx; } .mt-57 { margin-top: 106.88rpx; } .page { padding: 74.92rpx 0 213.75rpx; background-color: #ffffff; width: 100%; overflow-y: auto; height: 100vh; } .group { padding-left: 33.75rpx; padding-right: 32.81rpx; } .image { width: 123.75rpx; height: 123.75rpx; } .group_1 { margin-right: 2.81rpx; } .font { font-size: 30rpx; font-family: SourceHanSansCN; line-height: 26.04rpx; color: #000000; } .text { line-height: 27.75rpx; } .font_2 { font-size: 24.38rpx; font-family: SourceHanSansCN; color: #666666; } .text_2 { line-height: 30rpx; } .section { padding: 13.13rpx 7.71rpx 11.25rpx 9.38rpx; background-color: #a5d63f; border-radius: 9.38rpx; height: 54.38rpx; } .image_2 { width: 30rpx; height: 30rpx; } .font_3 { font-size: 24.38rpx; font-family: SourceHanSansCN; line-height: 20.79rpx; color: #ffffff; } .text_3 { line-height: 22.72rpx; } .group_2 { line-height: 22.69rpx; } .text_4 { line-height: 22.69rpx; } .font_4 { font-size: 24.38rpx; font-family: Times New Roman; line-height: 18.09rpx; color: #d43030; } .text_5 { color: #ff2b2b; font-size: 26.25rpx; line-height: 19.29rpx; } .group_3 { padding-left: 100.24rpx; padding-right: 82.2rpx; } .group_4 { padding-bottom: 26.42rpx; } .text_6 { line-height: 27.66rpx; } .text_7 { line-height: 28.01rpx; } .group_5 { padding: 0 37.64rpx; } .section_2 { background-color: #000000; width: 73.35rpx; height: 5.63rpx; } .view { margin-right: 16.88rpx; } .group_6 { padding-top: 38.44rpx; } .section_3 { padding: 32.68rpx 25.2rpx 31.07rpx 28.93rpx; background-image: linear-gradient(180deg, #ff8d1a -75.6%, #ff8d1a00 42.2%); border-radius: 18.75rpx; border: solid 1.88rpx #ffbd7a; } .image_3 { width: 45rpx; height: 43.13rpx; } .font_5 { font-size: 28.13rpx; font-family: SourceHanSansCN; line-height: 26.04rpx; color: #000000; } .text_8 { line-height: 25.88rpx; } .list-item_1 { padding: 7.07rpx 0 5.94rpx; } .list-item_1:first-child { margin-top: 0; } .text-wrapper { padding: 9.56rpx 0 7.14rpx; background-color: #ff5733; border-radius: 37.5rpx; width: 75rpx; } .pos { position: absolute; left: 1.88rpx; top: 50%; transform: translateY(-50%); } .text_9 { font-size: 22.5rpx; } .font_6 { font-size: 24.38rpx; font-family: SourceHanSansCN; line-height: 26.04rpx; color: #000000; } .text_10 { font-size: 26.25rpx; line-height: 24.49rpx; } .section_4 { margin-top: 41.25rpx; padding: 42.06rpx 27.07rpx 30.13rpx 30.81rpx; background-image: linear-gradient(180deg, #ff8d1a -75.6%, #ff8d1a00 23.5%); border-radius: 24.77rpx; border: solid 1.88rpx #ffbd7a; } .image_4 { width: 43.13rpx; height: 43.13rpx; } .section_5 { margin-right: 6.81rpx; padding: 22.11rpx 80.4rpx 17.29rpx; background-color: #ebebeb; border-radius: 9.38rpx 9.38rpx 0rpx 0rpx; border: solid 1.88rpx #e6e6e6; } .text_11 { margin-right: 8.89rpx; line-height: 26.25rpx; } .group_8 { margin-right: 6.81rpx; } .section_6 { padding: 21.24rpx 37.18rpx 21.79rpx; background-color: #ffffff; border: solid 1.88rpx #d1d1d1; } .font_7 { font-size: 24.38rpx; font-family: Times New Roman; line-height: 22.69rpx; color: #636363; } .text_12 { line-height: 22.59rpx; } .text_13 { margin-right: 71.21rpx; font-size: 26.25rpx; } .list { margin-top: 46.88rpx; } .section_7 { padding: 40.86rpx 41.12rpx 46.99rpx; background-image: linear-gradient(180deg, #ff800099 -75.6%, #ff8d1a00 72.6%); border-radius: 41.18rpx; border: solid 1.88rpx #ffbd7a; } .text_15 { margin-left: 50.55rpx; line-height: 26.21rpx; } .section_8 { margin-right: 2.14rpx; margin-top: 35.92rpx; background-color: #ffffff00; height: 538.13rpx; border: solid 1.88rpx #000000; } .view_2 { margin-top: 35.94rpx; } .image_5 { width: 52.5rpx; height: 52.5rpx; } .pos_4 { position: absolute; left: 34.69rpx; top: 29.06rpx; } .section_1 { padding: 41.04rpx 41.12rpx 46.99rpx; background-image: linear-gradient(180deg, #ff800099 -75.6%, #ff8d1a00 72.6%); border-radius: 41.18rpx; border: solid 1.88rpx #ffbd7a; } .text_1 { margin-left: 50.49rpx; } .pos_5 { position: absolute; left: 34.69rpx; top: 29.06rpx; } .pos_6 { position: absolute; left: 34.69rpx; top: 29.06rpx; } .list_2 { margin-top: 0; } .list-item_2 { background-color: #ffffff; border-radius: 18.75rpx; box-shadow: 0rpx 0rpx 11.25rpx #00000040; } .list-item_2:first-child { margin-top: 0; } .text-wrapper_2 { padding: 32.57rpx 0 33.08rpx; background-color: #ffd1034d; border-radius: 18.75rpx 18.75rpx 0rpx 0rpx; } .font_8 { font-size: 24.38rpx; font-family: Times New Roman; line-height: 22.69rpx; color: #ff9d00; } .text_16 { margin-left: 34.99rpx; font-size: 26.25rpx; line-height: 24.36rpx; } .group_13 { padding: 38.17rpx 26.25rpx 24.38rpx 26.27rpx; } .group_9 { width: 310.05rpx; } .font_9 { font-size: 24.38rpx; font-family: Times New Roman; line-height: 30rpx; color: #000000; } .font_10 { font-size: 24.38rpx; font-family: Times New Roman; line-height: 30rpx; color: #757575; } .text_17 { margin-top: 20.66rpx; width: 279.38rpx; } .group_11 { margin-top: 8.55rpx; } .font_11 { font-size: 24.38rpx; font-family: Times New Roman; line-height: 26.04rpx; color: #757575; } .text_18 { line-height: 25.76rpx; } .font_12 { font-size: 24.38rpx; font-family: Times New Roman; line-height: 22.69rpx; color: #ff8000; } .text_19 { line-height: 22.43rpx; } .image_6 { margin-right: 33.73rpx; width: 99.38rpx; height: 99.38rpx; } .font_13 { font-size: 24.38rpx; font-family: Times New Roman; line-height: 22.69rpx; color: #737373; } .text_27 { margin-right: 25.74rpx; } .group_12 { margin-top: 4.59rpx; } .text-wrapper_3 { padding: 0; background-color: #ffebeb; border-radius: 9.38rpx; width: 129.38rpx; height: 48.75rpx; } .font_14 { font-size: 24.38rpx; font-family: Times New Roman; line-height: 22.69rpx; color: #ff3f3f; } .text_21 { line-height: 48.75rpx; } .text-wrapper_4 { padding: 0; background-color: #fff6de; border-radius: 9.38rpx; width: 129.38rpx; height: 48.75rpx; } .font_15 { font-size: 24.38rpx; font-family: Times New Roman; line-height: 22.69rpx; color: #ffad29; } .text_22 { line-height: 48.75rpx; } .text-wrapper_5 { padding: 39.02rpx 0 35.06rpx; flex: 1 1 375rpx; background-color: #FFE4C9; height: 99.38rpx; } .text_23 { color: #ff8000; line-height: 25.28rpx; } .text-wrapper_6 { padding: 39.02rpx 0 35.06rpx; flex: 1 1 375rpx; background-color: #ff8d1a; height: 99.38rpx; } .text_24 { color: #ffffff; line-height: 25.28rpx; } .foot-bottom { position: fixed; bottom: 0; left: 0; right: 0; } /* 默认非激活状态(可以跟现有 text_6/text_7 配合,也可覆盖) */ .tab-inactive { font-weight: normal; font-size: 30rpx; /* 原始大小 */ color: #000000; /* 原始颜色 */ } /* 激活状态:字体变大、加粗、橙色 */ .tab-active { font-weight: bold; font-size: 36rpx; /* 放大后的尺寸 */ color: #ff8d1a; } /* 非激活时隐藏下划线 */ .line-hidden { background-color: transparent !important; } /* 激活时下划线显示为橙色 */ .line-active { background-color: #ff8d1a !important; }