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

@mixin winner-item {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: vmin(24);
    padding: 0 vmin(24);
    height: vmin(144);
    border-radius: vmin(16);
    background: #fff;
    .avatar {
      width: vmin(64);
      height: vmin(64);
      border: 1px solid #ffddba;
      border-radius: 50%;
    }
    .winner-info {
      box-sizing: border-box;
      margin-left: vmin(24);
      .nickname {
        font-weight: 600;
        font-size: vmin(28);
      }
      .prize-name {
        color: #666;
        font-size: vmin(24);
      }
      .prize-title {
        color: #666;
        font-size: vmin(24);
      }
    }
}

.winner-item {
    @include winner-item;
}

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

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

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

    .winner-item {
        @include winner-item;
    }
}