footer {
    width: 10rem;
    height: 1.633333rem;
    position: fixed;
    left: calc(50vw - 5rem);
    bottom: 0;
    background-color: #ffffff;
    z-index: 1000;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    justify-content: space-around;
}

    footer .item {
        width: 2.733333rem;
        height: 1.33333333rem;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: center;
    }

        footer .item .img {
            width: 0.98666667rem;
            height: 0.58666667rem;
            margin: 0.18666667rem auto 0;
        }

        footer .item .img2 {
            margin: -0.45333333rem 0 0 -0.26666667rem;
            width: 1.12rem;
            height: 1.2rem;
        }

        footer .item p {
            font-size: 0.26666667rem;
            color: #333333;
            /* height: 0.27066667rem;
            line-height: 0.27666667rem;*/
            overflow: hidden;
            width: 100%;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
        }

    footer .active p {
        color: #ABB4FF;
    }