.scrollBox {
  position: relative;
  /*        width: 900px;
          height: 700px;*/
  width: 100%;
  height: 100%;
  margin-top: -1px;
  /* border: 2px solid #000;
      border-left-color: #999;
      border-right-color: #999; */
  overflow-y: visible;
  overflow-x: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.backWrap {
  width: max-content;
  margin-top: 40px;
  margin-left: 21px;
  margin-right: 30px;
  border: 1px solid #999;
  /*border-left-color: #999;*/
  /*border-right-color: #999;*/
}

.backRow {
  width: max-content;
  height: 20px;
  display: flex;
  display: -webkit-flex;
}

.backCol {
  height: calc(100% - 1px);
  width: 20px;
  border-bottom: 0px solid #999;
  border-right: 1px solid #eee;
  position: relative;
}

.backRow > .backCol:nth-child(7n) {
  border-right-color: #ccc;
}

.backRow > .backCol:last-child {
  border-right: none;
}

.backCol > .date {
  position: absolute;
  top: -30px;
  left: -20px;
  width: 60px;
}

.blockWrap {
  position: absolute;
  top: 40px;
  left: 20px;
  padding: 0px 0 0 2px;
}

.blockRow {
  height: 370px;
}

.blockWrap .title {
  height: 20px;
  padding: 0 10px;
  font-size: 14px;
  color: #276FF5;
  font-family: PingFangSC-Regular, PingFang SC;
  line-height: 40px;
}

.blockWrap .stageBox {
  margin-top: 16px;
  display: flex;
  justify-content: start;
}

.blockWrap .stage {
  height: 1px;
  /*padding: 2px 0;*/
  background-clip: content-box;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.blockWrap .stage > span {
  margin-top: -20px;
}

.blockWrap .activityBox {
  position: relative;
  width: 560px;
}

.blockWrap .activityBox > .activity {
  position: absolute;
  height: 20px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 2px;
  font-size: 12px;
  color: #FFFFFF;
  font-family: MicrosoftYaHei;
}

.blockWrap .arrow {
  position: absolute;
  border-right: 1px solid #666666;
  border-top: 1px solid #666666;
  border-radius: 0 3px 0 0;
}

.blockWrap .arrow::after {
  content: " ";
  position: absolute;
  bottom: -1px;
  right: -2.4px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  transform: rotate(135deg);
}