@charset "UTF-8";
.app-footer-container { background: #333; }
.app-footer-top { padding: var(--app-fs-98) 0 var(--app-fs-120) }
.app-footer-top .footer-logo { display: block; width: var(--app-fs-230); }
.app-footer-top .footer-nav { margin-top: var(--app-fs-50); font-size: var(--app-fs-16); color: rgba(255, 255, 255, .6); }
.app-footer-top .footer-nav ul li + li { margin-left: var(--app-fs-60); }
.app-footer-top .footer-qrcode { padding: var(--app-fs-30) var(--app-fs-20); border-radius: var(--app-fs-16); border: 1px solid rgba(255, 255, 255, .1); }
.app-footer-top .footer-qrcode .txt { margin-right: 12px; font-size: var(--app-fs-18); line-height: 1; color: #fff; writing-mode: vertical-rl; letter-spacing: 4px; }
.app-footer-top .footer-qrcode .img { width: var(--app-fs-108); }
.footer-contact { margin-left: var(--app-fs-40); }
.footer-contact .tel { font-size: var(--app-fs-38); color: rgba(255, 255, 255, .6); }
.footer-contact .other { font-size: var(--app-fs-16); line-height: 2; color: rgba(255, 255, 255, .6); }
.app-footer-bottom { padding: var(--app-fs-20) 0; border-top: 1px solid rgba(211, 211, 211, .1); font-size: var(--app-fs-14); color: rgba(255, 255, 255, .25); }
@media (hover:hover) {
    .app-footer-top .footer-nav ul li a:hover { color: #fff; }
    .footer-contact .other:hover,.footer-contact .tel:hover { color: #fff; }
}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
    .app-footer-top { flex-direction: column; }
    .app-footer-top .footer-nav { display: none; }
    .app-footer-top .left { display: flex; flex-direction: column; align-items: center; width: 100%; }
    .app-footer-top .right { flex-direction: column; width: 100%; margin-top: var(--app-fs-30); }
    .app-footer-top .footer-qrcode { flex-direction: column-reverse; }
    .app-footer-top .footer-qrcode .txt { margin-top: 12px; margin-right: 0; font-size: 14px; writing-mode: initial; letter-spacing: initial; }
    .app-footer-top .footer-qrcode .img { width: 120px; }
    .footer-contact { text-align: center; margin-top: 14px; }
    .footer-contact .other { font-size: 12px; }
    .app-footer-bottom { justify-content: center; }
}

@media (max-width: 600px) {

}

@media (max-width: 375px) {

}