.editable {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;

    :global {
        .ant-table-fixed {
            table-layout: fixed;
        }

        .ant-table-thead > tr > th {
            background: #edf6ff;
        }

        // .ant-table-tbody > tr:nth-child(even) > td {
        //   background: #f6f6f6;
        // }
        .ant-table.ant-table-bordered
            > .ant-table-container
            > .ant-table-content
            > table
            > tbody
            > tr
            > td {
            padding: 12px 8px;
        }

        .ant-table-content {
            table {
                table-layout: fixed !important;
            }
        }

        .ant-pro-card-body {
            padding: 0;
        }

        .ant-empty {
            display: none;
        }

        .ant-form-item {
            margin: 0;
        }
    }

    .addBtn {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        border: 1px solid #ddd;
        border-radius: 0 0 4px 4px;
        cursor: pointer;
    }
}

.showEmpty {
    :global {
        .ant-empty {
            display: block;
        }
    }
}

.cockpitEditable {
    background: rgba(4, 8, 17, 1);

    :global {
        .ant-table {
            color: #fff;
            background: rgba(4, 8, 17, 1);
        }

        .ant-table.ant-table-bordered > .ant-table-title {
            border: 1px solid rgba(60, 206, 255, 0.5);
        }

        .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
            border-top: 1px solid rgba(60, 206, 255, 0.5);
        }

        .ant-table.ant-table-bordered > .ant-table-container {
            border-left: 1px solid rgba(60, 206, 255, 0.5);
        }

        .ant-table.ant-table-bordered
            > .ant-table-container
            > .ant-table-header
            > table
            > thead
            > tr
            > th {
            border-right: 1px solid rgba(60, 206, 255, 0.5);
        }

        .ant-table-thead > tr > th {
            color: #fff;
            background: rgba(4, 8, 17, 1);
            border-bottom: 1px solid rgba(60, 206, 255, 0.5);
        }

        .ant-table.ant-table-bordered
            > .ant-table-container
            > .ant-table-body
            > table
            > tbody
            > tr
            > td {
            border-right: 1px solid rgba(60, 206, 255, 0.5);
        }

        .ant-table-tbody > tr > td {
            border-bottom: 1px solid rgba(60, 206, 255, 0.5);
        }

        .ant-table-tbody > tr > td.ant-table-cell-row-hover {
            background: rgba(60, 206, 255, 0.2);
        }
    }
}

::-webkit-scrollbar {
    /* 滚动条整体样式 */
    width: 6px;

    /* 高宽分别对应横竖滚动条的尺寸 */
    height: 6px;
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;

    /* 滚动条里面小方块 */
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5);

    &:hover {
        background: rgba(0, 0, 0, 0.5);
    }
}

::-webkit-scrollbar-track {
    /* 滚动条里面轨道 */
    background: transparent;

    &:hover {
        background: rgba(0, 0, 0, 0.2);
    }
}
