.list { width: 100%; padding-bottom: 60rpx; } .list-item { width: 710rpx; box-sizing: border-box; margin: 20rpx auto 0; box-shadow: 0 4rpx 29rpx 0 rgba(63, 63, 63, 0.1); border-radius: 10rpx; -webkit-border-radius: 10rpx; -moz-border-radius: 10rpx; -ms-border-radius: 10rpx; -o-border-radius: 10rpx; } .item-info { width: 100%; box-sizing: border-box; padding: 20rpx; } .item-cell { width: 100%; display: flex; margin-bottom: 12rpx; font-size: 30rpx; font-weight: 400; } .item-label { flex-shrink: 0; width: 150rpx; color: #999; } .item-value { color: #333; } .item-operate { width: 100%; box-sizing: border-box; padding: 28rpx 20rpx; border-top: 1rpx solid rgba(231, 238, 238, 1); } .operate-wr, .operate-btn, .operate-info { display: flex; align-items: center; } .operate-btn { justify-content: center; width: 50%; text-align: center; } image { margin-right: 10rpx; } text { font-size: 26rpx; color: #333; } .img-tell { width: 20rpx; height: 30rpx; } .img-finish { width: 30rpx; height: 30rpx; } .img-cancle { width: 24rpx; height: 24rpx; } .img-edit { width: 30rpx; height: 25rpx; } .text-finish { color: #085EB0; } .operate-info { font-size: 30rpx; font-weight: 400; } .info-label { color: #999; } .info-value0 { width: 100%; justify-content: center; } .info-value-time { color: #333; } .info-value { color: #E3271C; display: flex; align-items: center; } image { width: 36rpx; height: 33rpx; margin-right: 6rpx; } .info-value-text { font-size: 26rpx; color: rgba(8, 94, 176, 1); } .no-more { width: 100%; padding: 30rpx 0 60rpx 0; font-size: 26rpx; font-weight: 500; color: #999; text-align: center; } .no-data { width: 100%; padding: 100rpx 0 60rpx 0; font-size: 26rpx; font-weight: 500; color: #999; text-align: center; }