.container { padding:24rpx 28rpx; } .list-wrapper{ padding:0 0 0 18rpx; background:#fff; border-radius:10rpx; } .main-module{ height: 76rpx; padding:10rpx 20rpx 12rpx 4rpx; display: flex; justify-content: space-around; align-items: center; border-top:2rpx solid #E4E4E4; } .coupon-block,.favor-good{ display: flex; flex-direction: column; height: 52rpx; justify-content: space-between; align-items: center; } .date-block{ display: flex; flex-direction: column; height: 52rpx; justify-content: center; align-items: center; } .status-block{ width:140rpx; display: flex; flex-direction: column; height: 52rpx; justify-content: space-between; align-items: center; text-align: center; border-left:1rpx solid #E4E4E4; } .favor-good{ flex:1; } .devide-line{ height: 150rpx; width: 1rpx; background: #bbb; } .main-module .date{ font-size: 24rpx; } .main-module .num{ font-weight: bold; color: #09AFFF; font-size: 36rpx; } .main-module .status{ font-size: 22rpx; } .fail-status{ color: #DF1717; } .main-module .num2{ font-size: 22rpx; } .main-module .module-text{ color:#85868A; font-size: 20rpx; } .status-switch{ height:68rpx; display: flex; align-items: center; font-size: 24rpx; width:160rpx; } .status-switch text{ margin:0 8rpx 0 0; } .no-order{ height: 76rpx; line-height: 76rpx; text-align: center; font-size: 24rpx; color: #85868A; }