.toolbar {
    width: 100%;
    position: fixed;
    z-index: 10000;
    bottom: 0;
    height: 3.417rem; 
    /* height:50px; */
    background: #fff;
    border-top: 1px solid #ddd;
    font-size: 0.833rem; 
   /*  font-size:12px; */
}
.toolbar ul li {
    width: 20%;
    /* height: 3.417rem; */
    height: 3.417rem;
    float: left;
    text-align: center;
}
.toolbar ul li a {
       width: 100%;
    height: 3.417rem;
    display: inline-block;
}
.toolbar ul li i {
    margin-top: 0.167rem;
    /* margin-top: 3px; */
}
.toolbar ul li a span {
    width: 100%;
    display: inline-block;
    color: #666;
}
.toolbar ul li.cur a span,
.toolbar ul li:active a span {
    color: #666;
}
.toolbar ul li.cur .icon-toolbar-search,
.toolbar ul li:active .icon-toolbar-search {
    background: url(../images/icon-toolbar-search_n.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.toolbar ul li.cur .icon-toolbar-recommended,
.toolbar ul li:active .icon-toolbar-recommended {
    background: url(../images/icon-toolbar-recommended_h.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.toolbar ul li.cur .icon-toolbar-mine,
.toolbar ul li:active .icon-toolbar-mine {
    background: url(../images/icon-toolbar-mine_h.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.icon-toolbar-search,
.icon-toolbar-recommended,
.icon-toolbar-mine,
.icon-toolbar-connect,
.icon-toolbar-collect {
    width: 2.0rem;
    height: 2.0rem;
    /* width: 28px;
    height: 28px; */
    display: inline-block;
}
.icon-toolbar-search {
    background: url(../images/icon-toolbar-search_n.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.icon-toolbar-recommended {
	position:relative;
    background: url(../images/icon-toolbar-recommended_n.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}

.icon-toolbar-mine {
    background: url(../images/icon-toolbar-mine_n.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}

.icon-toolbar-connect {
	position:relative;
    background: url(../images/icon-toolbar-connect_n.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}

.icon-toolbar-collect {
	position:relative;
    background: url(../images/icon-toolbar-collect_n.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}

.icon-toolbar-mine_b {
    position:absolute;
    top:0rem;
    left:1.2rem;
    height:1.0rem;
    line-height: 1.0rem;
    color:#fff;
    border-radius: .5rem;
    background: #FF3D3E ;
    text-align: center;
    font-size:0.8rem;
}
.icon-toolbar-mine_b b {
    margin:0 0.25rem;
}