$toolbar-size:52px;
.toolbar{
?? ?position:fixed;
?? ?left:50%;
?? ?bottom:5px;
?? ?margin-left:-$toolbar-size/2;
}
.toolbar-item{
??? position:relative;
?? ?display:block;
?? ?width:$toolbar-size;
?? ?height:$toolbar-size;
?? ?background:url(../img/toolbar.png) no-repeat;
?? ?margin-top:1px;
?? ?&:hover{
?? ???? .toolbar-layer{
?? ???????? opacity:1;
?? ???????? filter:alpha(opacity=100);
?? ???????? transform:scale(1);
?? ???? }
?? ?}
}
.toolbar-item-weixin{
?? ?background-position:0 -798px;
?? ?&:hover{
?? ???? background-position:0 -860px;
?? ?}
?? ?.toolbar-layer{
?? ???? height:212px;
?? ???? background-position:0 0;
?? ?}
}
.toolbar-item-feedback{
?? ?background-position:0 -426px;
?? ?&:hover{
?? ???? background-position:0 -488px;
?? ?}
}
.toolbar-item-app{
?? ?background-position:0 -550px;
?? ?&:hover{
?? ???? background-position:0 -612px;
?? ?}
?? ?.toolbar-layer{
?? ???? height:194px;
?? ???? background-position:0 -222px;
?? ?}
}
.toolbar-item-top{
?? ?background-position:0 -674px;
?? ?&:hover{
?? ???? background-position:0 -736px;
?? ?}
}
.toolbar-layer{
?? ?position:absolute;
?? ?right:$toolbar-size;
?? ?bottom:0;
?? ?width:172px;
?? ?background:url(../img/toorbar.png) no-repeat;
?? ?opacity:0;
?? ?filter:alpha(opacity=0);
?? ?transform:scale(0.01);
}