page{background:#f6f6f6}.tabs{background:#ffffff}.box{background:#ffffff;margin:30rpx;padding:30rpx;border-radius:30rpx}.box .order-times{width:100%;background:#FFFFFF;border:1rpx solid #FFE300;border-radius:30rpx;margin:20rpx 0;display:flex;justify-content:space-between;padding:10rpx 30rpx}.box .order-times .order-date{display:flex}.box .order-times .order-date .date{margin-right:20rpx}.box .order-times .price{color:red}.box .order-number{display:flex;justify-content:space-between}.box .order-number .number{font-size:30rpx}.box .order-number .state{font-size:30rpx}.box .order-txt{display:flex;margin:20rpx 0rpx 0 0}.box .order-txt .order-image{width:240rpx;height:180rpx;margin-right:20rpx}.box .order-txt .order-name{margin-top:5rpx}.box .order-txt .order-name .name{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.box .order-txt .order-name .order-price{color:red;margin-top:20rpx}.box .order-txt .order-name .order-time{margin-top:20rpx}.box .order-order{display:flex;justify-content:flex-end;margin-top:20rpx}.box .order-order .bu{border:1rpx solid #BBBBBB !important;border-radius:24rpx !important;font-size:30rpx !important;padding:0rpx 20rpx !important;margin-right:20rpx !important;background:#ffffff !important}.box .order-order .service{border:1rpx solid #BBBBBB;border-radius:24rpx;font-size:30rpx;padding:20rpx 20rpx;margin-right:20rpx}.box .order-order .pay{border-radius:24rpx;font-size:30rpx;padding:20rpx 0;width:180rpx;text-align:center;background:#46a9a4}