.data-map-address {
    width: 100%;
    height: 2rem;
    background-color: #f8f8f8;
    position: relative;
}

.data-map-address .z242femain {
    width: 1546px;
    height: 1.759507rem;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    padding: 20px;
    box-sizing: border-box;
}

@media screen and (max-width:1023px) {
    .data-map-address {
        width: 100%;
        height: 600px;
        background-color: #f8f8f8;
        position: relative;
        border: 1px solid red;
    }
    .data-map-address .z242femain {
        width: 100%;
        height: 600px;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        padding: 20px;
        box-sizing: border-box;
    }
    .data-map-address .z242fecol-md8,
    .data-map-address .z242fecol-md8 {
        width: 100%;
    }
    .data-address {
        width: 100%;
        padding: .289877rem;
        box-sizing: border-box;
        margin-top: 50px;
    }
    .creat-map {
        width: 100%;
        height: 300px;
        border: #ccc solid 1px;
    }
    .data-address a {
        font-size: 18px;
        font-weight: 550;
        color: #111;
        display: block;
        margin-bottom: 30px;
    }
    .data-address p {
        font-size: 14px;
        color: #888;
        line-height: 2;
    }
}

@media screen and (min-width:460px) and (max-width:730px) {
    .data-map-address {
        width: 100%;
        height: 8.5rem;
        background-color: #f8f8f8;
        position: relative;
    }
    .data-map-address .z242femain {
        width: 100%;
        height: 8.5rem;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        padding: 20px;
        box-sizing: border-box;
    }
    .creat-map {
        width: 100%;
        height: 140px;
        border: #ccc solid 1px;
    }
    .data-address {
        width: 100%;
        height: 226.78px;
        box-sizing: border-box;
    }
}

@media screen and (min-width:300px) and (max-width:459px) {
    .data-map-address {
        height: 500px;
    }
    .data-map-address .z242femain {
        height: 500px;
    }
    .creat-map {
        width: 100%;
        height: 140px;
        border: #ccc solid 1px;
    }
    .data-address {
        width: 100%;
        height: 226.78px;
        box-sizing: border-box;
    }
}

@media screen and (min-width:1024px) {
    .creat-map {
        width: 100%;
        height: calc(1.759507rem - 40px);
        border: #ccc solid 1px;
    }
    .data-address {
        width: 100%;
        height: calc(1.759507rem - 40px);
        padding: .289877rem;
        box-sizing: border-box;
    }
    .data-address a {
        font-size: 18px;
        font-weight: 550;
        color: #111;
        display: block;
        margin-bottom: 30px;
    }
    .data-address p {
        font-size: 14px;
        color: #888;
        line-height: 2;
    }
}

@media screen and (min-width:1024px) and (max-width:1540px) {
    .data-map-address {
        height: 3rem;
    }
    .data-map-address .z242femain {
        height: 2.759507rem;
    }
    .creat-map {
        width: 100%;
        height: calc(2.759507rem - 40px);
        border: #ccc solid 1px;
    }
    .data-address {
        width: 100%;
        height: calc(2.759507rem - 40px);
        padding: .289877rem;
        box-sizing: border-box;
    }
}

@media screen and (width:1024px) {
    .data-map-address .z242femain,
    .city .z242femain {
        width: 100%;
        margin: 0 auto;
    }
}


/* 其他城市部分 */

.city {
    width: 100%;
    /* height: 3.274075rem; */
    margin: 30px auto;
    padding-bottom: 30px;
}

@media screen and (min-width) {
    .city .z242femain {
        width: 7.558274rem;
    }
}

.city_title {
    text-align: center;
    margin: 50px auto;
}

.city_title h3 {
    font-size: 24px;
    font-weight: 600;
    color: #000000;
    padding-bottom: 10px;
}

.city_title span {
    font-size: 16px;
    line-height: 1.5;
    color: #999;
}

.city_info {
    padding: 30px;
    border: 1px solid #ccc;
    box-shadow: rgb(0 0 0 / 12%) 0 0 22px;
}

.city_info a {
    font-size: 18px;
    color: #111;
    font-weight: 550;
    display: block;
    margin-bottom: 20px;
}

.city_info p {
    font-size: 14px;
    color: #888;
    line-height: 2;
}