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

@mixin prize-card{
    display: flex;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    padding: vmin(24) 0;
    width: vmin(424);
    height: vmin(424);
    border: vmin(6) solid #fc9;
    border-radius: vmin(24);
    background: #fff;
    box-shadow: 0 vmin(16) vmin(32) 0 #E91B16;
    .prize-pic {
        margin-bottom: vmin(16);
        width: vmin(352);
        height: vmin(264);
        border-radius: vmin(8);
    }

    .prize-custom-title {
        display: flex;
        align-items: center;
        margin-bottom: vmin(8);
        max-width: vmin(380);
        font-weight: 500;
        font-size: vmin(28);

        .custom-title {
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: vmin(280);
        }
    }

    .prize-title {
        overflow: hidden;
        max-width: vmin(380);
        color: #666;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: vmin(28);
    }
}

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

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

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