@import './variable';
.contrast-material-wrapper {
    margin: 10px $--space 6px;
    .el-table {
        // hover时元素背景色去除
        .el-table__body tr:hover > td ~ td {
            background-color: transparent;
        }
        // border颜色
        &.el-table--border {
            border-color: $--border-color-light;
            td,
            th,
            th.is-leaf {
                border-color: $--border-color-light;
            }
            &::after,
            &::before {
                background-color: $--border-color-light;
            }
            &::before {
                z-index: 0;
            }
        }
        .cell {
            line-height: 16px;
        }
        // 表头
        thead {
            // 单元格间距
            th {
                padding: 7px 0 8px;
                height: 40px;
            }
            // 文字
            .cell {
                text-align: center;
                color: $--color-text-regular;
                font-weight: normal;
            }
        }
        // 第一列
        tr {
            th:first-child,
            td:first-child {
                background-color: $--background-color-base;
                .cell {
                    text-align: right;
                    padding: 0 16px;
                }
            }
            td:last-child {
                padding: 0;
            }
        }

        .form-body-wrapper > .el-row,
        .form-body-wrapper:last-child,
        .form-body-wrapper .el-form-item__content {
            border: none;
        }
        .form-wrapper,
        .form-body-wrapper {
            margin: 0;
        }
        .form-grid {
            .el-input__inner,
            .el-textarea__inner {
                border: 1px solid $--border-color-base;
                padding: 0 10px;
            }
            .handleRadio.form-item {
                .el-radio-group {
                    justify-content: center;
                    .el-radio {
                        position: relative;
                        width: 24px;
                        height: 24px;
                        &::before {
                            position: absolute;
                            content: '';
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            z-index: 1;
                            background: url('../../../images/un_no_pass.png') no-repeat center / 100%;
                        }
                        .el-radio__input {
                            opacity: 0;
                        }
                        &:first-child {
                            margin-right: 24px;
                            &::before {
                                background-image: url('../../../images/un_pass.png');
                            }
                        }
                        &.is-checked {
                            &::before {
                                background-image: url('../../../images/no_pass.png');
                            }
                            &:first-child::before {
                                background-image: url('../../../images/pass.png');
                            }
                        }
                    }
                }
            }
        }
        .dif-border {
            position: relative;
            &::before {
                content: '';
                position: absolute;
                top: -2px;
                bottom: -1px;
                left: -1px;
                right: -1px;
                border: 2px solid $--color-danger;
            }
            &:last-child::before {
                right: 0;
            }
        }
        .con-mat-form-wrapper .el-form-item {
            margin-bottom: 0;
        }
        .contrast-handle-column {

            .form-body-wrapper {
                margin-bottom: 0;
            }
            .el-row > .el-col {
                border: none;
            }
        }
    }
    // 修复红框被遮挡问题
    .el-table__body-wrapper {
        overflow: initial;
    }
}
.title-wrapper + .anchor-location-wrapper .contrast-material-wrapper:first-child,
.form-title-wrapper + .contrast-material-wrapper {
    margin-top: 0;
}

// IE兼容
.ie .contrast-material-wrapper .el-table {
    .dif-border {
        border: 2px solid $--color-danger !important;
        border-top: none !important;
        &::before {
            top: -2px;
            left: -2px;
            right: -2px;
            height: 2px;
            background-color: $--color-danger;
            border: none;
        }
    }
    // 修复红框被遮挡问题
    .el-table__body-wrapper {
        overflow: visible;
    }
}
