.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; } .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: 50rpx; } .pop_content{ text-align: center; display: flex; flex-direction: column; width: 80vw; } .pop_title{ font-size: 34rpx; color: #333333; padding: 30rpx 20rpx; } .pop_note{ font-size: 32rpx; color: #999999; padding: 0rpx 20rpx 30rpx 20rpx; } .pop_btn{ display: flex; border-top: 1px solid #E3E4E5; } .pop_btn_left{ flex: 1; border-right: 1px solid #E3E4E5; padding: 30rpx 0rpx; color: #999999; } .pop_btn_right{ flex: 1; color: #49B9AD; padding: 30rpx 0rpx; }