.maskbg{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    z-index: 3;
}
.areabox{
    width: 600px;
    /*height: 600px;*/
    background: #ffffff;
    border: 2px solid #006699;
    /*padding: 20px;*/
    position: fixed;
    top: 30%;
    left: 40%;
    z-index: 4;
    border-radius: 10px;
}
.poptitle{
    height: 40px;
    background-color: #fcefa1;
    border-bottom: 2px solid #006699;
    line-height: 40px;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
}
.popcontent{
    padding: 20px;
    font-size: 14px;
}
.popcontent dl{
    border-bottom:1px solid #006699 ;
}
.popcontent dl dt{
    clear:left;
    float: left;
    width: 100px;
    text-align: right;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.8em;
}
.popcontent dl dd{
    /*float: left;*/
    /*width: 60%;*/
    text-align: left;
    text-indent: 1em;
    /*height: 1.8em;*/
    line-height: 1.8em;
}
.popfooter{
    width: 100%;
    height: 50px;
    text-align: center;
}
.popfooter button{
    width: 120px;
    height: 30px;
    font-size: 1em;
    background-color: #fcefa1;
    border: 1px solid #f8ae0f;
    border-radius:5px;
}
.popclose{
    width: 20px;
    height: 20px;
    position:absolute;
    top: 10px;
    right: 10px;
    color:red;
    cursor:pointer;
}

/*##############################*/
.wrap{ width:600px; margin:0 100px 0 auto;font-size: 14px;}
/* 提示自定义 */
.mapTip{display:none; position:absolute; padding:8px; background:#fff; border: 1px solid #aaa; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.3);
    box-shadow: 0 5px 10px rgba(0,0,0,.3);
    font-size:12px; font-family:Tahoma; color:#333;}

.mapTip .arrow,
.mapTip .arrowMask{ position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;}
.mapTip .arrow{ bottom: -7px; left: 50%; margin-left: -7px; border-width: 7px; border-top-color: #999; border-top-color: rgba(0,0,0,.25); border-bottom-width: 0;}
.mapTip .arrowMask{bottom: 1px; border-width: 6px; margin-left: -6px; border-top-color: #fff; border-bottom-width: 0;}

.mapInfo i{ display:inline-block; width:15px; height:15px; margin-top:5px; line-height:15px; font-style:normal; background:#aeaeae; color:#fff; font-size:11px; font-family: Tahoma; -webkit-border-radius:15px; border-radius:15px; text-align:center
}
.mapInfo i.active{background:#E27F21;}
.mapInfo span{ padding:0 5px 0 3px;}
.mapInfo b{ font-weight:normal; color:#2770B5}


@media screen and (min-width:700px){
    .areabox{
        top: 2%;
        left: 2%;
    }
}
@media screen and (min-width:900px){
    .areabox{
        top: 10%;
        left: 20%;
    }
}
/*片区联系方式显示*/
.hoverShowContact{

}
.ShwoContactBox{
    background-color: rgba(225,225,225,0.5);
    padding: 1em;
    box-shadow: 5px;
    width: 350px;
    position:absolute;
    left: -100px;
    bottom: 0;
    z-index: 999;
    font-size: 14px;
}
.ShwoContactBox h3{
    font-size: 1.1rem;
}
.hoverShowContact .clearShowContact{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    color: red;
    text-align: center;
    line-height: 30px;
}
.hoverShowContact dl{
    margin-bottom: 1em;
}
.hoverShowContact dl dt{
    width: 62px;
    float: left;
    text-align: right;
}
.hoverShowContact dl dd{
    padding-left: 70px;
}
.salesMap{
    position: relative;
    margin-top: 1rem;
    margin-bottom: 3rem;
}