#tab-bar{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
#tab-bar{
   background-color: #f6f6f6;
   border-top: 2px #ccc;
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   -webkit-box-shadow:0px -1px 1px rgba(100,100,100,.2) ;
           box-shadow:0px -1px 1px rgba(100,100,100,.2) ;
}
.tab-bar-item{
   -webkit-box-flex: 1;
       -ms-flex: 1;
           flex: 1;
   text-align: center;
   height: 52px;
   font-size: 14px;
}
.tab-bar-item img{
    width: 24px;
    height: 24px;
    margin-top: 3px;
    vertical-align: middle;
    margin-bottom: 3px;
}
.active{
    color: red;
}