.wrapper{
    position: fixed;
    height: 4.25rem;
    box-sizing:border-box;
    z-index: 1;
    left:0;
    bottom: 0;
    width: 100%;
    padding: 0.35rem 0 0.2rem;
    background: #f9f9f9;
    box-shadow:2px 0px 3px #ccc;
}
.itemLink{
    display: block;
    float: left;
    width: 33.3%;
    text-align: center;
    color:#888;
    font-size: 1rem;
    text-decoration: none;
}
.itemLink:hover{
    color: #888;
}
.itemLink:before{
    content: '';
    display: block;
    width: 2.35rem;
    height: 2.25rem;
    margin:0 auto;
    margin-bottom: 0.4rem;
    background: url(../../../statics/images/footer/footer_square.png) 0 0 no-repeat;
    background-size: cover;
}
.itemLink:first-child:before{
    background: url(../../../statics/images/footer/footer_home.png) 0 0 no-repeat;
    background-size: cover;
}
.itemLink:last-child:before{
    background: url(../../../statics/images/footer/footer_me.png) 0 0 no-repeat;
    background-size: cover;
}
.active{
    color: #ff8200;
}
.active:hover{
    color: #ff8200;
}
.active:before{
    background: url(../../../statics/images/footer/footer_square_active.png) 0 0 no-repeat;
    background-size: cover;
}
.active:first-child:before{
    background: url(../../../statics/images/footer/footer_home_active.png) 0 0 no-repeat;
    background-size: cover;
}
.active:last-child:before{
    background: url(../../../statics/images/footer/footer_me_active.png) 0 0 no-repeat;
    background-size: cover;
}