.health-status-list { display: flex; flex-direction: column; padding: 24rpx 0; // margin-left: 50rpx; // margin-top: 24rpx; } .health-status-item { display: flex; align-items: baseline; position: relative; min-height: 60rpx; } .dot-line-box { position: relative; width: 24rpx; margin-right: 16rpx; display: flex; flex-direction: column; align-items: center; } .dot { width: 10rpx; height: 10rpx; border: 4rpx solid #3A7BFF; border-radius: 50%; background: #fff; z-index: 1; } .dashed-line { display: flex; flex-direction: column; align-items: center; width: 2rpx; height: 100%; margin-top: 0; } .dash { width: 2rpx; height: 10rpx; background: #3A7BFF; margin-bottom: 4rpx; border-radius: 1rpx; } .status-content { color: #666666; font-size: 28rpx; line-height: 1.7; padding-bottom: 8rpx; word-break: break-all; } .status-line { // display: block; display: flex ; align-items: center; line-height: 1.7; word-break: break-all; color: rgba(106,106,106,0.8); } .title{ font-size: 28rpx; color: #6F7D97; } .value{ font-size: 28rpx; color: #4E5F7E; font-weight: 450; } .report-container{ width: 100%; display: flex; align-items: center; justify-content: center; .report-box { display: flex; align-items: center; height: 40px; line-height: 48px; justify-content: center; background: #D6E5FB; width: 95%; border-radius: 6px; margin: auto; .report-img { width: 38rpx; height: 35rpx; } .text-box { display: flex; .text-one { font-size: 28rpx; color: #1F457F; font-weight: bold; margin: 0 20rpx 0 20rpx; } .text-two { font-size: 24rpx; color: #35578C; } } } }