.NOT-draw-number-rewards-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: #000c;
    display: flex;
    justify-content: center;
    align-items: center
}

.NOT-draw-number-rewards-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.NOT-draw-number-rewards-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 6.7rem;
    padding: .48rem .4rem;
    background: linear-gradient(180deg,#9a35f5,#5337d2);
    border-radius: .56rem;
    text-align: center;
    color: #fff
}

.NOT-draw-number-rewards-container .NOT-draw-number-rewards-total {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Alfa Slab One;
    font-weight: 400;
    font-size: .32rem;
    line-height: .44rem;
    letter-spacing: 0px;
    text-align: center;
    color: #8c36ee;
    margin: .06rem 0 .14rem
}

.NOT-draw-number-rewards-container .NOT-draw-number-rewards-total img {
    width: .64rem;
    height: .64rem
}

.NOT-draw-number-rewards-container .NOT-draw-number-rewards-total .NOT-draw-number-rewards-total-num {
    background: url(/imgs/draw_num_rewards_total2.png) no-repeat center center / contain;
    width: 1.06rem;
    height: .44rem;
    margin-left: -.05rem
}

.NOT-draw-number-rewards-container .NOT-draw-number-rewards-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    gap: .28rem
}

.NOT-draw-number-rewards-container .NOT-draw-number-rewards-list .NOT-draw-number-rewards-item {
    width: 1.76rem;
    padding: .16rem 0;
    display: flex;
    flex-direction: column;
    gap: .2rem;
    align-items: center;
    justify-content: start;
    background: linear-gradient(181.07deg,#251273 .88%,#812ce9 99.08%);
    box-shadow: 0 .02rem #fffc;
    font-weight: 400;
    font-size: .28rem;
    line-height: .4rem;
    letter-spacing: 0%;
    text-align: center;
    border-radius: .28rem
}

.NOT-draw-number-rewards-container .NOT-draw-number-rewards-list .NOT-draw-number-rewards-item .header {
    display: flex;
    align-items: center;
    gap: .08rem;
    font-weight: 400;
    font-size: .4rem;
    line-height: .4rem;
    letter-spacing: 0px;
    text-align: center
}

.NOT-draw-number-rewards-container .NOT-draw-number-rewards-list .NOT-draw-number-rewards-item .header .header-num {
    font-size: .28rem;
    font-family: Alfa Slab One
}

.NOT-draw-number-rewards-container .NOT-draw-number-rewards-list .NOT-draw-number-rewards-item .header img {
    width: .4rem;
    height: .4rem
}

.NOT-draw-number-rewards-container .NOT-draw-number-rewards-list .NOT-draw-number-rewards-item .center {
    display: flex;
    align-items: center;
    gap: .04rem
}

.NOT-draw-number-rewards-container .NOT-draw-number-rewards-list .NOT-draw-number-rewards-item .center img {
    width: .26rem;
    height: .2rem
}

.NOT-draw-number-rewards-container .NOT-draw-number-rewards-list .NOT-draw-number-rewards-item .footer button {
    color: #fff;
    font-weight: 400;
    font-family: Alfa Slab One;
    text-shadow: -.02rem -.02rem 0 #000000,.02rem -.02rem 0 #000000,-.02rem .02rem 0 #000000,.02rem .02rem 0 #000000,0 -.02rem 0 #000000,0 .02rem 0 #000000,-.02rem 0 0 #000000,.02rem 0 0 #000000;
    background: linear-gradient(180deg,#7808f3,#3341c3);
    box-shadow: 0 .08rem .085rem #f226ffb2 inset,0 -.08rem .085rem #ccfcff99 inset
}

.NOT-draw-number-rewards-container .NOT-draw-number-rewards-list .NOT-draw-number-rewards-item .footer button.disabled {
    background: #666;
    box-shadow: none;
    text-shadow: none;
    color: #999
}

.NOT-draw-number-rewards-container .NOT-draw-number-rewards-list .NOT-draw-number-rewards-item .footer button img {
    width: .46rem;
    height: .34rem
}

.NOT-draw-number-rewards-title {
    font-family: Alfa Slab One;
    font-weight: 400;
    font-size: .48rem;
    line-height: .64rem;
    text-shadow: 0rem 0rem 0 #000000,0rem 0rem 0 #000000,0rem 0rem 0 #000000,0rem 0rem 0 #000000,0 0rem 0 #000000,.04rem .04rem 0 #000000,0rem 0 0 #000000,0rem 0 0 #000000;
    letter-spacing: 0%;
    text-align: center
}

.NOT-draw-number-rewards-close-btn {
    position: absolute;
    top: -.8rem;
    right: 0rem
}

.NOT-draw-number-rewards-close-icon {
    display: block;
    width: .6rem;
    height: .6rem;
    background-image: url(/imgs/btn_off.png);
    background-size: contain;
    background-repeat: no-repeat
}