.content{ background-color: #fff; display: flex; flex-direction: column; margin-top: 20rpx; } .content_1,.content_3,.content_2{ display: flex; justify-content: space-between; margin: 20rpx 30rpx; align-items: center; } .content_1,.content_3{ flex: 5; } .name{ font-size: 30rpx; color: #666666; } .date{ font-size: 30rpx; color: #999; } .content_2{ background-color: #FAFAFA; font-size: 26rpx; color: #999999; min-height: 70rpx; padding: 10rpx 20rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; line-height: 70rpx; } .status{ font-size: 26rpx; color: #FA541C; flex: 1; } .status_end{ color: #666666; } .btn{ flex: 2; display: flex; justify-content: flex-end; } .content_4{ flex: 5; font-size: 24rpx; color: #E34D59; justify-self:flex-end; text-align:right; display: flex; justify-content: flex-end; border-top: 1px solid #E3E4E5; align-items: center; margin: 0 30rpx; min-height: 70rpx; } .dialog{ width: 50%; text-align: center; height: 100rpx; line-height: 100rpx; } .dialog_cancel_btn{ border-top: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; } .dialog_confirm_btn{ border-top: 1px solid #E9E9E9; color: #3CC7C0; }