.page{
    background: #F7F7F7;
    padding: 0rpx 32rpx;
    overflow: auto;
}
.scroll-Y{
    height: 900rpx;
    overflow: auto;
}
.outView{
    background: #FFFFFF;
    border-radius: 20rpx;
    padding: 28rpx 24rpx;
    margin-bottom: 24rpx;
}
.title{
    font-size: 32rpx;
    font-weight: 500;
    color: #333333;
    line-height: 44rpx;
    font-weight: bold;
}
.awardView{
    font-size: 28rpx;
    font-weight: 400;
    color: #666666;
    line-height: 40rpx;
    /*padding: 20rpx 0;*/
}
.award{
    width: 500rpx;
}

.awardItem{
}

.confirmButton{
    width: 686rpx;
    height: 108rpx;
    background: #FFE05C;
    border-radius: 60rpx;
    text-align: center;
    font-size: 32rpx;
    font-weight: 500;
    color: #111111;
    line-height: 108rpx;
    margin-top: 24rpx;
}
.createQrCodePopup{
    width: 638rpx;
    height: 750rpx;
    background: #FFFFFF;
    border-radius: 24rpx;
    position: relative;
}
.popupTitle{
    line-height: 100rpx;
    font-size: 32rpx;
    font-weight: bold;
    color: #111111;
}
.xoIcon{
    position: absolute;
    top: 20rpx;
    right: 32rpx;

}
.select{
    background: rgba(255, 224, 92, 0.1);
    border: 4rpx solid #FFE05C;
    box-sizing:border-box
}
.discount{
    margin-top: 20rpx;
    border: 1px solid rgba(226, 136, 136, 0.83);
    padding: 0 6rpx;
    border-radius: 10rpx;
}
.discount:first-child{
    margin-top: 0rpx;
}
.dataNullView{
    background: #FFFFFF;
    border-radius: 20rpx;
    padding: 24rpx;
    text-align: center;
}
.dataNullImage{
    width: 300rpx;
    height: 300rpx;
}
.roleName1{
    background: #FFFFFF;
    color: #007aff;
}
.roleHint{
    color: #999999;
}
.roleNameView{
    font-weight: bold;
    padding: 20rpx 0;
}
.roleName{
    color: #007aff;
}
.qrCreateTime{
    margin-top: 24rpx;
    font-size: 24rpx;
    color: #999999;
}