554 lines
10 KiB
CSS
554 lines
10 KiB
CSS
.page {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
position: relative;
|
|
width: 750rpx;
|
|
height: 1624rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.box_1 {
|
|
position: relative;
|
|
width: 750rpx;
|
|
height: 336rpx;
|
|
background: url(https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG3bb0ad8451bd7dd9f96ac85130967887.png)
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.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;
|
|
margin: 170rpx 0 0 55rpx;
|
|
}
|
|
|
|
.image_1 {
|
|
width: 91rpx;
|
|
height: 89rpx;
|
|
margin: 7rpx 0 0 5rpx;
|
|
}
|
|
|
|
.text-group_1 {
|
|
width: 277rpx;
|
|
height: 87rpx;
|
|
margin: 176rpx 291rpx 0 27rpx;
|
|
}
|
|
|
|
.text_1 {
|
|
width: 277rpx;
|
|
height: 53rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(82, 172, 65, 1);
|
|
font-size: 38rpx;
|
|
font-family: PingFang SC-Medium;
|
|
font-weight: 500;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 38rpx;
|
|
}
|
|
|
|
.text_2 {
|
|
width: 277rpx;
|
|
height: 28rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(158, 158, 158, 1);
|
|
font-size: 20rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 20rpx;
|
|
margin-top: 6rpx;
|
|
}
|
|
|
|
.box_5 {
|
|
width: 750rpx;
|
|
height: 1241rpx;
|
|
}
|
|
|
|
.box_6 {
|
|
width: 694rpx;
|
|
height: 191rpx;
|
|
margin-left: 32rpx;
|
|
}
|
|
|
|
.group_2 {
|
|
width: 331rpx;
|
|
height: 191rpx;
|
|
background: url(https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNGce2485e84ba3205457f0b0e6921852b5.png)
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
justify-content: flex-center;
|
|
}
|
|
|
|
.text_4 {
|
|
width: 78rpx;
|
|
height: 36rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(131, 126, 126, 1);
|
|
font-size: 26rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 26rpx;
|
|
margin: 32rpx 0 0 32rpx;
|
|
}
|
|
|
|
.group_3 {
|
|
width: 174rpx;
|
|
height: 62rpx;
|
|
margin: 8rpx 0 0 32rpx;
|
|
}
|
|
|
|
.text_5 {
|
|
width: 78rpx;
|
|
height: 62rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0, 0, 0, 1);
|
|
font-size: 44rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 44rpx;
|
|
}
|
|
|
|
.box_7 {
|
|
background-color: rgba(82, 172, 65, 1);
|
|
border-radius: 12px 24px 2px 24px;
|
|
width: 88rpx;
|
|
height: 30rpx;
|
|
margin-top: 13rpx;
|
|
}
|
|
|
|
.text_6 {
|
|
width: 60rpx;
|
|
height: 28rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 20rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 20rpx;
|
|
margin: 1rpx 0 0 8rpx;
|
|
}
|
|
|
|
.label_2 {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin: 3rpx 0 0 -4rpx;
|
|
}
|
|
|
|
.text_7 {
|
|
width: 180rpx;
|
|
height: 28rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(234, 183, 41, 1);
|
|
font-size: 20rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 20rpx;
|
|
margin: -7rpx 0 32rpx 32rpx;
|
|
}
|
|
|
|
.group_4 {
|
|
width: 331rpx;
|
|
height: 191rpx;
|
|
background: url(https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNGa21607a7510c39025ba69fc44da86eb2.png)
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
justify-content: flex-center;
|
|
}
|
|
|
|
.text_8 {
|
|
width: 78rpx;
|
|
height: 36rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(131, 126, 126, 1);
|
|
font-size: 26rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 26rpx;
|
|
margin: 32rpx 0 0 32rpx;
|
|
}
|
|
|
|
.section_1 {
|
|
width: 145rpx;
|
|
height: 62rpx;
|
|
margin: 8rpx 0 0 32rpx;
|
|
}
|
|
|
|
.text_9 {
|
|
width: 45rpx;
|
|
height: 62rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0, 0, 0, 1);
|
|
font-size: 44rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 44rpx;
|
|
}
|
|
|
|
.block_1 {
|
|
background-color: rgba(82, 172, 65, 1);
|
|
border-radius: 12px 24px 2px 24px;
|
|
width: 88rpx;
|
|
height: 30rpx;
|
|
margin-top: 13rpx;
|
|
}
|
|
|
|
.text_10 {
|
|
width: 60rpx;
|
|
height: 28rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 20rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 20rpx;
|
|
margin: 1rpx 0 0 8rpx;
|
|
}
|
|
|
|
.label_3 {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin: 3rpx 0 0 -4rpx;
|
|
}
|
|
|
|
.text_11 {
|
|
width: 180rpx;
|
|
height: 28rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(82, 172, 65, 1);
|
|
font-size: 20rpx;
|
|
font-family: PingFang SC-Regular;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 20rpx;
|
|
margin: -7rpx 0 32rpx 32rpx;
|
|
}
|
|
|
|
.box_8 {
|
|
width: 686rpx;
|
|
height: 48rpx;
|
|
margin: 60rpx 0 0 32rpx;
|
|
}
|
|
|
|
.image-wrapper_3 {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
height: 48rpx;
|
|
width: 48rpx;
|
|
}
|
|
|
|
.label_4 {
|
|
width: 38rpx;
|
|
height: 42rpx;
|
|
margin: 2rpx 0 0 5rpx;
|
|
}
|
|
|
|
.text_12 {
|
|
width: 112rpx;
|
|
height: 39rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0, 0, 0, 1);
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
margin: 5rpx 0 0 24rpx;
|
|
}
|
|
|
|
.label_5 {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin: 12rpx 0 0 478rpx;
|
|
}
|
|
|
|
.box_9 {
|
|
width: 686rpx;
|
|
height: 48rpx;
|
|
margin: 64rpx 0 0 32rpx;
|
|
}
|
|
|
|
.section_2 {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
height: 48rpx;
|
|
width: 48rpx;
|
|
justify-content: flex-center;
|
|
}
|
|
|
|
.group_5 {
|
|
width: 35rpx;
|
|
height: 40rpx;
|
|
margin: 3rpx 0 0 6rpx;
|
|
}
|
|
|
|
.box_10 {
|
|
height: 40rpx;
|
|
border: 3px solid rgba(0, 0, 0, 1);
|
|
background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/9891857bec0b46a880baa5153aac064c_mergeImage.png)
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
width: 35rpx;
|
|
}
|
|
|
|
.group_6 {
|
|
border-radius: 50%;
|
|
width: 18rpx;
|
|
height: 18rpx;
|
|
border: 3px solid rgba(0, 0, 0, 1);
|
|
margin: 22rpx 0 0 18rpx;
|
|
}
|
|
|
|
.image-wrapper_4 {
|
|
width: 5rpx;
|
|
height: 2rpx;
|
|
margin: 0 0 3rpx 42rpx;
|
|
}
|
|
|
|
.thumbnail_1 {
|
|
width: 11rpx;
|
|
height: 8rpx;
|
|
margin: -3rpx 0 0 -3rpx;
|
|
}
|
|
|
|
.text_13 {
|
|
width: 112rpx;
|
|
height: 39rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0, 0, 0, 1);
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
margin: 5rpx 0 0 24rpx;
|
|
}
|
|
|
|
.label_6 {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin: 12rpx 0 0 478rpx;
|
|
}
|
|
|
|
.box_11 {
|
|
width: 686rpx;
|
|
height: 48rpx;
|
|
margin: 64rpx 0 0 32rpx;
|
|
}
|
|
|
|
.image-wrapper_5 {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
height: 48rpx;
|
|
width: 48rpx;
|
|
}
|
|
|
|
.label_7 {
|
|
width: 45rpx;
|
|
height: 40rpx;
|
|
margin: 5rpx 0 0 2rpx;
|
|
}
|
|
|
|
.text_14 {
|
|
width: 112rpx;
|
|
height: 39rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0, 0, 0, 1);
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
margin: 5rpx 0 0 24rpx;
|
|
}
|
|
|
|
.label_8 {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin: 12rpx 0 0 478rpx;
|
|
}
|
|
|
|
.box_12 {
|
|
width: 686rpx;
|
|
height: 48rpx;
|
|
margin: 64rpx 0 0 32rpx;
|
|
}
|
|
|
|
.section_3 {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
height: 48rpx;
|
|
width: 48rpx;
|
|
}
|
|
|
|
.group_7 {
|
|
height: 46rpx;
|
|
background: url(https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNGe7ad21d16961118cc7059f30d98cccba.png)
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
width: 38rpx;
|
|
margin: 2rpx 0 0 5rpx;
|
|
}
|
|
|
|
.box_13 {
|
|
border-radius: 50%;
|
|
width: 14rpx;
|
|
height: 14rpx;
|
|
border: 3px solid rgba(0, 0, 0, 1);
|
|
margin: 8rpx 0 0 12rpx;
|
|
}
|
|
|
|
.text_15 {
|
|
width: 112rpx;
|
|
height: 39rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0, 0, 0, 1);
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
margin: 5rpx 0 0 24rpx;
|
|
}
|
|
|
|
.label_9 {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin: 12rpx 0 0 478rpx;
|
|
}
|
|
|
|
.box_14 {
|
|
width: 686rpx;
|
|
height: 48rpx;
|
|
margin: 64rpx 0 0 32rpx;
|
|
}
|
|
|
|
.image-wrapper_6 {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
height: 48rpx;
|
|
width: 48rpx;
|
|
}
|
|
|
|
.label_10 {
|
|
width: 45rpx;
|
|
height: 39rpx;
|
|
margin: 5rpx 0 0 2rpx;
|
|
}
|
|
|
|
.text_16 {
|
|
width: 112rpx;
|
|
height: 39rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0, 0, 0, 1);
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
margin: 5rpx 0 0 24rpx;
|
|
}
|
|
|
|
.label_11 {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin: 12rpx 0 0 478rpx;
|
|
}
|
|
|
|
.box_15 {
|
|
width: 686rpx;
|
|
height: 48rpx;
|
|
margin: 64rpx 0 0 32rpx;
|
|
}
|
|
|
|
.image-wrapper_7 {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
height: 48rpx;
|
|
width: 48rpx;
|
|
}
|
|
|
|
.label_12 {
|
|
width: 38rpx;
|
|
height: 42rpx;
|
|
margin: 2rpx 0 0 5rpx;
|
|
}
|
|
|
|
.text_17 {
|
|
width: 112rpx;
|
|
height: 39rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0, 0, 0, 1);
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
margin: 5rpx 0 0 24rpx;
|
|
}
|
|
|
|
.label_13 {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin: 12rpx 0 0 478rpx;
|
|
}
|
|
|
|
.box_16 {
|
|
width: 694rpx;
|
|
height: 48rpx;
|
|
margin: 64rpx 0 0 32rpx;
|
|
}
|
|
|
|
.label_14 {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
}
|
|
|
|
.text_18 {
|
|
width: 112rpx;
|
|
height: 39rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(0, 0, 0, 1);
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC-Semibold;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
margin: 5rpx 0 0 32rpx;
|
|
}
|
|
|
|
.label_15 {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
margin: 12rpx 0 0 478rpx;
|
|
}
|
|
|
|
.image_7 {
|
|
width: 750rpx;
|
|
height: 48rpx;
|
|
margin-top: -1rpx;
|
|
}
|
|
|
|
|
|
|
|
|