.list-swiper-box {
  overflow: visible !important;
  height: 59.73333vmin;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.list-swiper-box .swiper-box {
  overflow: visible !important;
  width: 100%;
  height: 59.73333vmin;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

.list-swiper-box .swiper-box .swiper-item {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible !important;
}

.list-swiper-box .swiper-box .swiper-item .swiper-item-not-active {
  transition: all 0.2s linear;
  transform: scale(0.9) !important;
}

.list-swiper-box .swiper-box .swiper-item .swiper-slide {
  width: 51.2vmin !important;
  height: 45.86667vmin !important;
  transition: all 0.2s linear;
  padding: 1.06667vmin;
  background: white;
  border-radius: 2.13333vmin;
  box-shadow: 0 1.6vmin 2.13333vmin 0 #ffc293;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.list-swiper-box .swiper-box .swiper-item .swiper-slide .reward-pic-box {
  width: 49.06667vmin;
  height: 36.8vmin;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.06667vmin;
}

.list-swiper-box .swiper-box .swiper-item .swiper-slide .reward-pic-box .reward-pic {
  object-fit: contain;
  opacity: 1;
  width: 100%;
  height: 100%;
}

.list-swiper-box .swiper-box .swiper-item .swiper-slide .title-box {
  max-width: 49.06667vmin;
}

.list-swiper-box .swiper-box .swiper-item .swiper-slide .title-box .reward-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 22px;
  opacity: 1;
  color: #803f3f;
  font-size: 3.73333vmin;
  font-weight: 700;
  font-family: "PingFang SC";
  text-align: center;
  line-height: 22px;
  margin-top: 1.06667vmin;
}

.list-swiper-box .dots-box {
  min-width: 7.46667vmin;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s linear;
  position: absolute;
  bottom: 2.66667vmin;
  left: 50%;
  transform: translateX(-50%);
}

.list-swiper-box .dots-box .dots-item {
  width: 2.13333vmin;
  height: 1.06667vmin;
  border-radius: 0.8vmin;
  opacity: 0.4;
  background: #ff8e39;
  margin: 0 0.4vmin;
  transition: all 0.2s linear;
}

.list-swiper-box .dots-box .dot-active {
  width: 3.2vmin;
  height: 1.06667vmin;
  border-radius: 0.8vmin;
  opacity: 1;
  background: #ff8e39;
  margin: 0 0.53333vmin;
  transition: all 0.2s linear;
}

.invite-list-swiper-box {
  overflow: visible !important;
  height: 41.06667vmin;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.invite-list-swiper-box .swiper-box {
  overflow: visible !important;
  width: 100%;
  height: 38.4vmin;
  margin-bottom: 3.2vmin;
}

.invite-list-swiper-box .swiper-box .swiper-item {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: visible !important;
}

.invite-list-swiper-box .swiper-box .swiper-item .swiper-item-not-active {
  transition: all 0.2s linear;
  transform: scale(0.9) !important;
}

.invite-list-swiper-box .swiper-box .swiper-item .swiper-slide {
  width: 40.4vmin !important;
  height: 35.73333vmin !important;
  transition: all 0.2s linear;
  padding: 1.06667vmin;
  background: white;
  border-radius: 2.13333vmin;
  box-shadow: 0 1.6vmin 2.13333vmin 0 #ffc293;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.invite-list-swiper-box .swiper-box .swiper-item .swiper-slide .reward-pic-box {
  width: 38vmin;
  height: 28vmin;
  border-radius: 1.06667vmin;
  display: flex;
  justify-content: center;
  align-items: center;
}

.invite-list-swiper-box .swiper-box .swiper-item .swiper-slide .reward-pic-box .reward-pic {
  object-fit: contain;
  opacity: 1;
  width: 100%;
  height: 100%;
  border-radius: 1.06667vmin;
}

.invite-list-swiper-box .swiper-box .swiper-item .swiper-slide .title-box {
  max-width: 37.33333vmin;
}

.invite-list-swiper-box .swiper-box .swiper-item .swiper-slide .title-box .reward-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 22px;
  opacity: 1;
  color: #803f3f;
  font-size: 3.73333vmin;
  font-weight: 700;
  font-family: "PingFang SC";
  text-align: center;
  line-height: 22px;
}

.invite-list-swiper-box .dots-box {
  min-width: 7.46667vmin;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.1s linear;
}

.invite-list-swiper-box .dots-box .dots-item {
  width: 2.13333vmin;
  height: 1.06667vmin;
  border-radius: 0.8vmin;
  opacity: 0.4;
  background: #ff8e39;
  margin: 0 0.4vmin;
  transition: all 0.2s linear;
}

.invite-list-swiper-box .dots-box .dot-active {
  width: 3.2vmin;
  height: 1.06667vmin;
  border-radius: 0.8vmin;
  opacity: 1;
  background: #ff8e39;
  margin: 0 0.53333vmin;
  transition: all 0.2s linear;
}

@media screen and (min-width: 768px) and (orientation: portrait) {
  .list-swiper-box {
    overflow: visible !important;
    height: 29.16667vmin;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }
  .list-swiper-box .swiper-box {
    overflow: visible !important;
    width: 100%;
    height: 29.16667vmin;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
  }
  .list-swiper-box .swiper-box .swiper-item {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible !important;
  }
  .list-swiper-box .swiper-box .swiper-item .swiper-item-not-active {
    transition: all 0.2s linear;
    transform: scale(0.9) !important;
  }
  .list-swiper-box .swiper-box .swiper-item .swiper-slide {
    width: 25vmin !important;
    height: 22.39583vmin !important;
    transition: all 0.2s linear;
    padding: 0.52083vmin;
    background: white;
    border-radius: 1.04167vmin;
    box-shadow: 0 0.78125vmin 1.04167vmin 0 #ffc293;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }
  .list-swiper-box .swiper-box .swiper-item .swiper-slide .reward-pic-box {
    width: 23.95833vmin;
    height: 17.96875vmin;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.52083vmin;
  }
  .list-swiper-box .swiper-box .swiper-item .swiper-slide .reward-pic-box .reward-pic {
    object-fit: contain;
    opacity: 1;
    width: 100%;
    height: 100%;
  }
  .list-swiper-box .swiper-box .swiper-item .swiper-slide .title-box {
    max-width: 23.95833vmin;
  }
  .list-swiper-box .swiper-box .swiper-item .swiper-slide .title-box .reward-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 22px;
    opacity: 1;
    color: #803f3f;
    font-size: 1.82292vmin;
    font-weight: 700;
    font-family: "PingFang SC";
    text-align: center;
    line-height: 22px;
    margin-top: 0.52083vmin;
  }
  .list-swiper-box .dots-box {
    min-width: 3.64583vmin;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s linear;
    position: absolute;
    bottom: 1.30208vmin;
    left: 50%;
    transform: translateX(-50%);
  }
  .list-swiper-box .dots-box .dots-item {
    width: 1.04167vmin;
    height: 0.52083vmin;
    border-radius: 0.39062vmin;
    opacity: 0.4;
    background: #ff8e39;
    margin: 0 0.19531vmin;
    transition: all 0.2s linear;
  }
  .list-swiper-box .dots-box .dot-active {
    width: 1.5625vmin;
    height: 0.52083vmin;
    border-radius: 0.39062vmin;
    opacity: 1;
    background: #ff8e39;
    margin: 0 0.26042vmin;
    transition: all 0.2s linear;
  }
  .invite-list-swiper-box {
    overflow: visible !important;
    height: 20.05208vmin;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .invite-list-swiper-box .swiper-box {
    overflow: visible !important;
    width: 100%;
    height: 18.75vmin;
    margin-bottom: 1.5625vmin;
  }
  .invite-list-swiper-box .swiper-box .swiper-item {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow: visible !important;
  }
  .invite-list-swiper-box .swiper-box .swiper-item .swiper-item-not-active {
    transition: all 0.2s linear;
    transform: scale(0.9) !important;
  }
  .invite-list-swiper-box .swiper-box .swiper-item .swiper-slide {
    width: 19.72656vmin !important;
    height: 17.44792vmin !important;
    transition: all 0.2s linear;
    padding: 0.52083vmin;
    background: white;
    border-radius: 1.04167vmin;
    box-shadow: 0 0.78125vmin 1.04167vmin 0 #ffc293;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }
  .invite-list-swiper-box .swiper-box .swiper-item .swiper-slide .reward-pic-box {
    width: 18.55469vmin;
    height: 13.67188vmin;
    border-radius: 0.52083vmin;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .invite-list-swiper-box .swiper-box .swiper-item .swiper-slide .reward-pic-box .reward-pic {
    object-fit: contain;
    opacity: 1;
    width: 100%;
    height: 100%;
    border-radius: 0.52083vmin;
  }
  .invite-list-swiper-box .swiper-box .swiper-item .swiper-slide .title-box {
    max-width: 18.22917vmin;
  }
  .invite-list-swiper-box .swiper-box .swiper-item .swiper-slide .title-box .reward-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 22px;
    opacity: 1;
    color: #803f3f;
    font-size: 1.82292vmin;
    font-weight: 700;
    font-family: "PingFang SC";
    text-align: center;
    line-height: 22px;
  }
  .invite-list-swiper-box .dots-box {
    min-width: 3.64583vmin;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.1s linear;
  }
  .invite-list-swiper-box .dots-box .dots-item {
    width: 1.04167vmin;
    height: 0.52083vmin;
    border-radius: 0.39062vmin;
    opacity: 0.4;
    background: #ff8e39;
    margin: 0 0.19531vmin;
    transition: all 0.2s linear;
  }
  .invite-list-swiper-box .dots-box .dot-active {
    width: 1.5625vmin;
    height: 0.52083vmin;
    border-radius: 0.39062vmin;
    opacity: 1;
    background: #ff8e39;
    margin: 0 0.26042vmin;
    transition: all 0.2s linear;
  }
}

@media screen and (min-height: 768px) and (orientation: landscape) {
  .list-swiper-box {
    overflow: visible !important;
    height: 29.16667vmin;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }
  .list-swiper-box .swiper-box {
    overflow: visible !important;
    width: 100%;
    height: 29.16667vmin;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
  }
  .list-swiper-box .swiper-box .swiper-item {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible !important;
  }
  .list-swiper-box .swiper-box .swiper-item .swiper-item-not-active {
    transition: all 0.2s linear;
    transform: scale(0.9) !important;
  }
  .list-swiper-box .swiper-box .swiper-item .swiper-slide {
    width: 25vmin !important;
    height: 22.39583vmin !important;
    transition: all 0.2s linear;
    padding: 0.52083vmin;
    background: white;
    border-radius: 1.04167vmin;
    box-shadow: 0 0.78125vmin 1.04167vmin 0 #ffc293;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }
  .list-swiper-box .swiper-box .swiper-item .swiper-slide .reward-pic-box {
    width: 23.95833vmin;
    height: 17.96875vmin;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.52083vmin;
  }
  .list-swiper-box .swiper-box .swiper-item .swiper-slide .reward-pic-box .reward-pic {
    object-fit: contain;
    opacity: 1;
    width: 100%;
    height: 100%;
  }
  .list-swiper-box .swiper-box .swiper-item .swiper-slide .title-box {
    max-width: 23.95833vmin;
  }
  .list-swiper-box .swiper-box .swiper-item .swiper-slide .title-box .reward-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 22px;
    opacity: 1;
    color: #803f3f;
    font-size: 1.82292vmin;
    font-weight: 700;
    font-family: "PingFang SC";
    text-align: center;
    line-height: 22px;
    margin-top: 0.52083vmin;
  }
  .list-swiper-box .dots-box {
    min-width: 3.64583vmin;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s linear;
    position: absolute;
    bottom: 1.30208vmin;
    left: 50%;
    transform: translateX(-50%);
  }
  .list-swiper-box .dots-box .dots-item {
    width: 1.04167vmin;
    height: 0.52083vmin;
    border-radius: 0.39062vmin;
    opacity: 0.4;
    background: #ff8e39;
    margin: 0 0.19531vmin;
    transition: all 0.2s linear;
  }
  .list-swiper-box .dots-box .dot-active {
    width: 1.5625vmin;
    height: 0.52083vmin;
    border-radius: 0.39062vmin;
    opacity: 1;
    background: #ff8e39;
    margin: 0 0.26042vmin;
    transition: all 0.2s linear;
  }
  .invite-list-swiper-box {
    overflow: visible !important;
    height: 20.05208vmin;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .invite-list-swiper-box .swiper-box {
    overflow: visible !important;
    width: 100%;
    height: 18.75vmin;
    margin-bottom: 1.5625vmin;
  }
  .invite-list-swiper-box .swiper-box .swiper-item {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow: visible !important;
  }
  .invite-list-swiper-box .swiper-box .swiper-item .swiper-item-not-active {
    transition: all 0.2s linear;
    transform: scale(0.9) !important;
  }
  .invite-list-swiper-box .swiper-box .swiper-item .swiper-slide {
    width: 19.72656vmin !important;
    height: 17.44792vmin !important;
    transition: all 0.2s linear;
    padding: 0.52083vmin;
    background: white;
    border-radius: 1.04167vmin;
    box-shadow: 0 0.78125vmin 1.04167vmin 0 #ffc293;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }
  .invite-list-swiper-box .swiper-box .swiper-item .swiper-slide .reward-pic-box {
    width: 18.55469vmin;
    height: 13.67188vmin;
    border-radius: 0.52083vmin;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .invite-list-swiper-box .swiper-box .swiper-item .swiper-slide .reward-pic-box .reward-pic {
    object-fit: contain;
    opacity: 1;
    width: 100%;
    height: 100%;
    border-radius: 0.52083vmin;
  }
  .invite-list-swiper-box .swiper-box .swiper-item .swiper-slide .title-box {
    max-width: 18.22917vmin;
  }
  .invite-list-swiper-box .swiper-box .swiper-item .swiper-slide .title-box .reward-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 22px;
    opacity: 1;
    color: #803f3f;
    font-size: 1.82292vmin;
    font-weight: 700;
    font-family: "PingFang SC";
    text-align: center;
    line-height: 22px;
  }
  .invite-list-swiper-box .dots-box {
    min-width: 3.64583vmin;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.1s linear;
  }
  .invite-list-swiper-box .dots-box .dots-item {
    width: 1.04167vmin;
    height: 0.52083vmin;
    border-radius: 0.39062vmin;
    opacity: 0.4;
    background: #ff8e39;
    margin: 0 0.19531vmin;
    transition: all 0.2s linear;
  }
  .invite-list-swiper-box .dots-box .dot-active {
    width: 1.5625vmin;
    height: 0.52083vmin;
    border-radius: 0.39062vmin;
    opacity: 1;
    background: #ff8e39;
    margin: 0 0.26042vmin;
    transition: all 0.2s linear;
  }
}