/* 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;
}
.name_msg{
  font-size: 30rpx;
  color: #000000;
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  line-height: 66rpx;
  opacity: 1;
  float: left;
  margin-left: 30rpx;
}
.time_msg{
  position: absolute;
  right: 30rpx;
  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;
  flex-direction:column;
  align-items : center
}
.title{
  height: 64rpx;
  margin-top: 40rpx;
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 64rpx;
  color: #27C2A7;
  line-height: 64rpx;
  font-style: normal;
  text-transform: none;
}
.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_btn0{
  position: absolute;
  bottom: 20rpx;
  left: 30rpx;
  width: 400rpx;
  height: 80rpx;
  background: #27C2A7;
  border-radius: 16rpx 16rpx 16rpx 16rpx;
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 77rpx;
  color: #FFFFFF;
  text-align: center;
}
.detail_btn{
  position: absolute;
  bottom: 20rpx;
  right: 30rpx;
  width: 206rpx;
  height: 80rpx;
  background: #D4F5EF;
  border-radius: 16rpx 16rpx 16rpx 16rpx;
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 77rpx;
  color: #27C2A7;
  text-align: center;
}

.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{
width: 690rpx;
height: 416rpx;
background: #FFFFFF;
border-radius: 16rpx 16rpx 16rpx 16rpx;
border: 2rpx solid #D7D7D7;
margin-top: 20rpx;
margin-left: 30rpx;
position:relative;
  }

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