/* packageH/blindBox/blindBoxIndex/blindBoxIndex.wxss */
.page {
  min-height: 100vh;
}

.searchBox {
  background: #fff;
  overflow: hidden;
}

.searchBox .search {
  height: 60.16rpx;
  border-radius: 30.08rpx;
  background-color: #eff0f1;
  margin: 24rpx 30.08rpx;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 22.08rpx;
}

.searchBox .search icon {
  color: #999;
}

.searchBox .search input {
  border: none;
  margin-left: 13.12rpx;
}

.banner {
  width: 100%;
  height: 350.08rpx;

  /* background: #999; */
}

.banner swiper {
  width: 100%;
  height: 100%;
}

.banner image {
  width: 100%;
  height: 100%;
}

.listItems {
  padding: 30.016rpx;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20rpx;
  grid-row-gap: 20rpx;
}

.listItems .listItem {
  width: 100%;
  height: 480rpx;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 0.992rpx 9.888rpx 0.096rpx rgba(218, 218, 218, 0.82);
  border-radius: 20rpx;
  overflow: hidden;
}

.listItems .listItem .image {
  width: 100%;
  height: 335.008rpx;
  background-color: #bebebe;
  border-radius: 20rpx 20rpx 0 0;
}

.listItems .listItem .image image {
  width: 100%;
  height: 100%;
  border-radius: 20rpx 20rpx 0 0;
}

.listItems .listItem .name {
  padding-left: 14.016rpx;
  margin-top: 9.6rpx;
  width: 100%;
  font-size: 26.016rpx;
  font-weight: bold;
  color: #202020;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.listItems .listItem .price {
  padding-left: 14.016rpx;
  margin-top: 16rpx;
  font-size: 26.016rpx;
  font-weight: bold;
  color: #f14e4e;
}

.listItems .listItem .num {
  padding-left: 14.016rpx;
  margin-top: 3.2rpx;
  font-size: 20rpx;
  font-weight: bold;
  display: flex;
  align-items: center;
  color: #999;
}

.listItems .listItem .num .iconfont {
  font-size: 20rpx;
  margin-top: -20rpx;
  margin-right: 10rpx;
}

.order {
  position: fixed;
  right: 35.008rpx;
  bottom: 204rpx;
  width: 96rpx;
  height: 96rpx;
}

.order image {
  width: 100%;
  height: 100%;
}
