.footer {
    height: 0.98rem;
    max-width: 7.5rem;
    background-color: #F7F7F7;
    position: fixed;
    bottom: 0;
    border-top: 0.01rem solid #ADADAD;
    left: 50%;
    margin-left: -3.75rem;
}

.footer span {
    font-size: 0.16rem;
    text-align: center;
    padding-top: 0.65rem;
    display: block;
}

.footer>div {
    width: 0.98rem;
    height: 0.98rem;
    margin: 0 0.26rem;
    float: left;
}

.footer>.index {
    background: url(./../images/Glyph.png) no-repeat;
    background-size: 0.52rem;
    background-position: 50% 22%;
}

.footer>.cage {
    background: url(./../images/Favorites.png) no-repeat;
    background-size: 0.52rem;
    background-position: 50% 22%;
}

.footer>.gift {
    background: url(./../images/liwu.png) no-repeat;
    background-size: 0.52rem;
    background-position: 50% 22%;
}

.footer>.cart {
    background: url(./../images/ccart.png) no-repeat;
    background-size: 0.52rem;
    background-position: 50% 22%;
}

.footer>.user {
    background: url(./../images/user.png) no-repeat;
    background-size: 0.52rem;
    background-position: 50% 22%;
}

.footer>.indexhere {
    background: url(./../images/indexhere.png) no-repeat;
    background-size: 0.52rem;
    background-position: 50% 22%;
}

.footer>.cagehere {
    background: url(./../images/catehere.png) no-repeat;
    background-size: 0.52rem;
    background-position: 50% 22%;
}

.footer>.gifthere {
    background: url(./../images/liwuhere.png) no-repeat;
    background-size: 0.52rem;
    background-position: 50% 22%;
}

.footer>.carthere {
    background: url(./../images/carthere.png) no-repeat;
    background-size: 0.52rem;
    background-position: 50% 22%;
}

.footer>.userhere {
    background: url(./../images/userhere.png) no-repeat;
    background-size: 0.52rem;
    background-position: 50% 22%;
}