.el-select {
    .el-input {
        .el-input__wrapper {
            // background-color: #606266;
            background-color: transparent;
        }

        .el-input__suffix {
            width: 24px;
            background: #525252;
            border-radius: 3px;
            position: relative;
            left: 5px;

            .el-input__suffix-inner>:first-child {
                margin-left: 5px;
            }

            .el-input__suffix-inner {
                .el-icon {
                    color: #fff;
                }
            }
        }

    }

    .el-tag {
        background-color: #606266;
        color: #fff;
    }

}

.el-input {
    .el-input__wrapper {
        // background-color: #606266;
        background-color: transparent;
    }

    .el-input-group__prepend {
        background-color: #606266;
        color: #fff;
    }

}

input {
    color: #fff;
}

input::-webkit-input-placeholder {
    /*WebKit browsers*/
    color: #fff;
}

input::-moz-input-placeholder {
    /*Mozilla Firefox*/
    color: #fff;
}

input::-ms-input-placeholder {
    /*Internet Explorer*/
    color: #fff;
}

.el-date-editor--datetimerange {
    // background-color: #606266;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    height: 33px;
    padding: 0 8px;
    width: 369px;

    .el-range-separator {
        color: #fff;
        line-height: 33px;
    }

    .el-range-input {
        flex-basis: 145px;
        line-height: 33px;
        background: transparent;
        color: #fff;

        &::placeholder {
            text-align: center;
            color: #fff;
        }
    }
}

.el-date-editor {
    // background-color: #606266;
    background-color: transparent;

    .el-input__wrapper {
        // background-color: #606266;
        background-color: transparent;
    }
}

// 数字组件
.el-input-number {

    .el-input-number__decrease,
    .el-input-number__increase {
        line-height: 15px;
        color: @gray-l;
        background: fade(@gray, 40);

    }

    .el-input {
        .el-input__wrapper {
            // background-color: #606266;
            background-color: transparent;
        }

    }
}


.el-form {
    .el-form-item {
        .el-form-item__label {
            color: #fff;
        }
    }
}

.el-tabs {
    .el-tabs__header {
        .el-tabs__nav-wrap {
            .el-tabs__nav-scroll {
                .el-tabs__item {
                    color: #fff;
                }

                .is-active {
                    color: #409eff;
                }
            }
        }
    }
}

.generat-seach {
    .el-form-item {
        .el-date-editor--date {
            width: 150px;
        }
    }

    .el-date-editor--monthrange {

        .el-range-input,
        .el-range-separator,
        .el-range__icon {
            color: #fff;
        }

    }
}