.link {
    text-decoration: none;
    color: var(--tg-theme-link-color)
}

.NOT-tab-nav {
    background: #4f37d0;
    height: 1.4rem
}

.NOT-tab-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .08rem
}

.NOT-tab-icon {
    width: .5rem;
    height: .46rem;
    background-size: contain;
    background-repeat: no-repeat
}

.NOT-tab-label {
    font-weight: 400;
    font-size: .24rem;
    line-height: .24rem;
    color: #fff9
}

.NOT-tab-nav-item-active .NOT-tab-label {
    color: #fff
}

.NOT-tab-icon-home {
    background-image: url(/imgs/nav/home.png?v=3)
}

.NOT-tab-icon-task {
    background-image: url(/imgs/nav/task.png?v=3)
}

.NOT-tab-icon-invite {
    background-image: url(/imgs/nav/invite.png?v=3)
}

.NOT-tab-icon-withdraw {
    background-image: url(/imgs/nav/withdraw.png?v=3)
}

.NOT-tab-icon-ranking {
    background-image: url(/imgs/btn_ranking.png?v=3)
}

.NOT-tab-nav-item-active .NOT-tab-icon-home {
    background-image: url(/imgs/nav/home_active.png?v=3)
}

.NOT-tab-nav-item-active .NOT-tab-icon-task {
    background-image: url(/imgs/nav/task_active.png?v=3)
}

.NOT-tab-nav-item-active .NOT-tab-icon-invite {
    background-image: url(/imgs/nav/invite_active.png?v=3)
}

.NOT-tab-nav-item-active .NOT-tab-icon-withdraw {
    background-image: url(/imgs/nav/withdraw_active.png?v=3)
}