$deviceWidth: 750;

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

@mixin teacher-share-reward-popup {
    height: calc((100vh - 36px) - 211px);
    overflow: hidden !important;
    background: #f5f5f5 !important;
    border-radius: vmin(24) vmin(24) 0 0;
}

@mixin cancel-activities-dialog {
    border-radius: vmin(16) !important;
    .van-button--default {
        border: 0 !important;
    }
}

.teacher-share-reward-popup {
    @include teacher-share-reward-popup;
}

.cancel-activities-dialog {
    @include cancel-activities-dialog;
}

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