.task-exist-tips {

    .ivu-modal-body {
        padding: 0 26px 16px 26px !important;
        max-height: 500px;
        overflow: auto;
    }

    .list-content {
        flex: 1;
        width: 100%;
    }

    .list-task-avatar {
        margin-bottom: -10px;
    }

    .list-task {
        display: flex;
        margin-left: 34px;
        margin-right: 6px;
        margin-top: 10px;
        &.label {
            margin-top: 20px;
            font-weight: 600;
        }
    }

    .list-task-name {
        flex: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-right: 12px;
    }

    .list-task-date {
        float: right;
        opacity: 0.5;
    }

    @media (width <= 640px) {
        .list-task {
            margin-top: 6px;
            flex-direction: column;
        }
        .list-task-date {
             float: none;
            opacity: 0.3;
        }
    }
}