/* pages/order/order.wxss */
page{
 background: #F5F5F5;
}
.nav_box {
  display: flex;
  justify-content: space-between;
  padding-left: 50rpx;
  padding-right: 50rpx;
  background: #ffffff;
}

.nav_bar {
  width: 104rpx;
  height: 70rpx;
  line-height: 70rpx;
  text-align: center;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #5B5B5B;
 
}

.active {
  color: #5B5B5B;
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: 800;
  border-bottom: 6rpx solid #FF6A6A;
}
.time_msg{
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 66rpx;
color: #5B5B5B;
opacity: 1;
float: left;
}
.status_msg{
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 66rpx;
color: #FF6A6A;
opacity: 1;
float: right;
}
.details_box{
  display: flex;
}
.title{
  width: 430rpx;
font-size: 34rpx;
font-family: PingFang SC;
font-weight: bold;
line-height: 44rpx;
color: #222222;
opacity: 1;
margin-top: 16rpx;
overflow:hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.detail_number{
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 37rpx;
color: #666666;
opacity: 1;
margin-top: 16rpx;
}
.money{
  margin-top: 18rpx;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 37rpx;
color: #B4B4B4;
opacity: 1;

}
.detail_btn{
  position: absolute;
  
  bottom: 12rpx;
  right: 24rpx;
  /* min-width: 140rpx; */
  height: 57rpx;
  /* background: #000; */
  border: 1rpx solid #A5A5A5;
  border-radius: 34rpx;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 57rpx;
color: #4A4A4A;
opacity: 1;
text-align: center;
padding: 0 31rpx;
}

.order-list{
  width: 100%;
}


.status-box{
  height: 88rpx;
  line-height: 88rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding-left: 50rpx;
  padding-right: 50rpx;
  display: flex;
  justify-content: space-between;
}
.status-box .status-label{
  width: 150rpx;
  height: 100%;
  text-align: center;
  font-size:24rpx;
  color:#353535;
  box-sizing: border-box;
  position: relative;
}
.status-box .status-label.active{
 

  color: #5B5B5B;
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: 800;
  border-bottom: 6rpx solid #3D79FF;
}
.status-box .status-label .red-dot{
  width: 16rpx;
  height: 16rpx;
  position: absolute;
  left: 116rpx;
  top:23rpx;
  background-color: #f43530;
  border-radius: 50%;
}

.no-order{
  width: 100%;
  position: absolute;
  bottom: 0;
  top: 88rpx;
  left: 0;
  right: 0;
  text-align: center;
  padding-top: 203rpx;
  background-color: #F2f2f2;
}
.no-order-img{
  width: 81rpx;
  height: 96rpx;
  margin-bottom: 31rpx;
}
.no-order .text{
  font-size:28rpx;
  color:#999999;
  text-align: center
}


.flex-item{
    display:flex;
    height: 364rpx;
    width: 670rpx;
    border-radius: 20rpx;
    margin-top: 26rpx;
  }

  
.Group {
    display: flex;
  }
  
  .Group-image {
    width: 128rpx;
    height: 128rpx;
    margin: 74rpx 40rpx 84rpx 40rpx;
  }