#points-container,
#point-container-2d {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  color: white;
  z-index: 99;
  transition: opacity 1s;
}
#points-container > div,
#point-container-2d > div {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  color: #252b3a;
}
#points-container > div.hidden,
#point-container-2d > div.hidden {
  display: none;
}
#points-container .label-text,
#point-container-2d .label-text {
  display: inline-block;
  white-space: nowrap;
  font-size: 14px;
  padding: 2px 6px;
  border-radius: 2px;
  background: #fff;
  opacity: 0.9;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 10px 21px 0 rgba(91, 116, 148, 0.17);
}
#points-container .label-text .label-title,
#point-container-2d .label-text .label-title {
  margin: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  pointer-events: none;
}
#points-container .label-text .label-desc,
#point-container-2d .label-text .label-desc {
  margin: 0;
  display: none;
}
#points-container .label-text:hover,
#point-container-2d .label-text:hover {
  box-shadow: 0 10px 21px 0 rgba(91, 116, 148, 0.17);
  min-width: 88px;
  padding: 8px 12px;
  z-index: 200000 !important;
}
#points-container .label-text:hover .label-title,
#point-container-2d .label-text:hover .label-title {
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  font-weight: 600;
}
#points-container .label-text:hover .label-desc,
#point-container-2d .label-text:hover .label-desc {
  display: block;
  font-size: 12px;
  line-height: 18px;
}
#points-container .default-point,
#point-container-2d .default-point {
  background-repeat: no-repeat;
  width: 18px;
  height: 32px;
  background-image: url(https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/earth-chart-v2/assets/images/server-blue.svg);
  top: -15px;
  background-size: contain;
}
#points-container .default-point.orange,
#point-container-2d .default-point.orange {
  background-image: url(https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/earth-chart-v2/assets/images/server-orange.svg);
}
#points-container .default-point.orange:hover > .server-base,
#point-container-2d .default-point.orange:hover > .server-base {
  background-image: url(https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/earth-chart-v2/assets/images/server-base-orange.svg);
}
@keyframes server-base1 {
  0% {
    top: 4px;
    transform: scale(0.65);
  }
  100% {
    top: 3px;
  }
}
#points-container .default-point:hover > .server-base,
#point-container-2d .default-point:hover > .server-base {
  width: 36px;
  height: 36px;
  position: absolute;
  left: -9px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/earth-chart-v2/assets/images/server-base-blue.svg);
  animation: server-base1 1.5s ease-out infinite;
  z-index: -666;
}
#twod-map-wrapper {
  width: 100%;
  height: 100%;
  background-color: #E1E8F2;
  left: 0;
  top: 0;
  transform: translate(0, 0);
  position: absolute;
  z-index: 99;
  opacity: 0;
  display: none;
}
.default-theme-dark #points-container div.label-text,
.default-theme-dark #point-container-2d div.label-text {
  background: #2A3145;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
}
.default-theme-dark #twod-map-wrapper {
  background-color: #1D212D;
}