page{
  background-color: #F4F4F4;
}
.container{
  width: 100vw;
}
.order_list{
  display: flex;
  width: 92vw;
  margin: 0 auto;
  flex-direction: column;
  padding-bottom: 50rpx;
}
.order_item{
     
  display: flex;
  width: 100%;
  margin-top: 30rpx;

}
.order_item_content{
  flex: 5;
  background-color: #fff;
  border-radius: 20rpx;
  display: flex;
  flex-direction: column;

}
.order_item_content_top{
  flex: 1;
  border-bottom: 1px solid #E5E5E5;
  display: flex;
  align-items: center;
  font-size: 32rpx;
  justify-content:space-between;
  padding:20rpx;
}
.order_status{
  padding: 10rpx 20rpx;
  font-size: 24rpx;
  border-radius: 10rpx;
}
.order_status_ing{
  /* background-color: #FFF2E8; */
  color: #FF9C00;
}
.order_status_cancle{
  /* background-color: #C5C5C5; */
  color: #FF5D2E;
}
.order_status.entrying{
  /* background: #FFF2E8; */
  color: #FA541C;
}
.order_status.entrysuccess{
  /* background: #E2FFFE; */
  color: #3CC7C0;
}
.order_status.entryfail{
    color: #FF5D2E;
}
.order_item_content_data{
  flex: 5;
  display: flex;
  padding: 20rpx;
  flex-direction: column;
}
.order_id{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 30rpx;
  margin-top: 10rpx;
  flex: 1;
  color: rgba(0,0,0,0.45);
  display: flex;
  line-height: 48rpx;
  align-items: center;
  font-size: 30rpx;
}
.tabbox{
    display: flex;
    height: 100rpx;
    background-color: #fff;
    border-bottom: 1rpx solid #E5E5E5;
}
.tabbox .tab:first-child::after{
    right:0;
    top:26rpx;
    width:rpx;
    content:'|';
    position:absolute;
    color:#E5E5E5;
   
   font-size: 32rpx;
}
.tabbox .tab{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  flex:1;
}
.tabbox .tab.active{
    color: #3CC7C0;
}