.tab-bar{border-bottom: 2rpx solid #ebedf0; display: flex; justify-content: space-between; align-items: center; box-sizing: content-box; position: fixed; top: 0; left: 0; width: 100%; z-index: 99;}
.tab-item{flex: 0; flex-basis: 22%; padding: 0 10rpx; text-align: center; line-height: 88rpx; font-size:28rpx; box-sizing: border-box;}
.tab-item.active .label{border-bottom: 4rpx solid var(--themeColor); color: var(--themeColor);}
.label{display: inline-block; position: relative; border-bottom: 4rpx solid transparent; color: #7d7e80;}
.tab-bar ~ .content{padding-top: 88rpx;}
.info{position: absolute; top: 10rpx; right: -20rpx; line-height: 24rpx;   background: var(--themeColor);
  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: 180rpx; height: 180rpx; 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;border-color: var(--subtitleColor);color: var(--subtitleColor);}

.comment{
  position: relative;
  overflow: visible;
}
.badge--fixed{
  color: #fff;
  background: #ee3a43;
  position: absolute;
  top: -6rpx;
  right: 30rpx;
  transform: translate(50%,-50%);
  transform-origin: 100%;
  font-size: 20rpx;
  line-height: 1.6;
  padding: 0 6rpx;
  border-radius: 20rpx;
}