.page{
    padding: 0rpx 32rpx;
}
.outView{
    background: #FFFFFF;
    border-radius: 20rpx;
    padding: 28rpx 24rpx;
    margin-bottom: 24rpx;
}
.roleName{
    margin-right: 20rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #333333;
    line-height: 44rpx;
}
.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: 5rpx 0;
}
.award{
    width: 500rpx;
}
.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;
}
.awardItem{
    min-width: 230rpx;
}
.addButton{
    width: 686rpx;
    height: 84rpx;
    background: #FFFFFF;
    border-radius: 54rpx;
    border: 4rpx dashed #FFE05C;
    text-align: center;
    line-height: 84rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #333333;
    margin-top: 24rpx;
}
.scroll-Y{
    height: 50vh;
    overflow: auto;
}
.rulePopup{
    height: 900rpx;
    border-top-right-radius: 10rpx;
    border-top-left-radius: 10rpx;
    background: white;
    padding: 0 32rpx;
    background: #f7f7f7;
}
.popupTitle{
    line-height: 100rpx;
    font-size: 32rpx;
    font-weight: bold;
    color: #111111;
}
.scroll-Y1{
    height: 600rpx;
}
.label{
    padding: 24rpx 32rpx;
    background: #F7F7F7;
    margin-top: 24rpx;
    border-radius: 15rpx;
}
.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;
}
.xoIcon{
    position: absolute;
    top: 20rpx;
    right: 32rpx;
}
.rolePopup{
    height: 700rpx;
    border-top-right-radius: 10rpx;
    border-top-left-radius: 10rpx;
    padding: 0 32rpx;
    background: white;
}
.scroll-Y2{
    height: 450rpx;
}
.roleName1{
    padding: 20rpx;
    font-size: 30rpx;
    font-weight: bold;
    border-radius: 10rpx;
    background: #f7f7f7;
    margin-top: 24rpx;
}
.roleName1:first-child{
    margin-top: 0;
}

.selectRoleName1{
    background: rgba(255, 224, 92, 0.1);
    /*box-shadow: 0 0 0 2px  #FFE05C;*/
    border: 4rpx solid #FFE05C;
    box-sizing:border-box
}
.tag{
    background: #FFF6CE;
    border-radius: 8rpx;
    border: 2rpx solid #FFE05C;
    font-size: 20rpx;
    font-weight: 400;
    color: #333333;
    line-height: 48rpx;
    padding: 0rpx 15rpx;
    margin-left: 10rpx;
}
.dataNullView{
    background: #FFFFFF;
    border-radius: 20rpx;
    padding: 24rpx;
    text-align: center;
}
.dataNullImage{
    width: 300rpx;
    height: 300rpx;
}
.roleName1{
    background: #FFFFFF;
    color: #007aff;
}
.roleHint{
    color: #999999;
}
.qrCreateTime{
    margin-top: 24rpx;
    font-size: 24rpx;
    color: #999999;
}