.tab-bar{border-bottom: 2rpx solid #ebedf0; display: flex; justify-content: space-between; align-items: center; box-sizing: content-box; width: 100%; z-index: 99;}
.tab-item{flex: 0; flex-basis: 22%; text-align: center; line-height: 88rpx; font-size:28rpx; box-sizing: border-box;}
.tab-item.active{border-bottom: 4rpx solid #ee3a43; color: #ee3a43;}
.label{display: inline-block; position: relative; border-bottom: 4rpx solid transparent; color: #7d7e80;}
.info{position: absolute; top: 10rpx; right: -20rpx; line-height: 24rpx; background: #ee3a43; border-radius: 32rpx; font-size: 20rpx; color: #fff; border:3rpx solid #fff; box-sizing: border-box; padding:2rpx 6rpx; min-width: 16px;}
.order-card{margin-top: 16rpx; box-sizing: border-box; position: relative; padding: 20rpx;}
.order-card:first-child{margin-top: 0;}
.order-card-main{display: flex; justify-content: space-between; align-items: center;}
.order-card-main > image{flex-shrink: 0; width: 120rpx; height: 120rpx; border-radius: 20rpx;}
.order-card-content{display: flex; flex-direction:column; flex-shrink: 1; width: 100%; margin-left: 20rpx;}
.listTitle{color:#595757;font-size:28rpx; overflow: hidden;text-overflow:ellipsis;display:-webkit-box;height:84rpx;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.order-card-footer{border-top: 2rpx dashed #efefef; margin-top: 20rpx; padding-top: 20rpx; text-align: right;}
.order-card-footer > text, .order-card-footer > button{margin-left: 20rpx; display: inline-block; vertical-align: middle; font-size:24rpx;}
.content-padding {box-sizing: border-box;padding: 20rpx;border-bottom: 1px solid #ebedf0;text-align: right;}
.picker {display: inline-block;}