@charset "UTF-8";
/*背景色*/
/*线条颜色*/
/*字体颜色*/
/*按钮颜色*/
/*背景色*/
/*线条颜色*/
/*字体颜色*/
/*按钮颜色*/
/**
 * [borderRadius description]
 * @param  {[type]} $topLeft  [description]
 * @param  {[type]} $topRight [description]
 * @param  {[type]} $btmLeft  [description]
 * @param  {[type]} $btmRight [description]
 * @return {[type]}           [description]
 */
/** 
 * [displayFlex 设置盒子的display属性为flex]
 * @return {[type]}           [description]
 */
/**
 * [flex 设置盒子flex属性]
 * @param  {[number]} $num  [默认值为1]
 * @return {[type]}           [description]
 */
/**
 * [border 设置四边框]
 * eg: .border {
 *  @extend %border;
 * }
 */
/**
 * [border 设置圆角边框]
 * eg: .border {
 *  @extend %borderRadius;
 * }
 */
/**
 * [border 设置左边框]
 * eg: .border {
 *  @extend %borderLeft;
 * }
 */
/**
 * [border 设置右边框]
 * eg: .border {
 *  @extend %borderRight;
 * }
 */
/**
 * [border 设置上边框]
 * eg: .borderTop {
 *  @extend %borderRight;
 * }
 */
/**
 * [border 设置下边框]
 *  position: relative;
 *  @extend %borderBottom;
 * }
 */
.m-tabBar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background-color: #fff;
  box-sizing: border-box; }
  .m-tabBar:after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); }
  .m-tabBar-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: .12rem 0; }
    .m-tabBar-item i, .m-tabBar-item label {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      color: #666; }
    .m-tabBar-item label {
      font-size: .2rem; }
    .m-tabBar-item i {
      font-size: .44rem; }
    .m-tabBar-item:active i, .m-tabBar-item:active label, .m-tabBar-item-active i, .m-tabBar-item-active label {
      color: #cb1e1e; }

/*# sourceMappingURL=tabBar.css.map */