/**!
 * 静安government-外文版
 * author: huangcong
 * date:2020-08-19
 */

 /* main */

.ewb-map-box {
    position: relative;
    width: 380px;
    margin: 0 auto;
}

#ewb-map-main {
    position: relative;
    z-index: 99;
}

.ewb-region-name {
    display: block;
    position: absolute;
    font-size: 12px;
    color: #440d0d;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
}

.ewb-region-name.hover,
.ewb-region-name.current {
    color: #fff;
}

.ewb-region-tt{
    position: absolute;
    left: -60px;
    z-index: 999;
    width: 215px;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    display: none;
}

.ewb-region-icon{
    margin-left: 100px;
    display: block;
    width: 14px;
    height: 8px;
    background: url('../images/arrow_t.png') no-repeat;
}

.ewb-region-block{
    padding: 10px 15px;
    display: block;
    line-height: 24px;
    color: #333;
    background: url('../images/bg.png') repeat;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ewb-region-map{
    position: absolute;
    top: 30px;
    left: 400px;
}

#ppx{
    left: 118px;
    top: 46px;
    width: 94px;
}

#lfl{
    top: 32px;
    left: 206px;
    width: 60px;
}

#lfl .ewb-region-tt{
    left: -78px;
}

#ppz{
    top: 175px;
    left: 68px;
    width: 88px;
}

#dnl{
    top: 142px;
    left: 146px;
    width: 94px;
}

#ghx{
    left: 158px;
    top: 288px;
    width: 111px;
}

#ghx .ewb-region-tt{
    left: -160px;
}

#ghx .ewb-region-icon{
    margin-left: 180px;
}

#tmx{
    left: 178px;
    top: 346px;
    width: 56px;
    line-height: 12px;
}

#tmx .ewb-region-tt{
    left: -80px;
}

#zjx{
    top: 324px;
    left: 216px;
    width: 60px;
    line-height: 12px;
}

#zjx .ewb-region-tt{
    left: -80px;
}

#bsl{
    left: 262px;
    top: 318px;
    width: 60px;
    line-height: 12px;
}

#bsl .ewb-region-tt{
    left: 12px;
}

#bsl .ewb-region-icon{
    margin-left: 10px;
}

#bz{
    left: 245px;
    bottom: 160px;
    width: 78px;
    line-height: 14px;
}

#bz .ewb-region-tt{
    top: 30px;
    left: -5px;
}

#bz .ewb-region-icon{
    margin-left: 40px;
}

#jnl{
    left: 144px;
    bottom: 100px;
    width: 62px;
    line-height: 13px;
}

#jnl .ewb-region-tt{
    top: -100px;
    left: -145px;
}

#jnl .ewb-region-icon{
   margin-top: -1px;
   margin-left: 180px;
   background: url('../images/arrow_d.png') no-repeat;
}

#sme{
    left: 204px;
    bottom: 102px;
    width: 62px;
    line-height: 12px;
}

#sme .ewb-region-tt{
    top: 52px;
    left: -102px;
}

#cjd{
    left: 86px;
    bottom: 82px;
    width: 70px;
    line-height: 14px;
}

#jas{
    left: 118px;
    bottom: 34px;
    width: 70px;
    line-height: 12px;
}

#jas .ewb-region-tt{
    top: 46px;
}

#njx{
    left: 170px;
    bottom: 58px;
    width: 95px;
    line-height: 12px;
}

@media (max-width: 767px) {
    .ewb-map-box{
        width: 100%;
        max-width: 380px;
        overflow-x: auto;
    }
}

.ewb-region-block {
    color: #f00;
}