:root,
:host {
    --van-tabbar-height: 12.82051vw;
    --van-tabbar-z-index: 1;
    --van-tabbar-background: var(--van-background-2)
}

.van-tabbar {
    z-index: var(--van-tabbar-z-index);
    display: flex;
    box-sizing: content-box;
    width: 100%;
    height: var(--van-tabbar-height);
    background: var(--van-tabbar-background)
}

.van-tabbar--fixed {
    position: fixed;
    bottom: 0;
    left: 0
}

:root,
:host {
    --van-tabbar-item-font-size: var(--van-font-size-sm);
    --van-tabbar-item-text-color: var(--van-text-color);
    --van-tabbar-item-active-color: var(--van-primary-color);
    --van-tabbar-item-active-background: var(--van-background-2);
    --van-tabbar-item-line-height: 1;
    --van-tabbar-item-icon-size: 5.64103vw;
    --van-tabbar-item-icon-margin-bottom: var(--van-padding-base)
}

.van-tabbar-item {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--van-tabbar-item-text-color);
    font-size: var(--van-tabbar-item-font-size);
    line-height: var(--van-tabbar-item-line-height);
    cursor: pointer
}

.van-tabbar-item__icon {
    margin-bottom: var(--van-tabbar-item-icon-margin-bottom);
    font-size: var(--van-tabbar-item-icon-size)
}

.van-tabbar-item__icon .van-icon {
    display: block
}

.van-tabbar-item__icon .van-badge {
    margin-top: var(--van-padding-base)
}

.van-tabbar-item__icon img {
    display: block;
    height: 5.12821vw
}

.van-tabbar-item--active {
    color: var(--van-tabbar-item-active-color);
    background-color: var(--van-tabbar-item-active-background)
}

.tk-tabbar[data-v-210bf810] {
    width: 100%;
    height: 100%
}

.tk-tabbar[data-v-210bf810] .van-tabbar,
.tk-tabbar[data-v-210bf810] .van-tabbar .van-tabbar-item--active {
    background-color: #202630
}

.tk-tabbar[data-v-210bf810] .van-tabbar .van-tabbar-item:nth-child(3) {
    position: relative
}

.tk-tabbar[data-v-210bf810] .van-tabbar .van-tabbar-item:nth-child(3) .van-tabbar-item__icon {
    padding: 2.82051vw;
    position: absolute;
    top: -5.12821vw;
    border-radius: 50%;
    background-color: #202630;
    z-index: 99
}

.tk-tabbar[data-v-210bf810] .van-tabbar .van-tabbar-item:nth-child(3) .van-tabbar-item__icon img {
    width: 8.46154vw;
    height: 8.46154vw
}

.tk-tabbar[data-v-210bf810] .van-tabbar .van-tabbar-item:nth-child(3) .van-tabbar-item__text {
    margin-top: 5.64103vw;
    position: absolute;
    z-index: 100
}