.vertical-screen {
    &.lottery-info {
        position: relative;
        display: flex;
        overflow: hidden;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
        box-sizing: border-box;
        height: 100%;
        padding-top: 108rpx;
        .lottery-top{
          display: flex;
          overflow: hidden;
          align-items: center;
          flex-direction: column;
          box-sizing: border-box;
        }
        .title {
          width: 530rpx;
          height: 128rpx;
          margin-bottom: 32rpx;
        }
        .countdown-box {
          display: flex;
          align-items: center;
          color: #fff;
          font-weight: 500;
          font-size: 28rpx;
          .label {
            margin-right: 10rpx;
          }
        }
        .check-winners {
          color: #fff;
          font-weight: 500;
          font-size: 28rpx;
          display: inline-flex;
          align-items: center;
          .inner {
            display: inline-flex;
            align-items: center;
            .right-arrow-icon {
              width: 36rpx;
              height: 36rpx;
            }
          }
        }
        .prize-box {
          box-sizing: border-box;
          width: 100%;
          display: flex;
          flex-direction: column;
          .swiper-box {
            box-sizing: border-box;
            width: 100%;
            height: 472rpx;
            // 缩放以兼容不同机型（主要是iphone5/6/7/8/plus）
            @media only screen and (min-width: 376px) and (max-width : 414px) and (max-height : 736px) {
              zoom: 0.75;
            }
            @media only screen and (min-width: 321px) and (max-width: 375px) and (max-height: 667px) {
              zoom: 0.7;
            }
            @media only screen and (max-width: 320px) and (max-height: 568px) {
              zoom: 0.65;
            }
            .swiper-item-box {
              overflow: unset !important; // 防止box-shadow展示不全
            }
            .prize-card-box {
              box-sizing: border-box;
              display: flex;
              align-items: center;
              justify-content: center;
              transition: transform 200ms;
              transform: scale(0.8);
              &.swell {
                transform: scale(1);
              }
            }
          }
        }
        .join {
          display: flex;
          align-items: center;
          flex-direction: column;
          padding-bottom: 20rpx;
          .prompt {
            padding-bottom: 20rpx;
            height: 36rpx;
            color: #fff;
            font-size: 26rpx;
            opacity: 0.8;
          }
          .join-btn {
            box-sizing: border-box;
            width: 480rpx;
            height: 80rpx;
            border: none;
            background: #ffeb66;
            box-shadow: 0 6px 8px 0 rgb(233 27 22 / 30%);
            color: #ff3c38;
            font-weight: 500;
            font-size: 32rpx;
          }
        }
      }
      
}