@import "~antd-mobile/lib/style/themes/default.less";

:global{
  .zp-tab-bar{
    display: flex;
    height: 100px;
    border-top: @border-width-sm solid #e1e1e1;
    background: #f8f8f8;
    padding-top: 12px;

    .tab-bar-item{
      flex: 1;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      i{
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: center;
        height: 48px;
      }

      span{
        color: #787878;
        font-size: 20px;
        line-height: 1.2;

        &.cur{
          color: @brand-primary;
        }
      }
    }
  }

  .zp-tab-bar-content{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;

    .tab-bar-content{
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100%;
      opacity: 0;

      &.cur{
        z-index: 9;
        opacity: 1;
      }
    }
  }
}