.selectUserWrap {
    :global {
        .ant-modal-body {
            padding: 10px 17px 0;
        }
    }

    .leftWrap {
        border: 1px solid #DCDCDC;
        border-bottom: none;

        .leftWrapInput {
            padding: 11px 11px 0;
        }
    }

    .leftWrapContainer {
        padding: 0 0 30px;
    }

    .titleTop {
        position: relative;
        width: 200px;
        padding: 10px 0px 10px 26px;
        font-weight: 400;
        font-size: 14px;
        color: #2C2C2C;

        &::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 13px;
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            width: 4px;
            height: 14px;
            border-radius: 2px;
            background-color: #019801;
        }
    }

    .commonParticipants {
        padding: 0px 11px;
        min-height: 20px;
    }

    .commonParticipantsName {
        float: left;
        width: 82px;
        line-height: 22px;
        margin-left: 13px;
        margin-top: 10px;
        color: #858585;
        text-align: center;
        cursor: pointer;
        border-radius: 11px;
        border: 1px solid transparent;

        .userName {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
            height: 22px;
        }
    }

    .centerWrap {
        height: 100%;
        background-color: #F6F6F6;
        position: relative;

        .cantAddLabel {
            position: absolute;
            width: 100%;
            background: rgba(238, 238, 238, 0.9);
            z-index: 2;
            padding: 20px;
            text-align: center;

            .tipsDiv {
                display: inline-block;
                margin-top: 50%;

                .tipsIcon {
                    height: 100px;
                    line-height: 100px;

                    i {
                        font-size: 50px;
                    }
                }

                .tipsText {
                    margin: 0 auto;
                    width: 80%;
                    font-weight: bold;
                }
            }
        }

        .centerWrapAddLabelDiv {
            padding: 11px 11px 0;
            line-height: 32px;
            border-top: 1px solid #DCDCDC;
            border-bottom: 1px solid #E5E5E5;

            .centerWrapAddChoice {
                color: #2C2C2C;
            }
        }

        .centerWrapContainer {
            padding: 0 0 30px;
        }
    }

    .labelItem {
        position: relative;
        width: 130px;
        line-height: 22px;
        color: #575757;
        border: 1px solid #BFBFBF;
        border-radius: 11px;
        float: left;
        margin: 10px 8px;
        cursor: pointer;

        .labelName {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
            height: 22px;
            padding: 0 5px;
        }
    }

    .labelItem.labelItemSystem {
        border-radius: 2px;
    }

    .rightWrap {
        position: relative;
        border: 1px solid #DCDCDC;
        border-bottom: none;

        .rightWrapContent {
            padding-bottom: 70px;
        }

        .btnWrap {
            width: 100%;
            position: absolute;
            bottom: 0;
            text-align: center;
            overflow: hidden;
            background-color: #FFFFFF;
            height: 60px;
            padding: 17px 0 10px;
        }
    }

    .selectedLabelBox {
        width: 100%;
        min-height: 85px;

        .titleTop {
            position: relative;
            width: 200px;
            padding: 10px 0px 10px 26px;
            font-weight: 400;
            font-size: 14px;
            color: #2C2C2C;
            float: left;

            &::before {
                content: '';
                position: absolute;
                top: 50%;
                left: 13px;
                -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
                width: 4px;
                height: 14px;
                border-radius: 2px;
                background-color: #019801;
            }

            .titleTopSpan {
                color: #DCDCDC;
                font-size: 12px;
            }
        }
    }

    .selectedUserBox {
        min-height: 85px;

        .userTitle {
            position: relative;
            width: 200px;
            padding: 10px 0px 10px 26px;
            font-weight: 400;
            font-size: 14px;
            color: #2C2C2C;

            &::before {
                content: '';
                position: absolute;
                top: 50%;
                left: 13px;
                -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
                width: 4px;
                height: 14px;
                border-radius: 2px;
                background-color: #019801;
            }
        }

        .userTool {
            margin-right: 32px;
            overflow: hidden;
            margin-top: 7px;
        }
    }

    .titleTopSpan {
        color: #DCDCDC;
        font-size: 12px;
    }
}

.ellipsis {
    overflow: hidden;
    display: inline-block;
    word-break: break-all;
    width: 100%;
}

.c_019801 {
    color: #019801;
}