.groupInfo {
    padding: 0;
    box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
    border-radius: 8px;

    header {
        width: 100%;
        height: 63px;
        padding: 20px 24px 20px 24px;
        border-bottom: 1px solid #D9D9D9;

        span {
            font-weight: 600;
            font-size: 16px;
            color: rgba(0, 0, 0, 0.88);
            line-height: 24px;
        }

        button {
            margin-top: 13px;
        }
    }

    .el-dialog__body {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        height: calc(100% - 63px);
        overflow-y: auto;

        .group {
            padding: 15px 25px 15px 25px;
        }
    }
}

.userInfo {
    padding: 0;
    box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
    border-radius: 8px;

    header {
        width: 100%;
        height: 63px;
        padding: 20px 24px 20px 24px;

        span {
            font-weight: 500;
            font-size: 16px;
            color: rgba(0, 0, 0, 0.88);
            line-height: 24px;
        }

        button {
            margin-top: 13px;
        }
    }

    .el-dialog__body {
        width: 100%;
        padding: 16px;
        height: calc(100% - 63px);
        overflow-y: auto;
    }
}

.workShopDialog {
    box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
    border-radius: 8px;

    .el-dialog__header {
        span {
            font-weight: 500;
            font-size: 16px;
            color: rgba(0, 0, 0, 0.88);
            line-height: 24px;
        }
    }

    .el-dialog__body {
        height: 527px;
    }
}

.contentDialog {
    border-radius: 8px;

    .el-dialog__header {
        padding: 0 0 16px 0;

        span {
            display: flex;
            align-items: center;
            font-weight: 500;
            font-size: 16px;
            color: rgba(0, 0, 0, 0.88);
            line-height: 24px;
            position: relative;

            &::before {
                content: '';
                display: inline-block;
                width: 16px;
                height: 16px;
                background-image: url('@/assets/images/deleteTip.png');
                background-size: contain;
                background-repeat: no-repeat;
                margin-right: 8px;
            }
        }
    }
}