.main-footer[data-v-84375c35] {
    height: 1.62rem;
    max-width: 10.08rem;
    width: calc(100% + .08rem);
    margin-left: -.04rem;
    margin-right: -.04rem;
    margin-bottom: -.1rem;
    z-index: 99;
    bottom: 0;
    padding: .24rem .4rem .34rem;
    box-sizing: border-box;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

.main-footer[data-v-84375c35]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: .32rem .32rem 0 0;
    background: var(--bg);
    box-shadow: 0 -.16rem .32rem #0000000a;
    -webkit-backdrop-filter: blur(.24rem);
    backdrop-filter: blur(.24rem)
}

.main-footer .item[data-v-84375c35] {
    line-height: .48rem;
    padding: 0 .1rem;
    background: none;
    font-size: .24rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.main-footer .item.levitate[data-v-84375c35] {
    width: 1.48rem;
    height: 1.04rem;
    border-radius: 1.8rem;
    background: var(--color);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-.4rem)
}

.main-footer .item.levitate img[data-v-84375c35] {
    height: .72rem
}

.main-footer .item img[data-v-84375c35] {
    height: .44rem;
    display: block
}

.main-footer .item span[data-v-84375c35] {
    margin-top: .12rem;
    font-size: .22rem;
    line-height: 1em;
    color: #929292;
    font-family: PingFang SC;
    font-style: normal
}

.main-footer .item.on span[data-v-84375c35] {
    color: var(--color)
}