.vertical-screen.win-lottery {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  height: 100%;
  padding-top: 14.4vmin;
}

.vertical-screen.win-lottery .win-lottery-top {
  display: flex;
  overflow: hidden;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
}

.vertical-screen.win-lottery .title {
  width: 70.66667vmin;
  height: 17.06667vmin;
  margin-bottom: 4.26667vmin;
}

.vertical-screen.win-lottery .check-winners {
  color: #fff;
  font-weight: 500;
  font-size: 3.73333vmin;
  display: inline-flex;
  align-items: center;
}

.vertical-screen.win-lottery .check-winners .inner {
  display: inline-flex;
  align-items: center;
}

.vertical-screen.win-lottery .check-winners .inner .right-arrow-icon {
  width: 4.8vmin;
  height: 4.8vmin;
}

.vertical-screen.win-lottery .prize-card-box {
  display: flex;
  align-items: center;
  height: 56.53333vmin;
}

@media only screen and (min-width: 376px) and (max-width: 414px) and (max-height: 736px) {
  .vertical-screen.win-lottery .prize-card-box {
    zoom: 0.75;
  }
}

@media only screen and (min-width: 321px) and (max-width: 375px) and (max-height: 667px) {
  .vertical-screen.win-lottery .prize-card-box {
    zoom: 0.7;
  }
}

@media only screen and (max-width: 320px) and (max-height: 568px) {
  .vertical-screen.win-lottery .prize-card-box {
    zoom: 0.65;
  }
}

.vertical-screen.win-lottery .join {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 2.66667vmin;
}

.vertical-screen.win-lottery .join .prompt {
  margin-bottom: 2.66667vmin;
  height: 4.26667vmin;
  color: #fff;
  font-size: 24rpx;
}

.vertical-screen.win-lottery .join .join-btn {
  box-sizing: border-box;
  width: 64vmin;
  height: 10.66667vmin;
  border: none;
  background: #ffeb66;
  box-shadow: 0 6px 8px 0 rgba(233, 27, 22, 0.3);
  color: #ff3c38;
  font-weight: 500;
  font-size: 4.26667vmin;
}

@media screen and (min-width: 768px) and (orientation: portrait) {
  .vertical-screen.win-lottery {
    position: relative;
    display: flex;
    overflow: hidden;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    height: 100%;
    padding-top: 7.03125vmin;
  }
  .vertical-screen.win-lottery .win-lottery-top {
    display: flex;
    overflow: hidden;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
  }
  .vertical-screen.win-lottery .title {
    width: 34.50521vmin;
    height: 8.33333vmin;
    margin-bottom: 2.08333vmin;
  }
  .vertical-screen.win-lottery .check-winners {
    color: #fff;
    font-weight: 500;
    font-size: 1.82292vmin;
    display: inline-flex;
    align-items: center;
  }
  .vertical-screen.win-lottery .check-winners .inner {
    display: inline-flex;
    align-items: center;
  }
  .vertical-screen.win-lottery .check-winners .inner .right-arrow-icon {
    width: 2.34375vmin;
    height: 2.34375vmin;
  }
  .vertical-screen.win-lottery .prize-card-box {
    display: flex;
    align-items: center;
    height: 27.60417vmin;
  }
}

@media only screen and (min-width: 768px) and (orientation: portrait) and (min-width: 376px) and (max-width: 414px) and (max-height: 736px) {
  .vertical-screen.win-lottery .prize-card-box {
    zoom: 0.75;
  }
}

@media only screen and (min-width: 768px) and (orientation: portrait) and (min-width: 321px) and (max-width: 375px) and (max-height: 667px) {
  .vertical-screen.win-lottery .prize-card-box {
    zoom: 0.7;
  }
}

@media only screen and (min-width: 768px) and (orientation: portrait) and (max-width: 320px) and (max-height: 568px) {
  .vertical-screen.win-lottery .prize-card-box {
    zoom: 0.65;
  }
}

@media screen and (min-width: 768px) and (orientation: portrait) {
  .vertical-screen.win-lottery .join {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 1.30208vmin;
  }
  .vertical-screen.win-lottery .join .prompt {
    margin-bottom: 1.30208vmin;
    height: 2.08333vmin;
    color: #fff;
    font-size: 24rpx;
  }
  .vertical-screen.win-lottery .join .join-btn {
    box-sizing: border-box;
    width: 31.25vmin;
    height: 5.20833vmin;
    border: none;
    background: #ffeb66;
    box-shadow: 0 6px 8px 0 rgba(233, 27, 22, 0.3);
    color: #ff3c38;
    font-weight: 500;
    font-size: 2.08333vmin;
  }
}

@media screen and (min-height: 630px) and (orientation: landscape) {
  .vertical-screen.win-lottery {
    position: relative;
    display: flex;
    overflow: hidden;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    height: 100%;
    padding-top: 8.57143vmin;
  }
  .vertical-screen.win-lottery .win-lottery-top {
    display: flex;
    overflow: hidden;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
  }
  .vertical-screen.win-lottery .title {
    width: 42.06349vmin;
    height: 10.15873vmin;
    margin-bottom: 2.53968vmin;
  }
  .vertical-screen.win-lottery .check-winners {
    color: #fff;
    font-weight: 500;
    font-size: 2.22222vmin;
    display: inline-flex;
    align-items: center;
  }
  .vertical-screen.win-lottery .check-winners .inner {
    display: inline-flex;
    align-items: center;
  }
  .vertical-screen.win-lottery .check-winners .inner .right-arrow-icon {
    width: 2.85714vmin;
    height: 2.85714vmin;
  }
  .vertical-screen.win-lottery .prize-card-box {
    display: flex;
    align-items: center;
    height: 33.65079vmin;
  }
}

@media only screen and (min-height: 630px) and (orientation: landscape) and (min-width: 376px) and (max-width: 414px) and (max-height: 736px) {
  .vertical-screen.win-lottery .prize-card-box {
    zoom: 0.75;
  }
}

@media only screen and (min-height: 630px) and (orientation: landscape) and (min-width: 321px) and (max-width: 375px) and (max-height: 667px) {
  .vertical-screen.win-lottery .prize-card-box {
    zoom: 0.7;
  }
}

@media only screen and (min-height: 630px) and (orientation: landscape) and (max-width: 320px) and (max-height: 568px) {
  .vertical-screen.win-lottery .prize-card-box {
    zoom: 0.65;
  }
}

@media screen and (min-height: 630px) and (orientation: landscape) {
  .vertical-screen.win-lottery .join {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 1.5873vmin;
  }
  .vertical-screen.win-lottery .join .prompt {
    margin-bottom: 1.5873vmin;
    height: 2.53968vmin;
    color: #fff;
    font-size: 24rpx;
  }
  .vertical-screen.win-lottery .join .join-btn {
    box-sizing: border-box;
    width: 38.09524vmin;
    height: 6.34921vmin;
    border: none;
    background: #ffeb66;
    box-shadow: 0 6px 8px 0 rgba(233, 27, 22, 0.3);
    color: #ff3c38;
    font-weight: 500;
    font-size: 2.53968vmin;
  }
}

@media screen and (min-height: 768px) and (orientation: landscape) {
  .vertical-screen.win-lottery {
    position: relative;
    display: flex;
    overflow: hidden;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    height: 100%;
    padding-top: 7.03125vmin;
  }
  .vertical-screen.win-lottery .win-lottery-top {
    display: flex;
    overflow: hidden;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
  }
  .vertical-screen.win-lottery .title {
    width: 34.50521vmin;
    height: 8.33333vmin;
    margin-bottom: 2.08333vmin;
  }
  .vertical-screen.win-lottery .check-winners {
    color: #fff;
    font-weight: 500;
    font-size: 1.82292vmin;
    display: inline-flex;
    align-items: center;
  }
  .vertical-screen.win-lottery .check-winners .inner {
    display: inline-flex;
    align-items: center;
  }
  .vertical-screen.win-lottery .check-winners .inner .right-arrow-icon {
    width: 2.34375vmin;
    height: 2.34375vmin;
  }
  .vertical-screen.win-lottery .prize-card-box {
    display: flex;
    align-items: center;
    height: 27.60417vmin;
  }
}

@media only screen and (min-height: 768px) and (orientation: landscape) and (min-width: 376px) and (max-width: 414px) and (max-height: 736px) {
  .vertical-screen.win-lottery .prize-card-box {
    zoom: 0.75;
  }
}

@media only screen and (min-height: 768px) and (orientation: landscape) and (min-width: 321px) and (max-width: 375px) and (max-height: 667px) {
  .vertical-screen.win-lottery .prize-card-box {
    zoom: 0.7;
  }
}

@media only screen and (min-height: 768px) and (orientation: landscape) and (max-width: 320px) and (max-height: 568px) {
  .vertical-screen.win-lottery .prize-card-box {
    zoom: 0.65;
  }
}

@media screen and (min-height: 768px) and (orientation: landscape) {
  .vertical-screen.win-lottery .join {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 1.30208vmin;
  }
  .vertical-screen.win-lottery .join .prompt {
    margin-bottom: 1.30208vmin;
    height: 2.08333vmin;
    color: #fff;
    font-size: 24rpx;
  }
  .vertical-screen.win-lottery .join .join-btn {
    box-sizing: border-box;
    width: 31.25vmin;
    height: 5.20833vmin;
    border: none;
    background: #ffeb66;
    box-shadow: 0 6px 8px 0 rgba(233, 27, 22, 0.3);
    color: #ff3c38;
    font-weight: 500;
    font-size: 2.08333vmin;
  }
}