.footer {
    margin-top: 48rem;
}
.footer-top {
    padding: 40rem 0;
    background-color: #2A2A32;
    display: flex;
}
.footer__logo {
    width: 170rem;
    height: 50rem;
}
.footer-top__icon-list {
    margin-top: 42rem;
}
.footer-top__icon-list > img {
    height: 24rem;
    margin-right: 17rem;
}
.footer-top__mobile {
    font-size: 24rem;
    color: #fff;
    margin-top: 19rem;
}
.footer-top__left {
    width: 180rem;
    border-right: 1rem solid rgba(255, 255, 255, 0.19);
}
.footer-top__menu-list {
    flex: 1;
}
.footer__menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 160rem;
    margin-right: 100rem;
}
.footer__menu > dd {
    margin-top: 24rem;
    color: #B6B6B6;
    font-size: 14rem;
}
.footer__menu > dd > a {
    color: #fff;
}
.footer-menu__title {
    font-size: 16rem;
}
.footer-top-wrapper {
    display: flex;
    justify-content: space-between;
    color: #fff;
}
.qrcode-list {
    display: flex;
}
.qrcode-list .qrcode-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60rem;
    height: 38rem;
    background-color: #ffffff1a;
    border-radius: 5rem;
    margin-right: 20rem;
    position: relative;
    cursor: pointer;
}
.qrcode-list .qrcode-btn > img {
    height: 15rem;
}
.qrcode-list .qrcode-btn:hover .qrcode-wrapper {
    display: block;
}
.footer-top__right {
    display: flex;
    flex-direction: column;
}
.footer-top__right .qrcode-wrapper {
    position: absolute;
    top: -140rem;
    display: none;
}
.footer-top__right .qrcode-wrapper::before {
    content: "";
    left: 59rem;
    position: absolute;
    bottom: 0;
    transform: rotate(45deg);
    width: 12rem;
    height: 12rem;
    z-index: 5;
    background: #fff;
}
.footer-top__right .qrcode {
    width: 130rem;
    height: 130rem;
}
.footer-top__right .footer__num {
    margin-top: 32rem;
    height: 90rem;
}
.footer-top__right .footer__num-text {
    margin-top: 20rem;
    text-align: right;
}
.footer-bottom {
    padding: 24rem 0;
    background: #242424;
    color: #B6B6B6;
    font-size: 12rem;
}
.footer-bottom a {
    color: #B6B6B6;
}
.footer-bottom .friend-link {
    display: flex;
}
.footer-bottom .friend-link dd {
    margin-right: 6rem;
}
.footer-bottom .copyright {
    display: flex;
    justify-content: center;
    margin-top: 24rem;
}
.footer-bottom .copyright span {
    margin-left: 10rem;
}
.footer-bottom .beian-icon {
    height: 12rem;
    margin-right: 3rem;
}