.fixbar-container {
position: fixed;
bottom: 0;
left: 0;
right: 0;
max-width: 750px;
margin: 0 auto;
background: #fff;
border-top: 1px solid #eee;
z-index: 99;
}
.bar-tab {
display: flex;
height: 50px;
padding-top: 4px;
}
.tab-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #888;
text-decoration: none;
position: relative;
}
.tab-item .tab-icon {
font-size: 20px;
margin-bottom: 2px;
}
.tab-item img {
width: 22px;
height: 22px;
margin-bottom: 2px;
}
.tab-label {
font-size: 12px;
color: #888;
}
.tab-item.active .tab-icon,
.tab-item.active .tab-label {
color: #576b95;
}
.tab-label.tabh {
color: #576b95;
}
.badge {
position: absolute;
top: 0;
right: calc(50% - 22px);
transform: translateX(50%);
background: #f43530;
color: #fff;
font-size: 10px;
line-height: 14px;
border-radius: 8px;
padding: 0 5px;
min-width: 14px;
height: 14px;
text-align: center;
box-sizing: border-box;
z-index: 10;
}