438 lines
7.4 KiB
Plaintext
438 lines
7.4 KiB
Plaintext
.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: 17.07rpx 0 15.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;
|
|
margin-left: -30%;
|
|
}
|
|
.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;
|
|
}
|
|
.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 {
|
|
width: 400rpx;
|
|
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: 400.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;
|
|
position: absolute;
|
|
bottom: 15%;
|
|
}
|
|
.group_12 {
|
|
margin-top: 24.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;
|
|
}
|