.tabs_box { 
 | 
  display: flex; 
 | 
  color: #999; 
 | 
  padding: 20rpx 0; 
 | 
  line-height: 60rpx; 
 | 
  width: 95%;margin: auto 
 | 
} 
 | 
  
 | 
.tabs_box>view { 
 | 
  text-align: center; 
 | 
  font-size: 26rpx; 
 | 
  width: 20%; 
 | 
} 
 | 
.selected { 
 | 
  color: #00c085; 
 | 
  font-size: 30rpx; 
 | 
  border-bottom: 6rpx solid #00c085; 
 | 
} 
 | 
  
 | 
.order-list { 
 | 
  background: #fff; 
 | 
  margin: 0 19rpx; 
 | 
  padding: 30rpx 32rpx; 
 | 
  margin-bottom: 10rpx; 
 | 
} 
 | 
  
 | 
.order-middle { 
 | 
  padding: 19rpx 0; 
 | 
} 
 | 
  
 | 
.explain { 
 | 
  color: #ff5806; 
 | 
  font-size: 26rpx; 
 | 
  width: 30%; 
 | 
  text-align: right; 
 | 
} 
 | 
  
 | 
.order-image { 
 | 
  width: 167rpx; 
 | 
  height: 159rpx; 
 | 
  margin-right: 21rpx; 
 | 
} 
 | 
  
 | 
.order-list>view { 
 | 
  display: flex; 
 | 
} 
 | 
  
 | 
.order-top .grey { 
 | 
  width: 70%; 
 | 
} 
 | 
  
 | 
.order-bottom>text { 
 | 
  width: 120rpx; 
 | 
  height: 44rpx; 
 | 
  line-height: 44rpx; 
 | 
  display: block; 
 | 
  font-size: 22rpx; 
 | 
  text-align: center; 
 | 
  border-radius: 10rpx; 
 | 
} 
 | 
  
 | 
.pay { 
 | 
  margin-left: 18rpx; 
 | 
  background: #ff5806; 
 | 
  color: #fff; 
 | 
} 
 | 
  
 | 
.cancel-order { 
 | 
  color: #999; 
 | 
  border: 1rpx solid #b3b3b3; 
 | 
  width: 116rpx; 
 | 
  height: 40rpx 
 | 
} 
 | 
  
 | 
.order-number { 
 | 
  justify-content: flex-end; 
 | 
} 
 | 
  
 | 
.order-bottom { 
 | 
  justify-content: flex-end; 
 | 
} 
 | 
  
 | 
.order-list .price { 
 | 
  color: #ff4606; 
 | 
} 
 | 
  
 | 
.norms { 
 | 
  margin: 2rpx 0 2rpx 0; 
 | 
} 
 | 
  
 | 
.order-info { 
 | 
  width: 70%; 
 | 
} 
 | 
  
 | 
.name { 
 | 
  overflow: hidden; 
 | 
  text-overflow: ellipsis; 
 | 
  white-space: nowrap; 
 | 
  width: 67%; 
 | 
} 
 | 
  
 | 
.order-number { 
 | 
  font-size: 26rpx; 
 | 
  margin-bottom: 30rpx; 
 | 
} 
 | 
  
 | 
.total-text { 
 | 
  margin-left: 20rpx; 
 | 
  color: #999; 
 | 
} 
 | 
  
 | 
.order-number .price { 
 | 
  color: #666; 
 | 
} 
 | 
  
 | 
.evaluate, .receiving-goods { 
 | 
  border: 1rpx solid#FF5806; 
 | 
  margin-left: 18rpx; 
 | 
  color: #ff5806; 
 | 
} 
 | 
  
 | 
.logistics { 
 | 
  margin-left: 18rpx; 
 | 
} 
 | 
.no-order{text-align: center;font-size: 30rpx} 
 | 
.no-order image{width: 281rpx;height: 258rpx;margin: 200rpx 0 109rpx 0} 
 | 
.no-text{display: block} 
 | 
.no-text{color: #333333;margin-bottom: 30rpx} 
 | 
.wait-active{color: #999999} 
 | 
.noData{font-size: 26rpx;color: #666;text-align:  
 | 
center;padding:30rpx 0} 
 |