.topTitle {
    position: relative;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    &:before {
        position: absolute;
        top: 4px;
        bottom: 4px;
        left: 0;
        border-left: 3px solid #1891ff;
        content: "";
    }
    &:after {
        position: absolute;
        z-index: 0;
        top: 50%;
        width: 100%;
        border-top: 1px dashed #eeeeee;
        content: "";
    }
    .topTitle-name {
        float: left;
        background: #fff;
        font-size: 16px;
        color: #333;
        font-weight: bold;
        padding: 0 12px;
        max-width: 50%;
    }
    .topTitle-name-warn {
        float: left;
        background: #fff;
        font-size: 16px;
        color: #ff0000;
        font-weight: bold;
        padding: 0 12px;
        max-width: 50%;
    }
    .topTitle-extra {
        position: relative;
        z-index: 2;
        float: right;
        padding: 0 12px;
        background: #fff;
        max-width: 50%;
        .ant-btn {
            height: 23px;
            border-radius: 12px;
            & + .ant-btn {
                margin-left: 10px;
            }
        }
    }
}

.topTitle-warn{
    &:before {
        border-left: 3px solid #ff0000 !important;
    }
}