443 lines
7.2 KiB
CSS
443 lines
7.2 KiB
CSS
.page {
|
|
background-color: rgba(238, 238, 238, 1);
|
|
width: 750rpx;
|
|
height: 100vh;
|
|
|
|
}
|
|
|
|
.section_1 {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
width: 750rpx;
|
|
height: auto;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.group_1 {
|
|
background-color: rgba(36, 42, 56, 1);
|
|
width: 750rpx;
|
|
height: 120rpx;
|
|
}
|
|
|
|
.group_2 {
|
|
position: relative;
|
|
height: 715rpx;
|
|
}
|
|
|
|
.group_3 {
|
|
background-color: rgba(36, 42, 56, 1);
|
|
width: 750rpx;
|
|
height: 206rpx;
|
|
}
|
|
|
|
.image_1 {
|
|
width: 15rpx;
|
|
height: 27rpx;
|
|
margin: 31rpx 0 0 33rpx;
|
|
}
|
|
|
|
.text_1 {
|
|
width: 60rpx;
|
|
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;
|
|
margin: 30rpx 360rpx 0 282rpx;
|
|
}
|
|
|
|
.text_2 {
|
|
width: 444rpx;
|
|
height: 29rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(51, 51, 51, 1);
|
|
font-size: 30rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 29rpx;
|
|
margin: 295rpx 0 0 33rpx;
|
|
}
|
|
|
|
.group_4 {
|
|
width: 668rpx;
|
|
height: 53rpx;
|
|
margin: 39rpx 0 0 37rpx;
|
|
}
|
|
|
|
.text-wrapper_1 {
|
|
width: 45rpx;
|
|
height: 31rpx;
|
|
overflow-wrap: break-word;
|
|
font-size: 0;
|
|
font-family: DINMittbek-Alternate;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 31rpx;
|
|
}
|
|
|
|
.text_3 {
|
|
width: 45rpx;
|
|
height: 40rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(249, 101, 77, 1);
|
|
font-size: 40rpx;
|
|
font-family: DINMittbek-Alternate;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
.text_4 {
|
|
width: 45rpx;
|
|
height: 26rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(249, 101, 77, 1);
|
|
font-size: 26rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 26rpx;
|
|
}
|
|
|
|
.text-wrapper_2 {
|
|
background-image: linear-gradient(223deg,
|
|
rgba(8, 83, 196, 1) 0,
|
|
rgba(8, 83, 196, 1) 0,
|
|
rgba(66, 130, 216, 1) 80.004883%,
|
|
rgba(66, 130, 216, 1) 100%);
|
|
border-radius: 10px;
|
|
height: 53rpx;
|
|
width: 149rpx;
|
|
}
|
|
|
|
.text_5 {
|
|
width: 95rpx;
|
|
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: 24rpx;
|
|
margin: 15rpx 0 0 28rpx;
|
|
}
|
|
|
|
.group_5 {
|
|
|
|
height: 25rpx;
|
|
margin: 30rpx auto;
|
|
}
|
|
|
|
.box_1 {
|
|
background-image: linear-gradient(180deg,
|
|
rgba(8, 83, 196, 1) 0,
|
|
rgba(8, 83, 196, 1) 0,
|
|
rgba(66, 130, 216, 1) 80.004883%,
|
|
rgba(66, 130, 216, 1) 100%);
|
|
border-radius: 2px;
|
|
width: 4rpx;
|
|
height: 24rpx;
|
|
}
|
|
|
|
.text_6 {
|
|
width: 100rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(51, 51, 51, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
}
|
|
|
|
.image-wrapper_1 {
|
|
background-color: rgba(226, 203, 162, 1);
|
|
border-radius: 10px;
|
|
height: 351rpx;
|
|
width: 700rpx;
|
|
position: absolute;
|
|
left: 25rpx;
|
|
top: 113rpx;
|
|
}
|
|
|
|
.image_2 {
|
|
width: 104rpx;
|
|
height: 9rpx;
|
|
margin: 316rpx 0 0 298rpx;
|
|
}
|
|
|
|
.group_6 {
|
|
background-color: rgba(237, 245, 255, 1);
|
|
border-radius: 10px;
|
|
height: 389rpx;
|
|
justify-content: flex-center;
|
|
}
|
|
|
|
.image-wrapper_2 {
|
|
width: 483rpx;
|
|
height: 50rpx;
|
|
margin: 40rpx 0 0 101rpx;
|
|
}
|
|
|
|
.image_3 {
|
|
width: 43rpx;
|
|
height: 50rpx;
|
|
margin-right: 183rpx;
|
|
}
|
|
|
|
.block_1 {
|
|
width: 520rpx;
|
|
height: 63rpx;
|
|
margin: 40rpx auto;
|
|
}
|
|
|
|
.text-wrapper_3 {
|
|
width: 98rpx;
|
|
height: 61rpx;
|
|
}
|
|
|
|
.text_7 {
|
|
margin-top: 20rpx;
|
|
font-size: 30rpx;
|
|
|
|
}
|
|
|
|
.text_8 {
|
|
|
|
height: 20rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(160, 160, 160, 1);
|
|
font-size: 20rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 20rpx;
|
|
}
|
|
|
|
.block_2 {
|
|
width: 108rpx;
|
|
height: 62rpx;
|
|
margin: 1rpx 0 0 124rpx;
|
|
}
|
|
|
|
.text-wrapper_4 {
|
|
width: 108rpx;
|
|
height: 22rpx;
|
|
overflow-wrap: break-word;
|
|
font-size: 0;
|
|
font-family: DINMittbek-Alternate;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 22rpx;
|
|
}
|
|
|
|
.text_9 {
|
|
width: 108rpx;
|
|
height: 30rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(51, 51, 51, 1);
|
|
font-size: 30rpx;
|
|
font-family: DINMittbek-Alternate;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 30rpx;
|
|
}
|
|
|
|
.text_10 {
|
|
width: 108rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(51, 51, 51, 1);
|
|
font-size: 24rpx;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
}
|
|
|
|
.text_11 {
|
|
width: 60rpx;
|
|
height: 20rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(160, 160, 160, 1);
|
|
font-size: 20rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 20rpx;
|
|
margin: 20rpx 0 0 23rpx;
|
|
}
|
|
|
|
.text-group_1 {
|
|
width: 57rpx;
|
|
height: 63rpx;
|
|
margin-left: 132rpx;
|
|
}
|
|
|
|
.text_12 {
|
|
width: 57rpx;
|
|
height: 28rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(51, 51, 51, 1);
|
|
font-size: 28rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
}
|
|
|
|
.text_13 {
|
|
width: 39rpx;
|
|
height: 20rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(160, 160, 160, 1);
|
|
font-size: 20rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 20rpx;
|
|
margin: 16rpx 0 0 12rpx;
|
|
}
|
|
|
|
.text-wrapper_5 {
|
|
width: 404rpx;
|
|
height: 22rpx;
|
|
margin: 30rpx auto;
|
|
}
|
|
|
|
.text_14 {
|
|
width: 44rpx;
|
|
height: 22rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(178, 178, 178, 1);
|
|
font-size: 22rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 22rpx;
|
|
}
|
|
|
|
.text_15 {
|
|
width: 326rpx;
|
|
height: 22rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(51, 51, 51, 1);
|
|
font-size: 22rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 22rpx;
|
|
}
|
|
|
|
.text-wrapper_6 {
|
|
width: 126rpx;
|
|
height: 21rpx;
|
|
margin: 38rpx 0 0 40rpx;
|
|
}
|
|
|
|
.text_16 {
|
|
width: 66rpx;
|
|
height: 22rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(178, 178, 178, 1);
|
|
font-size: 22rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 22rpx;
|
|
}
|
|
|
|
.text_17 {
|
|
width: 44rpx;
|
|
height: 22rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(51, 51, 51, 1);
|
|
font-size: 22rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 22rpx;
|
|
}
|
|
|
|
.text-wrapper_7 {
|
|
width: 560rpx;
|
|
height: 22rpx;
|
|
margin: 38rpx 0 40rpx 44rpx;
|
|
}
|
|
|
|
.text_18 {
|
|
width: 66rpx;
|
|
height: 22rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(178, 178, 178, 1);
|
|
font-size: 22rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 22rpx;
|
|
}
|
|
|
|
.text_19 {
|
|
width: 66rpx;
|
|
height: 21rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(51, 51, 51, 1);
|
|
font-size: 22rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 22rpx;
|
|
margin: 1rpx 0 0 12rpx;
|
|
}
|
|
|
|
.text_20 {
|
|
width: 88rpx;
|
|
height: 22rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(178, 178, 178, 1);
|
|
font-size: 22rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 22rpx;
|
|
margin-left: 150rpx;
|
|
}
|
|
|
|
.text_21 {
|
|
width: 152rpx;
|
|
height: 22rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(51, 51, 51, 1);
|
|
font-size: 22rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 22rpx;
|
|
margin: 2rpx 0 0 26rpx;
|
|
} |