@import "../../base/fn";

.weui_tabbar {
    display: flex;
    position: absolute;
    z-index: @tabbar-index;
    bottom: 0;
    width: 100%;
    background-color: #f7f7fa;

    &:before {
        .setTopLine(#979797);
    }
}

.weui_tabbar_item {
    display: block;
    flex: 1;
    padding: 7/@w 0 0;
    -webkit-tap-highlight-color: transparent;

    &.weui_bar_item_on {
        .weui_tabbar_label {
            color: @tabbar-text-color-active;
        }
    }
}

.weui_tabbar_icon {
    margin: 0 auto;
    width: 24/@w;
    height: 24/@w;

    img {
        display: block;
        width: 100%;
        height: 100%;
    }

    & + .weui_tabbar_label {
        margin-top: 5/@w;
    }
}

.weui_tabbar_label {
    text-align: center;
    color: @globalTextColor;
    font-size: 12/@w;
}