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

@mixin winners {
    position: relative;
    height: 100%;
    overflow: hidden;
    .go-back-icon {
      position: absolute;
      top: vmin(30);
      left: vmin(20);
      width: vmin(36);
      height: vmin(36);
    }
    .title-box {
      display: flex;
      justify-content: center;
      padding-top: vmin(10);
      padding-bottom: vmin(20);
      .title {
        width: vmin(232);
        height: vmin(91);
      }
    }
    .winner-number {
      display: flex;
      padding-bottom: vmin(24);
      padding-left: vmin(33);
      .emoji-icon {
        width: vmin(44);
        height: vmin(40);
      }
      .message-box {
        position: relative;
        &.message {
          background: url(https://commonresource-1252524126.cdn.xiaoeknow.com/image/l32evnlg0nfj.png);
          background-size: 100% 100%;
          background-repeat: no-repeat;
          padding-left: vmin(10);
          padding-right: vmin(90);
          background-position-x: -vmin(22);
          color: #fff;
          font-weight: 500;
          font-size: vmin(28);
        }
        .text-bg {
          position: absolute;
          width: vmin(304);
          height: vmin(48);
        }
      }
    }
    .winner-list {
      padding: 0 vmin(32);
      padding-bottom: vmin(30);
    }
    .loading-text{
      color: #969799;
      text-align: center;
      font-size: vmin(28);
    }
}

.winners {
    @include winners;
}

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

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

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

    .winners {
        @include winners;
    }
}