.developmentHistory-box {
  --theme-c: #0099ff;
}
.developmentHistory-box .item {
  height: 120px;
  position: relative;
}
.developmentHistory-box .item:before, .developmentHistory-box .item:after {
  content: "";
  position: absolute;
}
.developmentHistory-box .item:before {
  width: 70px;
  height: 0;
  border-top: 2px dotted #cee4fa;
  top: 38px;
}
.developmentHistory-box .item:after {
  top: 30px;
  width: 0;
  height: 100%;
  border-right: 2px dotted #cee4fa;
}
.developmentHistory-box .item .time {
  position: absolute;
  top: 0;
  width: 76px;
  height: 76px;
  border: 2px solid #fff;
  text-align: center;
  line-height: 72px;
  border-radius: 50%;
  box-sizing: border-box;
  text-align: center;
  background-color: var(--theme-c);
  box-shadow: 0 0 6px rgba(0, 153, 255, 0.5);
}
.developmentHistory-box .item .time span {
  color: #fff;
}
.developmentHistory-box .item .time span:nth-of-type(1) {
  font-size: 16px;
  font-weight: bold;
}
.developmentHistory-box .item .time span:nth-of-type(2) {
  font-size: 12px;
  margin-left: 2px;
}
.developmentHistory-box .item .text {
  font-size: 14px;
  line-height: 2;
  color: #333;
  padding-top: 24px;
}
.developmentHistory-box .item em {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 27px;
  z-index: 3;
  pointer-events: none;
}
.developmentHistory-box .item:nth-of-type(odd) {
  margin-right: 600px;
  padding-right: 155px;
}
.developmentHistory-box .item:nth-of-type(odd) .text {
  text-align: right;
}
.developmentHistory-box .item:nth-of-type(odd) .time {
  right: 50px;
}
.developmentHistory-box .item:nth-of-type(odd):before, .developmentHistory-box .item:nth-of-type(odd):after {
  right: -1px;
}
.developmentHistory-box .item:nth-of-type(odd) em {
  right: -11px;
  border: 6px solid #cee4fa;
}
.developmentHistory-box .item:nth-of-type(even) {
  margin-left: 600px;
  padding-left: 155px;
}
.developmentHistory-box .item:nth-of-type(even) .time {
  left: 50px;
}
.developmentHistory-box .item:nth-of-type(even):before, .developmentHistory-box .item:nth-of-type(even):after {
  left: -1px;
}
.developmentHistory-box .item:nth-of-type(even) em {
  left: -11px;
  border: 6px solid var(--theme-c);
}
.developmentHistory-box .item:last-child:after {
  display: none;
}/*# sourceMappingURL=developmentHistory_add.css.map */