page {
  background: #F3F3F3;
  color: #333;
}
view,text{
  box-sizing: border-box;
  color:#333;
  font-size: 28rpx;
}
.van-tab--active view.van-ellipsis{
  color:#1677FF;
}
.ticket-list{
  margin:22rpx 24rpx 0;
  width:702rpx;
}
.ticket-item{
  background: #FFFFFF;
border-radius: 18rpx;
min-height:200rpx;
margin-bottom:24rpx;
padding:30rpx 24rpx 28rpx;
}
.ticket-top{
  margin-bottom:18rpx;
  height: 48rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-left,.top-right{
  height: 48rpx;
  display: flex;
  align-items: center;
  line-height: 48rpx;
}
.top-left image{
  width:34rpx;
  height: 34rpx;
  margin-right:10rpx;
}
.top-left view{
  font-size: 32rpx;
}
.top-right view{
  color: #09AFFF;
  font-size: 22rpx;
}
.top-right image{
  width:24rpx;
  height: 24rpx;
  margin-right:10rpx;
}
.ticket-content view{
  line-height: 48rpx;
}
.prorgress{
  height: 48rpx;
  display: flex;
  align-items: center;
}
.progress-dot{
  width: 10rpx;
height: 10rpx;
background: #09AFFF;
border-radius: 10rpx;
margin-right:8rpx;
}
.progress-tip{
  font-size: 16rpx;
  color:#999;
  line-height: 24rpx;
  padding-left:18rpx;
}
.ticket-bottom{
  height: 40rpx;
  display: flex;
  align-items: center;
  justify-content: flex-end;

}
.ticket-bottom view{
  color: #0EAEFC;
  line-height: 40rpx;
}
.ticket-bottom image{
  width:24rpx;
  height: 24rpx;
  margin-right:8rpx;
}
.no-order{
  text-align: center;
  line-height: 80rpx;
  font-size: 24rpx;
  color:#999
}