.marker-toltip {
  /* width: 30px; */
  background-color: inherit;
  padding: 5px 10px;
  border-radius: 12px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  font-size: 10px;
  line-height: 14px;
  transform: translate(0%, -100%);
  z-index: 85;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.4);
  white-space: nowrap;
}
.userPositionElement {
  position: relative;
}
.userPositionElement-node {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../user.png") no-repeat;
  background-size: 100% 100% !important;
  z-index: 9999;
  transform-origin: 50% 50% !important;
}
.Zindex1 {
  position: absolute;
}

.svg-icon {
  width: 25px;
  height: 25px;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.disable-icon {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}

.routes-text {
  font-weight: 700;

  font-weight: 700;
  font-size: 20px;
}

.disable-style {
  width: 15px !important;
  height: 15px !important;
  color: #b7251d;
}

.defaultClass {
  background-color: #ffffff;
  color: black;
}

.selectClass {
  background-color: #fd264b;
  color: white;
}

.time-number-style {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
}

.divIcon {
  --bgColor: 255, 255, 255;
}

.icon-box {
  width: 30px;
  height: 30px;
  position: relative;
  padding: 5px;
  /* background-color: rgb(var(--bgColor)) !important; */
  border-radius: 100%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  /* color: red !important; */
  box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.1);
}

.sanjiao {
  position: absolute;
  z-index: 2;
  content: "";
  bottom: 0;
  width: 0;
  height: 0;
  /* border-width: 6px; */
  /* border-style: solid; */
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  /* 设置有颜色的下边框 */
  left: 50%;
  /* border-color: transparent transparent inherit transparent; */
  transform: translate(-50%, 97%) rotate(180deg);
}

.icon-box img {
  width: 100%;
  height: 100%;
}

.svg-icon1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 98;
  width: 25px;
  height: 25px;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.svg-icon1 svg {
  position: absolute;
  left: 0;
  top: 0;

  z-index: 99;
  width: 25px;
  height: 25px;
  vertical-align: -0.15em;
  fill: currentColor;
}

.name_ {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-120%, 0%);
  font-weight: 700;
  white-space: nowrap;
  padding: 3px 6px;
}

.polygonStyle {
  white-space: nowrap;
  color: red;
  font-weight: 700;
  font-size: 14px;
}

/* .marker-toltip::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 97%) rotate(90deg);
  z-index: 84;
  border-width: 10px;
  height: 0;
  width: 0;
  border-style: solid;
  border-color: transparent transparent transparent white;
  border-radius: 3px;
} */