792 lines
12 KiB
CSS
792 lines
12 KiB
CSS
.page {
|
|
background-color: rgba(245, 245, 245, 1);
|
|
width: 750rpx;
|
|
}
|
|
|
|
.group_1 {
|
|
background-color: rgba(36, 42, 56, 1);
|
|
width: 750rpx;
|
|
}
|
|
|
|
.group_2 {
|
|
background-color: rgba(36, 42, 56, 1);
|
|
width: 750rpx;
|
|
height: 40rpx;
|
|
}
|
|
|
|
.group_3 {
|
|
width: 750rpx;
|
|
}
|
|
|
|
.section_1 {
|
|
width: 402rpx;
|
|
height: 29rpx;
|
|
margin: 30rpx 0 0 33rpx;
|
|
}
|
|
|
|
.image_1 {
|
|
width: 15rpx;
|
|
height: 27rpx;
|
|
margin-top: 1rpx;
|
|
}
|
|
|
|
.text_1 {
|
|
width: 120rpx;
|
|
height: 29rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 30rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
}
|
|
|
|
.section_2 {
|
|
width: 400rpx;
|
|
height: 129rpx;
|
|
margin: 30rpx 0 0 50rpx;
|
|
}
|
|
|
|
.section_3 {
|
|
width: 129rpx;
|
|
height: 129rpx;
|
|
}
|
|
|
|
.text_2 {
|
|
|
|
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 28rpx;
|
|
|
|
}
|
|
|
|
.section_4 {
|
|
background-color: rgba(255, 255, 255, 0.06);
|
|
border-radius: 10px;
|
|
width: 699rpx;
|
|
height: 87rpx;
|
|
margin: 273rpx 0 0 28rpx;
|
|
}
|
|
|
|
.section_5 {
|
|
background-color: rgba(255, 255, 255, 0.06);
|
|
border-radius: 10px;
|
|
width: 699rpx;
|
|
height: 87rpx;
|
|
margin: 31rpx 0 0 28rpx;
|
|
}
|
|
|
|
.section_6 {
|
|
background-color: rgba(255, 255, 255, 0.06);
|
|
border-radius: 10px;
|
|
width: 699rpx;
|
|
height: 87rpx;
|
|
margin: 31rpx 0 0 28rpx;
|
|
}
|
|
|
|
.section_7 {
|
|
background-color: rgba(255, 255, 255, 0.06);
|
|
border-radius: 10px;
|
|
width: 699rpx;
|
|
height: 87rpx;
|
|
margin: 31rpx 0 0 28rpx;
|
|
}
|
|
|
|
.image-wrapper_1 {
|
|
background-color: rgba(255, 255, 255, 0.06);
|
|
border-radius: 10px;
|
|
width: 699rpx;
|
|
height: 293rpx;
|
|
margin: 30rpx 0 0 28rpx;
|
|
}
|
|
|
|
.image_2 {
|
|
width: 159rpx;
|
|
height: 50rpx;
|
|
margin: 30rpx 0;
|
|
}
|
|
|
|
.image_3 {
|
|
width: 647rpx;
|
|
height: 1rpx;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.section_8 {
|
|
background-color: rgba(255, 255, 255, 0.06);
|
|
border-radius: 10px;
|
|
width: 699rpx;
|
|
height: 87rpx;
|
|
margin: 20rpx auto;
|
|
}
|
|
|
|
.section_9 {
|
|
width: 699rpx;
|
|
height: 87rpx;
|
|
margin: 0 auto 20rpx;
|
|
}
|
|
|
|
.image-text_1 {
|
|
width: 176rpx;
|
|
height: 26rpx;
|
|
margin: 30rpx 0 0 42rpx;
|
|
}
|
|
|
|
.label_1 {
|
|
width: 27rpx;
|
|
height: 26rpx;
|
|
}
|
|
|
|
.text-group_1 {
|
|
width: 130rpx;
|
|
height: 26rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 26rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 26rpx;
|
|
}
|
|
|
|
.image_4 {
|
|
width: 12rpx;
|
|
height: 22rpx;
|
|
margin: 32rpx 45rpx 0 424rpx;
|
|
}
|
|
|
|
.group_4 {
|
|
background-color: rgba(36, 42, 56, 1);
|
|
width: 750rpx;
|
|
height: 98rpx;
|
|
margin: -1rpx 0 22rpx 0;
|
|
}
|
|
|
|
.image-text_2 {
|
|
width: 37rpx;
|
|
height: 64rpx;
|
|
margin: 19rpx 0 0 75rpx;
|
|
}
|
|
|
|
.label_2 {
|
|
width: 35rpx;
|
|
height: 33rpx;
|
|
margin-left: 1rpx;
|
|
}
|
|
|
|
.text-group_2 {
|
|
width: 37rpx;
|
|
height: 19rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 18rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 40rpx;
|
|
margin-top: 12rpx;
|
|
}
|
|
|
|
.image-text_3 {
|
|
width: 76rpx;
|
|
height: 63rpx;
|
|
margin: 20rpx 0 0 128rpx;
|
|
}
|
|
|
|
.label_3 {
|
|
width: 30rpx;
|
|
height: 31rpx;
|
|
margin-left: 24rpx;
|
|
}
|
|
|
|
.text-group_3 {
|
|
width: 76rpx;
|
|
height: 17rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 18rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 40rpx;
|
|
margin-top: 15rpx;
|
|
}
|
|
|
|
.image-text_4 {
|
|
width: 37rpx;
|
|
height: 63rpx;
|
|
margin: 20rpx 0 0 132rpx;
|
|
}
|
|
|
|
.label_4 {
|
|
width: 29rpx;
|
|
height: 35rpx;
|
|
margin-left: 4rpx;
|
|
}
|
|
|
|
.text-group_4 {
|
|
width: 37rpx;
|
|
height: 17rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 18rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 40rpx;
|
|
margin-top: 11rpx;
|
|
}
|
|
|
|
.image-text_5 {
|
|
width: 75rpx;
|
|
height: 61rpx;
|
|
margin: 22rpx 59rpx 0 131rpx;
|
|
}
|
|
|
|
.label_5 {
|
|
width: 33rpx;
|
|
height: 33rpx;
|
|
margin-left: 21rpx;
|
|
}
|
|
|
|
.text-group_5 {
|
|
width: 75rpx;
|
|
height: 17rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 18rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 40rpx;
|
|
margin-top: 11rpx;
|
|
}
|
|
|
|
.group_5 {
|
|
/* background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/fe293de463c1506f4179c9353b475d45) 100% no-repeat;
|
|
background-size: 100% 100%; */
|
|
width: 700rpx;
|
|
|
|
|
|
}
|
|
|
|
.group_6 {
|
|
width: 634rpx;
|
|
height: 33rpx;
|
|
margin: 32rpx 0 0 38rpx;
|
|
}
|
|
|
|
.text_3 {
|
|
width: 132rpx;
|
|
height: 33rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(60, 41, 28, 1);
|
|
font-size: 34rpx;
|
|
font-family: MicrosoftYaHeiLight;
|
|
font-weight: 300;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 34rpx;
|
|
}
|
|
|
|
.text_4 {
|
|
width: 96rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(100, 66, 21, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
margin-left: 374rpx;
|
|
}
|
|
|
|
.image_5 {
|
|
width: 12rpx;
|
|
height: 22rpx;
|
|
margin: 1rpx 0 0 20rpx;
|
|
}
|
|
|
|
.text-wrapper_1 {
|
|
width: 634rpx;
|
|
height: 22rpx;
|
|
margin: 75rpx 0 20rpx 38rpx;
|
|
}
|
|
|
|
.text_5 {
|
|
width: 263rpx;
|
|
height: 22rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(105, 69, 38, 1);
|
|
font-size: 22rpx;
|
|
font-family: MicrosoftYaHeiLight;
|
|
font-weight: 300;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 22rpx;
|
|
}
|
|
|
|
.group_7 {
|
|
width: 611rpx;
|
|
height: 29rpx;
|
|
margin: 99rpx 0 0 46rpx;
|
|
}
|
|
|
|
.image-text_6 {
|
|
width: 123rpx;
|
|
height: 29rpx;
|
|
}
|
|
|
|
.label_6 {
|
|
width: 24rpx;
|
|
height: 29rpx;
|
|
}
|
|
|
|
.text-group_6 {
|
|
width: 78rpx;
|
|
height: 25rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 26rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin-top: 2rpx;
|
|
}
|
|
|
|
.text_6 {
|
|
width: 77rpx;
|
|
height: 23rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(210, 195, 175, 1);
|
|
font-size: 26rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 23rpx;
|
|
}
|
|
|
|
.image_6 {
|
|
width: 12rpx;
|
|
height: 22rpx;
|
|
margin: 0 0 0 24rpx;
|
|
}
|
|
|
|
.group_8 {
|
|
width: 612rpx;
|
|
height: 27rpx;
|
|
margin: 89rpx 0 0 45rpx;
|
|
}
|
|
|
|
.image-text_7 {
|
|
width: 150rpx;
|
|
height: 27rpx;
|
|
}
|
|
|
|
.label_7 {
|
|
width: 27rpx;
|
|
height: 27rpx;
|
|
}
|
|
|
|
.text-group_7 {
|
|
width: 104rpx;
|
|
height: 25rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 26rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin-top: 1rpx;
|
|
}
|
|
|
|
.text_7 {
|
|
width: 164rpx;
|
|
height: 20rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(210, 195, 175, 1);
|
|
font-size: 26rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin: 4rpx 0 0 262rpx;
|
|
}
|
|
|
|
.image_7 {
|
|
width: 12rpx;
|
|
height: 22rpx;
|
|
margin: 5rpx 0 0 24rpx;
|
|
}
|
|
|
|
.group_9 {
|
|
width: 617rpx;
|
|
height: 30rpx;
|
|
margin: 90rpx 0 0 40rpx;
|
|
}
|
|
|
|
.image-text_8 {
|
|
width: 155rpx;
|
|
height: 30rpx;
|
|
}
|
|
|
|
.label_8 {
|
|
width: 33rpx;
|
|
height: 30rpx;
|
|
}
|
|
|
|
.text-group_8 {
|
|
width: 104rpx;
|
|
height: 26rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 26rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin-top: 3rpx;
|
|
}
|
|
|
|
.text_8 {
|
|
width: 87rpx;
|
|
height: 25rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(210, 195, 175, 1);
|
|
font-size: 26rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin: 4rpx 0 0 337rpx;
|
|
}
|
|
|
|
.image_8 {
|
|
width: 12rpx;
|
|
height: 22rpx;
|
|
margin: 6rpx 0 0 26rpx;
|
|
}
|
|
|
|
.group_10 {
|
|
width: 617rpx;
|
|
height: 26rpx;
|
|
margin: 91rpx 0 0 40rpx;
|
|
}
|
|
|
|
.image-text_9 {
|
|
width: 129rpx;
|
|
height: 26rpx;
|
|
}
|
|
|
|
.label_9 {
|
|
width: 36rpx;
|
|
height: 24rpx;
|
|
margin-top: 2rpx;
|
|
}
|
|
|
|
.text-group_9 {
|
|
width: 78rpx;
|
|
height: 26rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 26rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
}
|
|
|
|
.text_9 {
|
|
width: 122rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(210, 195, 175, 1);
|
|
font-size: 26rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin: 2rpx 0 0 325rpx;
|
|
}
|
|
|
|
.image_9 {
|
|
width: 12rpx;
|
|
height: 22rpx;
|
|
margin: 4rpx 0 0 29rpx;
|
|
}
|
|
|
|
.text-wrapper_2 {
|
|
width: 618rpx;
|
|
height: 23rpx;
|
|
margin: 100rpx 0 0 40rpx;
|
|
}
|
|
|
|
.text_10 {
|
|
width: 143rpx;
|
|
height: 23rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
}
|
|
|
|
.text_11 {
|
|
width: 131rpx;
|
|
height: 18rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(210, 195, 175, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin-top: 4rpx;
|
|
}
|
|
|
|
.text-wrapper_3 {
|
|
width: 618rpx;
|
|
height: 24rpx;
|
|
margin: 67rpx 0 0 40rpx;
|
|
}
|
|
|
|
.text_12 {
|
|
width: 95rpx;
|
|
height: 23rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin-top: 1rpx;
|
|
}
|
|
|
|
.text_13 {
|
|
width: 131rpx;
|
|
height: 18rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(210, 195, 175, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
}
|
|
|
|
.text-wrapper_4 {
|
|
width: 618rpx;
|
|
height: 23rpx;
|
|
margin: 76rpx 0 0 40rpx;
|
|
}
|
|
|
|
.text_14 {
|
|
width: 95rpx;
|
|
height: 23rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
}
|
|
|
|
.text_15 {
|
|
width: 131rpx;
|
|
height: 18rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(210, 195, 175, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin-top: 3rpx;
|
|
}
|
|
|
|
.group_11 {
|
|
width: 149rpx;
|
|
height: 31rpx;
|
|
margin: 73rpx 0 216rpx 7rpx;
|
|
}
|
|
|
|
.image-text_10 {
|
|
width: 149rpx;
|
|
height: 31rpx;
|
|
}
|
|
|
|
.label_10 {
|
|
width: 27rpx;
|
|
height: 31rpx;
|
|
}
|
|
|
|
.text-group_10 {
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 26rpx;
|
|
line-height: 26rpx;
|
|
}
|
|
|
|
.group_12 {
|
|
height: 196rpx;
|
|
background-size: 100% 100%;
|
|
width: 349rpx;
|
|
position: absolute;
|
|
left: 47rpx;
|
|
top: 0;
|
|
}
|
|
|
|
.text-wrapper_5 {
|
|
height: 196rpx;
|
|
background-size: 100% 100%;
|
|
margin-left: -25rpx;
|
|
width: 328rpx;
|
|
}
|
|
|
|
.text_16 {
|
|
width: 80rpx;
|
|
height: 30rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(78, 55, 39, 1);
|
|
font-size: 30rpx;
|
|
font-family: MicrosoftYaHeiLight;
|
|
font-weight: 300;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 30rpx;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.group_13 {
|
|
background-color: rgba(255, 255, 255, 0.06);
|
|
border-radius: 10px;
|
|
height: 380rpx;
|
|
width: 700rpx;
|
|
}
|
|
|
|
.text-wrapper_6 {
|
|
width: 618rpx;
|
|
margin: 20rpx 0 0 37rpx;
|
|
padding: 25rpx;
|
|
}
|
|
|
|
.text_17 {
|
|
width: 144rpx;
|
|
height: 23rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 23rpx;
|
|
}
|
|
|
|
.text_18 {
|
|
width: 131rpx;
|
|
height: 18rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(210, 195, 175, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
line-height: 18rpx;
|
|
margin-top: 4rpx;
|
|
}
|
|
|
|
.text-wrapper_7 {
|
|
width: 618rpx;
|
|
height: 25rpx;
|
|
margin: 67rpx 0 0 37rpx;
|
|
}
|
|
|
|
.text_19 {
|
|
width: 143rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin-top: 1rpx;
|
|
}
|
|
|
|
.text_20 {
|
|
width: 131rpx;
|
|
height: 18rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(210, 195, 175, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
}
|
|
|
|
.text-wrapper_8 {
|
|
width: 618rpx;
|
|
height: 24rpx;
|
|
margin: 75rpx 0 40rpx 37rpx;
|
|
}
|
|
|
|
.text_21 {
|
|
width: 143rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
}
|
|
|
|
.text_22 {
|
|
width: 131rpx;
|
|
height: 18rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(210, 195, 175, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin-top: 3rpx;
|
|
} |