#map_content{width:100%;height:100%}#map_content .selectData{position:absolute;z-index:100;right:50px;display:flex;width:450px;justify-content:space-between;top:30px}#map_content .content{width:100%;height:100%;display:flex;flex-direction:column;background:url(../../assets/img/background.8d37b65e.png) no-repeat;background-size:100% 100%;background-position:50%;background:#fcf9f2;position:relative}#map_content .content_top{position:absolute;z-index:100;top:40px;right:100px}#map_content .map{width:100%;height:100%}#map_content #container{height:100%;width:100%;position:relative}#map_content .point{background:#009fd9;width:10px;height:10px;border-radius:50%;position:relative}#map_content .point p,#map_content .point span{position:absolute;width:10px;height:10px;border-radius:50%;animation:myfirst 1.5s infinite;box-shadow:0 0 1px #009fd9}#map_content .point span{display:block;animation-delay:.5s}#map_content .redPoint{background:red;width:10px;height:10px;border-radius:50%;position:relative}#map_content .redPoint p,#map_content .redPoint span{position:absolute;width:10px;height:10px;border-radius:50%;animation:myfirst 1.5s infinite;box-shadow:0 0 1px red}#map_content .redPoint span{display:block;animation-delay:.5s}#map_content .orangePoint{background:orange;width:10px;height:10px;border-radius:50%;position:relative}#map_content .orangePoint p,#map_content .orangePoint span{position:absolute;width:10px;height:10px;border-radius:50%;animation:myfirst 1.5s infinite;box-shadow:0 0 1px orange}#map_content .orangePoint span{display:block;animation-delay:.5s}@keyframes myfirst{20%{transform:scale(2)}40%{transform:scale(3)}60%{transform:scale(4)}80%{transform:scale(5)}to{transform:scale(6)}}#map_content .infoBox{width:200px;height:300px;padding-top:20px}#map_content .infoBox p{margin:10px 0;font-size:18px}