/**
 * 数据输入
 *   - 表单 Form
 *   - 输入框 Input
 *   - 文本域 textarea
 *   - 数字输入框 InputNumber
 *   - 单选框 Radio
 *   - 选择器 Select
 *   - 复选框 Checkbox
 *   - 级联选择 Cascader
 *   - 评分 Rate
 *   - 滑动输入条 Slider
 *   - 开关 Switch
 *   - 日期选择器 DatePicker
 *   - 数据穿梭框 Transfer
 *   - 树选择 TreeSelect
 *   - 上传 Upload
 */

/**
 * 表单 Form
 */
.zwx-form {
  padding: 12px 16px 0 16px !important;
  line-height: normal !important;
  word-break: break-all !important;
}


.zwx-form .el-form-item {
  display: inline-block !important;
  margin-bottom: 12px !important;
  margin-right: 20px !important;
}


.zwx-form .el-form-item .el-form-item__label {
  font-size: 14px !important;
  color: #3A485E !important;
  padding: 0 !important;
}

.zwx-form .el-form-item__error {
  padding-top: 2px !important;
  white-space: nowrap !important;
  color: #ff4949 !important;
}

.zwx-form .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before,
.zwx-form .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
  color: #ff4949 !important;
}

.zwx-form .el-form-item,
.zwx-form .el-form-item__content,
.zwx-form .el-form-item__label,
.zwx-form .el-icon-circle-close {
  height: auto !important;
  line-height: 32px !important;
}

.zwx-form .el-form-item.is-error .el-input__inner {
  border-color: #ff4949 !important;
}

.zwx-form .el-form-item.is-error .el-textarea__inner {
  border-color: #ff4949 !important;
}

.zwx-form .el-form-item .zwx-input .el-input__suffix .el-input__suffix-inner .el-input__icon {
  margin-top: 2px !important;
}


.edit-form {
  padding: 0 !important;
  line-height: normal !important;
}

.edit-form .el-form-item {
  margin-bottom: 16px !important;
}


.edit-row {
  padding: 0 16px !important;
}

.edit-row:first-child {
  padding-top: 16px !important;
}

div > .edit-row:first-child {
  padding-top: 16px !important;
}

.independent-button-row {
  border-top: 1px solid #d5d9e0;
  height: 57px !important;
  line-height: 32px !important;
  padding: 12px 16px !important;
}

.self-adapting-condition {
  max-width: 1080px;
}

/*自适应查询条件行*/

.self-adapting-condition .el-form-item .el-form-item__label {
  display: inline-block !important;
}

.self-adapting-condition .el-form-item .el-form-item__content {
  display: inline-block !important;
}

.self-adapting-condition .el-form-item {
  display: block;
  float: left !important;
}

.condition-button-row {
  height: 32px !important;
  line-height: 32px !important;
  padding: 12px 16px !important;
}

.self-adapting-condition .condition-button-row {
  display: block;
  float: left !important;
  padding: 0 !important;
  margin-bottom: 12px !important;
}


/**
 * 输入框 Input
 */

.el-input [type='password'] {
  font-family: Helvetica Neue !important;
}

.zwx-input input::input-placeholder,
.zwx-input input::-webkit-input-placeholder,
.zwx-input input:-moz-placeholder,
.zwx-input input::-moz-placeholder,
.zwx-input input:-zwx-input-placeholder {
  color: #777F89 !important;
}


// 基础样式
.zwx-input {
  width: 160px !important;
  height: 32px !important;
}

.zwx-input .el-input__inner {
  border: 1px solid #A8BBCF !important;
  border-radius: 2px !important;
  font-size: 14px !important;
  height: 32px !important;
  line-height: 32px !important;
  color: #191919 !important;
  padding-left: 6px !important;
}

/*
* 表格下输入框高度
 */
.zwx-table .zwx-input .el-input__inner {
  height: 28px !important;
  line-height: 28px !important;
}

.zwx-input-search .el-input__inner {
  padding-right: 23px !important;
}

.zwx-input-search .el-input__suffix .el-input__suffix-inner {
  display: flex !important;
  flex-direction: row-reverse !important;
  border: 1px solid transparent !important;
  height: 28px !important;
}

.zwx-input-search .el-input__suffix .el-input__suffix-inner .el-icon-search + .el-icon-circle-close {
  background: #fff !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
  line-height: 28px !important;
}

/* input hover样式 */
.zwx-input .el-input__inner:hover {
  border-color: #7E91A5 !important;
}

/* input输入样式 */
.zwx-input .el-input__inner:focus {
  outline: none !important;
  border-color: #316CF5 !important;
}

.zwx-input .el-input__suffix {
  right: 0px !important;
}

.zwx-input .el-input__suffix [class*=' el-icon-'] {
  font-size: 14px !important;
}

/* 密码框icon样式 */
.el-icon-search:before {
  content: '\e778' !important;
}

.zwx-input-password .el-input__suffix .el-input__suffix-inner {
  border: 1px solid transparent !important;
  display: flex !important;
  align-items: center !important;
  height: 28px !important;
}

.zwx-input-password .el-input__suffix .el-input__suffix-inner .el-icon-circle-close {
  background: #fff !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.zwx-input .el-input__suffix .el-input__suffix-inner .el-icon-circle-close {
  font-size: 2px !important;
}

.zwx-input .el-input__suffix .el-input__suffix-inner .el-icon-view {
  font-size: 2px !important;
}

.zwx-input .el-input__suffix .el-input__suffix-inner .el-input-search {
  font-size: 2px !important;
}

.zwx-input .el-input__suffix .el-input__suffix-inner .el-input__icon {
  padding-right: 5px !important;
  line-height: 32px !important;
  width: 100% !important;
  color: #6d87a3 !important;
}

.zwx-input .el-input__suffix .el-input__suffix-inner .el-input__icon:hover {
  color: #37608c !important;
}

/* 禁用样式 */
.zwx-input.is-disabled .el-input__inner {
  background: #F2F4F7 !important;
  color: #3A485E !important;
  border-color: #a8bbcf !important;
  padding-right: 6px !important;
}

/* 带前后缀样式 */
.zwx-input .el-input-group__append {
  padding: 0 8px !important;
  color: #000000 !important;
  border-radius: 0 2px 2px 0 !important;
  border-color: #bbc9d7 !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.zwx-input-group .el-input__inner {
  border-radius: 2px 0 0 2px !important;
}

.zwx-input-group .el-input__suffix .el-input__suffix-inner .el-input__icon {
  line-height: 32px !important;
}

/**
 * 文本域 textarea
 */
.zwx-textarea textarea::input-placeholder,
.zwx-textarea textarea::-webkit-input-placeholder,
.zwx-textarea textarea:-moz-placeholder,
.zwx-textarea textarea::-moz-placeholder,
.zwx-textarea textarea:-zwx-input-placeholder {
  color: #777F89 !important;
}

.zwx-textarea {
  width: 496px !important;
}

.zwx-textarea .el-textarea__inner {
  width: 100% !important;
  border-radius: 2px !important;
  border: 1px solid #A8BBCF !important;
  padding: 6px !important;
  color: #000000 !important;
  font-size: 14px !important;
  overflow-y: auto !important;
}

/* textarea hover样式 */
.zwx-textarea .el-textarea__inner:hover {
  border-color: #7E91A5 !important;
}

/* textarea focus样式 */
.zwx-textarea .el-textarea__inner:focus {
  outline: none !important;
  border-color: #316CF5 !important;
}

/**
 * 数字输入框 InputNumber
 */
.zwx-input-number {
  width: 120px;
  line-height: 30px;
}

.zwx-input-number .el-input-number__decrease, .el-input-number__increase {
  width: 34px;
  color: #A8BBCF;
  background: #EAEFF5;
}

.zwx-input-number .el-input-number__decrease {
  border-right: 1px solid #A8BBCF;
}

.zwx-input-number .el-input-number__increase {
  border-left: 1px solid #A8BBCF;
}

.zwx-input-number .el-input__inner {
  height: 32px;
  line-height: 32px;
  border: 1px solid #A8BBCF;
}

.zwx-input-number .el-input__inner:hover {
  border: 1px solid #8D9EAF;
}

.zwx-input-number .el-input-number__decrease:active, .el-input-number__increase:active {
  color: #316CF5;
}

.zwx-input-number .el-input__inner:focus {
  border-color: #316CF5;
}

/**
 * 单选框 Radio
*/
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.zwx-radio {
  color: #000000 !important;
  margin-right: 12px !important;
  font-size: 14px !important;
  height: 28px !important;
  line-height: 28px !important;
}

.zwx-radio-group {
  min-width: 160px !important;
  font-size: 14px !important;
}

.zwx-radio-group > .zwx-radio:last-child {
  margin-right: 0 !important;
}

.zwx-radio .el-radio__input {
  line-height: 28px !important;
}

.zwx-radio > .el-radio__input .el-radio__inner {
  background: #ffffff !important;
  border: 1px solid #316cf5 !important;
  border-radius: 50% !important;
}

.zwx-radio > .el-radio__input.is-checked .el-radio__inner {
  background: #316cf5 !important;
}

.zwx-radio > .el-radio__input.is-checked .el-radio__inner::after {
  width: 5px !important;
  height: 5px !important;
}

.zwx-radio > .el-radio__input + .el-radio__label {
  padding-left: 4px !important;
  font-size: 14px !important;
}

.zwx-radio > .el-radio__input.is-checked + .el-radio__label {
  color: #000000 !important;
}

.zwx-radio.is-disabled,
.zwx-radio.is-disabled .el-radio__input {
  cursor: not-allowed !important;
}

.zwx-radio.is-disabled > .el-radio__input.is-disabled + span.el-radio__label {
  color: #646464 !important;
}

.zwx-radio.is-disabled > .el-radio__input.is-disabled > .el-radio__inner {
  border: 1px solid #d6d6d7 !important;
  background-color: #e9eaee !important;
}

.zwx-radio.is-disabled > .el-radio__input.is-disabled > .el-radio__inner::after {
  background-color: #a4a6ab !important;
}

/* 单选按钮 */
.zwx-radio-button .el-radio-button__orig-radio + .el-radio-button__inner {
  color: #000000 !important;
  font-size: 14px !important;
  min-width: 48px !important;
  height: 28px !important;
  padding: 6px 10px !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.zwx-radio-button .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #fff !important;
  background-color: #3c82ff !important;
  border-color: #3c82ff !important;
  box-shadow: -1px 0 0 0 #3c82ff !important;
}

.zwx-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
  box-shadow: none !important;
}

/**
 * 选择器 Select
*/
.zwx-select .el-input__inner {
  width: 160px !important;
  padding: 0 19px 0 6px !important;
  border: 1px solid #A8BBCF !important;
  height: 32px !important;
  line-height: 32px !important;
  color: #191919 !important;
  font-size: 14px !important;
  border-radius: 2px !important;
}

/*
* 表格下下拉框高度
 */
.zwx-table .zwx-select .el-input__inner {
  height: 28px !important;
  line-height: 28px !important;
}

.zwx-select .el-input__inner:hover {
  border: 1px solid #7E91A5 !important;
}

.zwx-select .el-input__inner:focus {
  border: 1px solid #316CF5 !important;
}

.zwx-select .is-disabled .el-input__inner {
  background: #F2F4F7 !important;
  border: 1px solid #A8BBCF !important;
  color: #3A485E !important;
}

.zwx-select .is-disabled .el-input__inner:hover {
  border: 1px solid #a8bbcf !important;
}

.zwx-select .el-input__suffix {
  right: 5px !important;
}

.zwx-select .el-input__icon {
  width: 22px !important;
  font-size: 8px !important;
  line-height: 32px !important;
  color: #6d87a3 !important;
}

.zwx-table .zwx-select .el-input__icon {
  line-height: 28px !important;
}

.zwx-select .el-icon-circle-close:hover {
  color: #37608c !important;
}

.zwx-select input::input-placeholder,
.zwx-select input::-webkit-input-placeholder,
.zwx-select input:-moz-placeholder,
.zwx-select input::-moz-placeholder,
.zwx-select input:-zwx-input-placeholder {
  color: #777F89 !important;
}


.zwx-select-popper {
  margin: 4px 0 !important;
  border: none !important;
}

.zwx-select-popper .el-select-dropdown__empty {
  padding: 8px 0 !important;
  color: #444444 !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.zwx-select-popper .el-select-dropdown__wrap {
  max-height: 221px !important;
}

.zwx-select-popper .popper__arrow {
  display: none !important;
}

.zwx-select-popper .el-select-dropdown__list {
  min-width: 160px !important;
  padding: 0 !important;
}

.zwx-select-popper .el-select-dropdown__list .el-select-dropdown__item {
  height: 32px !important;
  padding: 0 12px !important;
  line-height: 32px !important;
  color: #191919 !important;
  font-size: 14px !important;
}

.zwx-select-popper .el-select-dropdown__list .el-select-dropdown__item.selected {
  color: #316cf5 !important;
}

.zwx-select-popper .el-select-dropdown__list .el-select-dropdown__item.hover,
.zwx-select-popper .el-select-dropdown__list .el-select-dropdown__item:hover {
  background-color: #F3F5FA !important;
}

.zwx-select-popper .el-scrollbar__bar.is-horizontal {
  display: none !important;
}

.zwx-select-popper.is-multiple .el-select-dropdown__list .el-select-dropdown__item {
  padding: 0 28px 0 6px !important;
}

.zwx-select-popper.is-multiple .el-select-dropdown__list .el-select-dropdown__item.selected::after {
  right: 10px !important;
}

/**
 * 复选框 Checkbox
*/
.zwx-checkbox {
  font-size: 14px !important;
  height: 28px !important;
  line-height: 28px !important;
  color: #000000 !important;
  margin-right: 12px !important;
}

.zwx-checkbox-border.el-checkbox.is-bordered {
  width: 75px;
  height: auto;
  padding: 0;
  color: #222c27;
  text-align: center;
  border-color: #a8bbcf;
}

.zwx-checkbox-border .el-checkbox__inner {
  width: 12px;
  height: 12px;
  margin-top: -1px;
  border-radius: 12px;
}

.zwx-checkbox-group {
  min-width: unset !important;
  font-size: 14px !important;
}

.zwx-checkbox-group > .zwx-checkbox:last-child {
  margin-right: 0 !important;
}

.zwx-checkbox > .el-checkbox__input + .el-checkbox__label {
  font-size: 14px !important;
  color: #3A485E !important;
}


.zwx-checkbox > .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #3A485E !important;
}

.zwx-checkbox > .el-checkbox__input .el-checkbox__inner {
  border: 1px solid #4a75f5 !important;
}


.zwx-checkbox > .el-checkbox__input.is-checked .el-checkbox__inner {
  font-size: 14px !important;
  background-color: #4a75f5 !important;
}

.zwx-checkbox > .el-checkbox__input.is-disabled .el-checkbox__inner {
  border: 1px solid #d6d6d7 !important;
  background-color: #e9eaee !important;
}

.zwx-checkbox > .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background: #e2e3e6 !important;
  border: 1px solid transparent !important;
}

.zwx-checkbox .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #a4a6ab !important;
}

.zwx-checkbox > .el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #646464 !important;
}

.zwx-checkbox.is-disabled,
.zwx-checkbox.is-disabled .el-checkbox__input {
  cursor: not-allowed !important;
}

.zwx-checkbox-border.el-checkbox.is-bordered.is-checked {
  border-color: #a8bbcf;
}

.zwx-checkbox-border .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #3061C3 !important;
}

.zwx-checkbox-border .el-checkbox__inner::after {
  left: 4px;
  top: 0;
  width: 2.5px;
  height: 6px;
  border-width: 0 1px 1px 0;
}

/**
 * 级联选择 cascader
*/
.zwx-cascader {
  vertical-align: middle;
  width: 200px;
  height: 32px;
  line-height: 32px;
}

.el-cascader-panel .el-radio {
  cursor: pointer;
  position: absolute;
  width: 100%;
  background-color: #000;
  filter: alpha(opacity=0);
  opacity: 0;
  height: 36px;
  line-height: 36px;
  z-index: 99 !important;
  left: 0;
  top: 0;
}

.el-cascader-panel .el-cascader-node__postfix {
  top: 10px;
}

.el-cascader-panel .el-cascader-menu {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.zwx-cascader .el-input .el-input__inner {
  font-size: 14px !important;
}

.zwx-cascader .el-input__inner {
  height: 32px !important;
  line-height: 32px !important;
  font-size: 14px !important;
  color: #1F2D3D;
  padding: 0 32px 0 10px;
  border-color: #A8BBCF !important;
}

.zwx-cascader .el-input__inner::placeholder,
.zwx-cascader .el-input__inner::-webkit-input-placeholder,
.zwx-cascader .el-input__inner::-moz-placeholder,
.zwx-cascader .el-input__inner:-moz-placeholder,
.zwx-cascader .el-input__inner:-zwx-input-placeholder {
  color: #777F89 !important;
  font-size: 14px !important;
}

.zwx-cascader:hover .el-input__inner {
  border-color: #A8BBCF !important;
}

.zwx-cascader .el-input__inner:focus,
.zwx-cascader .el-input__inner:active {
  border-color: #316CF5 !important;
}

.zwx-cascader .el-cascader__label {
  color: #191919;
  font-size: 14px;
  padding: 0 32px 0 11px;
}

.zwx-cascader .el-input .el-input__icon {
  color: #99A9BF;
  font-size: 13px;
  height: 28px;
  line-height: 28px;
}

.zwx-cascader .el-input .el-input__icon.el-icon-circle-close {
  color: #99A9BF;
}

.zwx-cascader .el-input.is-disabled .el-input__inner {
  background-color: #F2F4F7 !important;
  border-color: #A8BBCF !important;
  color: #3A485E !important;
}

.zwx-cascader.is-disabled .el-cascader__label {
  color: #99A9BF;
  cursor: not-allowed;
}

.zwx-cascader.is-disabled .el-cascader__label span {
  color: #99A9BF;
}

.zwx-cascader .el-input.is-disabled .el-input__inner::placeholder,
.zwx-cascader .el-input.is-disabled .el-input__inner::-webkit-input-placeholder,
.zwx-cascader .el-input.is-disabled .el-input__inner::-moz-placeholder,
.zwx-cascader .el-input.is-disabled .el-input__inner:-moz-placeholder,
.zwx-cascader .el-input.is-disabled .el-input__inner:-zwx-input-placeholder {
  color: #3A485E !important;
  font-size: 14px !important;
}


.el-cascader-menus {
  border: 1px solid #D3DCE6;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.el-cascader-menus .el-cascader-menu {
  min-width: 150px;
  border-right-color: #D3DCE6;
}

.el-cascader-menus .el-cascader-menu__item {
  height: 36px;
  line-height: 36px;
  padding: 0 30px 0 10px;
  font-size: 13px;
  color: #475669;
}

.el-cascader-menus .el-cascader-menu__item span {
  padding-right: 0;
}

.el-cascader-menus .el-cascader-menu__item:focus:not(:active) {
  background: 0 0;
}

.el-cascader-menus .el-cascader-menu__item:hover:not(.is-disabled) {
  background-color: #E5E9F2;
}

.el-cascader-menus .el-cascader-menu__item.is-active {
  color: #20A0FF;
}

.el-cascader-menus .el-cascader-menu__item.is-disabled {
  color: #C0CCDA;
}

.el-cascader-menus.el-popper[x-placement^=bottom] {
  margin-top: 4px;
}

.el-cascader-menus.el-popper[x-placement^=top] {
  margin-bottom: 4px;
}

.el-cascader-menus.el-popper[x-placement^=bottom] .popper__arrow {
  display: none;
}

.el-cascader-menus.el-popper[x-placement^=top] .popper__arrow {
  display: none;
}

.el-cascader-menus .el-cascader-menu__item--extensible:after {
  right: 10px;
  font-size: 13px;
  color: #D3DCE6;
}


/**
 * 开关 Switch
*/
.zwx-switch .el-switch__core {
  background: #c7c7c7 !important;
  border: none !important;
}

.zwx-switch .el-switch__core::after {
  width: 14px !important;
  height: 14px !important;
  top: 3px !important;
  left: 4px !important;
}

.zwx-switch.is-checked .el-switch__core {
  background-color: #2ca100 !important;
  border: none !important;
}

.zwx-switch.is-checked .el-switch__core::after {
  top: 3px !important;
  margin-left: 18px !important;
}

.zwx-switch .el-switch__label * {
  color: #303133 !important;
  font-size: 14px !important;
  user-select: none !important;
}

.zwx-switch .el-switch__label.is-active * {
  color: #316cf5 !important;
  font-size: 14px !important;
}

.zwx-switch .el-switch__label--right {
  margin-left: 8px !important;
}

/**
 * 日期选择器 DatePicker
*/
.zwx-date-picker {
  width: 160px !important;
}

.zwx-date-picker input::input-placeholder,
.zwx-date-picker input::-webkit-input-placeholder,
.zwx-date-picker input:-moz-placeholder,
.zwx-date-picker input::-moz-placeholder,
.zwx-date-picker input:-zwx-input-placeholder {
  color: #777F89 !important;
}

.zwx-date-picker:hover {
  cursor: pointer !important;
}

.zwx-date-picker .el-input__inner {
  height: 32px !important;
  line-height: 32px !important;
  color: #191919 !important;
  font-size: 14px !important;
  border-radius: 2px !important;
  padding-left: 25px !important;
  border: 1px solid #A8BBCF !important;
}

.zwx-table .zwx-date-picker .el-input__icon {
  height: 28px !important;
  line-height: 28px !important;
}

.zwx-date-picker .el-input__inner:hover {
  border: 1px solid #7E91A5 !important;
  cursor: pointer !important;
}

.zwx-date-picker .el-input__inner:focus {
  border: 1px solid #316CF5 !important;
}

.zwx-date-picker .el-input__prefix {
  left: 0 !important;
  font-size: 14px !important;
}

.zwx-date-picker .el-input__prefix .el-input__icon {
  line-height: 32px !important;
  color: #6d87a3 !important;
}

.zwx-date-picker .el-input__suffix {
  font-size: 14px !important;
  right: 0px !important;
}

.zwx-date-picker .el-input__suffix-inner .el-icon-circle-close {
  width: 21px !important;
  font-size: 6px !important;
  line-height: 28px !important;
}

.zwx-date-picker .el-input__suffix .el-input__icon {
  line-height: 32px !important;
  color: #88929c !important;
  transition: none !important;
}

.zwx-date-picker .el-input__suffix .el-input__icon:hover {
  color: #37608c !important;
}

.zwx-date-picker.is-disabled:hover {
  cursor: not-allowed !important;
}

.zwx-date-picker.is-disabled .el-input__inner {
  background-color: #eff2f9 !important;
}

.zwx-date-picker.is-disabled .el-input__inner:hover {
  border: 1px solid #a8bbcf !important;
  cursor: not-allowed !important;
}

.zwx-date-picker-popper {
  width: 228px !important;
  min-height: 256px !important;
  margin: 4px 0 !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.zwx-date-picker-popper .popper__arrow {
  display: none !important;
}

.zwx-date-picker-popper .el-date-picker__header {
  margin: 5px 12px 0 !important;
  height: 32px !important;
}

.zwx-date-picker-popper .el-date-picker__header .el-date-picker__header-label {
  padding: 0 2px !important;
  font-size: 15px !important;
  line-height: 32px !important;
  color: #000 !important;
}

.zwx-date-picker-popper .el-date-picker__header .el-date-picker__header-label:hover {
  color: #316cf5 !important;
}

.zwx-date-picker-popper .el-date-picker__header .el-picker-panel__icon-btn {
  margin-top: 10px !important;
  color: #000 !important;
}

.zwx-date-picker-popper .el-picker-panel__content {
  margin: 0 !important;
  width: 100% !important;
  padding: 0 8px !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-date-table th {
  height: 36px !important;
  padding: 0 !important;
  margin-bottom: 4px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  line-height: 36px !important;
  color: #4d4d4d !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-date-table td {
  padding: 0 !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-date-table td div {
  width: 28px !important;
  height: 28px !important;
  margin: 2px !important;
  padding: 0 !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-date-table td div span {
  width: 20px !important;
  height: 20px !important;
  font-size: 14px !important;
  margin-top: 4px !important;
  line-height: 20px !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-date-table td:not(.disabled):hover div span,
.zwx-date-picker-popper .el-picker-panel__content .el-year-table .available:not(.disabled):hover .cell,
.zwx-date-picker-popper .el-picker-panel__content .el-month-table td:not(.disabled):hover .cell {
  color: #316cf5 !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-date-table .available span,
.zwx-date-picker-popper .el-picker-panel__content .el-year-table .available .cell,
.zwx-date-picker-popper .el-picker-panel__content .el-month-table .cell {
  color: #4d4d4d !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-date-table .today span,
.zwx-date-picker-popper .el-picker-panel__content .el-year-table .today .cell,
.zwx-date-picker-popper .el-picker-panel__content .el-month-table .today .cell {
  color: #316cf5 !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-date-table .available.current div,
.zwx-date-picker-popper .el-picker-panel__content .el-year-table .available.current .cell,
.zwx-date-picker-popper .el-picker-panel__content .el-month-table .current div {
  background-color: #e5f5f5 !important;
  border-radius: 2px !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-date-table .available.current span {
  background-color: transparent !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-date-table .prev-month span,
.zwx-date-picker-popper .el-picker-panel__content .el-date-table .next-month span {
  color: #9ea4a7 !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-year-table td {
  padding: 0 !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-year-table td .cell {
  width: 49px !important;
  height: 64px !important;
  margin: 2px !important;
  line-height: 64px !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-year-table tr:last-of-type > td:nth-of-type(3),
.zwx-date-picker-popper .el-picker-panel__content .el-year-table tr:last-of-type > td:nth-of-type(4) {
  cursor: default !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-month-table td {
  padding: 0 !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-month-table td div {
  width: 49px !important;
  height: 64px !important;
  margin: 2px !important;
  padding: 0 !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-month-table td div .cell {
  height: 64px !important;
  line-height: 64px !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-month-table td .cell {
  width: auto !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-month-table td div .cell {
  border-radius: 2px !important;
}

.zwx-date-picker-popper .el-picker-panel__content .el-date-table td.disabled,
.zwx-date-picker-popper .el-picker-panel__content .el-month-table td.disabled,
.zwx-date-picker-popper .el-picker-panel__content .el-year-table td.disabled {
  cursor: default !important;
}

.zwx-date-picker-popper .el-button--text,
.zwx-date-picker-popper .el-time-panel__btn.confirm {
  color: #0037c7 !important;
}

.zwx-date-picker-popper .el-button--text:hover,
.zwx-date-picker-popper .el-time-panel__btn.confirm:hover {
  color: #316cf5 !important;
}

.zwx-date-picker-popper .el-button--text:active,
.zwx-date-picker-popper .el-time-panel__btn.confirm:active {
  color: #335fd3 !important;
}

.zwx-date-picker-popper .el-button--default {
  color: #0037c7 !important;
  border: 1px solid #bed2ff !important;
  background-color: #fff !important;
}

.zwx-date-picker-popper .el-button--default:hover {
  color: #0037c7 !important;
  border: 1px solid #6091ff !important;
  background-color: #f8faff !important;
}

.zwx-date-picker-popper .el-button--default:active {
  color: #335fd3 !important;
  border: 1px solid #cbdbff !important;
  background-color: #fff !important;
}

.zwx-date-picker-popper .el-time-panel__btn.cancel {
  color: #303133 !important;
}

.zwx-date-picker-popper .el-time-panel__btn.cancel:hover {
  color: #303133 !important;
}

.zwx-date-picker-popper .el-time-panel__btn.cancel:active {
  color: #000 !important;
}

.zwx-date-picker-popper .el-date-picker__editor-wrap .el-input__inner {
  border-radius: 2px !important;
  border: 1px solid #8abbcf !important;
  color: #646464 !important;
}

.zwx-date-picker-popper .el-date-picker__editor-wrap .el-input__inner:hover {
  border: 1px solid #8094a7 !important;
}

.zwx-date-picker-popper .el-date-picker__editor-wrap .el-input__inner:focus {
  border: 1px solid #457dff !important;
}

/**
 * 滑动输入条 Slider
 */
.zwx-slider .el-input__inner {
  border: 1px solid #a8bbcf !important;
  border-radius: 2px !important;
}

.zwx-slider .el-input-number__decrease {
  border-right: 1px solid #a8bbcf !important;
}

.zwx-slider .el-input-number__increase {
  border-left: 1px solid #a8bbcf !important;
}

.zwx-slider .el-input__inner:hover,
.zwx-slider:hover .el-input__inner,
.zwx-slider:hover .el-input-number__increase,
.zwx-slider:hover .el-input-number__decrease {
  border-color: #8094a7 !important;
}

.zwx-slider .el-input-number__decrease:hover,
.zwx-slider .el-input-number__increase:hover {
  color: #457dff !important;
}

.zwx-slider .el-input__inner:focus {
  border-color: #457dff !important;
}

.zwx-slider .el-input.is-disabled .el-input__inner {
  background-color: #eff2f9 !important;
  border-color: #a8bbcf !important;
  color: #646464 !important;
}

.zwx-slider .el-input-number.is-disabled .el-input-number__decrease,
.zwx-slider .el-input-number.is-disabled .el-input-number__increase {
  border-color: #a8bbcf !important;
  color: #646464 !important;
  cursor: not-allowed !important;
}