/* 线索漏斗的相关公共样式 */
.StageNumberView {
  width: 26px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 28px;
  background: var(--green);
  border-radius: 4px 0 4px 4px;
  position: absolute;
  top: -8px;
  left: 12px;
}

.StageNumberView::after {
  content: "";
  position: absolute;
  right: -6px;
  top: 0px;
  border: 1px solid var(--green);
  border-width: 4.5px 3px;
  border-color: transparent transparent var(--green) var(--green);
}

.StageNumberView.greenNum {
  background: #25d366;
}

.StageNumberView.greenNum::after {
  border-color: transparent transparent #089d40 #089d40;
}

.StageNumberView[class*="percent_1"] {
  background: #dde1e9;
}

.StageNumberView[class*="percent_1"]::after {
  border-color: transparent transparent #b3becf #b3becf;
}

.StageNumberView[class*="percent_2"] {
  background: #ced5e2;
}

.StageNumberView[class*="percent_2"]::after {
  border-color: transparent transparent #a2b2cb #a2b2cb;
}

.StageNumberView[class*="percent_3"] {
  background: #c1ccde;
}

.StageNumberView[class*="percent_3"]::after {
  border-color: transparent transparent #a1b0ca #a1b0ca;
}

.StageNumberView[class*="percent_4"] {
  background: #acbcd5;
}

.StageNumberView[class*="percent_4"]::after {
  border-color: transparent transparent #8a9bb7 #8a9bb7;
}

.StageNumberView[class*="percent_5"] {
  background: #a0aec6;
}

.StageNumberView[class*="percent_5"]::after {
  border-color: transparent transparent #7a8ba7 #7a8ba7;
}

.StageNumberView[class*="percent_6"] {
  background: #8b99af;
}

.StageNumberView[class*="percent_6"]::after {
  border-color: transparent transparent #6b7c97 #6b7c97;
}

.StageNumberView[class*="percent_7"] {
  background: #778aa7;
}

.StageNumberView[class*="percent_7"]::after {
  border-color: transparent transparent #607089 #607089;
}

.StageNumberView[class*="percent_8"] {
  background: #677fa7;
}

.StageNumberView[class*="percent_8"]::after {
  border-color: transparent transparent #4f6282 #4f6282;
}

.StageNumberView[class*="percent_9"] {
  background: #4d648b;
}

.StageNumberView[class*="percent_9"]::after {
  border-color: transparent transparent #344157 #344157;
}

.StageNumberView[class*="percent_100"] {
  background: #273f60;
}

.StageNumberView[class*="percent_100"]::after {
  border-color: transparent transparent #000000 #000000;
}
