$deviceWidth: 750;
@function vmin($rpx) {
  @return #{$rpx * 100 / $deviceWidth}vmin;
}

@mixin vertical-screen {
    &.losing-lottery {
      position: relative;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: space-between;
      box-sizing: border-box;
      height: 100%;
      .title-box {
        display: flex;
        align-items: center;
        flex-direction: column;
        .title {
          width: vmin(348);
          height: vmin(108);
          margin-bottom: vmin(20);
        }
        .thanks {
          color: #ff6b5c;
          font-size: vmin(28);
          font-weight: 500;
        }
      }
      .losing-icon {
        width: vmin(320);
        height: vmin(320);
      }
      .check-winners {
        margin-bottom: vmin(8);
        color: #666;
        font-weight: 500;
        font-size: vmin(28);
        display: inline-flex;
        align-items: center;
        .inner {
          display: inline-flex;
          align-items: center;
          .inner-under-line {
            text-decoration: underline;
            color: #2d8cf0;
          }
          .right-arrow-icon {
            width: vmin(40);
            height: vmin(40);
          }
        }
      }
    }
}

.vertical-screen {
    @include vertical-screen;
}
// 竖屏pad
@media screen and (min-width: 768px) and (orientation: portrait) {
    $deviceWidth: 1536 !global;

    .vertical-screen {
        @include vertical-screen;
    }
}
// PC 放大适配
@media screen and (min-height: 630px) and (orientation: landscape) {
  $deviceWidth: 1260 !global;

  .vertical-screen {
    @include vertical-screen;
  }
}
// 横屏pad
@media screen and (min-height: 768px) and (orientation: landscape) {
    $deviceWidth: 1536 !global;

    .vertical-screen {
        @include vertical-screen;
    }
}