body{
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.hander{


}
.content {
    height: 100%;
    flex: 1;
}
.footer {
	height: 1rem;
	background-color: #000000;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.footer  li{
     font-size: 0.24rem;
     color: #ffffff;
     position: relative;

}
.footer .active{
    font-size: 0.3rem;

}
.footer .active::after{
    content: "";
    width: 0.51rem;
    height: 0.03rem;
    background-color: #ffffff;
    border-radius: 0.015rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.24rem;
}