.contact-wrap {
    background: url(../img/blog/contact-bg.png) no-repeat;
    background-size: cover;
    padding: 1rem 0;
}

.contact-box {
    margin: 0 auto;
}

.contact {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 0.1rem 0rem 0rem 0.1rem;
    box-shadow: 0rem 0rem 0.2rem 0.01rem rgba(0, 0, 0, 0.16);
}

.contact-des {
    flex: 1;
    padding: 0.3rem 0.3rem 0.3rem;
}

.contact-text {
    font-size: 0.3rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    margin-bottom: 0.3rem;
}

.contact-p {
    margin-bottom: 0.2rem;
    font-size: 0.16rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.26rem;
}

.contact-p span {
    color: #999999;
}

.contact-img {
    width: 7rem;
    height: 6rem;
}

.contact-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.contact-share-box {
    display: flex;
    align-items: center;
    margin-top: 0.45rem;
}

.contact-share {
    width: 0.4rem;
    height: 0.4rem;
    background: rgba(226, 193, 124, .3);
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;

    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 0.15rem;
    cursor: pointer;
}

.contact-share img {
    width: 0.36rem;
    height: 0.36rem;
}

.contact-share:hover {
    background: #F1BB76;
}

.contact-map {
    height: 4rem;
    margin-top: 0.4rem;
    padding: 0.1rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0.2rem 0.01rem rgba(0, 0, 0, 0.16);
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
}