.NOT-lucky-wheel-container {
    position: relative
}

.NOT-lucky-wheel-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 2.34rem;
    height: 2.34rem;
    background-image: url(/imgs/wheel-btn.png);
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.NOT-lucky-wheel-btn-text {
    font-size: .7rem;
    color: #802ce8;
    font-weight: 700
}

.NOT-lucky-wheel-btn-text-plus {
    position: absolute;
    font-size: .5rem;
    color: #802ce8;
    font-weight: 700;
    transform: translate(.1rem,-.4rem)
}

.NOT-lucky-wheel-btn-icon {
    width: .75rem;
    height: .8rem
}

.NOT-lucky-wheel-gesture {
    position: absolute;
    top: 3.19rem;
    left: 3.51rem;
    z-index: 1;
    width: 2rem;
    height: 2rem
}

.NOT-lucky-wheel-gesture.NOT-lucky-wheel-ticket-none {
    top: 7.2rem;
    left: 4.91rem
}

.NOT-lucky-wheel-gesture.NOT-lucky-wheel-ticket-none-join {
    top: -.5rem;
    left: .7rem
}

.NOT-lucky-wheel-gesture.NOT-lucky-wheel-ticket-none-join:where([dir=rtl],[dir=rtl] *) {
    left: 0rem;
    right: .7rem
}

.NOT-lucky-wheel-light {
    width: .96rem;
    height: .99rem;
    background-image: url(/imgs/light1.png);
    background-size: contain;
    animation: rotate 2s linear infinite
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.NOT-lucky-wheel-hand {
    position: absolute;
    top: .33rem;
    left: .34rem;
    width: 1.45rem;
    height: 1.44rem;
    background-image: url(/imgs/main_hand.png);
    background-size: contain;
    animation: scale 1s ease-in-out infinite
}

.NOT-lucky-wheel-gesture.NOT-lucky-wheel-ticket-none .NOT-lucky-wheel-hand {
    top: -.82rem;
    width: 1.05rem;
    height: 1.41rem;
    background-image: url(/imgs/main_hand1.png)
}

@keyframes scale {
    0%,to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }
}

.NOT-count-icon {
    width: .94rem;
    height: .94rem;
    background-image: url(/imgs/notcoin.png);
    background-size: contain;
    margin-right: .21rem
}

.NOT-count-icon:where([dir=rtl],[dir=rtl] *) {
    margin-right: 0;
    margin-left: .21rem
}

.NOT-count {
    font-size: 1rem;
    color: #fbd815;
    font-weight: 700;
    line-height: 1rem
}

.NOT-progress-bar {
    background-color: #a162dc;
    width: 6rem;
    height: .4rem;
    border-radius: .2rem
}

.NOT-progress-bar-inner {
    box-shadow: inset 0 0 .1rem #ffffff80;
    background-image: linear-gradient(0deg,#fd900f,#fdcc03);
    height: 100%;
    border-radius: .2rem;
    transition: width .3s ease-in-out
}

.NOT-share-links {
    font-weight: 400;
    font-size: .3rem;
    color: #ebd6fd
}

.NOT-share-icon {
    width: .53rem;
    height: .53rem;
    margin-right: .21rem;
    background-size: contain;
    background-repeat: no-repeat
}

.NOT-share-icon:where([dir=rtl],[dir=rtl] *) {
    margin-right: 0;
    margin-left: .21rem
}

.NOT-share-link {
    background-image: url(/imgs/share_link.png)
}

.NOT-share-whatsapp {
    background-image: url(/imgs/share_whatsapp.png)
}

.NOT-share-x {
    background-image: url(/imgs/share_x.png)
}

.NOT-share-facebook {
    background-image: url(/imgs/share_facebook.png);
    margin-right: 0
}

.NOT-share-facebook:where([dir=rtl],[dir=rtl] *) {
    margin-left: 0
}

.NOT-withdraw-desc {
    font-size: .36rem;
    color: #ebd6fd;
    font-weight: 700;
    line-height: .36rem;
    margin-right: .21rem
}

.NOT-withdraw-desc:where([dir=rtl],[dir=rtl] *) {
    margin-right: 0;
    margin-left: .21rem
}

.NOT-withdraw-text {
    margin-right: .06rem
}

.NOT-withdraw-text:where([dir=rtl],[dir=rtl] *) {
    margin-right: 0;
    margin-left: .06rem
}

.NOT-withdraw-icon {
    width: .36rem;
    height: .36rem;
    background-image: url(/imgs/notcoin.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: .07rem
}

.NOT-withdraw-icon:where([dir=rtl],[dir=rtl] *) {
    margin-right: 0;
    margin-left: .07rem
}

.NOT-withdraw {
    font-size: .36rem;
    color: #fbd815;
    font-weight: 700
}

.NOT-reward-modal-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-reward-modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.NOT-reward-modal-close-btn {
    position: absolute;
    top: -.47rem;
    right: .78rem
}

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

.NOT-reward-modal-avatar-container {
    position: relative
}

.NOT-reward-modal-avatar {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%
}

.NOT-reward-modal-avatar-fg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 2.45rem;
    height: 2.54rem;
    background-image: url(/imgs/bd_avatar.png);
    background-size: contain;
    background-repeat: no-repeat
}

.NOT-reward-modal-title {
    width: 5.35rem;
    height: 1.26rem;
    background-image: url(/imgs/SoLuck.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: .2rem
}

.NOT-reward-modal-text {
    line-height: .4rem;
    font-weight: 400;
    font-size: .36rem;
    color: #dcc7f8;
    margin-top: .2rem;
    text-align: center;
    padding: 0 1.4rem
}

.NOT-reward-modal-text-highlight {
    font-weight: 700;
    font-size: .48rem;
    color: #fbd815
}

.NOT-icon-main-invite {
    width: .53rem;
    height: .61rem;
    background-image: url(/imgs/main_invite.png);
    background-size: contain;
    background-repeat: no-repeat
}

.NOT-button {
    box-sizing: border-box;
    background: linear-gradient(0deg,#219cdb,#305fc2 27%,#a126fa);
    border-radius: .2rem;
    font-weight: 700;
    font-size: .36rem;
    color: #ebd6fd;
    box-shadow: inset 0 0 .1rem #ffffff80;
    padding: 0 .1rem
}

.NOT-button.disabled {
    background: linear-gradient(0deg,#363737,#58595a 27%,#a2a0a4)
}

.mine-button-loader {
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(farthest-side,#fff 94%,#0000) top/.16rem .16rem no-repeat,conic-gradient(#0000 30%,#fff);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - .16rem),#000 0);
    animation: l13 1s infinite linear
}

@keyframes l13 {
    to {
        transform: rotate(1turn)
    }
}

.NOT-icon-ticket {
    width: .52rem;
    height: .55rem;
    background-image: url(/imgs/ticket.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: .16rem
}

.NOT-icon-ticket:where([dir=rtl],[dir=rtl] *) {
    margin-left: 0;
    margin-right: .16rem
}

.NOT-push-reward-modal-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-push-reward-modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.NOT-push-reward-modal-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.NOT-push-reward-modal-header {
    width: 6.36rem;
    height: 1rem;
    background-image: url(/imgs/Congratulations.png);
    background-size: contain;
    background-repeat: no-repeat
}

.NOT-push-reward-modal-reward {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-top: -.4rem
}

.NOT-push-reward-modal-reward-icon {
    width: 2.96rem;
    height: 2.96rem;
    transform: translateY(.9rem)
}

.NOT-push-reward-modal-reward-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    width: 4.96rem;
    height: 4.96rem;
    background-image: url(/imgs/light.png);
    background-size: contain;
    background-repeat: no-repeat
}

.NOT-push-reward-modal-reward-amount {
    line-height: 1.2rem;
    font-weight: 700;
    font-size: 1.2rem;
    color: #fbd815;
    margin-top: 1.1rem
}

.NOT-push-reward-modal-close-btn {
    position: absolute;
    top: -1.2rem;
    right: .3rem
}

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

.NOT-withdraw-list-modal-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-withdraw-list-modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    max-height: 100%;
    padding: 1.9rem 0 .5rem;
    overflow: auto
}

.NOT-withdraw-list-modal-close-btn {
    position: absolute;
    top: 1.8rem;
    right: .2rem
}

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

.NOT-withdraw-list-modal-avatar-container {
    position: relative
}

.NOT-withdraw-list-modal-avatar-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    width: 4.4rem;
    height: 4.4rem;
    background-image: url(/imgs/light.png);
    background-size: contain;
    background-repeat: no-repeat
}

.NOT-withdraw-list-modal-avatar {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%
}

.NOT-withdraw-list-modal-avatar-fg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 2.45rem;
    height: 2.54rem;
    background-image: url(/imgs/bd_avatar.png);
    background-size: contain;
    background-repeat: no-repeat
}

.NOT-withdraw-list-modal-title {
    width: 5.35rem;
    height: 1.26rem;
    background-image: url(/imgs/SoLuck.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: .2rem
}

.NOT-withdraw-list-modal-list-container {
    padding: .3rem 0;
    margin-top: .1rem;
    width: 6.4rem;
    background: linear-gradient(0deg,#4f37d0 39%,#9a35f5);
    border-radius: .2rem
}

.NOT-withdraw-list-modal-text {
    line-height: .4rem;
    font-weight: 700;
    font-size: .36rem;
    color: #dcc7f8;
    text-align: center;
    padding: 0 .73rem
}

.NOT-withdraw-list-modal-text-highlight {
    font-weight: 700;
    font-size: .48rem;
    color: #fbd815
}

.NOT-withdraw-list-modal-list {
    margin-top: .43rem;
    max-height: 40vh;
    overflow: auto
}

.NOT-withdraw-list-modal-list-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .1rem 0;
    margin: 0 .23rem 0 .29rem;
    border-bottom: 1px solid #714fb0
}

.NOT-withdraw-list-modal-list-item:where([dir=rtl],[dir=rtl] *) {
    margin: 0 .29rem 0 .23rem
}

.NOT-withdraw-list-modal-list-item.NOT-withdraw-list-modal-list-last-item {
    border-bottom: none
}

.NOT-withdraw-list-modal-list-item.NOT-withdraw-list-modal-list-self-item {
    background: radial-gradient(circle at 100%,#d224f7,#3d23c8);
    border-bottom: none;
    padding: .1rem .23rem .1rem .29rem;
    margin: 0
}

.NOT-withdraw-list-modal-list-item.NOT-withdraw-list-modal-list-self-item:where([dir=rtl],[dir=rtl] *) {
    padding: .1rem .29rem .1rem .23rem
}

.NOT-withdraw-list-modal-list-item-player {
    display: inline-flex
}

.NOT-withdraw-list-modal-list-item-player-self {
    font-weight: 400;
    font-size: .3rem;
    color: #fbd815
}

.NOT-withdraw-list-modal-list-item-player-name {
    display: inline-block;
    width: 3rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 400;
    font-size: .3rem;
    color: #f9f7fb
}

.NOT-withdraw-list-modal-list-item-withdraw {
    display: inline-flex;
    align-items: center
}

.NOT-withdraw-list-modal-list-item-withdraw-amount {
    font-weight: 700;
    font-size: .48rem;
    color: #fbd815
}

.NOT-withdraw-list-modal-list-item-withdraw-icon {
    width: .6rem;
    height: .6rem;
    background-image: url(/imgs/notcoin.png);
    background-size: contain;
    background-repeat: no-repeat
}

.NOT-ticket-modal-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-ticket-modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.NOT-ticket-modal-close-btn {
    position: absolute;
    top: -.9rem;
    right: 0rem
}

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

.NOT-ticket-modal-container {
    position: relative;
    width: 6.3rem;
    border-radius: .24rem;
    background: linear-gradient(180deg,#8c3ed4,#4f37d0);
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    font-size: .72rem;
    line-height: .72rem;
    font-family: Roboto;
    font-weight: 700;
    padding-bottom: .24rem
}

.NOT-ticket-modal-container .NOT-ticket-modal-title {
    margin-bottom: .92rem;
    margin-top: 1.08rem
}

.NOT-ticket-modal-container .NOT-ticket-modal-btn-icon {
    width: .56rem;
    height: .48rem;
    flex-shrink: 0;
    background: url(/imgs/shop/ticket.png?v=2) no-repeat center center / contain;
    margin-left: .08rem
}

.NOT-ticket-modal-container .NOT-ticket-modal-btn-icon:where([dir=rtl],[dir=rtl] *) {
    margin-right: .08rem;
    margin-left: 0rem
}

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