//*****start*通用表单查询条件，列表样式******//
.from-clues {
    min-width: 1280px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    background-color: #000637;

    &-header {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        background: #061858;
        box-shadow: inset 0px 0px 14px 0px #1D66DC;
        border: 2px solid #1A3F81;

        /deep/.el-form-item__label {
            color: #E3F1FF;
        }

        /deep/.el-input__inner {
            background-color: #04103D !important;
            border: none;
        }
    }

    .advanced-search {
        display: flex;
        font-size: 12px;
        flex-wrap: wrap;
        padding-top: 5px;
        height: 30px;

        span {
            display: flex;
            align-items: center;
        }

        i {
            color: $light-blue;
            margin-left: 5px;
            cursor: pointer;
        }

        ul {
            display: flex;
            align-items: center;

            li {
                color: $light-blue;
                border: 1px solid $light-blue;
                border-radius: 10px;
                padding: 2px 8px;
                line-height: 16px;
            }
        }

        .clean-btn {
            margin-left: 10px;
        }
    }

    &-content {
        width: 100%;
        box-sizing: border-box;
        background: #FFFFFF;
        margin-top: 10px;

        //去掉表格内的线
        /deep/ table th {
            border-bottom: 5px solid #000637 !important;
        }

        /deep/ table td {
            border-bottom: 5px solid #000637 !important;
        }

        //去掉最下面的那一条线
        /deep/.el-table::before {
            height: 5px !important;
            background-color: #000637 !important;
        }


        /deep/.lb-table {
            background-color: #000637 !important;
        }

        /deep/.el-table__body-wrapper {
            background-color: #000637 !important;
        }

        /deep/.el-table--enable-row-hover .el-table__body tr:hover>td {
            background-color: #103E99 !important;
        }

        /deep/.el-table__body .el-table__row.hover-row td {
            background-color: #103E99 !important;
        }

        /deep/.el-table tbody tr:hover>td {
            background-color: #103E99 !important;
        }

        //修改表头的背景颜色横向渐变色

        /deep/.el-table {
            border: none !important;

            .cell {
                color: #FFFFFF !important;
            }

            .el-table__row {
                background-color: #00275F !important;
                margin-top: 5px;
            }

            thead {
                background: #103E99 !important;

                & th {
                    //inherit：规定应该从父元素继承 background-color 属性的设置。
                    //transparent：默认。背景颜色为透明。
                    // background-color: inherit !important;
                    background-color: transparent;
                }

                & tr {
                    // background-color: inherit !important;
                    background-color: transparent;
                }
            }
        }
    }

    .el-form--inline .el-form-item {
        width: auto;
        margin-right: 0px;

        .el-form-item__content {
            width: auto;
        }
    }



    .el-form-item--small.el-form-item {
        margin-bottom: 0px;
    }
}



//*****end*通用表单查询条件，列表样式******//
/deep/.el-range-separator {
    line-height: 28px !important;
}

.width200px {
    width: 200px;
}

.width300px {
    width: 300px;
}


.slxx_title {
    border-bottom: 1px solid $borderColor;
    padding-left: 10px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #4a4a4a;
}

// 搜索框按钮的位置
.btnColRight {
    box-sizing: border-box;
    text-align: right;
}