/************footer***********************/
footer{
    height:4em;
    position:fixed;
    bottom:0;
    width:100%;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    background:url(../imgs/bg.png);
    background-size: 100% 100%;
    margin:0;
    z-index:999999;

    max-width:640px;
    margin-left: auto;
    margin-right: auto;
}

footer>ul>li{
    width:33%;
    float:left;
    height:4em;
}
footer>ul>li>a{
    display:block;
    width:100%;
    height:100%;
}
footer>ul>li>a>div>div{
    height:1.8em;
    margin:auto;
    margin-top:.2em;
}
b.bhome{
    background:url("../imgs/home.png");
    background-size:100% 100%;
    height:1.71em;
    width:2.57em;
}
b.bgift{
    background:url("../imgs/gift.png");
    background-size:100% 100%;
    height:1.95em;
    width:1.95em;
}
b.buser{
    background:url("../imgs/user.png");
    background-size:100% 100%;
    height:1.9em;
    width:1.49em;
}
footer>ul>li>a>div>div>b{
    height:100%;
    display:block;
    margin: auto;
}
footer>ul>li>a>div>p{
    color:#fff;
    margin-bottom:0;
    margin-top:.3em;
    font-size:.9em;
}
footer>ul>li.activeI b.bhome{
    background:url("../imgs/home_hover.png");
    background-size:100% 100%;
    height:1.71em;
    width:2.57em;
}
footer>ul>li.activeI b.bgift{
    background:url("../imgs/gift_hover.png");
    background-size:100% 100%;
    height:1.95em;
    width:1.95em;
}
footer>ul>li.activeI b.buser{
    background:url("../imgs/user_hover.png");
    background-size:100% 100%;
    height:1.9em;
    width:1.49em;
}
footer>ul>li.activeI>a>div>p{
    color:#F3E76a;
}