/*@media screen and (max-width: 520px) {*/
/*    .footer-box {*/
/*        background: #131417;*/
/*    }*/
/*    .footer-box .bottom {*/
/*        font-weight: 500;*/
/*        font-size: 10px;*/
/*        color: #4E4F53;*/
/*        line-height: 16px;*/
/*        text-align: center;*/
/*        height: 60px;*/
/*    }*/

/*    .footer-box .top {*/
/*        box-sizing: border-box;*/
/*        padding: 30px 0 24px 20px;*/
/*    }*/
/*    .footer-box .top .title{*/
/*        font-weight: 500;*/
/*        font-size: 14px;*/
/*        color: #FFFFFF;*/
/*        line-height: 28px;*/
/*        margin-bottom: 12px;*/
/*    }*/
/*    .footer-box .top .desc{*/
/*        display: flex;*/
/*        justify-content: space-between;*/
/*        align-items: center;*/
/*        font-family: PingFang SC, PingFang SC;*/
/*        font-weight: 400;*/
/*        font-size: 12px;*/
/*        color: #737373;*/
/*        line-height: 20px;*/
/*        box-sizing: border-box;*/
/*        padding-right: 23px;*/
/*        margin-bottom: 30px;*/
/*    }*/
/*    .footer-box .top .desc.pt-51{*/
/*        padding-right: 51px;*/
/*    }*/
/*    .footer-box .top .desc.pt-239{*/
/*        padding-right: 239px;*/
/*    }*/
/*    .footer-box .navs {*/
/*        display: block;*/
/*    }*/
/*    .footer-box .navs .navs-item{*/
/*        display: flex;*/
/*        align-items: center;*/
/*        font-weight: 400;*/
/*        font-size: 12px;*/
/*        color: #FFFFFF;*/
/*        line-height: 14px;*/
/*    }*/
/*    .footer-box .navs .navs-item .icon {*/
/*        width: 18px;*/
/*        height: 18px;*/
/*        margin-right: 8px;*/
/*    }*/
/*    .footer-box .navs .navs-item .label {*/
/*        width: auto;*/
/*        white-space: nowrap;*/
/*    }*/
/*    .footer-box .navs .qr-code {*/
/*        right: -87px;*/
/*        top: -10px;*/
/*    }*/
/*}*/
@media screen and (max-width: 768px) {
    .footer-box {
        background: #131417;
    }
    .footer-box .bottom {
        font-weight: 500;
        font-size: 2.666667vw; /* 假设此值已经是vw单位 */
        color: #4E4F53;
        line-height: 4.266667vw; /* 假设此值已经是vw单位 */
        text-align: center;
        height: 16vw; /* 假设此值已经是vw单位 */
    }

    .footer-box .top {
        box-sizing: border-box;
        padding: 8vw 0 6.4vw 5.333333vw; /* 30 / 375 */
    }
    .footer-box .top .title{
        font-weight: 500;
        font-size: 3.733333vw; /* 假设此值已经是vw单位 */
        color: #FFFFFF;
        line-height: 7.466667vw; /* 假设此值已经是vw单位 */
        margin-bottom: 3.2vw; /* 12 / 375 */
    }
    .footer-box .top .desc{
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;
        font-size: 3.2vw; /* 假设此值已经是vw单位 */
        color: #737373;
        line-height: 5.333333vw; /* 假设此值已经是vw单位 */
        box-sizing: border-box;
        padding-right: 6.133333vw; /* 23 / 375 */
        margin-bottom: 8vw; /* 30 / 375 */
    }
    .footer-box .top .desc.pt-51{
        padding-right: 13.6vw; /* 51 / 375 */
    }
    .footer-box .top .desc.pt-239{
        padding-right: 63.733333vw; /* 239 / 375 */
    }
    .footer-box .navs {
        display: block;
    }
    .footer-box .navs .navs-item{
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 3.2vw; /* 假设此值已经是vw单位 */
        color: #FFFFFF;
        line-height: 3.733333vw; /* 假设此值已经是vw单位 */
    }
    .footer-box .navs .navs-item .icon {
        width: 4.8vw; /* 18 / 375 */
        height: 4.8vw; /* 18 / 375 */
        margin-right: 2.133333vw; /* 8 / 375 */
    }
    .footer-box .navs .navs-item .label {
        width: auto;
        white-space: nowrap;
    }
    .footer-box .navs .qr-code {
        right: -23.2vw; /* -87 / 375 */
        top: -2.666667vw; /* -10 / 375 */
    }
}