.numberVertical {
    counter-reset: number;

    .@{time-line-prefix-cls}-item {
        &-head {
            position: relative;
            width: @timeline-num-vertical-item-head-size;
            height: @timeline-num-vertical-item-head-size;
            background-color: @B6;

            &::before {
                position: relative;
                color: @timeline-num-vertical-line-color;
                font-size: @T2;
                font-family: PingFang-SC-Regular;
                line-height: @timeline-num-vertical-item-head-size;
                content: counter(number);
                counter-increment: number;
            }
        }

        &:last-child {
            .@{time-line-prefix-cls}-item-line {
                display: none;
            }
        }

        &-line {
            position: absolute;
            top: @timeline-num-vertical-line-top;
            bottom: 2px;
            left: @timeline-num-vertical-line-left;
            width: 2px;
            content: '';
            .basic-p-config(@timeline-default-p-color);
        }

        &-content {
            top: calc(-@timeline-common-content-middle-top + 3px);
            margin-left: @timeline-num-vertical-content-margin;
            font-size: @timeline-num-vertical-content-font;
            line-height: @timeline-num-vertical-content-line-height;
        }
    }
}