.amap-page-container{width:100%;height:100%}.amap-marker-label{font-size:14px;border:1px solid #d1cece;margin-left:-50px;top:-70px!important;border-radius:5px}.amap-marker-label,.mapIcon{vertical-align:middle;color:#555;background-color:#fffeef;white-space:nowrap;width:auto}.mapIcon{font-size:12px;position:relative;border:1px solid #8e8e8e;border-radius:5px 5px 5px 0;height:30px;line-height:30px;top:30px;left:0}.makerLabel{line-height:20px;width:300px}.mapIcon_value{position:relative;display:block;padding:0 5px 3px 10px;font-size:14px;color:#0098e9;overflow:hidden;max-width:230px;text-overflow:ellipsis;white-space:nowrap;border-radius:5px 0 0 0}.mapIcon_num{padding:0 5px;display:inline-block;height:100%;color:#fff;background-color:#dc3912;border-radius:0 5px 5px 0}.mapIcon:after,.mapIcon:before{content:"";display:block;position:absolute;width:0;height:0;border:solid transparent;border-width:6px;left:9px}.mapIcon:before{bottom:-13px;border-top-color:#8e8e8e}.mapIcon:after{bottom:-12px;border-top-color:#fffeef}.amap-simple-marker-label{display:inline-flex}.example{position:absolute;top:25px;left:2px}.dot{display:inline-block}.colorStyle0:after,.colorStyle0:before{background-color:#00f04f}.colorStyle1:after,.colorStyle1:before{background-color:#01daff}.colorStyle2:after,.colorStyle2:before{background-color:#0098e9}.colorStyle3:after,.colorStyle3:before{background-color:#f3a100}.colorStyle4:after,.colorStyle4:before{background-color:#f7666a}.colorStyle5:after,.colorStyle5:before{background-color:#fce800}.colorStyle0:after{box-shadow:inset 0 0 10px rgba(0,240,79,.3)}.colorStyle1:after{box-shadow:inset 0 0 10px rgba(1,218,255,.3)}.colorStyle2:after{box-shadow:inset 0 0 10px rgba(0,152,233,.3)}.colorStyle3:after{box-shadow:inset 0 0 10px rgba(243,161,0,.3)}.colorStyle4:after{box-shadow:inset 0 0 10px rgba(247,102,106,.3)}.colorStyle5:after{box-shadow:inset 0 0 10px rgba(252,232,0,.3)}.dot:before{z-index:2;margin-left:2px;top:0}.dot:after,.dot:before{content:" ";position:absolute;width:10px;height:10px;border-radius:50%}.dot:after{z-index:1;-webkit-animation-name:"ripple";-webkit-animation-duration:1.5s;-webkit-animation-timing-function:ease;-webkit-animation-delay:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal}@keyframes ripple{0%{left:6px;top:6px;opcity:85;width:0;height:0}to{left:-20px;top:-20px;opacity:0;width:50px;height:50px}}