:root {
    --van-tabbar-height: 50px;
    --van-tabbar-z-index: 1;
    --van-tabbar-background-color: var(--van-background-color-light)
}

.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-color)
}

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

:root {
    --van-tabbar-item-font-size: var(--van-font-size-sm);
    --van-tabbar-item-text-color: var(--van-gray-7);
    --van-tabbar-item-active-color: var(--van-primary-color);
    --van-tabbar-item-active-background-color: var(--van-background-color-light);
    --van-tabbar-item-line-height: 1;
    --van-tabbar-item-icon-size: 22px;
    --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: 20px
}

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

.van-tabbar {
    max-width: 640px;
    margin: 0 auto;
    right: 0;
    height: 4.2rem;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    background: #fff
}

.van-tabbar-item--active {
    background: transparent
}

.van-tabbar .van-image__img {
    height: auto
}

.van-tabbar .van-tabbar-item__icon {
    margin-bottom: .1rem;
    display: flex
}

.van-tabbar .tab_ct {
    display: block;
    position: absolute;
    width: 4.3rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -2rem;
    z-index: 10
}

.van-tabbar .tab_ct p {
    color: #ff7096;
    text-align: center
} //.van-tabbar .van-tabbar-item:nth-child(3) .van-tabbar-item__icon{opacity:0}