@charset "utf-8";
body,div,html,iframe,img,li,p,ul{border:none;padding:0;margin:0}
#map{width:100%;height:100%;position:absolute}
.marker{width:20px;height:20px;border:1px solid #1557c3;border-radius:10px;background-color:#5490f4;opacity:1;cursor: pointer;}
.address{text-decoration:none;color:#a30;font-size:14px;font-weight:700;text-shadow:#000 .1em .1em .2em}
/* 行政区划 */
.range-area{background-color:#096DD9;opacity:.8;color:#fff;padding:2px 2px;line-height:18px;white-space:nowrap;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:15px;font-weight:700;width:100px;height:100px;border-radius:50%;text-align: center;}
.range-area:hover{background-color: #e74c3c;opacity:1;}
/* 提示框 */
.ol-popup{position:absolute;background-color:#fff;-webkit-filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));padding:15px;border-radius:10px;border:1px solid #ccc;bottom:12px;left:-50px}
.ol-popup:after,.ol-popup:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.ol-popup:after{border-top-color:#fff;border-width:10px;left:48px;margin-left:-10px}
.ol-popup:before{border-top-color:#ccc;border-width:11px;left:48px;margin-left:-11px}
.ol-popup-closer{text-decoration:none;position:absolute;top:2px;right:8px}
.ol-popup-closer:after{content: "✖";}
.ol-popup-content{max-width: 300px;font-size:14px;font-family:"微软雅黑";}
.marker-text{display:flex;justify-content:center;align-items:center;flex-direction:column;}
/* 工具栏 */
.map-tools{position: fixed;top:10px;right:40px;height: 40px;line-height:40px;padding:0px 10px;background-color:#FFFFFF;opacity: 0.9;}
.map-tools li{list-style: none;float: left;padding:0px 10px;text-align: center;}
.map-tools li img{vertical-align: middle;}