$inputHeight:30px;//输入框的高度正常输入框
$largeInputHeight:40px;//搞得输入框
$inputPad:10px;//输入框的左右padding

.el-input__inner:hover{
    border-color:$color-text-link;
}
.el-input-group__append{
    min-width: 48px;
    .el-select{
        margin:-10px -12px;
    }
}
.el-input-group__append, .el-input-group__prepend{
    font-size: 14px;
    font-family: $font-family;
    font-weight: 400;
    color: $font-color;
    padding:0 12px;
}
.el-input__inner{
    height : $inputHeight;
    line-height : $inputHeight;
    font-size: 14px;
    padding:0 $inputPad;
    font-family: $font-family;
    font-weight: 400;
}
.el-input__icon{
    line-height: $inputHeight;
    width:20px;
}
.el-input--small {
    .el-input__inner{
        height : $inputHeight;
        line-height : $inputHeight;
    }
    .el-input__icon{
        line-height: $inputHeight;
        width:20px;
    }
}
.el-input--large {
    .el-input__inner{
        height : $largeInputHeight;
        line-height : $largeInputHeight;
    }
    .el-input__icon{
        line-height: $largeInputHeight;
        width:20px;
    }
}

.el-textarea__inner{
    font-size: 14px;
    font-family: $font-family;
    font-weight: 400;
    padding: $inputPad;
    min-height:100px !important;
}
.el-textarea .el-input__count,.el-input .el-input__count .el-input__count-inner{
    font-size: 12px;
    font-family: $font-family;
    font-weight: 400;
    color: $font-color;
}
.el-input__prefix, .el-input__suffix{
    color:#d0d5e8
}

//气泡
.el-popover.input-pop-up{
    min-width:auto;
    font-size:16px;
}


//验证码input
.sh-code-input{
    height:40px;
    line-height:40px;
    position: relative;
    display: inline-block;
    width: 100%;
    .el-input{
      width:140px !important;
      
    }
    .el-button{
      width:90px;
      height:30px;
      line-height:30px;
      text-align: center;
      margin-left:6px;
      padding:0;
      font-size: 14px;
      font-family: $font-family;
      font-weight: 400;
      color: #FFFFFF;
    }
}
//状态input
.sh-status-input{
    &.status-input-success{
        .el-input__inner,.el-input__inner:focus,.el-textarea__inner,.el-textarea__inner:focus{
            border-color: $--color-success;
        }
    }
    &.status-input-error{
        .el-input__inner,.el-input__inner:focus,.el-textarea__inner,.el-textarea__inner:focus{
            border-color: $--color-danger;
        }
    }
    &.status-input-check{
        .el-input__inner,.el-input__inner:focus,.el-textarea__inner,.el-textarea__inner:focus{
            border-color: $--color-info;
        }
    }
    .status-message-box__errormsg,.status-message-box__successmsg,.status-message-box__checkmsg{
        font-size: 12px;
        min-height: 18px;
        margin-top: 2px;
        display: flex;
        align-items: center;
    }
    .status-message-box__errormsg{
        color:$--color-danger;
    }
    .status-message-box__successmsg{
        color:$--color-success;
    }
    .status-message-box__checkmsg{
        color:$--color-info;
    }
    .status-message-box__errormsg::before{
        content: "\E79D";
        @include status-icon;
        margin-right: 4px;
    }
    .status-message-box__successmsg::before{
        content: "\E79C";
        @include status-icon;
        margin-right: 4px;
    }   
    .status-message-box__checkmsg::before{
        content: "\e6cf";
        @include status-icon;
        margin-right: 4px;
    }
}


//范围input
.sh-range-input{
    position: relative;
    display: inline-block;
    width: 100%;
    .el-input{
        width:106px;
        .el-input__inner{
            text-align: center;
        }
    }
    .el-interval{
        padding:0 8px;
        color:#C5C8CE;
        font-size:14px;
        font-weight: bold;
    }
}
// popuptext
.pop-uo-text{
    font-size: 14px;
    font-family: $font-family;
    font-weight: 400;
    border:none;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1), 0px -2px 4px 0px rgba(0, 0, 0, 0.1);
}