@charset "UTF-8";
@import '../themes/themes.scss';
@import '../helps/mixin.scss';
.m-tabBar {
  position: relative;
  @include displayFlex;
  background-color: $bgSecColor;
  box-sizing: border-box;
  &:after {
    content: ' ';
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    border-bottom: 1px solid $linePrimaryColor;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
  }
  &-item {
    @include flex();
    padding: .12rem 0;
    i, label {
      @include displayFlex;
      justify-content: center;
      color: $fontSecColor;
    }
    label {
      font-size: .2rem;
    }
    i {
      font-size: .44rem;
    }
    &:active, &-active {
      i, label {
        color: $fontFiveColor;
      }
    }
  }
}