.nav-bar{
  background-color: #fff;
}


.order-list{}
.order-list .item{
  background-color: #fff;
  border-radius: 18rpx;
  margin:24rpx 0;
  padding:30rpx;
}
.order-list .head{
  display: flex;
  align-items: center;
}
.order-list .head .center{
  margin-left:24rpx;
  flex:1;
  font-size:34rpx;
  font-weight: 500;
}
.order-list .head .status{
  font-size: 32rpx;
}
.order-list .head .status.waiting{
  color: #1A4DEB;
}
.order-list .head .status.receiving{
  color:#FF8400;
}
.order-list .head .icon-con{
  padding: 10rpx;
  background-color: #1A4DEB;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.order-list .head .icon-con .icon{
  width:36rpx;height:36rpx;
  display: inline-block;
}
.order-list .head{
  display: flex;
}
.order-list .content{
  margin-top:24rpx;
  margin-left:80rpx;
}
.order-list .content .address{
  margin-top:30rpx;
  font-size: 34rpx;
  font-weight: 500;
}
.order-list .content .time{
  font-size: 26rpx;
  color:#888888;
  margin-top:24rpx;
  padding-bottom:48rpx;
}
.order-list .content .pay{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top:12rpx;
  font-size: 26rpx;
  color: #888888;
}
.order-list .content .pay .money{
  margin-left:12rpx;
}
.order-list .content .pay .left{
  border-bottom: 0.5px solid rgba(136, 136, 136, 0.2);
  padding:20rpx 0;
}
.order-list .content .pay .button{
  margin:0;
  border-radius: 18rpx;
  font-size:28rpx;
  line-height: 1;
  padding:20rpx 24rpx;
}

.list-empty{
  text-align: center;
  margin-top:380rpx;
}
.list-empty .icon{
  width:160rpx;height:160rpx;
}
.list-empty .text{
  font-size:30rpx;
  color:#7C8695
}

.group-list .item{
  background-color: #fff;
  border-radius: 18rpx;
  padding: 30rpx 40rpx;
  margin:24rpx 0;
}
.group-list .item.status-waiting .status{
  color: #1A4DEB;
}
.group-list .head{
  display: flex;
}
.group-list .head .name{
  font-size: 32rpx;
  font-weight: 600;
  flex:1;
  display: flex;
  align-items: center;
}
.group-list .head .name .icon{
  width:28rpx;height:28rpx;
  margin-left:4rpx;
}

.group-list .content{
  display: flex;
  margin-top:30rpx;
}
.group-list .content .image{
  width:160rpx;height:160rpx;
}
.group-list .content .center{
  flex:1;
  margin-left:40rpx;
}
.group-list .content .tags{
  margin-top:22rpx;
}
.group-list .btns{
  text-align: right;
}
.group-list .btns .button{
  font-size: 27rpx;
  font-weight: normal;
  line-height: 1;
  padding:16rpx 26rpx;
  border-radius: 12rpx;
}
.group-list .btns .button2{
  color: #1A4DEB;
  margin-left: 20rpx;
}