.amap-ranging-label{ color:#000; background:#fff; } .markerClass>div{ background-color: #f4090a; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: absolute; left: -75px; top: -75px; opacity: 0; margin: 0; width: 150px; height: 150px; animation: jumper 2s 0s linear infinite; } .markerClass>div:nth-child(2) { -webkit-animation-delay: 0.33333s; animation-delay: 0.33333s; } .markerClass>div:nth-child(3) { -webkit-animation-delay: 0.66666s; animation-delay: 0.66666s; } .moveDeviceAlarmOpear{ padding:10px; position: absolute; width:285px; overflow: hidden; background:#071d4d !important; box-sizing: border-box; border: 1px solid #5397F0; border-radius:4px; /* left: -100px; top:50px; */ } .moveDeviceAlarmOpear>div:nth-child(1)>p{ line-height:30px; height:30px; font-size:14px; } .moveDeviceAlarmOpear>div:nth-child(1)>p>img{ float:left; margin-right:5px; } .moveDeviceAlarmOpear .layui-btn{ height: 32px !important; line-height: 32px !important; margin: 0px; padding:0 12px; font-size: 14px; border: 1px solid rgb(56,125,191); box-shadow: 0 0 2px 1px #3765b8 inset; background: #084CAF } .moveDeviceAlarmOpear .layui-btn>img{ width:20px; height:20px; margin:5px !important; } /* .moveDeviceAlarmOpear .layui-btn>img:nth-child(1){ width:22px; height:22px; } */ .polyMarker-cusmarker{ width:85px; height:55px; color:#fff; background:url("../image/cusmarker_bg.png") 0 0 no-repeat; border-radius: 6px; font-size:16px; line-height:47px; } .polyMarker-cusmarke_no{ background:url("../image/cusmarker_no_bg.png") 0 0 no-repeat; } .polyMarker-cusmarker img{ width:24px; height:24px; float: left; margin:12px 5px 12px 16px; } .leaflet-div-icon{ background: none !important; } .leaflet-div-icon{ border:none !important; }