.app-wf-step-trace {
    .app-wf-step-trace__item {
        height   : 3rem;
        font-size: 12px;

        .app-wf-step-trace__item__top {
            display    : flex;
            align-items: center;
            height     : 6rem;

            .item__border {
                width        : 1rem;
                height       : 1rem;
                border-radius: 50%;
                margin       : 0 1rem;
                position     : relative;
            }

            .item__action-line {
                height   : 2rem;
                width    : 3px;
                position : relative;
                left     : 50%;
                transform: translateX(-50%);
                top      : 1rem;
            }

            .item__text {
                width: 50%;
            }

            .item__time {
                width     : 40%;
                text-align: right;
            }
        }
    }

    .item__border::before {
        content      : '';
        width        : 4px;
        height       : 4px;
        position     : absolute;
        left         : 50%;
        transform    : translateX(-50%) translateY(-50%);
        top          : 50%;
        border-radius: 50%;
    }
}