#app {
    max-width: 750px;
    width: 100%;
    min-height: calc(100vh - 72px);
    margin: 0 auto;
    padding-top: 72px;
    background-image: url("../img/bg.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
}
.top{
    display: block;
    width:312px;
   height:88px; 
background-image: url("../img/top.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 auto 0;
}
.map{
    display: block;
        width: 330px;
        height:213px;
        background-image: url("../img/map.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin: 53px auto 0;
}
.line{
    display: block;
        width: 291px;
        height:35px;
        background-image: url("../img/line.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin: 11px auto 31px;
}
.cityBox{
width: 324px;
margin: 0 auto;
   
}
 .cityItem{
        float: left;
        width: 81px;
        height: 42px;
        margin-bottom: 4px;
    }
    .poster{
        width: 81px;
            height: 42px;
    }