.page { background-color: rgba(248,248,248,1.000000); position: relative; display: flex; flex-direction: column; padding: 0 24rpx; padding-bottom: 24rpx; height: 100%; } .group_1 { background-color: rgba(255,255,255,1.000000); padding-bottom: 12rpx; display: flex; flex-direction: column; } .image_1 { width: 750rpx; height: 88rpx; } .section_1 { flex-direction: row; display: flex; margin: 12rpx 12rpx 0 32rpx; } .image_2 { width: 24rpx; height: 48rpx; margin: 8rpx 0 8rpx 0; } .text_1 { overflow-wrap: break-word; color: rgba(0,0,0,1); font-size: 34rpx; font-family: PingFangSC-Medium; font-weight: 500; text-align: right; white-space: nowrap; line-height: 40rpx; margin: 8rpx 0 0 252rpx; } .image_3 { width: 174rpx; height: 64rpx; margin-left: 120rpx; } .group_2 { display: flex; flex-direction: column; padding: 24rpx 0 26rpx 0; } .text-wrapper_1 { flex-direction: row; display: flex; justify-content: space-between; } .text_2 { overflow-wrap: break-word; color: rgba(34,34,34,1); font-size: 28rpx; font-family: Alibaba-PuHuiTi-M; font-weight: normal; text-align: left; white-space: nowrap; line-height: 28rpx; } .text_3 { overflow-wrap: break-word; color: rgba(96,98,102,1); font-size: 26rpx; font-family: Alibaba-PuHuiTi-R; font-weight: normal; text-align: center; white-space: nowrap; line-height: 28rpx; } .group_3 { border: 1px solid rgba(255,255,255,1); margin-top: -2rpx; position: relative; display: flex; flex-direction: column; padding: 24rpx 24rpx 0rpx 22rpx; box-sizing: border-box; border-radius: 24rpx; background: linear-gradient( 180deg, #EDF3F8 0%, #F7FAFC 100%); position: relative; z-index: 1; } .group-item{ padding-bottom: 30rpx; position: relative; .after{ position: absolute; width: 0; height: calc(100% - 40rpx); top: 34rpx; left: 10rpx; border-left: 2rpx dashed rgba(0,91,162,0.7); z-index: 0; } } .group-item:last-child{ .after{ display: none; } } .section_2 { width: 112rpx; margin-right: 544rpx; flex-direction: row; display: flex; justify-content: space-between; } .group_4 { border-radius: 100%; width: 20rpx; height: 20rpx; border: 2.5px solid var(--td-brand-color); display: flex; flex-direction: column; margin: 6rpx 0 2rpx 0; box-sizing: border-box; } .text_4 { overflow-wrap: break-word; color: var(--td-text-color); font-size: 28rpx; font-family: Alibaba-PuHuiTi-M; font-weight: normal; text-align: left; white-space: nowrap; line-height: 28rpx; } .active{ .group_4{ border-color: rgba(142,181,213,1); } .text_4{ color: rgba(144,147,153,1); } } .section_3 { display: flex; flex-direction: row; margin: 16rpx 0 0 34rpx; } .block_1 { background-color: rgba(255,255,255,1.000000); border-radius: 16rpx; // display: flex; padding: 24rpx 50rpx 24rpx 24rpx; width: 100%; // justify-content: space-between; position: relative; } .image-text_1 { display: flex; padding-right: 134rpx; } .section_4 { border-radius: 16rpx; background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/4438d491898944508b7d13f8ad91d0ef_mergeImage.png); width: 100rpx; height: 100rpx; border: 1px solid rgba(0,91,162,0.1); flex: none; } .text-group_1 { flex: auto; // display: flex; // flex-direction: column; margin: 10rpx 0 8rpx 0; padding-left: 20rpx; } .text_5 { overflow-wrap: break-word; color: rgba(34,34,34,1); font-size: 32rpx; font-family: Alibaba-PuHuiTi-M; font-weight: normal; line-height: 32rpx; } .text_6 { overflow-wrap: break-word; color: rgba(144,147,153,1); font-size: 28rpx; font-family: Alibaba-PuHuiTi-R; font-weight: normal; text-align: left; white-space: nowrap; line-height: 28rpx; margin-top: 22rpx; } .box_1 { background-color: rgba(237,243,248,1.000000); width: 2rpx; height: 62rpx; display: flex; flex-direction: column; position: absolute; right: 166rpx; top: 50%; transform: translateY(-50%); } .text_7 { overflow-wrap: break-word; color: rgba(0,91,162,1); font-size: 28rpx; font-family: Alibaba-PuHuiTi-M; font-weight: normal; text-align: right; white-space: nowrap; line-height: 32rpx; position: absolute; right: 50rpx; top: 50%; transform: translateY(-50%); } .section_5 { width: 112rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 24rpx 544rpx 0 0; } .box_2 { border-radius: 100%; width: 20rpx; height: 20rpx; border: 2.5px solid rgba(0,91,162,1); display: flex; flex-direction: column; margin: 6rpx 0 2rpx 0; } .text_8 { overflow-wrap: break-word; color: rgba(34,34,34,1); font-size: 28rpx; font-family: Alibaba-PuHuiTi-M; font-weight: normal; text-align: left; white-space: nowrap; line-height: 28rpx; } .section_6 { display: flex; flex-direction: row; margin: 16rpx 0 0 34rpx; } .box_3 { background-color: rgba(255,255,255,1.000000); border-radius: 16rpx; width: 622rpx; flex-direction: row; display: flex; justify-content: flex-center; padding: 24rpx 24rpx 24rpx 24rpx; } .image-text_2 { width: 298rpx; flex-direction: row; display: flex; justify-content: space-between; } .image_4 { width: 100rpx; height: 100rpx; } .text-group_2 { display: flex; flex-direction: column; margin: 12rpx 0 12rpx 0; } .text_9 { overflow-wrap: break-word; color: rgba(34,34,34,1); font-size: 32rpx; font-family: Alibaba-PuHuiTi-M; font-weight: normal; text-align: right; white-space: nowrap; line-height: 32rpx; margin-right: 86rpx; } .text_10 { overflow-wrap: break-word; color: rgba(144,147,153,1); font-size: 28rpx; font-family: Alibaba-PuHuiTi-R; font-weight: normal; text-align: left; white-space: nowrap; line-height: 28rpx; margin-top: 16rpx; } .section_7 { background-color: rgba(237,243,248,1.000000); width: 2rpx; height: 62rpx; display: flex; flex-direction: column; margin: 20rpx 0 18rpx 114rpx; } .text-wrapper_2 { background-color: rgba(0,91,162,1.000000); border-radius: 32rpx; display: flex; flex-direction: column; margin: 22rpx 0 22rpx 24rpx; padding: 12rpx 40rpx 12rpx 40rpx; } .text_11 { overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 28rpx; font-family: Alibaba-PuHuiTi-M; font-weight: normal; text-align: right; white-space: nowrap; line-height: 32rpx; } .section_8 { display: flex; flex-direction: row; margin: 16rpx 0 0 34rpx; } .box_4 { background-color: rgba(255,255,255,1.000000); border-radius: 16rpx; width: 622rpx; flex-direction: row; display: flex; justify-content: flex-center; padding: 24rpx 24rpx 24rpx 24rpx; } .image-text_3 { width: 298rpx; flex-direction: row; display: flex; justify-content: space-between; } .image_5 { width: 100rpx; height: 100rpx; } .text-group_3 { display: flex; flex-direction: column; margin: 12rpx 0 12rpx 0; } .text_12 { overflow-wrap: break-word; color: rgba(34,34,34,1); font-size: 32rpx; font-family: Alibaba-PuHuiTi-M; font-weight: normal; text-align: right; white-space: nowrap; line-height: 32rpx; margin-right: 86rpx; } .text_13 { overflow-wrap: break-word; color: rgba(144,147,153,1); font-size: 28rpx; font-family: Alibaba-PuHuiTi-R; font-weight: normal; text-align: left; white-space: nowrap; line-height: 28rpx; margin-top: 16rpx; } .section_9 { background-color: rgba(237,243,248,1.000000); width: 2rpx; height: 62rpx; display: flex; flex-direction: column; margin: 20rpx 0 18rpx 114rpx; } .text-wrapper_3 { background-color: rgba(0,91,162,1.000000); border-radius: 32rpx; padding: 10rpx 32rpx 10rpx 32rpx; // width: 70rpx; text-align: center; position: absolute; right: 24rpx; top: 50%; transform: translateY(-50%); } .text_14 { overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 28rpx; font-family: Alibaba-PuHuiTi-M; font-weight: normal; text-align: right; white-space: nowrap; line-height: 32rpx; } .section_10 { width: 112rpx; flex-direction: row; display: flex; justify-content: space-between; margin: 24rpx 544rpx 0 0; } .group_5 { border-radius: 100%; width: 20rpx; height: 20rpx; border: 2.5px solid rgba(0,91,162,1); display: flex; flex-direction: column; margin: 6rpx 0 2rpx 0; } .text_15 { overflow-wrap: break-word; color: rgba(34,34,34,1); font-size: 28rpx; font-family: Alibaba-PuHuiTi-M; font-weight: normal; text-align: left; white-space: nowrap; line-height: 28rpx; } .section_11 { display: flex; flex-direction: row; margin: 16rpx 0 0 34rpx; } .group_6 { background-color: rgba(255,255,255,1.000000); border-radius: 16rpx; width: 622rpx; flex-direction: row; display: flex; justify-content: flex-center; padding: 24rpx 24rpx 24rpx 24rpx; } .image-text_4 { width: 298rpx; flex-direction: row; display: flex; justify-content: space-between; } .box_5 { border-radius: 16rpx; background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/1d20527d73294b4688010486fcc35ccc_mergeImage.png); width: 100rpx; height: 100rpx; border: 1px solid rgba(0,91,162,0.1); display: flex; flex-direction: column; } .text-group_4 { display: flex; flex-direction: column; margin: 12rpx 0 12rpx 0; } .text_16 { overflow-wrap: break-word; color: rgba(34,34,34,1); font-size: 32rpx; font-family: Alibaba-PuHuiTi-M; font-weight: normal; text-align: right; white-space: nowrap; line-height: 32rpx; margin-right: 86rpx; } .text_17 { overflow-wrap: break-word; color: rgba(144,147,153,1); font-size: 28rpx; font-family: Alibaba-PuHuiTi-R; font-weight: normal; text-align: left; white-space: nowrap; line-height: 28rpx; margin-top: 16rpx; } .box_6 { background-color: rgba(237,243,248,1.000000); width: 2rpx; height: 62rpx; display: flex; flex-direction: column; margin: 20rpx 0 18rpx 114rpx; } .text-wrapper_4 { background-color: rgba(0,91,162,1.000000); border-radius: 32rpx; display: flex; flex-direction: column; margin: 22rpx 0 22rpx 24rpx; padding: 12rpx 40rpx 12rpx 40rpx; } .text_18 { overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 28rpx; font-family: Alibaba-PuHuiTi-M; font-weight: normal; text-align: right; white-space: nowrap; line-height: 32rpx; } .image_6 { position: absolute; left: 32rpx; top: 48rpx; width: 2rpx; height: 196rpx; } .image_7 { position: absolute; left: 32rpx; top: 260rpx; width: 2rpx; height: 368rpx; } .image_8 { width: 750rpx; height: 68rpx; margin-top: 460rpx; }