@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
  .work-track-line {
      transform: scaleX(0.5);
    }
  }

.work-track-wrapper {
  position: relative;
  width: 100%;
  padding-top: 24px;
  .work-track-line {
    position: absolute;
    width: 1px;
    z-index: 1;
  }

  .work-track-content {
    min-height: 52px;
    margin: 0 24px;
    text-align: left;

    & > div {
      display: inline-block;
    }

    .work-track-time {
      width: 50px;
      margin-right: -4px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      // vertical-align: middle;
      vertical-align: top;
      margin-top: -2px;

      span {
        font-size: 12px;
        color: #3A4247;
      }
    }

    .work-track-stop {
      box-sizing: content-box !important;
      width: 7px;
      height: 7px;
      margin: -2px 7px 0 7px;
      border-radius: 50%;
      // vertical-align: middle;
      vertical-align: top;
      margin-top: 4px !important;
      position: relative;
      z-index: 2;
    }

    .work-track-post {
      // vertical-align: bottom;
      vertical-align: top;
      max-width: 100px;

      & > span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      span:nth-of-type(1) {
        font-size: 14px;
        // margin-bottom: 4px;
      }

      span:nth-of-type(2) {
        font-size: 12px;
        margin-top: 4px;
      }
    }
  }
}

.work-track-icon {
  vertical-align: sub;
  margin-right: 10px;
}