div[class^="el"],
input[class^="el"],
textarea[class^="el"] {
  transition: all 0s !important;
}

.el-checkbox {
  margin-bottom: 0;
  font-weight: normal !important;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
  color: var(--normalTextColor);
}

.group-search .el-select:last-child .el-input__inner {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.group-search .el-select:not(:last-child) .el-input__inner {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 1px solid transparent !important;
}

.group-search .el-select:not(:last-child) .el-input__inner:focus {
  border: 1px solid var(--mainColor) !important;
}

.group-search .el-select:nth-child(n+2) .el-input__inner {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.el-button {
  color: var(--mainTextColor) !important;
}

.el-button:focus {
  outline: none !important;
}

.el-button:hover {
  color: var(--mainColor) !important;
  border-color: var(--baseBorderColor) !important;
  background-color: var(--hoverBackgroundColor) !important;
}

.el-button.el-button--primary {
  color: #FFF !important;
  background-color: var(--mainColor) !important;
  border-color: var(--mainColor) !important;
}

.el-button.el-button--primary:hover {
  background-color: #004173 !important;
  color: #FFF !important;
}

.el-button.is-disabled {
  color: var(--placeholderColor) !important;
  border-color: var(--baseBorderColor) !important;
  background-color: var(--whiteBackground) !important;
}

.el-button.is-disabled:hover {
  color: var(--placeholderColor) !important;
  border-color: var(--baseBorderColor) !important;
  background-color: var(--whiteBackground) !important;
}

.el-button--primary.is-active,
.el-button--primary:active {
  background: var(--mainColor) !important;
}

.el-button,
.el-button--mini,
.el-button--small {
  border-radius: 5px !important;
}

.el-button--small {
  height: 2rem !important;
  overflow: hidden;
}

.el-switch.is-disabled .el-switch__core,
.el-switch.is-disabled .el-switch__label {
  cursor: default !important;
}

.el-form--label-top .el-form-item__label {
  padding-bottom: 0 !important;
  line-height: 1.3125rem !important;
}

.el-select-dropdown {
  padding-bottom: 10px !important;
}

.el-select-dropdown .popper__arrow,
.el-cascader__dropdown .popper__arrow,
.el-time-panel .popper__arrow,
.el-autocomplete-suggestion .popper__arrow {
  display: none !important;
}

.date-no-prefix .el-input__prefix {
  display: none !important;
}

.date-no-prefix .el-input__inner {
  padding: 0 1rem !important;
}

.el-card {
  border-radius: 5px;
}

.el-select__caret,
.el-select__caret.is-reverse,
.el-cascader .el-input .el-icon-arrow-down.is-reverse {
  transform: unset !important;
}

.el-icon-arrow-up:before {
  content: "\e6df" !important;
}

.el-checkbox,
.el-checkbox__input.is-checked+.el-checkbox__label {
  color: var(--mainTextColor) !important;
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
  color: var(--normalTextColor) !important;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: var(--normalTextColor) !important;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: var(--normalTextColor) !important;
  border-color: var(--normalTextColor) !important;
}

.el-radio__inner::after {
  width: 6px !important;
  height: 6px !important;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: var(--mainColor) !important;
  background: var(--mainColor) !important;
}

.el-radio,
.el-radio__input.is-checked+.el-radio__label {
  color: var(--mainTextColor) !important;
}

.el-radio__input.is-disabled+span.el-radio__label {
  color: var(--placeholderColor) !important;
}

.el-radio__input.is-disabled .el-radio__inner,
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: var(--lightestBackground) !important;
  border-color: var(--baseBorderColor) !important;
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: var(--whiteBackground) !important;
}

.el-tabs__item {
  padding: 0 0.5rem !important;
  color: var(--minorTextColor) !important;
}

.el-tabs__item.is-active {
  color: var(--normalTextColor) !important;
}

.el-tabs__nav-wrap::after {
  height: 1px !important;
}

.el-tabs__nav-scroll {
  padding-left: 0.5rem !important;
}

.el-tabs__active-bar {
  background-color: var(--mainColor) !important;
  bottom: 1px !important;
}

.el-page-header__left {
  color: var(--infoColor) !important;
}

.el-page-header__content {
  font-size: .875rem !important;
  color: var(--minorTextColor) !important;
}

.el-page-header__left::after {
  background-color: var(--placeholderColor) !important;
}

.el-page-header__left1::after {
  background-color: transparent !important
}

.el-slider__runway.disabled {
  opacity: 0.4 !important;
}

.el-slider__bar {
  background-color: var(--successColor) !important;
}

.el-slider__button {
  border: 2px solid var(--successColor) !important;
}

.el-slider__runway.disabled .el-slider__button-wrapper.dragging,
.el-slider__runway.disabled .el-slider__button-wrapper.hover,
.el-slider__runway.disabled .el-slider__button-wrapper:hover,
.el-slider__runway.disabled .el-slider__button.dragging,
.el-slider__runway.disabled .el-slider__button.hover,
.el-slider__runway.disabled .el-slider__button:hover {
  cursor: default !important;
}

.el-upload__tip {
  font-style: italic;
  margin-top: 0 !important;
  line-height: 1.3125rem !important;
}

.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
  content: "" !important;
}

.el-checkbox-group .el-checkbox {
  line-height: 1.5 !important;
}

.el-form-item__label {
  color: var(--normalTextColor) !important;
}

.form-info-mode .el-form-item__content,
.form-info-mode .el-form-item__label {
  line-height: 1.5 !important;
}

.form-info-mode .el-input--small .el-input__inner {
  height: 1.375rem !important;
  line-height: 1.375rem !important;
}

.form-info-mode .el-cascader--small {
  line-height: 1.375rem !important;
}

.form-info-mode .el-input.is-disabled .el-input__inner,
.form-info-mode .el-textarea.is-disabled .el-textarea__inner {
  font-size: 0.875rem;
  background-color: unset !important;
  border: 1px solid transparent !important;
  padding-left: 0 !important;
  opacity: 1 !important;
  color: var(--normalTextColor) !important;
}

.form-info-mode .el-input.is-disabled .el-input__icon {
  visibility: hidden !important;
}

/*.form-info-mode .el-radio__input.is-disabled + span.el-radio__label{*/
.el-radio__input.is-disabled+span.el-radio__label {
  color: var(--normalTextColor) !important;
}

.form-edit-mode .el-input--small .el-input__inner {
  height: 2rem !important;
  line-height: 2rem !important;
}

.form-edit-mode .el-cascader--small {
  line-height: 2rem !important;
}

.el-input__inner,
el-textarea__inner {
  border-radius: 5px !important;
  border: 1px solid var(--baseBorderColor) !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.el-input__inner:hover,
el-textarea__inner:hover {
  border: 1px solid var(--placeholderColor) !important;
}

.el-input__inner[disabled]:hover {
  border: 1px solid var(--baseBorderColor) !important;
}

.el-input__inner:focus {
  outline: none;
  border: 1px solid var(--mainColor) !important;
}

.el-popper[x-placement^=bottom] {
  margin-top: 0 !important;
}

.el-popper[x-placement^=bottom]:not(.el-dropdown-menu):not([role=tooltip]) .popper__arrow {
  display: none !important;
}

.el-divider {
    background-color: var(--baseBorderColor) !important;
}

.el-switch__core {
  border: 1px solid var(--minorTextColor) !important;
  background-color: var(--minorTextColor) !important;
}

.el-switch.is-disabled {
  opacity: 0.5 !important;
}

.el-switch.is-checked .el-switch__core {
  border-color: var(--successColor) !important;
  background-color: var(--successColor) !important;
}

.el-switch__core:after {
  background-color: #FFFFFF !important;
}

.el-switch.is-checked .el-switch__core::after {
  background-color: var(--whiteBackground) !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--mainColor) !important;
  border-color: var(--mainColor) !important;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner,
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: var(--hoverBackgroundColor) !important;
  border-color: var(--baseBorderColor) !important;
}

.el-input.is-disabled .el-input__inner {
    color: var(--normalTextColor)!important;
}

.hao-input-xl {
  width: 392px !important;
}

.hao-input-md {
  width: 182px !important;
}

.hao-input-xs {
  width: 94px !important;
}

.el-upload__tip {
  color: var(--minorTextColor) !important;
}

.vcp-error-tips {
  color: var(--errorColor);
  font-size: .875rem;
  height: 100% !important;
  top: 0 !important;
  margin-top: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 1000 !important;
}

.hao-slider .el-slider__button {
  border-radius: 5px;
  width: 6px;
  height: 16px;
  border: none !important;
  background: var(--baseBorderColor);
}

.hao-slider .el-slider__marks-text {
  margin-top: 8px;
  line-height: 1.5;
  word-break: keep-all;
}

.hao-slider .el-slider__bar {
  top: 0;
  background-color: var(--warningColor) !important;
}

.hao-slider .el-slider__bar.hao-slider-right,
.hao-slider .el-slider__bar.hao-slider-left {
  border-radius: 3px;
}

.hao-slider .el-slider__bar.hao-slider-left {
  background-color: var(--successColor) !important;
}

.hao-slider .el-slider__bar.hao-slider-right {
  background-color: var(--errorColor) !important;
}

.hao-slider .el-slider__bar .bar-title {
  position: relative;
  text-align: center;
  display: block;
  width: 100%;
  line-height: 1.5;
  color: var(--minorTextColor);
  white-space: nowrap;
}

.hao-slider .el-slider__bar .bar-title.left,
.hao-slider .el-slider__bar .bar-title.right {
  top: -24px;
}

.hao-slider .el-slider__bar .bar-title.center {
  top: -24px;
}

.alert-highlight .el-alert__title {
  color: var(--highlightInfoColor);
}

.input-password {
  text-security: disc;
  -webkit-text-security: disc;
  -moz-text-security: disc;
}

div[class^=el],
input[class^=el],
span[class^=el],
textarea[class^=el],
ul[class^=el] {
  transition: all 0s !important;
}

.el-slider__runway {
  margin: 7px 0 !important;
}

.hao-form .hao-form-item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.hao-form .hao-form-item-align-start {
  align-items: start;
}

.hao-form .hao-form-item .hao-form-label {
  color: var(--normalTextColor);
  font-size: 14px;
  margin-right: 16px;
  text-align: right;
  line-height: 1.5;
}

.hao-form .hao-form-item .hao-form-input,
.hao-form .hao-form-item .hao-form-select,
.hao-form .hao-form-item .hao-form-option,
.hao-form .hao-form-item .hao-form-date,
.hao-form .hao-form-item .hao-form-radio,
.hao-form .hao-form-item .hao-form-checkbox,
.hao-form .hao-form-item .hao-form-tree {
  color: var(--mainTextColor) !important;
  line-height: 1.5;
  font-size: 14px;
}

input::-webkit-input-placeholder {
  /* 使用webkit内核的浏览器 */
  color: var(--minorTextColor) !important;
  line-height: 1.5;
  font-size: 14px;
}

input:-moz-placeholder {
  /* Firefox版本4-18 */
  color: var(--minorTextColor) !important;
  line-height: 1.5;
  font-size: 14px;
}

input::-moz-placeholder {
  /* Firefox版本19+ */
  color: var(--minorTextColor) !important;
  line-height: 1.5;
  font-size: 14px;
}

input:-ms-input-placeholder {
  /* IE浏览器 */
  color: var(--minorTextColor) !important;
  line-height: 1.5;
  font-size: 14px;
}

.hao-form-content-desc {
  font-size: 12px;
  line-height: 1;
  color: var(--minorTextColor);
}

.hao-form .el-input__inner {
  color: var(--mainTextColor) !important;
}


.hao-form .el-input.is-disabled .el-input__inner {
  color: var(--placeholderColor) !important;
}

/* switch放大开始 */
.el-switch {
    line-height: 30px!important;
    height: 30px!important;
}
.el-switch__core {
    width: 60px!important;
    height: 30px!important;
    border-radius: 16px!important;
}
.el-switch__core:after {
    width: 26px!important;
    height: 26px!important;
}
.el-switch.is-checked .el-switch__core::after {
    margin-left: -28px!important;
}
/* switch放大结束 */