.footer {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    border-top: 2px solid #d6d1cb;
    background: #fff;
    color: #666;
    font-size: 0.32rem;
}
.footer, .space {
    width: 100%;
    height: 1.46rem;
    max-height: 146px;
}
.footer .wrap {
    height: 100%;
}
.footer .nav {
    position: relative;
    height: 100%;
}
.table {
    display: table;
    width: 100%;
    height: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}
.footer .nav .item.active {
    color: #23bbf3;
}
.footer .nav .item {
    height: 100%;
    text-align: center;
}
.table-cell, .tcell {
    display: table-cell;
    position: relative;
    vertical-align: middle;
}
.footer .nav .item.active .icon-home {
    background-image: url('../images/nav_home_selected.png');
}
.footer .nav .item .icon-home {
    background-image: url('../images/nav_home_not.png');
}
.footer .nav .item .icon-mall {
    background-image: url('../images/nav_mall_not.png');
}
.footer .nav .item .icon-user {
    background-image: url('../images/nav_user_not.png');
}
.footer .nav .item .icon {
    display: block;
    position: relative;
    margin: 3% auto 2%;
    width: 0.92rem;
    height: 0.76rem;
    max-width: 90px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.footer .nav .item.active {
    color: #23bbf3;
}
.footer .nav .item {
    text-align: center;
}