.nav-bar{
  background-color: #fff;
}
.order-list{
  position:absolute;
  top:0;height:100vh;
  width:100%;
}
.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;
  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-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:40rpx 30rpx 20rpx 40rpx;
  margin:24rpx 0;
}
.group-list .item .status{
  color:var(--main-color);
}
.group-list .item .status.VERIFIED,.group-list .item .status.REFUNDED{
  color:var(--main-font-color);
}
.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 .item .spliter{
  margin:32rpx 0;
}

.group-list .content{
  display: flex;
}
.group-list .content .image{
  width:160rpx;height:160rpx;
}
.group-list .content .center{
  flex:1;
}
.group-list .content .tags{
  margin-top:22rpx;
}
.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)
}