.order{ padding: 30rpx; } .order-box{ border: 1px solid #DEDEDE; border-radius: 10rpx; overflow: hidden; display: flex; justify-content: space-between; height: 200rpx; margin-bottom: 20rpx; } .order-img{ width: 35%; } .order-img image{ width: 100%; height: 200rpx; } .order-info{ width: 63%; } .venue-project{ font-size: 32rpx; display: flex; justify-content: space-between; padding: 10rpx; } .venue{ width: 65%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .project{ background:rgba(159,21,18,.1); color: #9F1512; padding: 0 10rpx; display: flex; align-items: center; font-size: 20rpx; } .order-text{ font-size: 30rpx; color: #BBBBBB; margin-bottom: 10rpx; } .price{ font-size: 32rpx; color:#9F1512; } .status{ display: inline-block; padding: 0 10rpx; background: #DEDEDE; color: #FFF; font-size: 30rpx; }