.m-tabs-wrapper{
  position: relative;
}

.m-tabs{
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  height: 100%;
  //padding-bottom: 15px;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}


.shop-tab{
  display: inline-block;
  text-align: center;
  line-height: unset;
  font-size: 15px;
  -webkit-box-flex: 0;
  //-webkit-flex: 0 0 20%;
  ////-moz-box-flex: 0;
  //flex: 0 0 20%;
  //flex-basis: 0;
  >span{
    display: inline-block;
    padding: 12px 3px 7px;
    max-width: 100%;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .m-tabs-active{
    border-bottom: 2px solid #FC565E;
  }
}

.m-tabs-con{
  display: inline-block;
  text-align: center;
  line-height: unset;
  font-size: 15px;
  >span{
    display: inline-block;
    padding: 12px 3px 5px;
    max-width: 100%;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .m-tabs-active{
    border-bottom: 2px solid #FC565E;
  }
}

//.shop-tab , .m-tabs{
//  .shop-tab-active {
//    color: @danger;
//    position: relative;
//
//    &:after {
//      content: '';
//      display: block;
//      width: 40px;
//      height: 2px;
//      background: @danger;
//      position: absolute;
//      bottom: 0;
//      left: 50%;
//      margin-left: -20px;
//    }
//  }
//}
//