/* pc 端 媒体查询 */
@media screen and (min-width: 769px){
    .contact-wrap .address-wrap{
        position: relative;
        width: 1200px;
        height: 640px;
        margin: 90px auto;
    }
    
    #bdmap{
        width: 100%;
        height: 100%;
    }
    
    .contact-wrap .address-wrap .place-card{
        padding: 80px 35px;
        width: 448px;
        height: 481px;
        background-color: rgba(187, 122, 81, 0.9);
        position: absolute;
        top: 50%;
        right: -175px;
        transform: translateY(-50%);
        z-index: 10;
    }
    
    .contact-wrap .address-wrap .place-card .title{
        font-size: 30px;
        color: #fff;
        margin-bottom: 60px;
    }
    
    .contact-wrap .address-wrap .place-card .place-list .item{
        font-size: 18px;
        color: #fff;
    }
    
    .contact-wrap .address-wrap .place-card .place-list .item:not(:last-child){
        margin-bottom: 26px;
    }
}

/* 移动端 媒体查询 */
@media screen and (max-width:768px){
    .contact-wrap .address-wrap{
        position: relative;
        width: 8.933rem /* 335px -> 8.933rem */;
        height: 8.533rem /* 320px -> 8.533rem */;
        margin: 1.333rem /* 50px -> 1.333rem */ auto 6.667rem /* 250px -> 6.667rem */;
    }
    
    #bdmap{
        width: 100%;
        height: 100%;
    }

    .contact-wrap .address-wrap .place-card{
        padding: 1.067rem /* 40px -> 1.067rem */ .533rem /* 20px -> .533rem */;
        width: 8.933rem /* 335px -> 8.933rem */;
        height: 7.2rem /* 270px -> 7.2rem */;
        background-color: rgba(187, 122, 81, 0.9);
        position: absolute;
        bottom: -5.333rem /* -200px -> -5.333rem */;
        right: 0;
        z-index: 30;
    }
    
    .contact-wrap .address-wrap .place-card .title{
        font-size: .533rem /* 20px -> .533rem */;
        color: #fff;
        margin-bottom: .8rem /* 30px -> .8rem */;
    }
    
    .contact-wrap .address-wrap .place-card .place-list .item{
        font-size: .347rem /* 13px -> .347rem */;
        color: #fff;
    }
    
    .contact-wrap .address-wrap .place-card .place-list .item:not(:last-child){
        margin-bottom: .32rem /* 12px -> .32rem */;
    }
}