.footer {
    background-color: black;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer .logo {
    width: 156rem;
    height: 73rem;
    margin-top: 60rem;
    object-fit: fill;
}

.footer .social {
    height: 29rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: 60rem;
}

.footer .social .item-box {
    position: absolute;
    width: 109rem;
    height: 113rem;
    top: 39rem;
    left: -35rem;
    display: none;
}

.footer .social .item-box.tik-tok {
    left: -40rem;
}

.footer .social .item-box .bg {
    width: 109rem;
    height: 113rem;
}

.footer .social .item-box .code {
    position: absolute;
    width: 101rem;
    height: 101rem;
    top: 8rem;
    left: 4rem;
    object-fit: fill;
}

.footer .social .weibo {
    width: auto;
    height: 23rem;
    margin-right: 40rem;
}

.footer .social .social-wechat {
    position: relative;
    margin-right: 44rem;
}

.footer .social .social-wechat:hover .item-box {
    display: block;
}

.footer .social .social-wechat .wechat {
    width: auto;
    height: 23rem;
}

.footer .social .social-tik-tok {
    position: relative;
}

.footer .social .social-tik-tok:hover .item-box {
    display: block;
}

.footer .social .social-tik-tok .tik-talk {
    width: auto;
    height: 23rem;
}

.footer .footer-nav {
    width: 100%;
    height: 76rem;
    margin-top: 56rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer .footer-nav a {
    color: white;
    font-size: 18rem;
    font-weight: 400;
    margin-right: 90rem;
}

.footer .footer-nav a:visited {
    color: white;
}

.footer .footer-nav .subscribe {
    position: relative;
}

.footer .footer-nav .subscribe:hover .code-box {
    display: block;
}

.footer .footer-nav .subscribe .text {
    color: white;
    font-size: 18rem;
    font-weight: 400;
}

.footer .footer-nav .subscribe .code-box {
    position: absolute;
    top: 30rem;
    left: 50%;
    transform: translate(-50%, 0);
    width: 109rem;
    height: 113rem;
    display: none;
}

.footer .footer-nav .subscribe .code-box .bg {
    width: 109rem;
    height: 113rem;
}

.footer .footer-nav .subscribe .code-box .code {
    position: absolute;
    width: 101rem;
    height: 101rem;
    top: 8rem;
    left: 4rem;
    object-fit: fill;
}

.footer .rights {
    color: #696969;
    font-size: 14rem;
    font-weight: 400;
    margin-top: 32rem;
    margin-bottom: 60rem;
    width: 488rem;
    /*display: flex;*/
    /*justify-content: space-between;*/
    text-align: center;
}