.dialog_table.el-table{
    width: 100%;
    background-color: transparent!important;
    thead tr, thead tr th{
        // background: linear-gradient(0deg, rgba(2,115,233,0.3) 0%, rgba(2,115,233,0.1) 40%, rgba(2,115,233,0) 100%) !important;
        background-color: transparent!important;
        color: #FFFFFF;
    }
     th > .cell {
        font-size: 18px;
        font-family: SimHei;
        font-weight: 400;
        color: #FFFFFF;
        white-space: pre;
    }
    tr {
        background-color: rgba(2, 115, 233, 0.05);
        
    }
    tr:nth-of-type(2n+1){
        background-color: rgba(2, 115, 233, 0.1);
    }
    
    //改变ht和elment表格鼠标经过高亮时的背景颜色
    tbody tr:hover > td,
    tbody tr:hover > td{
        background-color: rgba(2, 115, 233, 0.3)!important;
    }
    .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
        background-color: rgba(2, 115, 233, 0.3);
    }
    th.el-table__cell.is-leaf,td.el-table__cell {
        border-bottom: 4px solid #01215a !important;
    }
    ::-webkit-scrollbar {
        width: 18px;
        height: 18px;
        background-color: #01215a;
    }
    ::-webkit-scrollbar-corner {
        background: #01215a;
    }
    td > .cell {
        font-size: 18px;
        font-family: SimHei;
        font-weight: 400;
        color: #D7F1FF!important;
    }
    td > .cell {
        div{
            font-size: 18px;
        }
    }
    .el-table__body tr.current-row > td.el-table__cell{
        background-color: rgba(2, 115, 233, 0.5)!important;
    }
}
.dialog_table.el-table::before {
    content: '';
    position: absolute;
    background-color: transparent!important;
    z-index: 1;
}
.el-table.el-table--border tbody tr:hover > td {
    background-color: rgba(2, 115, 233, 0.5)!important;
}
.dialog_table,.sub-page--expand, .sub-page-detail{
    /* 设置滚动条的样式 */
    ::-webkit-scrollbar {
        width: 8px !important; //垂直方向上的宽
        height: 8px !important; //水平方向上的宽
    }
    
    /* 滚动槽 */
    ::-webkit-scrollbar-track {
        background-color: #01215a !important;
    }
    
    /* 滚动条滑块 */
    ::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background-color: rgba(#fff, 0.1) !important;
    }
    /*滚动条交叉样式*/
    ::-webkit-scrollbar-corner {
        background: #01215a !important;
    }
}
.dialog-table-container{
    height: calc(100% - 10px);
    margin-top: 10px;
    .pagenation{
        margin-top: 20px;
    }
}
.sub-page-inner{
    display: flex;
    gap: 40px;
    
}
.sub-table-container{
    height: 100%;
    width: 45%;
    .table-content{
        height: calc(100% - 70px);
        width: 100%;
    }
    .el-input__inner {
        background-color: rgba(1, 47, 115, 0.6);
        border: 1px solid #0273E9;
        color: #D7F1FF;
    }
    .search-label{
        color: #D7F1FF;
        font-size: 16px;
        margin-bottom: 10px;
        display: inline-block;
    }
}
.dialog_table .el-table__expanded-cell{
    background-color: rgba(2, 115, 233, 0.3)!important;
}

.dialog_table .el-table__expand-icon{
    color: #fff;
}
.sub-page-detail.full-detail{
    width: 66%;
    margin: 0 auto;
    min-width: 800px;
}
.sub-page-detail{
    width: 55%;
    .de-con {
        width: 100%;
        height: 14px;
        margin-top: 20px;
        display: flex;
        justify-content: space-evenly;
        div {
            height: 100%;
        }
        img {
            height: 100%;
        }
        div:nth-child(3) {
            transform: rotateY(180deg);
        }
    }
    .title{
        font-size: 18px;
        width: 40%;
        color: #b1e3ff;
        font-weight: bold;
        text-align: center;
        margin-top: -6px;
    }
    .sub-page--expand{
        height: calc(100% - 90px);
        margin-top: 30px;
        overflow: auto;
        width: 100%;
        border-radius: 10px;
        border: 2px dashed rgba(2, 115, 233, 0.8);
        padding: 20px;
        box-sizing: border-box;
    }
    .sub-page--expand .el-form-item__label {
        width: 80%;
        color: #4184f8;
        font-size: 18px;
        font-weight: bold;
        font-family: SimHei;
        position: relative;
        padding-left: 10px;
    }
    .sub-page--expand .el-form-item__label:before{
        content: '\E791';
        font-family: 'element-icons' !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 14px;
        color: #669cf8;
        margin-right: 6px;
    }
    .sub-page--expand .el-form-item__label:after{
        content: '\E791';
        font-family: 'element-icons' !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 14px;
        color: #8cb3f6;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-88%);
    }
    .sub-page--expand .el-form-item {
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%;
        background-color: rgba(2, 115, 233, 0.2);
        border-radius: 6px;
        padding: 16px;
        box-sizing: border-box;
    }
    .el-form-item__content{
        color:#D7F1FF;
        line-height: 140%!important;
        font-size: 18px;
        font-family: SimHei;
        span{
            font-size: 18px;
            font-family: SimHei;
        }
    }
    .file-item {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 2px 10px;
        padding-right: 5px;
        border-radius: 2px;
        a {
            margin-right: 8px;
            user-select: none;
        }
        .file-name{
            width: calc(100% - 100px);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .file-btn{
            display: inline-block;
            width: 140px;
        }
        .file-btn.short{
            width: 90px;
        }
    }
    .file-item:hover {
        background-color: rgba(1, 33, 90,0.6);
    }
}