$deviceWidth: 750;

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

@mixin share-reward-card {
    display: flex;
    justify-content: center;
    align-items: center;
    // margin-bottom: vmin(20);

    .share-reward-icon {
        width: vmin(146);
        height: vmin(80);
        object-fit: contain;
    }

    .close-icon {
        width: vmin(32);
        height: vmin(32);
        margin-top: vmin(10);
        margin-left: vmin(20);
    }
}

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