.item {
        position: relative;

    }

    .item .title {
       width: 70px;
    height: 40px;
        /*border-radius: 50%;*/
        background: #a71f23;
        display: flex;
        justify-content: center;
        /*flex-direction: column;*/
        align-items: center;
    }

    .item .title .year {
        font-weight: bold;
        font-size: 16px;
        color: #fff;
    }

    .item .title .unit {
        font-size: 14px;
        color: #fff;
    }

  .item  .content_box {
        margin-left: calc(40px - (15px / 2));
    }

 .item   .content {
        display: flex;
        align-items: flex-start;
        gap: 50px;
        padding: 30px 0;
    }

  .item  .itemInfo {
        flex: 1;
        display: flex;
       align-items: baseline;
        gap: 10px;
    }



 .item   .label {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
  .item   .label .time{
      font-size: 18px;
  }

 .item   .dot {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #bb464a;
    }

 .item   .text {
        flex: 1;
        font-size: 18px;
    }

 .item   .dotmin {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #a3a3a3;
    }

  .item  .line {
        position: absolute;
        height: calc(100% - 80px);
        width: 2px;
        background-color: #f6f6f6;
        /* border-left: 2px solid #f6f6f6; */
        left: 40px;
        top: 80px;
        z-index: -1;
    }