.clear {
    clear: both;
}

.footer {
    border-top: 0.02rem solid #e2e2e2;
    position: fixed;
    width: 100%;
    height: 1rem;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.footer li {
    text-align: center;
}
.footer .active a {
    color: var(--themeColor);
}
.footer li a{}
.footer li a i {}
.footer li a p {
    font-size: 0.24rem;
    margin-top: 0.04rem;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.header_pub {
    height: 0.9rem;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background: var(--themeColor);
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
}
.header_pub .left {
    font-size: .36rem;
    flex: 1;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.header_pub .left i{
    font-size: .4rem;
    color: #fff;
}
.header_pub .left span{
    flex: 1;
}