$deviceWidth: 750;

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

@mixin share-reward-rules-popup {
    height: vmin(990);
    border-radius: vmin(24) vmin(24) 0 0;
}

@mixin share-reward-rules-detail {
    padding: 0 vmin(32);
    .title {
        display: flex;
        justify-content: center;
        align-items: center;
        height: vmin(96);
        image {
            width: vmin(32);
            height: vmin(32);
            object-fit: contain;
            position: absolute;
            top: vmin(32);
            left: vmin(32);
        }
        text {
            font-size: vmin(32);
            font-family: "PingFang SC";
            font-weight: 500;
            color: #333333;
        }
    }
    .content {
        margin: vmin(32) 0;
        color: gray;
        font-size: vmin(28);
        line-height: vmin(44);
        font-family: "PingFang SC";
    }
}

.share-reward-rules-detail {
    @include share-reward-rules-detail;
}

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

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