.footer {
    width:100vw;
    height:100vh;
    /*display: none;*/
    background-color:#000;
    position:fixed;
    /*display:none;
    */
    bottom:0;
    z-index:0;
}
.footer .footer-container {
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    height:25rem;
    border-radius:0 0 1rem 1rem;
    padding:3.125rem;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.footer .footer-container .top {
    display:flex;
}
.first-font {
    transform:translateY(10rem);
    opacity:0;
    transition:all 1s;
}
.footer .footer-container .top>div {
    display:flex;
    flex-direction:column;
}
.footer .footer-container .bottom {
    font-size:0.875rem;
    font-family:HarmonyOS_Sans_SC;
    color:rgba(255,255,255,0.5);
}
.footer .footer-container .top>div:nth-of-type(1) {
    margin-right:16.0625rem;
}
.footer .footer-container .top>div:nth-of-type(2) {
    margin-right:10.0625rem;
}
.footer .footer-container .top>div:nth-of-type(2) span:last-child {
    text-decoration:underline;
}
.footer .footer-container .top>div:nth-of-type(3) {
    margin-right:10rem;
}
.footer .footer-container .top>div:nth-of-type(1) svg {
    width:10.0625rem;
    height:2.125rem;
}
.footer .footer-container .top>div span:first-child {
    font-size:0.875rem;
    font-family:HarmonyOS_Sans_SC;
    color:rgba(255,255,255,0.6);
}
.footer .footer-container .top .footer-font {
    transform:translateY(100%);
    opacity:0;
    transition:all 1s;
}
.footer .footer-container .top>div span:last-child {
    font-size:1.25rem;
    font-family:HarmonyOS_Sans_SC;
    margin-top:0.8125rem;
    color:#FFFFFF;
}