.box-mapTitle {
    height: 1.52rem;
    background: url(../images/banner-map.png) no-repeat;
    background-size: cover;
}

/* ditan */
.amap-info-content{
    padding: 0;
}
.common-popup .popup-content{
    text-align: center;
}
.common-popup .popup-title{
    padding: .17rem 0 .1rem;
    font-size: .20rem;
    line-height: .26rem;
    color: #333333;
    font-weight: bold;
}
.common-popup h5{
    font-size: .12rem;
    line-height: .14rem;
    color: #333333;
}

/* huanbao */
.common-open-mask{
    padding-top: .25rem;
}
.garbage-map-spot{
    width: .3rem;
    height: .3rem;
}
.icon-red {
    background: url(../images/icon-red.png) no-repeat;
    background-size: 100%;
}
.icon-yellow {
    background: url(../images/icon-yellow.png) no-repeat;
    background-size: 100%;
}
.icon-blue {
    background: url(../images/icon-blue.png) no-repeat;
    background-size: 100%;
}
.icon-green {
    background: url(../images/icon-green.png) no-repeat;
    background-size: 100%;
}

.mark-detail .mark-title{
    margin-right: 0;
    padding: 0 .3rem 0 .2rem;
}
.mark-detail .mark-title h4{
    font-weight: bold;
    font-size: .16rem;
    line-height: .22rem;
    color: #333333;
    float: none;
}
.mark-content{
    margin-top: .1rem;
    margin-bottom: .15rem;
    display: flex;
    justify-content: space-around;
}
.mark-content span,
.mark-detail .info-link{
    display: block;
    font-size: .14rem;
    color: #666666;
    line-height: .24rem;
    margin-top: .05rem;
}
.mark-detail .info-link{
    margin: 0;
    padding: .1rem 0;
    border-top: 1px solid rgba(224,224,223,.4);
    text-align: center;
    transition: 1s;
}
.mark-detail .info-link:hover{
    color: #005596;
    /*transform: scale(1.1);*/
}