.x-tabbar{width:100%;height:50px;display:-webkit-box;display:-webkit-flex;display:flex;box-shadow:0 -.2rem 1rem #ddd;background:#fefefe}.x-tabbar--fixed{left:0;bottom:0;position:fixed}.x-tabbar-item{-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#ccc;display:-webkit-box;display:-webkit-flex;display:flex;line-height:1;font-size:1.2rem;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.x-tabbar-item__icon{position:relative;margin-bottom:5px}.x-tabbar-item__icon .x-icon{display:block;font-size:2.5rem}.x-tabbar-item__icon--dot::after{top:0;right:-8px;width:8px;height:8px;content:' ';position:absolute;border-radius:100%;background-color:#f44}.x-tabbar-item__icon img{height:18px;display:block}.x-tabbar-item--active{color:#ff8c40}