.code-box-fixed{
    position: fixed;
    top:0;left:0;right:0;bottom: 0;
    background-color: rgba(0,0,0,0.5);
}

.code-box-fixed .code-box{
    position: absolute;left:50%;top:50%;bottom:unset;display: block;margin-left:unset;
    transform: translate(-50%,-50%);
}

img.qr-code{width: 8rem;height: 8rem;max-width: none}

.code-box::after{border: none}
.qr-code-wrap .code-box::after{border: none}

.a-q-c-subtitle{font-family: PingFang SC,system-ui,-apple-system,Segoe UI,Rototo,Helvetica,Arial,sans-serif !important;color: #333 !important;font-weight: 300 !important;}

.know-hs-i:nth-of-type(1){
    background: url(../images/know1.jpg) no-repeat !important;
    background-size:100% 100% !important;.a-q-c-subtitle
}

.image-property{width: 80%;margin: 0 auto}

@media (max-width: 480px) {
    .h6-head-wrap{margin-top: unset !important;}
    .hs-h6-grid{height:81rem !important;}
    .hs-h6-detail-line-seventh-grid{
        background: url(../images/h6/h6-8.png) no-repeat !important;
        -o-background-size: cover !important;
        background-size: cover !important;
    }
    .hs-h6-detail-line-eighth-grid{height: auto !important;}
}

@media screen and (min-width: 480px){
    .code-box{width: 272px}
    .code-box > .qr-code{width:240px;height:240px}
    img.qr-code{width: 4rem;height: 4rem;max-width: none}
    .footer-grid{height: 12rem}
}

@media screen and (max-width: 768px){
    .image-property{width: 100%;}
}