body{
    margin: 0 auto;
    max-width: 750px;
    min-width: 320px;
}
*{
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
}
.main {
    background: #F5F5F5;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.8rem;
    padding: 0 0.133333rem;
    background: white;
    border-bottom: 1px solid #ccc;
}

header>a>img {
    width: 100%;
}

header>a {
    display: block;
}

header>a:nth-of-type(1) {
    width: 4.7rem;
}

header>a:nth-of-type(2) {
    width: 0.5rem;
}

.map.box {
    background: white;
    margin-bottom: 0.2rem;
    padding: 0.133333rem;
}

.map_box_tit>a {
    font-weight: 600;
    color: black;
    font-size: 0.53rem;
}

.map.box_con {
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
}

.map.box_con>a {
    display: inline-block;
    width: 28%;
    text-align: center;
    background: #EBEDF0;
    border-radius: 0.066667rem;
    padding: 0.106667rem 0.066667rem;
    box-sizing: border-box;
    color: #5f5f5f;
    font-size: 0.4rem;
    margin: .3rem 0.15rem;
}

.map_box_tit {
    text-align: center;
}