//时间停留框气泡 .stayBox { z-index: 99 !important; .stay-info { position: absolute; width: 210px; height: 120px; line-height: 25px; background: #ffffff; border: 2px solid #ff8e1f; border-radius: 6px; font-size: 14px; font-family: Source Han Sans CN; font-weight: 400; color: #666666; left: -240px; top: -70px; .info-box { padding: 8px; } .stayDuration { color: #ff8e1f; font-size: 17px; font-weight: bold; } } .stay-info::after, .stay-info::before { position: absolute; left: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; pointer-events: none; } .stay-info::after { border-color: transparent; border-left-color: #ffffff; border-width: 8px; margin-top: -8px; } .stay-info::before { border-color: transparent; border-left-color: #ff8e1f; border-width: 11px; margin-top: -12px; } } //案件类型气泡 .case-type-box { .stay-info { position: absolute; width: 100px; height: 30px; line-height: 25px; padding-left: 5px; background: #ffffff; border: 2px solid #ff8e1f; border-radius: 6px; font-size: 14px; font-family: Source Han Sans CN; font-weight: 400; color: #ff8e1f; left: 25px; top: -30px; } .stay-info::after, .stay-info::before { position: absolute; right: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; pointer-events: none; } .stay-info::after { border-color: transparent; border-right-color: #ffffff; border-width: 8px; margin-top: -8px; } .stay-info::before { border-color: transparent; border-right-color: #ff8e1f; border-width: 11px; margin-top: -12px; } } // 人员姓名、电话 .map-person-name-phone { .person-info { position: absolute; cursor: pointer; z-index: 99; background: #ffffff; padding: 3px 5px; box-shadow: 0px 2px 6px 0px rgba(28, 52, 92, 0.1); width: 100px; top: -65px; margin-left: 50%; left: -50px; } .name { font-size: 16px; color: rgb(0, 0, 0, 1); } .phone { margin-left: 5px; width: 22px; height: 22px; } }