/* 页脚 */
body .footer {
    width: 100%;
}

body .page-footer {
    width: 100%;
}

/* 关注我们 */
body .page-footer .page-footer-follow {
    width: 100%;
    background: #3A4E58;
    border-top: 3px solid #FFF;
}

body .page-footer .page-footer-follow .follow-legal {
    width: 100%;
    max-width: 1440px;
    box-sizing: border-box;
    padding: 48px 80px 64px;
}

body .page-footer .page-footer-follow .follow-legal .follow-content {
    width: 174px;
    height: 100%;
}

body .page-footer .page-footer-follow .follow-legal .follow-content .title {
    color: #FFF;
    font-family: "Noto Sans Regular", sans-serif;
    font-size: 28px;
    line-height: 116%; /* 32.48px */
    letter-spacing: -0.308px;
}

body .page-footer .page-footer-follow .follow-legal .follow-content .follow-btn-list {
    margin-top: 28px;
}

body .page-footer .page-footer-follow .follow-legal .follow-content .follow-btn-list .follow-btn {
    width: 48px;
    height: 48px;
    margin-left: 15px;
}

body .page-footer .page-footer-follow .follow-legal .follow-content .follow-btn-list .follow-btn img {
    width: 100%;
    height: 100%;
}

body .page-footer .page-footer-follow .follow-legal .follow-content .follow-btn-list .follow-btn:first-child {
    margin-left: 0;
}

body .page-footer .page-footer-follow .follow-legal .legal-content {
    padding-left: 63px;
}

body .page-footer .page-footer-follow .follow-legal .legal-content a {
    color: #FFF;
    font-family: "Noto Sans Regular", sans-serif;
    font-size: 18px;
    line-height: 144%; /* 25.92px */
    letter-spacing: -0.198px;
}

@media only screen and (max-width: 1099px) {
    body .page-footer .page-footer-follow .follow-legal {
        padding: 48px 64px 64px;
    }
}

@media only screen and (max-width: 919px) {
    body .page-footer .page-footer-follow .follow-legal {
        padding: 40px 48px 48px;
    }

    body .page-footer .page-footer-follow .follow-legal .follow-content {
        width: 140px;
    }

    body .page-footer .page-footer-follow .follow-legal .legal-content {
        padding-left: 30px;
    }

    body .page-footer .page-footer-follow .follow-legal .legal-content a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 799px) {
    body .page-footer .page-footer-follow .follow-legal {
        padding: 40px 24px 48px;
    }
}

/* 条款 */
body .page-footer .page-footer-rules {
    width: 100%;
    height: 83px;
    background-color: #ffffff;
}

body .page-footer .page-footer-rules .rule-list {
    width: 100%;
    max-width: 1440px;
    height: 100%;
    box-sizing: border-box;
    padding: 0 80px;
}

body .page-footer .page-footer-rules .rule-list .rule-btn {
    margin-left: 38px;
    color: #3A4E58;
    font-family: "Noto Sans Medium", sans-serif;
    font-size: 18px;
    line-height: 144%; /* 25.92px */
    letter-spacing: -0.198px;
    text-decoration: none;
    transition: color .3s ease;
    cursor: pointer;
}

body .page-footer .page-footer-rules .rule-list .rule-btn:first-child {
    margin-left: 0;
}

body .page-footer .page-footer-rules .rule-list .rule-btn:hover {
    color: #a4c400;
}

@media only screen and (max-width: 1099px) {
    body .page-footer .page-footer-rules .rule-list {
        padding: 0 64px;
    }
}


@media only screen and (max-width: 919px) {
    body .page-footer .page-footer-rules .rule-list {
        padding: 0 48px;
    }
}

@media only screen and (max-width: 799px) {
    body .page-footer .page-footer-rules .rule-list {
        padding: 0 24px;
    }
}

/* 二维码 */
body .qr-container {
    width: 100%;
    height: 100%;
    background-color: #0b0b0bCC;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1010;
}

body .qr-container .qr-box {
    width: 250px;
}

body .qr-container .qr-box .close-btn {
    height: 44px;
    color: #fff;
    font-family: Arial, Baskerville, monospace;
    font-size: 28px;
    font-weight: 700;
    line-height: 44px;
    transition: color .3s ease;
    cursor: pointer;
}

body .qr-container .qr-box .close-btn:hover {
    color: #a4c400;
}

body .qr-container .qr-box .qr-code-btn img {
    width: 100%;
    height: auto;
}