html, body, #app, .el-container, .el-menu { height: 100%; overflow: hidden; } .numbPop { text-align: center; color: #000000; font-weight: bold; pointer-events: none; font-size: 16px; font-weight: 600; } .numbMarker { margin: 0 auto; font-size: 16px; border-radius: 100%; width: 24px; height: 24px; line-height: 24px; text-align: center; color: #fff; font-weight: normal; background: rgba(243, 146, 0, 0.9); pointer-events: none; } .numb-yello .numbMarker { background: rgba(243, 146, 0, 0.9); } .numb-orang .numbMarker { background: rgba(231, 93, 0, 0.9); } .numb-red .numbMarker { background: rgba(162, 5, 0, 0.9); } .margin-bt-10 { margin-bottom: 0.625rem; } .popName { font-weight: bold; font-size: 14px; color: #fff; } .popbody { background: rgba(12,21,45, 0.5); /* width: 450px; */ /* height: 300px; */ overflow: hidden; overflow-y: scroll; color: #fff; font-size: 12px; line-height: 22px; text-align: left; padding: 10px 15px; } /* 地图弹框样式 */ .ez-popup { display: none; min-width: 200px; max-width: 500px; /* width: 490px; */ position: relative; background: rgba(24, 32, 78, 0.7); border: 1px solid #b6dcfd; border-radius: 10px; -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); /* padding: 10px 15px; */ margin-bottom: 30px; z-index: 9999; } .ez-popup:after, .ez-popup:before { top: 100%; left: 48%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .ez-popup:after { border-color: rgba(255, 255, 255, 0); border-top-color: #1693ff; border-width: 10px; margin-left: -10px; } .ez-popup:before { border-color: rgba(255, 255, 255, 0); border-top-color: #FFFFFF; border-width: 10px; margin-left: -10px; } .ez-popup-closer { text-decoration: none; position: absolute; top: 2px; right: 8px; color: #fafafa; } .ez-popup-closer:after { content: "✖"; } .ez-popup-content { text-align: center; font-family: 微软雅黑, 宋体; font-size: 15px; line-height: 15px; }