div {
    -webkit-tap-highlight-color: transparent;
}

.footer {
    /*height: 688rem;*/
    background-color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer .footer-line {
    width: 100%;
    height: calc(1rem * var(--scale));
    background-color: #F9CC02;
}

.footer .logo {
    width: calc(156rem * var(--scale));
    height: calc(58rem * var(--scale));
    object-fit: cover;
    margin-top: calc(40rem * var(--scale));
}

.footer .social {
    width: calc(230rem * var(--scale));
    height: calc(28rem * var(--scale));
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin-top: calc(40rem * var(--scale));
}

.footer .social img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer .social .social-wechat {
    width: calc(28rem * var(--scale));
    height: calc(23rem * var(--scale));
}

.footer .social .social-weibo {
    width: calc(28rem * var(--scale));
    height: calc(21rem * var(--scale));
}

.footer .social .social-tik-tok {
    width: calc(19rem * var(--scale));
    height: calc(21rem * var(--scale));
}

.footer .footer-nav {
    display: grid;
    grid-template-columns: 100%;
    margin-top: calc(35rem * var(--scale));
    width: calc(100vw - 146rem * var(--scale));
    font-size: calc(16rem * var(--scale));
}

.footer .footer-nav a {
    font-weight: 500;
    font-size: calc(13rem * var(--scale));
    line-height: calc(35rem * var(--scale));
    color: #999999;
}

.footer .footer-nav .a-left {
    text-align: left;
}
.footer .footer-nav .a-right {
    text-align: right;
}

.footer .footer-nav span {
    font-weight: 500;
    font-size: calc(18rem * var(--scale));
    line-height: calc(45rem * var(--scale));
    color: #FFFFFF;
    text-align: right;
}

.footer .footer-nav a:visited {
}

.footer .rights {
    margin-top: calc(15rem * var(--scale));
    margin-bottom: calc(36rem * var(--scale));
    width: calc(100vw - 146rem * var(--scale));
}

.footer .rights p {
    font-size: calc(13rem * var(--scale));
    line-height: calc(25rem * var(--scale));
    color: #999999;
    text-align: left;
}

@media only screen and (min-width: 500px) {
    .footer {
        /*padding-left: 100rem;*/
    }
}