519 lines
8.7 KiB
CSS
519 lines
8.7 KiB
CSS
.page {
|
|
background-color: rgba(244, 244, 239, 1);
|
|
position: relative;
|
|
width: 750rpx;
|
|
height: 1624rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.box_1 {
|
|
position: relative;
|
|
width: 750rpx;
|
|
height: 801rpx;
|
|
background: url(https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG35acc8c8aa020672c55adfd23dd0720f.png)
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.box_2 {
|
|
width: 404rpx;
|
|
height: 100rpx;
|
|
margin: 192rpx 0 0 55rpx;
|
|
}
|
|
|
|
.image-wrapper_1 {
|
|
box-shadow: 0px 18px 18px 0px rgba(0, 0, 0, 0.1);
|
|
background-color: rgba(255, 255, 255, 1);
|
|
border-radius: 50%;
|
|
height: 100rpx;
|
|
border: 1px solid rgba(217, 217, 217, 1);
|
|
width: 100rpx;
|
|
}
|
|
|
|
.image_1 {
|
|
width: 91rpx;
|
|
height: 89rpx;
|
|
margin: 7rpx 0 0 5rpx;
|
|
}
|
|
|
|
.text-wrapper_1 {
|
|
width: 277rpx;
|
|
height: 93rpx;
|
|
margin-top: 6rpx;
|
|
}
|
|
|
|
.text_1 {
|
|
width: 277rpx;
|
|
height: 53rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 38rpx;
|
|
font-family: PingFang SC-Medium;
|
|
font-weight: 500;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 38rpx;
|
|
}
|
|
|
|
.text_2 {
|
|
width: 175rpx;
|
|
height: 34rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
margin-top: 6rpx;
|
|
}
|
|
|
|
.text-wrapper_2 {
|
|
width: 658rpx;
|
|
height: 39rpx;
|
|
margin: 291rpx 0 0 46rpx;
|
|
}
|
|
|
|
.text_3 {
|
|
width: 168rpx;
|
|
height: 39rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(34, 34, 34, 1);
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
}
|
|
|
|
.text_4 {
|
|
width: 419rpx;
|
|
height: 31rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(131, 131, 131, 1);
|
|
font-size: 22rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 22rpx;
|
|
margin-top: 4rpx;
|
|
}
|
|
|
|
.box_3 {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
border-radius: 24px;
|
|
width: 686rpx;
|
|
height: 152rpx;
|
|
margin: 16rpx 0 11rpx 32rpx;
|
|
}
|
|
|
|
.image-text_1 {
|
|
width: 569rpx;
|
|
height: 88rpx;
|
|
margin: 32rpx 0 0 32rpx;
|
|
}
|
|
|
|
.image_2 {
|
|
width: 72rpx;
|
|
height: 72rpx;
|
|
margin-top: 8rpx;
|
|
}
|
|
|
|
.text-group_1 {
|
|
width: 488rpx;
|
|
height: 88rpx;
|
|
}
|
|
|
|
.text-wrapper_3 {
|
|
width: 488rpx;
|
|
height: 64rpx;
|
|
}
|
|
|
|
.text_5 {
|
|
width: 438rpx;
|
|
height: 38rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(34, 34, 34, 1);
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC-Medium;
|
|
font-weight: 500;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
}
|
|
|
|
.text_6 {
|
|
width: 25rpx;
|
|
height: 39rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(245, 66, 45, 1);
|
|
font-size: 20rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
line-height: 194rpx;
|
|
margin-top: 25rpx;
|
|
}
|
|
|
|
.text_7 {
|
|
width: 477rpx;
|
|
height: 34rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(153, 153, 153, 1);
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
margin-top: -10rpx;
|
|
}
|
|
|
|
.text_8 {
|
|
width: 53rpx;
|
|
height: 36rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(245, 66, 45, 1);
|
|
font-size: 26rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
line-height: 26rpx;
|
|
margin: 57rpx 32rpx 0 0;
|
|
}
|
|
|
|
.box_4 {
|
|
background-color: rgba(255, 250, 238, 0.09);
|
|
height: 257rpx;
|
|
width: 306rpx;
|
|
position: absolute;
|
|
left: 473rpx;
|
|
top: 107rpx;
|
|
}
|
|
|
|
.box_5 {
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 30px 0px 33px 0px;
|
|
width: 130rpx;
|
|
height: 62rpx;
|
|
margin: 122rpx 0 0 147rpx;
|
|
}
|
|
|
|
.image-text_2 {
|
|
width: 94rpx;
|
|
height: 39rpx;
|
|
margin: 11rpx 0 0 20rpx;
|
|
}
|
|
|
|
.label_1 {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
margin-top: 4rpx;
|
|
}
|
|
|
|
.text-group_2 {
|
|
width: 56rpx;
|
|
height: 39rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
}
|
|
|
|
.box_6 {
|
|
background-color: rgba(255, 255, 255, 0);
|
|
height: 176rpx;
|
|
width: 750rpx;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.block_1 {
|
|
width: 678rpx;
|
|
height: 33rpx;
|
|
margin: 31rpx 0 0 56rpx;
|
|
}
|
|
|
|
.text_9 {
|
|
width: 56rpx;
|
|
height: 33rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 28rpx;
|
|
font-family: Helvetica-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
}
|
|
|
|
.section_1 {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
width: 35rpx;
|
|
height: 22rpx;
|
|
margin: 5rpx 0 0 486rpx;
|
|
}
|
|
|
|
.section_2 {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
width: 31rpx;
|
|
height: 23rpx;
|
|
margin: 5rpx 0 0 10rpx;
|
|
}
|
|
|
|
.label_2 {
|
|
width: 49rpx;
|
|
height: 21rpx;
|
|
margin: 6rpx 0 0 11rpx;
|
|
}
|
|
|
|
.block_2 {
|
|
width: 703rpx;
|
|
height: 64rpx;
|
|
margin: 36rpx 0 12rpx 38rpx;
|
|
}
|
|
|
|
.image_3 {
|
|
width: 18rpx;
|
|
height: 34rpx;
|
|
margin-top: 15rpx;
|
|
}
|
|
|
|
.text_10 {
|
|
width: 120rpx;
|
|
height: 42rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 30rpx;
|
|
font-family: PingFang SC-Medium;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
line-height: 30rpx;
|
|
margin: 11rpx 0 0 259rpx;
|
|
}
|
|
|
|
.image_4 {
|
|
width: 174rpx;
|
|
height: 64rpx;
|
|
margin-left: 132rpx;
|
|
}
|
|
|
|
.text-wrapper_4 {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
border-radius: 24px;
|
|
height: 34rpx;
|
|
width: 132rpx;
|
|
position: absolute;
|
|
left: 369rpx;
|
|
top: 257rpx;
|
|
}
|
|
|
|
.text_11 {
|
|
width: 100rpx;
|
|
height: 28rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0, 0, 0, 1);
|
|
font-size: 20rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 20rpx;
|
|
margin: 3rpx 0 0 16rpx;
|
|
}
|
|
|
|
.box_7 {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
border-radius: 24px;
|
|
height: 189rpx;
|
|
width: 686rpx;
|
|
position: absolute;
|
|
left: 32rpx;
|
|
top: 338rpx;
|
|
justify-content: flex-center;
|
|
}
|
|
|
|
.box_8 {
|
|
width: 537rpx;
|
|
height: 36rpx;
|
|
margin: 40rpx 0 0 40rpx;
|
|
}
|
|
|
|
.text_12 {
|
|
width: 148rpx;
|
|
height: 36rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(68, 68, 68, 1);
|
|
font-size: 26rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 26rpx;
|
|
}
|
|
|
|
.label_3 {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin-top: 6rpx;
|
|
}
|
|
|
|
.image-text_3 {
|
|
width: 172rpx;
|
|
height: 36rpx;
|
|
margin-left: 193rpx;
|
|
}
|
|
|
|
.text-group_3 {
|
|
width: 148rpx;
|
|
height: 36rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(68, 68, 68, 1);
|
|
font-size: 26rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 26rpx;
|
|
}
|
|
|
|
.label_4 {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin-top: 6rpx;
|
|
}
|
|
|
|
.text-wrapper_5 {
|
|
width: 387rpx;
|
|
height: 73rpx;
|
|
margin: 0 0 40rpx 40rpx;
|
|
}
|
|
|
|
.text_13 {
|
|
width: 223rpx;
|
|
height: 73rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0, 0, 0, 1);
|
|
font-size: 52rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 52rpx;
|
|
}
|
|
|
|
.text_14 {
|
|
width: 22rpx;
|
|
height: 73rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0, 0, 0, 1);
|
|
font-size: 52rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 52rpx;
|
|
}
|
|
|
|
.box_9 {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
border-radius: 24px;
|
|
width: 686rpx;
|
|
height: 152rpx;
|
|
margin: 13rpx 0 0 32rpx;
|
|
}
|
|
|
|
.image-text_4 {
|
|
width: 569rpx;
|
|
height: 88rpx;
|
|
margin: 32rpx 0 0 32rpx;
|
|
}
|
|
|
|
.image_5 {
|
|
width: 72rpx;
|
|
height: 72rpx;
|
|
margin-top: 8rpx;
|
|
}
|
|
|
|
.text-group_4 {
|
|
width: 488rpx;
|
|
height: 88rpx;
|
|
}
|
|
|
|
.text-wrapper_6 {
|
|
width: 488rpx;
|
|
height: 64rpx;
|
|
}
|
|
|
|
.text_15 {
|
|
width: 438rpx;
|
|
height: 38rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(34, 34, 34, 1);
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC-Medium;
|
|
font-weight: 500;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
}
|
|
|
|
.text_16 {
|
|
width: 25rpx;
|
|
height: 39rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(245, 66, 45, 1);
|
|
font-size: 20rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
line-height: 194rpx;
|
|
margin-top: 25rpx;
|
|
}
|
|
|
|
.text_17 {
|
|
width: 477rpx;
|
|
height: 34rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(153, 153, 153, 1);
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
margin-top: -10rpx;
|
|
}
|
|
|
|
.text_18 {
|
|
width: 53rpx;
|
|
height: 36rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(245, 66, 45, 1);
|
|
font-size: 26rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
line-height: 26rpx;
|
|
margin: 57rpx 32rpx 0 0;
|
|
}
|
|
|
|
.image_6 {
|
|
width: 750rpx;
|
|
height: 48rpx;
|
|
margin-top: 610rpx;
|
|
}
|