.nav-bar{
  background-color: #fff;
}
.order-list{
  height:100vh;
}
.order-list .item{
  background-color: #fff;
  border-radius: 18rpx;
  margin:24rpx 0;
  padding:30rpx 30rpx 50rpx 30rpx;
}
.order-list .head{
  display: flex;
  align-items: center;
}
.order-list .head .center{
  margin-left:24rpx;
  flex:1;
  font-size:32rpx;
  font-weight: 500;
}
.order-list .head .status{
  font-size: 32rpx;
  color:#FF8400;
}
.order-list .head .status.CANCELLED,.order-list .head .status.COMPLETED{
  color:var(--main-font-color);
}
.order-list .head .icon-con{
  padding: 10rpx;
  background-color: var(--main-color);
  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-left:80rpx;
}
.order-list .content .kv{
  display: flex;
  flex-direction: column;
  gap: 24rpx;
  color: #555;
}
.order-list .content .spliter{
  margin:24rpx 0 30rpx 0;
}
.order-list .content .pay{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top:60rpx;
  color: #888888;
}
.order-list .content .pay .money{
  margin-left:12rpx;
  font-size: 40rpx;
}
.order-list .content .pay .left{}
.order-list .content .pay .button{
  margin:0;
  border-radius: 18rpx;
  font-size:28rpx;
  line-height: 1;
  padding:20rpx 24rpx;
}

.list-empty{
  text-align: center;
  padding-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 30rpx 40rpx 30rpx;
  margin:24rpx 0;
}
.group-list .item .status{
  color:var(--main-color);
  font-size: 32rpx;
}
.group-list .item .status.VERIFIED,.group-list .item .status.REFUNDED{
  color:var(--main-font-color);
}
.group-list .head{
  display: flex;
  align-items: center;
}
.group-list .head .avatar{
  width:56rpx;height:56rpx;
  border-radius: 50%;
}
.group-list .head .name{
  font-size: 34rpx;
  font-weight: 500;
  flex:1;
  display: flex;
  align-items: center;
  color: #222;
  margin-left: 24rpx;
}
.group-list .head .name .icon{
  width:28rpx;height:28rpx;
  margin-left:4rpx;
}
.group-list .item .spliter{
  margin:22rpx 0 30rpx 80rpx;
}

.group-list .content{
  padding-left:80rpx;
}
.group-list .content .product{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.group-list .content .product .name{
  font-size: 34rpx;
  font-weight: 500;
}
.group-list .content .product .money{
  font-size: 40rpx;
}
.group-list .content .deliver-time{
  display: flex;
  align-items: center;
  margin-top:30rpx;
  color: #FF8C12;
  font-weight: 500;
}
.group-list .content .deliver-time .tag{
  color:#FF8C12;
  border-color: #FF8C12;
  font-size: 26rpx;
  padding:4rpx 6rpx;
}
.group-list .content .deliver-time .time{
  margin-left:24rpx;
}
.group-list .content .create-time{
  font-size: 26rpx;
  color: #888;
  margin-top:38rpx;
}
.group-list .btns{
  display: flex;
  align-items: center;
  margin-top:50rpx;
}
.group-list .btns .time{
  flex:1;
  font-size: 26rpx;
  color: #888888;
}
.group-list .btns .button{
  font-size: 27rpx;
  font-weight: normal;
  line-height: 1;
  padding:16rpx 26rpx;
  border-radius: 12rpx;
}
.group-list .btns .button1{
  color: #555555;
  border-color: rgba(153, 153, 153, 0.5);
}
.group-list .btns .button2{
  margin-left: 20rpx;
}

.bill-list .item{
  text-align: center;
  background-color: #fff;
  margin:20rpx;
  border-radius: 20rpx;
  padding:90rpx 24rpx 24rpx;
}
.bill-list .item .image{
  width:132rpx;height:132rpx;
  border-radius: 12rpx;
}
.bill-list .item .name{
  font-size: 34rpx;
  margin-top:30rpx;
}
.bill-list .item .amount{
  font-size: 56rpx;
  font-weight: 500;
  margin:30rpx 0 58rpx 0;
}
.bill-list .item .kv{
  padding:12rpx 0;
  display: flex;
  align-items: center;
  font-size: 28rpx;
}
.bill-list .item .key{
  flex:1;
  text-align: left;
  color: #888888;
}
.bill-list .item .kv-amount{
  font-size: 36rpx;
}
.bill-list .item .kv-point{
  font-size: 36rpx;
  font-weight: 500;
  color:var(--main-color)
}