.manager-info {
    margin: 72px auto 0 auto;
    width: 1024px;
    height: 128px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.manager-info .manager-title {
    line-height: 80px;
    font-size: 64px;
    font-weight: 600;
    color: #000000;
}

.manager-info .manager-describe {
    line-height: 32px;
    font-size: 20px;
    color: #565656;
}

.contact-us {
    box-sizing: content-box;
    margin-top: 32px;
    width: 100%;
}

.contact-us .contact-title {
    line-height: 62px;
    font-size: 44px;
    font-weight: 600;
    color: #000000;
}

.contact-us .contact-info {
    width: 1100px;
    margin: auto;
    margin-bottom: 50px;
    padding: 16px 42px 12px 43px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #D4D4D4;
    height: 500px;
    border-radius: 16px;
}

.contact-us .contact-info .info-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact-us .contact-info .item {
    padding-left: 17px;
    min-height: 60px;
    width: 466px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.contact-us .contact-info .item .item-flex {
    display: flex;
    justify-content: flex-start;
    padding-left: 0;
}
.contact-us .contact-info .item .item-flex .item-icon {
    padding-bottom: 20px;
}

.contact-us .contact-info .item .item-flex p {
    margin-bottom: 14px;
    line-height: 25px;
}

.contact-us .contact-info .item .item-flex a {
    color: #565656;
    font-size: 14px;
    line-height: 25px;
}


.contact-us .contact-info .item .item-flex span{
    color: #565656;
    font-size: 14px;
    line-height: 25px;
}

.contact-us .contact-info .border{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    height: 104px;
    padding: 16px;
    margin: 6px 0;

    border-radius: 8px;
    border: 1px solid #D4D4D4;
}

.contact-us .contact-info .item-qrcode {
    display: flex;
    justify-content: end;
}

.contact-us .contact-info .item-qrcode .qrcode-img {
    pointer-events: none;
}

.contact-us .contact-info .item-qrcode img{
    width: 72px;
    height: 72px;
}

.contact-us .contact-info .item .item-icon {
    width: 40px;
    display: flex;
}

.contact-us .contact-info .item .item-icon img {
    width: 40px;
    height: 40px;
}

.contact-us .contact-info .item .item-text {
    padding-left: 8px;
    font-size: 20px;
    color: #565656;
    white-space: nowrap;
}

.contact-us .contact-info .item .item-text a {
    color: #565656;
}

.contact-us .contact-info .item .item-text a:hover{
    color:#177FF9;
}



.contact-us .contact-info .item .item-text .item-flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.contact-us .contact-info .item .item-text .item-flex .item-svg {
    display: flex;
}

.contact-us .contact-info .item .item-text .item-flex svg{
    width: 80px;
    margin-left: 2px;
}

.contact-us .contact-info .item .item-qrcode-info {
    padding-left: 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
}

.contact-us .contact-info .item .item-qrcode-info .qr-title {
    font-size: 20px;
    line-height: 40px;
}

.contact-us .contact-info .item .item-qrcode-info .qr-img {
    box-sizing: content-box;
    margin-top: 10px;
    width: 140px;
    height: 140px;
    border: 1px solid #D4D4D4;
    border-radius: 8px;
    overflow: hidden;
}

.contact-us .contact-info .item .item-qrcode-info .qr-img img {
    width: 140px;
    height: 140px;
}

.levitate-service {
    display: none;
}

.manager-dialog {
    display: none;
}


@media (max-width: 1720px) {
    .manager-info {
        margin: 3.75vw auto 0 auto;
        width: 53.333vw;
        height: 6.667vw;
    }
    
    .manager-info .manager-title {
        line-height: 4.167vw;
        font-size: 3.333vw;
    }
    
    .manager-info .manager-describe {
        line-height: 1.667vw;
        font-size: 1.042vw;
    }
    
    .contact-us {
        margin-top: 1.667vw;
    }
    
    .contact-us .contact-title {
        line-height: 3.229vw;
        font-size: 2.292vw;
    }
    
    .contact-us .contact-info {
        width: 57.292vw;
        padding: .833vw 2.188vw 0.563vw 2.24vw;
        height: 26.104vw;
        margin-bottom: 2.604vw;
        border: .052vw solid #D4D4D4;
        border-radius: .833vw;
    }
    
    .contact-us .contact-info .item {
        padding-left: .885vw;
        min-height: 3.083vw;
        width: 24.271vw;
    }

    .contact-us .contact-info .item .item-flex .item-icon {
        padding-bottom: 1.042vw;
    }

    .contact-us .contact-info .item .item-flex p {
        margin-bottom: .729vw;
        line-height: 25px;
    }

    .contact-us .contact-info .item .item-flex a {
        font-size: .729vw;
        line-height: 1.302vw;
    }

    .contact-us .contact-info .item .item-flex span{
        font-size: .729vw;
        line-height: 1.302vw;
    }

    .contact-us .contact-info .item .item-text a:active{
        color:#177FF9;
    }
    
    .contact-us .contact-info .border{
        height: 5.417vw;
        padding: .833vw;
        margin: .313vw 0;
    
        border-radius: .417vw;
        border: .052vw solid #D4D4D4;
    }
    
    .contact-us .contact-info .item-qrcode img{
        width: 3.75vw;
        height: 3.75vw;
    }
    
    
    .contact-us .contact-info .item .item-icon {
        width: 2.083vw;
    }
    
    .contact-us .contact-info .item .item-icon img {
        width: 2.083vw;
        height: 2.083vw;
    }
    
    .contact-us .contact-info .item .item-text {
        padding-left: .417vw;
        font-size: 1.042vw;
    }
    
    .contact-us .contact-info .item .item-text .item-flex svg{
        margin-left:.104vw;
        width: 4.167vw;
    }
    
    .contact-us .contact-info .item .item-qrcode-info {
        padding-left: .417vw;
    }
    
    .contact-us .contact-info .item .item-qrcode-info .qr-title {
        line-height: 2.083vw;
        font-size: 1.042vw;
    }
    
    .contact-us .contact-info .item .item-qrcode-info .qr-img {
        margin-top: .521vw;
        width: 7.292vw;
        height: 7.292vw;
        border: .052vw solid #D4D4D4;
        border-radius: .417vw;
    }
    
    .contact-us .contact-info .item .item-qrcode-info .qr-img img {
        width: 7.292vw;
        height: 7.292vw;
    }
    
}

@media (max-width: 820px) {

    .manager-info {
        width: 65.333vw;
        height: auto;
    }

    .manager-info .manager-title {
        width: 80vw;
        font-weight: 500;
        font-size: 8.533vw;
        color: #000000;
        line-height: 10.667vw;
        text-align: center;
    }

    .manager-info .manager-describe {
        margin: 4.267vw 0 7.467vw 0;
        font-weight: 400;
        font-size: 3.2vw;
        color: #565656;
        line-height: 4.533vw;
        text-align: center;
    }

    .contact-us {
        background: #FFFFFF;
    }

    .contact-us .contact-title {
        margin-bottom: 4.8vw;
        font-weight: 500;
        font-size: 5.867vw;
        color: #000000;
        line-height: 8.267vw;
    }

    .contact-us .contact-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 89.6vw;
        height: 139.467vw;
        margin: auto;
        margin-bottom: 7.467vw;
        padding: 0;

        border-radius: 2.133vw;
        border: .267vw solid #D4D4D4;
    }

    .contact-info .info-wrap {
        flex-direction: column;

        width: 100%;
        padding: 4.267vw 4.267vw 0;
    }

    .contact-us .contact-info .info-wrap .border{
        width: 80.333vw;
        height: 19.733vw;
        padding: 1.6vw 1.6vw 1.6vw .5vw;
    
        border-radius: 1.067vw;
        border: .133vw solid #D4D4D4;
    }

    .contact-us .contact-info .info-wrap .empty {
        display: none;
    }
    

    .contact-us .contact-info .item {
        display: flex;
        align-items: center;
        margin-bottom: 4.267vw;
        width: 100%;
        height: 7.467vw;
    }

    .contact-us .contact-info .item .item-flex .pd0 {
        padding: 0;
    }

    .contact-us .contact-info .item .item-text {
        font-size: 4.267vw;
        line-height: 6vw;
    }

    .contact-us .contact-info .item .item-text a {
        font-size: 3.2vw;
        line-height: 4.4vw;
    }

    .contact-us .contact-info .item .item-text .item-flex svg{
        margin-left:1.104vw;
        width: 14.167vw;
    }
    

    .contact-us .contact-info .item .item-icon {
        width: 7.467vw;
        height: 7.467vw;
        margin-right: 1.2vw;
    }

    .contact-us .contact-info .item .item-flex .item-icon {
        padding-bottom: 12.667vw;
        margin-left:.7vw;
    }

    .contact-us .contact-info .item .item-icon {
        width: 7.467vw;
        height: 7.467vw;
    }

    .contact-us .contact-info .item .item-icon svg{
        width: 7.467vw;
        height: 7.467vw;
    }


    .contact-us .contact-info .item .item-icon img{
        width: 7.467vw;
        height: 7.467vw;
    }


    .contact-us .contact-info .item .item-flex {
        height: inherit;
        padding-top: 3vw;
    }
    .contact-us .contact-info .item .item-flex span{
        font-size: 3.2vw;
        line-height: 4.4vw;
    }

    .contact-us .contact-info .item .item-flex a {
        font-size: 3.2vw;
        line-height: 4.4vw;
    }

    .contact-us .contact-info .item-qrcode {
        padding-top: 2.133vw;
        align-items: flex-start;
        width: 11.733vw;
        height: 11.733vw;
        border-radius: 1.067vw;
    }

    .contact-us .contact-info .item-qrcode .qrcode-img {
        pointer-events: auto;
    }
    

    .contact-us .contact-info .item .item-qrcode img {
        width: 11.733vw;
        height: 11.733vw;
    }

   .levitate-service {
        display: block;
        position: fixed;
        bottom:14.667vw;
        right: 2.667vw;
   }

   .levitate-service svg{
        width: 12.8vw;
        height: 12.8vw;
    }

    .levitate-service-content {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .levitate-service-content .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9998;
    }

    .levitate-service-content .service-img {
        z-index: 10000;
        pointer-events: auto;
        height: 122.4vw;
        width: 89.333vw;
    }

    .levitate-service-content .levitate-service-closed {
        position: absolute;
        z-index: 10002;
        right: 7.667vw;
        top: 38vw;
        width: 7.467vw;
        height: 7.467vw;
        display: flex;
        justify-content: center;
        align-items: center;

        background: #FFFFFF;
        border-radius: 50%;
    }

    .levitate-service-content .levitate-service-closed svg {
        width: 7.467vw;
        height: 7.467vw;
    }

     .save-service-img {
        position: absolute;
        bottom: 7%;
        z-index: 10001;
        display: flex;
        align-items: center;
        justify-content: center;

        width: 89.333vw;
        height: 11.733vw;
        background: #FFFFFF;
        border-radius: 3.2vw;

        font-weight: 500;
        font-size: 4.267vw;
        color: #000000;
        line-height: 6vw;
        text-decoration: none;
    }


    .manager-dialog {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .manager-dialog .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9998;
    }

    .manager-dialog .manager-img {
        pointer-events: auto;
        height: 80.4vw;
        width: 75.333vw;
        display: flex;
        justify-content: center;
        align-items: center;

        background-color: #fff;
        z-index: 10000;
        border-radius: 2.133vw;
    }

    .manager-dialog .manager-img img{
        width: 66.667vw;
        height: 66.667vw;
    }

    .manager-dialog .manager-dialog-closed {
        position: absolute;
        z-index: 10002;
        right: 13.667vw;
        top: 29%;
        width: 7.467vw;
        height: 7.467vw;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }

    .manager-dialog .manager-dialog-closed svg {
        width: 7.467vw;
        height: 7.467vw;
    }

    .manager-dialog .save-manager-img {
        position: absolute;
        bottom: 19%;
        z-index: 10001;
        display: flex;
        align-items: center;
        justify-content: center;

        width: 75.333vw;
        height: 10.733vw;
        background: #FFFFFF;
        border-radius: 3.2vw;

        font-weight: 500;
        font-size: 4.267vw;
        color: #000000;
        line-height: 6vw;
        text-decoration: none;
    }
}