/* ===== 搜索栏 ===== */
.z_sea {
  width: 100%;
  box-sizing: border-box;
  padding: 2.133vw 4.267vw; /* 16rpx 32rpx */
}
.z_sea > div {
  width: 100%;
  height: 10.667vw; /* 80rpx */
  background: #F3F3F3;
  border-radius: 13.867vw; /* 104rpx */
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 4.267vw; /* 32rpx */
}
.z_sea > div img {
  width: 3.733vw; /* 28rpx */
  height: 3.733vw; /* 28rpx */
  margin-right: 1.6vw; /* 12rpx */
  flex-shrink: 0;
}
.z_sea > div input {
  flex: 1;
  width: 0;
  height: 100%;
  font-size: 4.267vw; /* 32rpx */
  border: none;
  outline: none;
  background: transparent;
}
.z_sea > div input::placeholder {
  color: rgba(0, 0, 0, 0.3);
}

/* ===== 导航 Tab ===== */
.z_nav1 {
  width: 100%;
  background: #fff;
  height: 10.667vw; /* 80rpx */
  box-sizing: border-box;
  padding: 0 8.8vw; /* 66rpx */
  display: flex;
  justify-content: space-between;
}
.z_nav1 .a {
  width: 27.733vw; /* 208rpx */
  height: 100%;
  box-sizing: border-box;
  border-bottom: 0.533vw solid transparent; /* 4rpx */
  font-size: 3.733vw; /* 28rpx */
  color: #B6B6B9;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
}
.z_nav1 .a.active {
  font-size: 4.267vw; /* 32rpx */
  color: #9775FA;
  border-color: #9775FA;
}

/* ===== 订单列表 ===== */
.z_pp {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 4.267vw; /* 32rpx */
  box-sizing: border-box;
  padding-top: 5vw;
}
.z_pp .li {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 4.267vw; /* 32rpx */
  background: #fff;
  box-sizing: border-box;
  padding: 4.267vw; /* 32rpx */
  border-radius: 2.667vw; /* 20rpx */
  cursor: pointer;
}
.z_pp .li .tit {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.2vw; /* 24rpx */
}
.z_pp .li .tit .p {
  font-size: 3.733vw; /* 28rpx */
  color: #333333;
}
.z_pp .li .tit .span {
  font-size: 3.733vw; /* 28rpx */
  color: #9775FA;
}
.z_pp .li .tit .span.closed {
  color: #FB553C;
}
.z_pp .li .desc {
  display: flex;
  align-items: flex-start;
}
.z_pp .li .desc img {
  width: 21.867vw; /* 164rpx */
  height: 21.333vw; /* 160rpx */
  border-radius: 1.067vw; /* 8rpx */
  margin-right: 2.133vw; /* 16rpx */
  object-fit: cover;
  flex-shrink: 0;
}
.z_pp .li .desc .txt {
  flex: 1;
  min-width: 0;
}
.z_pp .li .desc .txt > div:first-child {
  font-size: 3.733vw; /* 28rpx */
  color: #333333;
  margin-bottom: 2.133vw; /* 16rpx */
}
.z_pp .li .desc .txt > div:last-child {
  font-size: 3.733vw; /* 28rpx */
  color: #999;
}

/* ===== 空状态 ===== */
.z_pp .empty {
  text-align: center;
  padding: 20vw 0;
  font-size: 4vw;
  color: #ccc;
}