.productBox {
  width: 22.1875rem;
  padding: 0 0.625rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.productBox .item {
  width: 48.5%;
  padding: 0 0 0.625rem;
  background: #fff;
  margin-bottom: 0.625rem;
  border-radius: 0.71875rem;
  overflow: hidden;
}
.productBox .item .banner {
  width: 100%;
  height: 9.5625rem;
  border-radius: 0.71875rem;
  margin-bottom: 0.3125rem;
}
.productBox .item .title {
  font-size: 0.71875rem;
  font-weight: 400;
  color: #212121;
  line-height: 0.75rem;
  margin-bottom: 0.5625rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 0.5rem;
  display: block;
}
.productBox .item .price {
  font-family: Rubik, Rubik;
  font-weight: 400;
  font-size: 1.03125rem;
  color: #333;
  line-height: 1.1875rem;
  margin-bottom: 0.4375rem;
  padding: 0 0.5rem;
}
.productBox .btnBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.5rem;
}
.productBox .btnBox .sold {
  font-size: 0.71875rem;
  font-weight: 400;
  color: #ed8d12;
  line-height: 0.75rem;
}
.productBox .btnBox .cartBtn {
  width: 2.59375rem;
  height: 1.5625rem;
}
.load-txt {
  padding: 0 0 0.625rem;
  text-align: center;
  color: #999;
  font-size: 0.9375rem;
}
.load-icon {
  width: 9.375rem;
  height: 9.375rem;
  margin: 0 auto 0.625rem;
  display: block;
}
.status-change {
  position: fixed;
  right: 0.3125rem;
  top: 60%;
  width: 2.5rem;
  height: 2.5rem;
  z-index: 100;
  font-size: 0.75rem;
  border-radius: 50%;
  background-color: #0089ff;
  color: #fff;
  line-height: 1;
  opacity: 0.33;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
@media screen and (min-width: 1000px) {
  .productBox {
    width: 530px;
  }
  .productBox .item .banner {
    width: 100%;
    height: 14.5625rem;
  }
}