| .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} |