.chaoti-os-ui-white {
  .el-button--primary {
    color: #fff;
    background-color: #3d8bf9 !important;
    // border-color: rgba(255,255,255,.5) !important;
    opacity: 1;
  }
  .el-button--primary:focus,
  .el-button--primary:hover {
    border-color: #64a1f8 !important;
    background-color: #64a1f8 !important;
    opacity: 1;
  }
  .el-button--primary.is-active,
  .el-button--primary.active,
  .el-button--primary.selected,
  .el-button--default.is-active,
  .el-button--default.active,
  .el-button--default.selected {
    background-color: #2369cd !important;
    border-color: #2369cd !important;
    opacity: 1;
  }
  .el-button--primary.is-disabled,
  .el-button--primary.is-disabled.active,
  .el-button--primary.is-disabled:focus,
  .el-button--primary.is-disabled:hover .el-button--default.is-disabled,
  .el-button--default.is-disabled.active,
  .el-button--default.is-disabled:focus,
  .el-button--default.is-disabled:hover {
    background-color: #dddddd !important;
    border-color: #dddddd !important;
    opacity: 1;
  }
  //空白按钮
  .el-button--primary.is-plain {
    color: #3d8bf9 !important;
    background: #eff6ff !important;
    border-color: #b2d2ff !important;
  }
  .el-button--primary.is-plain:focus,
  .el-button--primary.is-plain:hover {
    border-color: #3d8bf9 !important;
    color: #3d8bf9 !important;
  }
  .el-button--primary.is-plain.active {
    background: #e4f0ff !important;
    color: #3d8bf9 !important;
    border-color: #e4f0ff !important;
  }
  .el-button--primary.is-plain.selected {
    background: #eff6ff !important;
    color: #3d8bf9 !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
  }
  .el-button--primary.is-plain.is-disabled,
  .el-button--primary.is-plain.is-disabled.active,
  .el-button--primary.is-plain.is-disabled:focus,
  .el-button--primary.is-plain.is-disabled:hover {
    color: #999999 !important;
    background-color: #dddddd !important;
    border-color: #dddddd !important;
  }
  //文字按钮
  .el-button--text {
    color: #3d8bf9 !important;
    text-underline-offset: 12px;
    text-decoration: underline;
    font-weight: 400;
  }
  .el-button--text:focus,
  .el-button--text:hover {
    color: #64a1f8 !important;
  }
  .el-button--text.active,
  .el-button--text.selected {
    color: #2369cd !important;
    text-decoration: none;
  }
  .el-button.is-disabled.el-button--text {
    color: #999999 !important;
    text-decoration: none;
  }
  //只有白色版空心按钮才有的样式
  .elButtonGroupStyle {
    .el-button--primary,
    .el-button--default {
      color: #3d8bf9;
      background-color: transparent !important;
      border-color: #3d8bf9 !important;
    }
    .el-button--primary:hover,
    .el-button--default:hover {
      background-color: #eff6ff !important;
    }
    .el-button--primary.active,
    .el-button--default.active {
      background: #3d8bf9 !important;
      color: #fff;
    }
  }

  // 主要背景颜色
  .backgroundColor1 {
    background: #ffffff;
  }
  .backgroundColor2 {
    background: #ffffff;
  }
  .backgroundColor3 {
    background: #f3f8ff;
  }
  .backgroundColor4 {
    background: #e4f0ff;
  }
  .backgroundColor5 {
    background: #3d8bf9;
  }

  //边框颜色(border)
  .borderColor1 {
    border-color: #3d8bf9;
  }
  .borderColor2 {
    border-color: #0b5a7c;
  }
  .borderColor3 {
    border-color: #b2d2ff;
  }
  .borderColor4 {
    border-color: #dddddd;
  }

  //正文文字颜色
  .fontColor1 {
    color: #bbbbbb;
  }
  .fontColor2 {
    color: #666666;
  }
  .fontColor3 {
    color: #333333;
  }
  .fontColor4 {
    color: #000000;
  }

  //数据文字和状态文字颜色
  .DataFontColor1 {
    color: #ac47e5;
  }
  .DataFontColor2 {
    color: #3d8bf9;
  }
  .DataFontColor3 {
    color: #18aa64;
  }
  .DataFontColor4 {
    color: #ffbc1e;
  }
  .DataFontColor5 {
    color: #ff881f;
  }
  .DataFontColor6 {
    color: #ee3f3f;
  }

  //box边框色值
  .boxBorderColor1 {
    background: linear-gradient(-45deg, #4f8cf1 12px, transparent 0) bottom right, linear-gradient(45deg, #4f8cf1 12px, transparent 0) bottom left, linear-gradient(135deg, #4f8cf1 12px, transparent 0) top left,
      linear-gradient(-135deg, #4f8cf1 12px, transparent 0) top right;
    border: solid 1px #0b5a7c;
    background-color: #fff;
    box-shadow: 0px 0px 8px 0px rgba(11, 90, 124, 0.35);
  }
  .boxBorderColor2 {
    &::after {
      background: #4f8cf1;
    }
    &::before {
      background: #4f8cf1;
    }
  }

  // radio样式
  .el-radio__label {
    color: #000000 !important;
  }
  .el-radio__inner {
    border: 1px solid #bbbbbb !important;
    background-color: transparent !important;
  }
  .el-radio__inner::after {
    width: 6px;
    height: 6px;
    background-color: #3d8bf9;
  }
  .el-radio__input.is-checked + .el-radio__label {
    color: #000000 !important;
  }
  .el-radio__input.is-checked .el-radio__inner {
    border: 1px solid #3d8bf9 !important;
    background-color: transparent !important;
  }
  .el-radio.disabled {
    .el-radio__inner::after {
      background-color: #b8b8b8;
    }
    .el-radio__inner {
      border: 1px solid #bbbbbb !important;
    }
    .el-radio__input.is-checked + .el-radio__label {
      color: #000000 !important;
    }
  }

  //checkBox
  .el-checkbox__label {
    color: #000000 !important;
  }
  .el-checkbox__inner {
    background: transparent !important;
    border: 1px solid #c0ccda !important;
  }
  .el-checkbox__inner::after {
    border: 1px solid #ffffff;
    box-sizing: content-box;
    content: "";
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    transition: transform 0.15s ease-in 0.05s;
    transform-origin: center;
  }
  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background: #3d8bf9 !important;
    border: 1px solid #3d8bf9 !important;
  }
  .el-checkbox__input.is-checked + .el-checkbox__label {
    color: #1f2d3d !important;
  }
  .el-checkbox.disabled {
    .el-checkbox__inner {
      background: #d3dce6 !important;
      border: 1px solid #d3dce6 !important;
    }
    .el-checkbox__input.is-checked .el-checkbox__inner,
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background: #d3dce6 !important;
      border: 1px solid #d3dce6 !important;
    }
    .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
      border-color: #ffffff !important;
    }
  }

  // input
  .el-input__inner,
  .el-textarea__inner {
    border: 1px solid #dddddd !important;
    background: #ffffff !important;
    color: #000000 !important;
  }
  ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999999 !important;
  }
  :-moz-placeholder {
    /* Mozilla  Firefox 4 to 18 */
    color: #999999 !important;
  }
  ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999999 !important;
  }
  :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999999 !important;
  }
  .el-input__inner:hover,
  .el-textarea__inner:hover {
    border: 1px solid #3d8bf9 !important;
  }
  .el-input.readonly,
  .el-textarea.readonly {
    .el-input__inner,
    .el-textarea__inner {
      background: #f1f5fa !important;
      border: 1px solid #f1f5fa !important;
    }
  }
  .el-input.is-disabled .el-input__inner,
  .el-textarea.is-disabled .el-textarea__inner {
    background: #f5f5f5 !important;
    border: 1px solid #d9d9d9 !important;
    color: #b8b8b8 !important;
  }
  .el-input-group__append,
  .el-input-group__prepend {
    background: #f1f5fa !important;
    border: 1px solid #f1f5fa !important;
    color: #999999 !important;
  }
  .el-input-group--append .el-input__inner,
  .el-input-group__prepend {
    border-right: none !important;
  }

  // 数字框
  .el-input-number__decrease {
    left: calc(100% - 80px);
  }
  .el-input-number__increase {
    right: 0px;
  }
  .el-input-number__decrease,
  .el-input-number__increase {
    top: 0px;
  }
  .el-input-number .el-input__inner {
    padding-left: 0px !important;
    padding-right: 80px !important;
    text-align: left !important;
    text-indent: 1rem;
  }
  .el-input-number__increase,
  .el-input-number__decrease {
    background: #ffffff !important;
    border: 1px solid #dddddd !important;
    color: #999999 !important;
  }
  .el-input-number .el-input__inner:hover {
    background: #f3f8ff !important;
    border: 1px solid #b2d2ff !important;
  }
  .el-input-number__decrease:hover,
  .el-input-number__increase:hover {
    border: 1px solid #b2d2ff !important;
    color: #3d8bf9 !important;
    background: #f3f8ff !important;
  }
  .el-input-number.is-disabled .el-input-number__decrease,
  .el-input-number.is-disabled .el-input-number__increase {
    background: #f5f5f5 !important;
    color: #b8b8b8 !important;
    border: 1px solid #d9d9d9 !important;
  }

  //dropDown 下拉框
  .el-dropdown {
    color: #3d8bf9 !important;
    font-weight: 400 !important;
    i {
      color: #3d8bf9 !important;
    }
    .el-button--primary:focus,
    .el-button--primary {
      i {
        color: #ffffff !important;
      }
    }
    .el-button--primary:focus,
    .el-button--primary:hover {
      color: #ffffff !important;
      i {
        color: #ffffff !important;
      }
    }
  }
  .el-dropdown-menu__item {
    color: #475669 !important;
    padding: 0 20px;
  }
  .el-dropdown-menu {
    background: #ffffff !important;
    border: 1px solid #d3dce6 !important;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  }
  .el-popper[x-placement^="bottom"] .popper__arrow::after,
  .el-popper[x-placement^="bottom"] .popper__arrow {
    border-bottom-color: #d3dce6 !important;
  }
  .el-dropdown-menu__item:focus,
  .el-dropdown-menu__item:not(.is-disabled):hover {
    background: #3d8bf9 !important;
    color: #fff !important;
  }
  .el-dropdown-menu__item--divided:before {
    height: 1px;
    background-color: #d3dce6 !important;
    margin: 0 -20px;
  }
  .el-dropdown-menu__item--divided {
    border: 1px solid transparent !important;
  }
  .el-dropdown:hover {
    .el-button-group .el-button--primary:first-child,
    .el-button-group .el-button--primary:last-child {
      border-color: #6ca9ff !important;
      background: #6ca9ff !important;
    }
  }

  //select
  .el-select-dropdown {
    border: 1px solid #d3dce6 !important;
    background: #ffffff !important;
    // text-indent: 1rem;
  }
  .el-select-dropdown__item {
    color: #475669 !important;
  }
  .el-select-dropdown__item.hover,
  .el-select-dropdown__item:hover {
    background: #3d8bf9 !important;
    color: #ffffff !important;
    .selectRight {
      color: #ffffff !important;
    }
  }
  .el-select .el-input .el-select__caret {
    color: #d3dce6 !important;
  }
  .el-input:hover {
    .el-input__icon {
      color: #5a8fef !important;
    }
    .el-icon-circle-close {
      color: #c0ccda !important;
    }
  }
  .el-popper[x-placement^="top"] .popper__arrow::after,
  .el-popper[x-placement^="top"] .popper__arrow {
    border-top-color: #3d8bf9 !important;
  }
  .el-select-dropdown__item.is-disabled {
    color: #007e8c !important;
  }
  .el-tag.el-tag--info {
    background: rgba(32, 160, 255, 0.1);
    border: 1px solid rgba(32, 160, 255, 0.2);
    color: #3d8bf9 !important;
  }
  .el-tag.el-tag--info .el-tag__close {
    color: #3d8bf9;
    background: transparent;
  }
  .el-tag.el-tag--info .el-tag__close:hover {
    color: #ffffff;
    background: #3d8bf9;
  }
  .el-select-dropdown__item.selected {
    color: #3d8bf9 !important;
    background: transparent !important;
  }
  .el-select-dropdown__item:hover.selected {
    color: #3d8bf9 !important;
    background: #e5e9f2 !important;
    .selectRight {
      color: #3d8bf9 !important;
    }
  }
  .el-scrollbar__thumb {
    background: rgba(31, 45, 61, 0.14);
  }
  .selectLeft {
    float: left;
  }
  .selectRight {
    float: right;
    color: #475669;
    font-size: 13px;
    margin-right: 12px;
  }
  .el-select-group__title {
    color: #8492a6;
    padding-left: 0px;
  }
  .el-select-group__wrap:not(:last-of-type)::after {
    height: 0px;
  }
  .el-select-group__wrap:not(:last-of-type) {
    padding-bottom: 10px;
  }
  .el-select-group .el-select-dropdown__item {
    padding-left: 10px;
  }

  //Cascader级联关系
  .el-cascader__dropdown {
    background: #ffffff !important;
    border: 1px solid #d3dce6 !important;
  }
  .el-cascader-menu {
    color: #666666 !important;
    border: 1px solid #d3dce6 !important;
  }
  .el-cascader-node:not(.is-disabled):focus,
  .el-cascader-node:not(.is-disabled):hover {
    background: #f5f7fa !important;
    color: #3d8bf9 !important;
  }
  .el-cascader-node.in-active-path,
  .el-cascader-node.is-active,
  .el-cascader-node.is-selectable.in-checked-path {
    background: #f5f7fa !important;
    color: #3d8bf9 !important;
  }
  .el-input__prefix,
  .el-input__suffix {
    color: #bbbbbb !important;
  }

  // switch
  .el-switch {
    width: 50px;
  }
  .el-switch.is-checked .el-switch__core {
    background: #3d8bf9;
    border: 1px solid #3d8bf9;
  }
  .el-switch.is-checked .el-switch__core:after {
    background: #ffffff;
  }
  .el-switch .el-switch__core {
    background: #c0ccda;
    border: 1px solid #c0ccda;
  }
  .el-switch .el-switch__core:after {
    background: #ffffff;
  }
  .el-switch.is-disabled .el-switch__core,
  .el-switch.is-disabled .el-switch__label {
    background-color: #e5e9f2;
    border: none;
  }
  .el-switch.is-disabled .el-switch__core:after {
    background: #f9fafc !important;
  }
  .el-switch__label--right {
    position: absolute;
    left: -6px;
    top: 1px;
    visibility: hidden;
  }
  .el-switch__label--left {
    position: absolute;
    right: -6px;
    top: 1px;
    visibility: hidden;
  }
  .el-switch__label.el-switch__label--left.is-active {
    visibility: visible;
    color: #ffffff;
    z-index: 1;
  }
  .el-switch__label.el-switch__label--right.is-active {
    visibility: visible;
    color: #ffffff;
    z-index: 0;
  }
  .elSwitchText.el-switch.is-checked .el-switch__core {
    background: #13ce66;
    border: 1px solid #13ce66;
  }
  .elSwitchText.el-switch.is-checked .el-switch__core:after {
    background: #ffffff;
  }
  .elSwitchText.el-switch .el-switch__core {
    background: #ff4949;
    border: 1px solid #ff4949;
  }
  .elSwitchText.el-switch .el-switch__core:after {
    background: #ffffff;
  }
  .elSwitchText.el-switch.is-disabled .el-switch__core {
    background: #e5e9f2;
    border: 1px solid #e5e9f2;
  }
  .elSwitchText.el-switch.is-disabled .el-switch__label {
    color: #f9fafc;
    background: transparent;
  }

  //slider
  .el-slider__runway {
    background: #e5e9f2;
  }
  .el-slider__bar {
    background: #20a0ff;
  }
  .el-slider__runway.disabled {
    background: #e5e9f2;
  }
  .el-slider__runway.disabled .el-slider__bar {
    background: #c0ccda;
  }
  .el-slider__runway.disabled .el-slider__button {
    background: #c0ccda;
    border: 3px solid #c0ccda;
  }
  .el-slider__button {
    border: 3px solid #1d8ce0;
    background-color: #1d8ce0;
  }
  .el-tooltip__popper.is-dark {
    color: #666666;
    background: #ffffff !important;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
  }
  .el-slider__stop {
    background: #c0ccda;
  }
  .el-slider.el-slider--with-input {
    .el-input-number__decrease {
      left: calc(100% - 64px);
    }
  }
  .el-tooltip__popper[x-placement^="top"] .popper__arrow::after,
  .el-tooltip__popper[x-placement^="top"] .popper__arrow {
    border-top-color: #ffffff !important;
  }
  .el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after,
  .el-tooltip__popper[x-placement^="bottom"] .popper__arrow {
    border-bottom-color: #ffffff !important;
  }
  .el-tooltip__popper[x-placement^="left"] .popper__arrow::after,
  .el-tooltip__popper[x-placement^="left"] .popper__arrow {
    border-left-color: #ffffff;
  }
  .el-tooltip__popper[x-placement^="right"] .popper__arrow::after,
  .el-tooltip__popper[x-placement^="right"] .popper__arrow {
    border-right-color: #ffffff;
  }

  // TimePicker
  .el-date-editor {
    .el-input__prefix {
      left: calc(100% - 30px);
    }
  }
  .el-input--prefix .el-input__inner {
    padding-left: 10px !important;
  }
  .el-time-panel,
  .el-picker-panel {
    background: #ffffff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    border: 1px solid #e2e2e2;
  }
  .el-time-range-picker__body {
    border: 1px solid #e2e2e2;
  }
  .el-time-spinner__item {
    color: #475669;
  }
  .el-time-range-picker__header {
    color: #475669;
  }
  .el-time-spinner__item.active:not(.disabled) {
    color: #ffffff;
    background: #3d8bf9;
  }
  .el-time-spinner__item.active:not(.disabled):hover {
    background: #2c7ae8;
  }
  .el-scrollbar__bar.is-vertical > div {
    width: 0px;
  }
  .el-time-panel__footer {
    border-top: 1px solid #e2e2e2;
  }
  .el-time-panel__btn {
    color: #8492a6;
  }
  .el-time-panel__content::after,
  .el-time-panel__content::before {
    border: none;
  }
  .el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #e5e9f2;
  }
  .el-time-panel__btn.confirm {
    color: #3d8bf9;
  }
  .el-date-editor:hover {
    .el-input__prefix {
      display: none;
    }
  }
  .el-date-editor .el-range-input,
  .el-date-editor .el-range-separator {
    background: transparent;
    color: #1f2d3d;
  }

  .el-date-editor .el-range__icon,
  .el-range__close-icon {
    position: absolute;
    right: 10px;
    float: right;
    color: #d3dce6;
    display: block;
  }
  .el-date-editor:hover {
    .el-icon-time {
      display: none;
    }
    .el-date-editor .el-range__icon,
    .el-range__close-icon {
      color: #1f2d3d;
    }
  }
  .time-select-item {
    color: #475669;
  }
  .time-select-item:hover {
    background: #e5e9f2;
    color: #475669;
  }
  .time-select-item.selected:not(.disabled) {
    color: #ffffff;
    background: #3d8bf9;
  }

  // DatePicker
  .el-date-picker__header-label {
    color: #475669;
  }
  .el-picker-panel__icon-btn {
    color: #99a9bf;
  }
  .el-date-table th,
  .el-date-picker__header--bordered,
  .el-date-range-picker__header {
    color: #8492a6;
    border-bottom: none;
  }
  .el-date-table td.next-month,
  .el-date-table td.prev-month {
    color: #475669;
  }
  .available,
  .el-year-table td .cell,
  .el-month-table td .cell {
    color: #475669;
  }
  .el-date-table td.today span {
    color: #333333 !important;
  }
  .el-date-table td.available:hover {
    background: #e5e9f2;
    color: #475669;
    border-radius: 0px;
  }
  .el-date-table td.current:not(.disabled) span {
    color: #ffffff;
    background: transparent;
  }
  .el-date-table td.current:not(.disabled) {
    background: #3d8bf9;
  }
  .el-year-table td .cell:hover,
  .el-year-table td.current:not(.disabled) .cell,
  .el-month-table td.current:not(.disabled) .cell,
  .el-month-table td .cell:hover {
    background: #3d8bf9;
    color: #ffffff;
    border-radius: 0px;
  }
  .is-week-mode {
    .el-date-table__row:hover {
      td {
        color: #475669 !important;
        background: #e5e9f2 !important;
      }
      div {
        background: transparent !important;
      }
    }
  }
  .el-date-table__row.current {
    td {
      color: #475669 !important;
      background: #d8e8ff !important;
    }
    div {
      background: transparent !important;
    }
    .start-date,
    .end-date {
      background: #3d8bf9 !important;
      color: #ffffff;
    }
  }
  .el-date-table td.end-date span,
  .el-date-table td.start-date span {
    background: transparent;
  }
  .el-picker-panel [slot="sidebar"],
  .el-picker-panel__sidebar {
    background: #f9fafc;
    box-shadow: 1px 0px 0px 0px #e0e6ed;
    border: 1px solid #d3dce6;
  }
  .el-picker-panel__shortcut {
    color: #475669;
  }
  .el-picker-panel__shortcut:hover {
    color: #475669;
    background: #e5e9f2;
  }
  .el-date-table td.disabled div {
    background: #f3f8ff;
    span {
      color: #475669;
    }
  }
  .el-date-range-picker__content.is-left {
    border-color: #e0e6ed;
  }
  .el-date-range-picker__content.is-left,
  .el-date-range-picker__content.is-right {
    td.available.in-range {
      color: #475669 !important;
      background: #d8e8ff;
    }
    div {
      background: transparent !important;
    }
    .in-range.start-date,
    .in-range.end-date {
      background: #3d8bf9 !important;
      color: #ffffff;
    }
  }

  //upload
  .el-upload__tip {
    color: #8492a6;
  }
  .el-upload-list__item-name {
    color: #475669;
  }
  .el-upload-list__item-name [class^="el-icon"] {
    color: #475669;
  }
  .el-upload-list__item:hover {
    .el-upload-list__item-name {
      color: #475669 !important;
    }
    .el-icon-close:before {
      color: #475669;
      content: "删除";
    }
    background: #ffffff;
    .el-upload-list__item-name [class^="el-icon"] {
      color: #475669;
    }
  }
  .el-progress-bar__inner {
    background: #20a0ff;
  }
  .el-progress__text,
  .el-upload-list__item .el-icon-upload-success {
    color: #475669;
  }

  .flexs.upload-demo {
    display: flex;
    flex-direction: column-reverse;
  }
  .uploadFiexd {
    width: 100%;
    text-align: left;
    margin-top: 10px;
  }
  .el-upload-dragger {
    background: #f9fafc;
    border: 1px solid #c0ccda;
  }
  .el-upload-dragger .el-icon-upload {
    color: #99a9bf;
  }
  .el-upload-dragger .el-upload__text {
    color: #99a9bf;
    em {
      color: #3d8bf9;
      font-weight: 500;
    }
  }
  .el-upload-dragger:hover {
    background: #f9fafc;
    border: 1px solid #20a0ff;
    .el-upload-dragger .el-upload__text {
      color: #99a9bf;
    }
  }
  .el-upload-dragger.is-dragover {
    background: #20a0ff;
    border: 2px dotted #20a0ff;
  }
  .el-upload--picture-card {
    background: #f9fafc;
    border: 1px solid #c0ccda;
  }
  .el-upload--picture-card i {
    color: #c0ccda;
  }
  .el-upload--picture-card:hover,
  .el-upload:focus {
    background: #f9fafc;
    border: 1px solid #20a0ff;
  }

  // rate
  .readBlue_1 {
    .el-rate__item {
      .el-rate__icon.el-icon-star-on {
        color: #004750 !important;
      }
    }
  }
  .readBlue_2 {
    .el-rate__item:nth-child(2),
    .el-rate__item:nth-child(3),
    .el-rate__item:nth-child(4),
    .el-rate__item:nth-child(5) {
      .el-rate__icon.el-icon-star-on {
        color: #004750 !important;
      }
    }
  }
  .readBlue_3 {
    .el-rate__item:nth-child(3),
    .el-rate__item:nth-child(4),
    .el-rate__item:nth-child(5) {
      .el-rate__icon.el-icon-star-on {
        color: #004750 !important;
      }
    }
  }
  .readBlue_4 {
    .el-rate__item:nth-child(4),
    .el-rate__item:nth-child(5) {
      .el-rate__icon.el-icon-star-on {
        color: #004750 !important;
      }
    }
  }
  .readBlue_5 {
    .el-rate__item:nth-child(5) {
      .el-rate__icon.el-icon-star-on {
        color: #594700 !important;
      }
    }
  }
  .readYellow_1 {
    .el-rate__item {
      .el-rate__icon.el-icon-star-on {
        color: #594700 !important;
      }
    }
  }
  .readYellow_2 {
    .el-rate__item:nth-child(2),
    .el-rate__item:nth-child(3),
    .el-rate__item:nth-child(4),
    .el-rate__item:nth-child(5) {
      .el-rate__icon.el-icon-star-on {
        color: #594700 !important;
      }
    }
  }
  .readYellow_3 {
    .el-rate__item:nth-child(3),
    .el-rate__item:nth-child(4),
    .el-rate__item:nth-child(5) {
      .el-rate__icon.el-icon-star-on {
        color: #594700 !important;
      }
    }
  }
  .readYellow_4 {
    .el-rate__item:nth-child(4),
    .el-rate__item:nth-child(5) {
      .el-rate__icon.el-icon-star-on {
        color: #594700 !important;
      }
    }
  }
  .readYellow_5 {
    .el-rate__item:nth-child(5) {
      .el-rate__icon.el-icon-star-on {
        color: #594700 !important;
      }
    }
  }

  //from
  .el-form-item__label {
    color: #4e515e;
  }
  .promptInfo {
    color: #4e515e;
  }
  .el-input .el-input__count .el-input__count-inner {
    background: transparent;
    color: #4e515e;
  }
  .el-form-item.is-error.is-required,
  .el-form-item.is-error,
  .el-form-item.is-error.is-required {
    .el-input__inner,
    .el-textarea__inner {
      border: 1px solid red !important;
    }
  }

  // table
  .el-table td.el-table__cell,
  .el-table th.el-table__cell.is-leaf {
    border-bottom: 1px solid #b2d2ff;
  }
  .el-table tr {
    background: #ffffff;
    color: #333333;
  }
  .el-table th.el-table__cell {
    background: #f3f8ff !important;
    color: #15506b;
  }
  tr.el-table__row--striped > td {
    background: #e4f0ff !important;
    color: #000000;
  }
  .el-table__body tr:hover > td {
    background: #e4f0ff !important;
  }
  .el-table--border::after,
  .el-table--group::after,
  .el-table::before {
    border-bottom: 1px solid #b2d2ff;
  }
  .el-table--border,
  .el-table--group {
    border-color: #b2d2ff;
  }
  .el-table--border .el-table__cell,
  .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
    border-right: 1px solid #b2d2ff;
  }
  .el-table--border::after,
  .el-table--group::after,
  .el-table::before,
  .el-table__fixed-right::before,
  .el-table__fixed::before {
    background: #b2d2ff;
  }
  .warning-row {
    background: #e4f0ff !important;
  }
  .success-row {
    background: rgba(255, 136, 31, 0.3) !important;
  }
  .el-table--scrollable-y .el-table__body-wrapper {
    background: #eff2f7;
  }
  .TableMergeTemplate.el-table {
    .el-table__header {
      width: calc(100% + 5px) !important;
    }
    .el-table__body {
      width: calc(100% - 2px) !important;
    }
  }
  .el-table {
    ::-webkit-scrollbar {
      width: 5px;
      height: 15px;
      background: transparent;
    } /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    ::-webkit-scrollbar-track {
      background-color: #eff2f7;
      width: 14px !important;
    } /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
      background: #d3dae4;
      width: 6px;
      margin: auto;
      border-radius: 4px;
    } /*定义滑块 内阴影+圆角*/
    .scrollbarHide ::-webkit-scrollbar {
      display: none;
    }
    .scrollbarShow ::-webkit-scrollbar {
      display: block;
    }
  }
  .el-table__body-wrapper tr:hover > td {
    background: #e4f0ff !important;
  }
  .fixeds {
    .el-table__fixed {
      tr.el-table__row > td.el-table__cell {
        background: #ffffff;
        box-shadow: 4px 0px 4px 0px rgba(0, 0, 0, 0.2);
      }
    }
  }
  //带合计的表单
  .el-table__footer-wrapper tbody td.el-table__cell,
  .el-table__header-wrapper tbody td.el-table__cell {
    background: #ffffff;
    color: #333333;
  }
  .el-table__footer-wrapper td.el-table__cell {
    border-top: 1px solid #b2d2ff;
  }

  //Badge
  .el-badge__content {
    background: #ff4949;
    border: 1px solid #ffffff;
  }
  .el-badge {
    color: #475669 !important;
  }

  // tag
  .el-tag {
    background: #eeeeee;
    border: 1px solid #bbbbbb;
    color: #666666 !important;
    font-weight: 800 !important;
    .el-tag__close:hover {
      background: #ffffff;
    }
  }
  .el-tag.el-tag--success {
    background: rgba(24, 170, 100, 0.1);
    border: 1px solid #a5ddc2;
    color: #18aa64 !important;
    .el-tag__close:hover {
      background: #18aa64;
    }
  }
  .el-tag.el-tag--warning {
    background: rgba(255, 136, 31, 0.1);
    border: 1px solid #ffca9b;
    color: #ff881f !important;
    .el-tag__close:hover {
      background: #ff881f;
    }
  }
  .el-tag.el-tag--danger {
    background: rgba(238, 63, 63, 0.1);
    border: 1px solid #fe9d9d;
    color: #ee3f3f !important;
    .el-tag__close:hover {
      background: #ee3f3f;
    }
  }
  .primary.el-tag.el-tag--light {
    background: rgba(61, 139, 249, 0.1);
    border: 1px solid #b2d2ff;
    color: #007bb6 !important;
    .el-tag__close:hover {
      background: #3d8bf9;
    }
  }

  //Pagination
  .el-pagination.is-background .btn-next.disabled,
  .el-pagination.is-background .btn-next:disabled,
  .el-pagination.is-background .btn-prev.disabled,
  .el-pagination.is-background .btn-prev:disabled,
  .el-pagination.is-background .el-pager li.disabled {
    background: #eff2f7;
    border: 1px solid #d3dce6;
    color: #d3dce6;
  }
  .el-pagination.is-background .btn-next,
  .el-pagination.is-background .btn-prev,
  .el-pagination.is-background .el-pager li {
    background: #ffffff;
    border: 1px solid #e6e6e6;
    color: #666666;
  }
  .el-pagination.is-background .el-pager li:not(.disabled).active {
    background: #3c8bf9;
    color: #ffffff;
    border: 1px solid #3c8bf9 !important;
  }
  .el-pagination.is-background .el-pager li:not(.disabled):hover {
    background: #ffffff;
    border: 1px solid #3c8bf9;
    color: #3d8bf9;
  }
  .el-pagination__total {
    color: #666666;
  }
  .el-pagination button:disabled {
    background: #eff2f7;
    border: 1px solid #d3dce6;
    color: #d3dce6;
  }
  .el-pager li.active {
    background: #3c8bf9;
    color: #ffffff;
  }
  .totals {
    .el-pager li {
      background: #ffffff;
      border: 1px solid #e6e6e6;
      color: #666666;
      border-radius: 2px;
      margin-right: 10px;
      &:first-child {
        margin-left: 10px;
      }
    }
    .el-pager li.active {
      background: #3c8bf9;
      color: #ffffff;
      border: 1px solid #3c8bf9 !important;
    }
  }
  .el-pagination .btn-next,
  .el-pagination .btn-prev {
    background: #ffffff;
    border: 1px solid #e6e6e6;
    color: #666666;
  }
  .el-pager li:hover,
  .el-pagination button:hover {
    background: #ffffff !important;
    border: 1px solid #3d8bf9 !important;
    color: #3c8bf9 !important;
  }
  .el-pagination button:disabled:hover {
    background: #eff2f7 !important;
    border: 1px solid #d3dce6 !important;
    color: #d3dce6 !important;
  }
  .el-pagination__jump {
    color: #666666;
  }
  .smallTotals {
    .btn-next,
    .btn-prev,
    button:disabled {
      background: transparent !important;
      border-color: transparent;
    }
    .el-pager li {
      color: #666666;
      background: transparent !important;
      margin-right: 10px;
      &:first-child {
        margin-left: 10px;
      }
    }
    .el-pager li.active {
      background: #3c8bf9 !important;
      color: #ffffff;
    }
    .el-pager li:hover,
    button:hover {
      border: 1px solid transparent !important;
      color: #3d8bf9;
    }
    button:disabled:hover {
      background: transparent !important;
      border: 1px solid transparent !important;
      color: #d3dce6 !important;
    }
  }

  //card
  .el-card {
    background: #ffffff;
    border: 1px solid #b2d2ff;
    box-shadow: 0px 0px 8px 0px rgba(0, 28, 68, 0.1);
    border-radius: 0px 0px 6px 6px;
    position: relative;
  }
  .box-card-number {
    display: block;
    padding: 0px;
    margin: 0px;
    width: 26px;
    height: 26px;
    line-height: 24px;
    color: #000000;
    text-align: center;
    border: 1px solid #b2d2ff;
    position: absolute;
    top: -1px;
    left: -1px;
    border-bottom-right-radius: 10px;
  }
  .el-card.is-always-shadow,
  .el-card.is-hover-shadow:focus,
  .el-card.is-hover-shadow:hover {
    background: #ffffff;
    border: 1px solid #3d8bf9;
    border-radius: 0px 0px 6px 6px;
    .box-card-number {
      border: 1px solid #3d8bf9;
      color: #000000;
    }
  }
  .box-card.active {
    background: #f3f8ff;
    border: 1px solid #3d8bf9;
    border-radius: 0px 0px 6px 6px;
    .box-card-number {
      border: 1px solid #3d8bf9;
      color: #000000;
    }
  }

  //tree
  .el-tree {
    background: #ffffff;
    border: 1px solid #d3dce6;
  }
  .el-tree-node__expand-icon,
  .el-tree-node__label {
    color: #99a9bf;
  }
  .el-tree-node__content:hover {
    background: #e5e9f2 !important;
    .el-tree-node__expand-icon,
    .el-tree-node__label {
      color: #99a9bf;
    }
  }
  .el-tree-node__content {
    background-color: #ffffff !important;
  }
  .el-tree-node.is-current > .el-tree-node__content {
    background-color: #e5e9f2 !important;
  }

  // progress
  .el-progress-bar__outer {
    background: #e5e9f2;
    border: 1px solid #e5e9f2;
  }

  .el-progress.is-success .el-progress-bar__inner {
    background: #18aa64;
  }
  .el-progress.is-exception .el-progress-bar__inner {
    background: #ff4949;
  }
  .default {
    .el-progress-bar__inner {
      background: #3d8bf9;
    }
    .el-progress__text {
      color: #475669;
    }
  }
  .el-progress-circle svg path:first-child {
    stroke: #e5e9f2;
  }
  .default {
    .el-progress-circle svg path:last-child {
      stroke: #3d8bf9;
    }
  }
  .el-progress.is-success {
    .el-progress-circle svg path:last-child {
      stroke: #18aa64;
    }
  }
  .el-progress.is-exception {
    .el-progress-circle svg path:last-child {
      stroke: #ff4949;
    }
  }

  //tabs
  .el-tabs__nav-wrap::after {
    background: #d3dce6;
  }
  .el-tabs__active-bar {
    background: #3d8bf9;
  }
  .el-tabs__item.is-active {
    color: #3d8bf9;
  }
  .el-tabs__item {
    color: #8492a6;
  }
  .el-tabs__item:hover {
    color: #1f2d3d;
  }
  .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
    background: #3d8bf9 !important;
    border: 1px solid #3d8bf9;
    color: #ffffff;
  }
  .tabsAngle.el-tabs--card > .el-tabs__header .el-tabs__nav,
  .tabsRounded.el-tabs--card > .el-tabs__header .el-tabs__nav {
    border: none;
  }
  .tabsAngle.el-tabs--card > .el-tabs__header .el-tabs__item,
  .tabsRounded.el-tabs--card > .el-tabs__header .el-tabs__item {
    border: none;
    border-bottom: 1px solid #3d8bf9;
    margin-right: 5px;
    background: #eff2f7;
  }
  .el-tabs--card > .el-tabs__header {
    border-bottom: 1px solid #3d8bf9;
  }
  .tabsAngle,
  .tabsRounded,
  .tabsBtns {
    .el-tabs__item:hover {
      background: #e4f0ff !important;
      border: 1px solid transparent;
      color: #000000 !important;
    }
  }
  .tabsRounded.el-tabs--card > .el-tabs__header .el-tabs__item {
    border-radius: 4px 4px 0px 0px !important;
  }
  .tabsBtns.el-tabs--card > .el-tabs__header .el-tabs__nav,
  .tabsBtns.el-tabs--card > .el-tabs__header .el-tabs__item {
    border: none;
  }
  .tabsBtns.el-tabs--card > .el-tabs__header {
    border-bottom: 1px solid transparent;
  }
  .tabsBtns.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
    border-top: 1px solid #3d8bf9;
    color: #ffffff !important;
  }
  .tabsBtns.el-tabs--card > .el-tabs__header .el-tabs__nav {
    border-bottom: 1px solid transparent;
  }
  .tabsBtns.el-tabs--card > .el-tabs__header .el-tabs__item {
    border: 1px solid #3d8bf9;
    border-right: none;
    &:last-child {
      border-right: 1px solid #3d8bf9;
    }
  }
  .tabsBtnsClose {
    .el-tabs__header .el-tabs__nav {
      border: none;
    }
    .el-tabs__header .el-tabs__item {
      border: none;
    }
    .el-tabs__item .el-icon-close:hover {
      color: #ffffff;
      background: #99a9bf;
    }
    .el-tabs__header.el-tabs__item.is-active {
      background: #ffffff;
      color: #c9ffff;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
    }
  }
  .tabsBtnsCard {
    .el-tabs__header {
      margin: 0px;
    }
    .el-tabs__content {
      border: 1px solid #d3dce6;
      background: #ffffff;
      color: 1f2d3d;
      border-top: 0px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
    }
  }

  //Breadcrumb
  .el-breadcrumb__inner {
    color: #475669;
  }
  .el-breadcrumb__separator {
    color: #475669;
  }
  .el-breadcrumb__item:last-child .el-breadcrumb__inner,
  .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
  .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
  .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
    color: #99a9bf;
  }
  .el-breadcrumb__inner:hover {
    color: #3d8bf9;
    text-decoration: none;
    text-underline-offset: 12px !important;
  }

  //Steps
  .el-step__title {
    font-size: 14px;
  }
  .iconSteps {
    .el-step__icon {
      background: transparent;
    }
    .el-step.is-horizontal .el-step__line {
      left: 38px;
    }
    .el-step__head.is-finish {
      .el-step__icon-inner {
        color: #3d8bf9;
      }
    }
    .el-step__head.is-process {
      .el-step__icon-inner {
        color: #c0ccda;
      }
    }
  }
  .el-step__head.is-finish {
    .el-step__icon.is-text {
      background: #3d8bf9;
      color: #fff;
      border: none;
    }
    .el-step__title.is-process {
      color: #3d8bf9;
    }
    .el-step__line {
      background: #3d8bf9;
    }
    & + .el-step__main {
      .el-step__title.is-finish,
      .el-step__description.is-finish {
        color: #3d8bf9;
      }
    }
  }
  .el-step__head.is-process {
    .el-step__icon.is-text {
      border: none;
      background: #c0ccda;
      color: #fff;
    }
    .el-step__line {
      background: #c0ccda;
    }
    & + .el-step__main {
      .el-step__title.is-process,
      .el-step__description.is-process {
        color: #475669;
      }
    }
  }
  .el-step__head.is-wait {
    .el-step__line {
      background: #c0ccda;
    }
    .el-step__icon.is-text {
      border: 1px solid #c0ccda;
      background: #ffffff;
      color: #99a9bf;
    }
    .el-step__icon-inner {
      color: #99a9bf;
    }
    & + .el-step__main {
      .el-step__title.is-wait,
      .el-step__description.is-wait {
        color: #99a9bf !important;
      }
    }
  }
  .sameColor {
    .el-step__head.is-finish {
      .el-step__icon.is-text {
        background: #3d8bf9;
        color: #ffffff;
        border: none;
      }
      .el-step__title.is-process {
        color: #3d8bf9;
      }
      .el-step__icon-inner {
        color: #ffffff;
      }
      & + .el-step__main {
        .el-step__title.is-finish {
          color: #3d8bf9;
        }
      }
      .el-step__line {
        background: #3d8bf9;
      }
    }
    .el-step__head.is-process {
      .el-step__icon.is-text {
        border: none;
        background: #bedaff;
        color: #ffffff;
      }
      .el-step__line {
        background: #c0ccda;
      }
    }
  }
  .el-step__head.is-success {
    .el-step__icon.is-text {
      background: #18aa64;
      border: none;
    }
    .el-step__icon-inner.is-status {
      color: #ffffff;
    }
    .el-step__line {
      background: #18aa64;
    }
    & + .el-step__main {
      .el-step__title.is-success {
        color: #18aa64 !important;
      }
    }
  }
  .successSameColor {
    .el-step__head.is-success {
      .el-step__icon.is-text {
        background: #3d8bf9;
        border: none;
      }
      .el-step__icon-inner.is-status {
        color: #ffffff;
      }
      .el-step__line {
        background: #3d8bf9;
      }
      & + .el-step__main {
        .el-step__title.is-success {
          color: #3d8bf9 !important;
        }
      }
    }
  }
  .el-step__head.is-error {
    .el-step__icon.is-text {
      border: none;
      background: #f9686b;
      color: #ffffff;
    }
    .el-step__line {
      background: #c0ccda;
    }
  }

  //alert
  .default.el-alert--warning.is-light {
    background: #3d8bf9;
    color: #ffffff;
    .el-alert__description {
      color: #ffffff;
    }
  }
  .el-alert.is-light .el-alert__closebtn {
    color: #ffffff;
  }
  .el-alert--success.is-light {
    background: #18aa64;
    color: #ffffff;
    .el-alert__description {
      color: #ffffff;
    }
  }
  .el-alert--info.is-light {
    background: #bbbbbb;
    color: #ffffff;
    .el-alert__description {
      color: #ffffff;
    }
  }
  .el-alert--warning.is-light {
    background: #ff881f;
    color: #ffffff;
    .el-alert__description {
      color: #ffffff;
    }
  }
  .el-alert--error.is-light {
    background: #ee3f3f;
    color: #ffffff;
    .el-alert__description {
      color: #ffffff;
    }
  }

  //Message
  .el-message__closeBtn {
    color: #000;
    opacity: 0.4;
  }
  .el-message.el-message--info {
    background: #ffffff !important;
    border: 1px solid #3d8bf9 !important;
  }
  .el-message__content {
    color: #1f2d3d;
  }
  .el-message .el-icon-info {
    color: #3d8bf9;
  }
  .el-message--success {
    background: #ffffff;
    border: 1px solid #18aa64;
    .el-message__content {
      color: #1f2d3d;
    }
    .el-message .el-icon-info {
      color: #18aa64;
    }
  }
  .el-message--warning {
    background: #ffffff;
    border: 1px solid #ff881f;
    .el-message__content {
      color: #1f2d3d;
    }
    .el-message .el-icon-info {
      color: #ff881f;
    }
  }
  .el-message--error {
    background: #ffffff;
    border: 1px solid #ee3f3f;
    .el-message__content {
      color: #1f2d3d;
    }
    .el-message .el-icon-info {
      color: #ee3f3f;
    }
  }
  .rightMessage {
    left: calc(100% - 220px);
  }

  //messageBox
  .el-message-box {
    background: #ffffff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    border: 1px solid #d3dce6;
  }
  .el-message-box__title {
    color: #4e515e;
  }
  .el-message-box__headerbtn .el-message-box__close {
    color: #c0ccda;
  }
  .el-message-box__content {
    color: #475669;
  }
  .btn-custom-cancel {
    float: right;
    margin-left: 10px;
  }

  //Notification
  .el-notification {
    background: #ffffff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    border: 1px solid #d3dce6;
  }
  .el-notification__title {
    color: #1f2d3d;
  }
  .el-notification__content i {
    color: #8492a6 !important;
  }
  .el-notification__closeBtn {
    color: #c0ccda;
  }
  .el-notification__content {
    color: #8492a6 !important;
  }
  .notifyInfo {
    .el-icon-info {
      color: #50bfff;
    }
  }
  .notifyInfoIcon {
    .el-icon-info,
    .el-icon-success,
    .el-icon-warning,
    .el-icon-error {
      color: #3d8bf9;
    }
  }

  //Popover
  .el-popover {
    background: #ffffff;
    border: 1px solid #dddddd;
    box-shadow: 0px 2px 6px 0px rgba(153, 153, 153, 0.3);
    color: #666666;
  }
  .el-popover__title {
    color: #000000;
  }

  //自定义的tables
  .xTable {
    height: 100%;
    .thead {
      height: 2.2rem;
      line-height: 2.2rem;
      position: relative;
      margin-bottom: 0.8vh;
      .left,
      .right {
        position: absolute;
        top: -5.2px;
        left: -20px;
        width: 18px;
        height: 45px;
        background: url("./white/tbbt_l.png") no-repeat;
        background-size: 100% 100%;
        z-index: 1;
      }
      .left::before,
      .right::before {
        content: "";
        position: absolute;
        width: 13px;
        height: 35.6px;
        top: 50%;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: -1;
      }
      .left::before {
        right: -3px;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAjCAYAAABPTYA6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3OGE0NTQ3Ni02ZjdkLTFkNDMtODRhOC1jNjEyOTEyN2E1MjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUY0MjI4NDUwODE3MTFFRDg2RkZCNjU2QkRGNDc1MTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUY0MjI4NDQwODE3MTFFRDg2RkZCNjU2QkRGNDc1MTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZjA5ZDQ0OWUtNjhiNS0xOTQ4LWExYTUtYmQzYjQwZThiOTNhIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc4YTQ1NDc2LTZmN2QtMWQ0My04NGE4LWM2MTI5MTI3YTUyMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pirtyk4AAACFSURBVHja7NNfCoAgDAfgrWv3h6xLdoRO0dQHyWTWNqheHAx82If6E3HbD2BqCu2gUp0WcGh8AiWKYAFBJTRIQUJ96BUUhSE9kg7HQaykV9/hJnLQpPcGIgvCz47XUPFKJEeYrVrkFkQW9M93dxY0a2E6ngrmdxLDMogrJHl6J0QeeQEGADlaGD62NAjOAAAAAElFTkSuQmCC")
          no-repeat center center;
        background-size: 100% 100%;
      }
      .right::before {
        left: -3px;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAjCAYAAABPTYA6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3OGE0NTQ3Ni02ZjdkLTFkNDMtODRhOC1jNjEyOTEyN2E1MjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUY0MjI4NDkwODE3MTFFRDg2RkZCNjU2QkRGNDc1MTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUY0MjI4NDgwODE3MTFFRDg2RkZCNjU2QkRGNDc1MTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZjA5ZDQ0OWUtNjhiNS0xOTQ4LWExYTUtYmQzYjQwZThiOTNhIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc4YTQ1NDc2LTZmN2QtMWQ0My04NGE4LWM2MTI5MTI3YTUyMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkrKWUgAAAB8SURBVHja7NRBDoAgDATALvHfyi99gq+w2oMkCMrSEwc24UIySUtDsR+nyne2+8T3ZZD/GFp7URUyqIAsyuAifTEoaLxeNXl56kHwIJloOKQeBG956kGYcyKRehCG66m9kWIg20jAFmZPefHZsIH8QglwCDlgUAEslwADABl5GMRRDjnlAAAAAElFTkSuQmCC")
          no-repeat center center;
        background-size: 100% 100%;
      }
      .right {
        left: auto;
        right: -20px;
        background-image: url("./white/tbbt_r.png");
      }
      .fields {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABtAAAAABCAIAAADIEX3qAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3OGE0NTQ3Ni02ZjdkLTFkNDMtODRhOC1jNjEyOTEyN2E1MjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkMyRDRDMjkwODE4MTFFREI0NEFGQjNDNzc4QkRCQzEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkMyRDRDMjgwODE4MTFFREI0NEFGQjNDNzc4QkRCQzEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZjA5ZDQ0OWUtNjhiNS0xOTQ4LWExYTUtYmQzYjQwZThiOTNhIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc4YTQ1NDc2LTZmN2QtMWQ0My04NGE4LWM2MTI5MTI3YTUyMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlRY0+8AAAOhSURBVHja3FhbbhwxDBPvf8Eeoacou2tbEml7FslPCnSAJLPrl6wHSQW/fv+J/+VBBOUNCHJ9mg+Rg+zJmMPU9e/3WvtahRydf0OXRL6P718zWb/nlPcPOI+8LQ3Zo606L2bmve2DTgi9JOffWhdpVVyXiPMgttHnimHTv3VWfdT90oO5RXmDy+mEeIE15eoa88F767SnoxHTx+vcNKneWAkxlrwnv+aOfTLAObzdxDNo2YgVUuSl0jLJqt5k3nqtxZ6hwxfLlg5EXVIis1aN8ziNWd6br2N2hVx8hpGanKM9QHGu5u4W6RrVY6qSAnaQVl6Ut7XYhuulVmdepoNyr5kd7eOw96Nicke8PINVvhi+7swH+7zhDCwfLIMg4ULAg9cIgoUfuVgQAVrflsnLM1UAYlefRdtM/FMeZ5oceUtoFA44kdKUoA/HjAKI9AXEsE65vg8V3sq4lRHyBTpSa9Xcey6dwbEM7eoucN0zON3AHaUgWWx1ruCyTM5K7Wq5oa/C3UQTxxqnA79DkQQOxExvjuRPr2ZWbik9gnISgRaY+k2GOzgDHC758EBcNVQoieiqcfowrtEwbyg9IE0g+3JyZoNxE64xuRM9DphrhPesyrzMo87rHGzn/EYHRJmWQG0lHQ2Vmh125i38FhX4ZHQd3jn8y4/h2w89/Lq93CKbS1WZNEb7xhd6EHAkuwYKquLgfuyhCENHWFh5iqSdJM9R0ZlhOUPXU3jWh41LuGxswY5GPJO1rurIU7XNPGTwE2JuL7wUaYdQVNgl52+elIJYTMISC6PiBn3z5vak1EqBC1IZlCRuNY+JHqDINwiYHMnysdp41LQmmWfqZLRmvd5ESUxJmSGRFjpdkjFSuUZKQpMX81qiOSAMceM2b5gQok1EYqb1bMEVUpRxkMBeM7OHijJY0NWJ7+RFvQ4kH070r47A5Am5dD9TvYb0HzsTME5RIjDWs2mCIbui9vHsTxZlbaCzY0CNlXsimVV0Z4NdSr/O8mooqc3AXo2maktnSPNI0fqt5tzIFtrkc4Orokb6PCp8VWUv9EI846CUFqVz1u5Ckq4ksqJYOS32kfNY3JhA1BWyvrJIUTeDZGj7PnVzByskRk9Hd2FUxWdCRyrzI+zxhOnouuUjr/PCEHCZyQ0mJ3xTe7igtj73q+7/C0D0f1kMkuJOSdZShnTx+8XxpEsEiLdmzbrORuKgd8gSZz5L3IiP/P7v9do3nr8CDACVwwztLWW2pQAAAABJRU5ErkJggg==")
          repeat-y;
        background-size: 100% 1px;
        display: flex;
        width: 100%;
        margin: auto;
        > div {
          flex: 1;
          font-size: 1rem;
          font-weight: bold;
          color: #15506b !important;
          > div {
            display: inline-block;
            padding: 0 10px;
            user-select: none;
            &.cursor {
              cursor: pointer;
            }
            i {
              display: inline-block;
              vertical-align: middle;
              margin-top: -0.2vh;
              width: 16px;
              height: 16px;
              background-repeat: no-repeat;
              background-size: 100% 100%;
            }
            i.desc {
              background-image: url("./white/sortPos.png");
            }
            i.asc {
              background-image: url("./white/sortOrd.png");
            }
          }
        }
        &.current {
          padding-right: 8px;
        }
      }
      &::before,
      &::after {
        position: absolute;
        content: "";
        height: 1px;
        width: 98%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABtAAAAABCAIAAADIEX3qAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3OGE0NTQ3Ni02ZjdkLTFkNDMtODRhOC1jNjEyOTEyN2E1MjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkMyRDRDMjUwODE4MTFFREI0NEFGQjNDNzc4QkRCQzEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkMyRDRDMjQwODE4MTFFREI0NEFGQjNDNzc4QkRCQzEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZjA5ZDQ0OWUtNjhiNS0xOTQ4LWExYTUtYmQzYjQwZThiOTNhIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc4YTQ1NDc2LTZmN2QtMWQ0My04NGE4LWM2MTI5MTI3YTUyMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjR/QOkAAAPpSURBVHja1FhRshsxCLN6/wP2CD3F42VtJATr6Uen05nmzUuyiY1BCMEGP399rb/2iLWw/ukjT9TL583zLvgtwPd6XeM6kH/PzkhjiiQ8ptryPCM+X6LZ24txdu3Tj62QUzQXoNMxQYsKplxIlyJt2t7t9Qk75lOsvUHL8/PYT/CQctkrWkaMVcGmE8FNZ1EYEAEiicQ331qWtMdD8TTKWXkUodxuf3i6O5rBRwWWyeIRMcjDleHEKWgTwwYVA3tMH2B4cKgEoIi0PpMRobfH1cpvhcll/ASLiJd3yfVz/bKX/AsBbwhricUET8xz2P4XDmaWzmWinRm2sSVXTrJahZPnLowSnqOY7rVlBX+suW/78XESX+XWc7ldCYVKpZCpY7YVooFfNR3Nl0QZxOoQ5By69JwVzmj4ueA1yAgj2ZAZTvuN58aDXliGsDDctSOZ2qc//18ArPauaK+uOlFGERfdSK1UZaR0QFu8yCPQdMbWKAs7eaURpgCvriC+RisZJwgzW7LSdaPLNBFVyW7svG/0LhNxbTgtxSNZ6yYC1NsWHLXwFKC3IREXXa0hljptTCAfQ0dpWPG45H8zcFH/YedF9SyTnwoVJQMpkq13oDqe9bY1xF2F0BqtntTgTGdgnQMuP8WBVWtOVCqKuMwcdrxVltWZS+CkHEXC5TdBb30aLccumOjdtmacmlryeNzo5w2+Gvhw9/eXf/CADxN3YzAkbMpqTgu6JlKYdlbn3CwwNDhQDVyTlm8QdW4xGM6HE/cp2NKJJEihTz69gEkmZb25WayuWXQ1S72FWpFJrVCDD3SNlTOVFEC+q+oPQJhYsmhWaYmtyQhafRzDSXukrOYZMDLsD9GSDYFIPTNgum8wa4wcL+K87Hdu4EJkvBdAwdfNBAY97Voe4FUGqFuJfWtSlRFu4MwW+Q08M2GpX7QRhQ0TjDaLoZJ1CC9+ZuYzX2Ajz1pETqgVv5Iayo31JN49GdIBTJA6Ds6sXgjo0GJWOhqh8pUBOdWy4yEDjUKrsMugVMYcW2oyzDLIyQ/OefSaRo5hddNYyG+vf3B6gpxPQ8eAiqjJ+Wq5X6MWcOPw6lIHTE3F6xr+uXRI4dDnheZ53m4vYwrYCW3yYFrdx7rZhHEIU9YFWtUfmmxGyU71mNUdzk4rQmN0T86tMNWGp6BQbisayCrclrOpBuob2q4SH8ynirkRWJBpC2g9Ehi9GSXDHHbg/bl+TuDYy5Gc3werxRQH0fNg+MDu2GG/15wLTavVhMZE48oh0cy7P4yDPOvvCil9HNI8K+s2dCy/O8Ro1WE369Ea0kzd+K0JNfHgfup/9vgWYADeX0LtT6pB7QAAAABJRU5ErkJggg==")
          no-repeat;
        background-size: 100% 1px;
      }
      &::after {
        bottom: 0;
        top: auto;
      }
    }
    .noData {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.6vh;
    }
    .tbody,
    .noData {
      height: 100%;
      background-color: #fff;
      border: 1px solid #b2d2ff;
      overflow-y: auto;
      color: #000;
      margin-top: 10px;
      .row {
        display: flex;
        height: 2.2rem;
        line-height: 2.2rem;
        font-size: 0.8rem;
        font-weight: bold;
        position: relative;
        border-bottom: 1px solid #b2d2ff;
        // &:first-child {
        //   border-bottom: none;
        // }
        &:hover {
          background-color: #e4f0ff !important;
        }
        &:last-child {
          border-bottom: none;
        }
        &:first-of-type {
          &::before {
            display: none !important;
          }
        }
        &.stripeClass {
          &:nth-child(2n) {
            background: #f3f8ff !important;
          }
        }
        &.current {
          background-color: #e4f0ff !important;
          &::after {
            top: auto;
            bottom: 0;
          }
          &:hover {
            background-color: rgba(239, 242, 247, 1);
          }
        }
        > div {
          flex: 1;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          span {
            padding: 2px 0;
            font-size: 0.8rem;
            color: #3d8bf9;
            font-weight: bold;
            cursor: pointer;
            margin: 0 5px;
            line-height: 1vh;
            &.spanColor {
              color: #000;
              cursor: auto;
            }
          }
          span:hover {
            text-decoration: underline;
          }
          span:hover.spanColor {
            text-decoration: none;
          }
        }
        .btns {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: center;
        }
      }
      &::-webkit-scrollbar {
        width: 10px;
        background-color: #eff2f7;
      }
      &::-webkit-scrollbar-track {
        width: 10px;
      }
      &::-webkit-scrollbar-thumb {
        background-color: #d3dae4;
        border-radius: 10px;
      }
    }
    .page {
      display: flex;
      justify-content: space-between;
      padding: 10px 0;
      .el-pagination {
        padding: 0;
      }
    }
  }
  .tbody::-webkit-scrollbar {
    width: 6px !important;
  }
  .tbody::-webkit-scrollbar {
    width: 5px;
    background-color: #ccc;
  }

  .tbody::-webkit-scrollbar-track {
    background-color: #ccc;
  }

  .tbody::-webkit-scrollbar-thumb {
    background: #777 !important;
    border-radius: 5px;
  }

  //title
  .search_title {
    width: 50%;
    margin: auto;
    height: 2.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 8px;
    box-sizing: border-box;
    color: #ffffff;
    background: url("./white/biaoti_bg.png") no-repeat;
    background-size: 100% 100%;
    font-size: 16px;
  }
  .jplvr_header {
    width: 100%;
    height: auto;
    text-align: center;
    background: url("./white/zbtbh_s.png") no-repeat;
    background-size: 100% 100%;
    height: 2rem;
    position: relative;
    .htClass {
      position: absolute;
      top: 0.2rem;
      left: 0rem;
      z-index: 20;
      width: 3.5rem;
      height: 1.6rem;
      background: url("./white/fanhui_icon.png") no-repeat;
      background-size: 100% 100%;
      cursor: pointer;
    }
    .htClass:hover {
      background: url("./white/fanhui_icon_anxia.png") no-repeat;
      background-size: 100% 100%;
      cursor: pointer;
    }
    .jplvr_title {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      box-sizing: border-box;
      color: white;
      height: 2.5rem;
      line-height: 2.4rem;
      font-size: 1rem;
      padding: 0px 20px;
      background: url("./white/zbtc_rp.png") repeat-x center top;
      .jplvr_title1 {
        position: relative;
        width: 100%;
        height: 100%;
        background: url("./white/zbtd.png") no-repeat center bottom;
        background-size: 50px 5px;
        &::after {
          content: "";
          position: absolute;
          top: 0px;
          left: -30px;
          width: 10px;
          height: 100%;
          background: url("./white/zbta.png") no-repeat center center;
          background-size: 100% 100%;
        }
        &::before {
          content: "";
          position: absolute;
          top: 0px;
          right: -30px;
          width: 10px;
          height: 100%;
          background: url("./white/zbtb.png") no-repeat center center;
          background-size: 100% 100%;
        }
      }
      span {
        width: 1.2rem;
        height: 1.2rem;
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
      }
      .jplvr_title_span {
        margin: 0;
        padding: 0;
        display: inline-block;
      }
    }
  }
  .first_chart_title {
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: url("./white/zbtbjx.png") no-repeat center center;
    background-size: 100% 2px;
    color: #0b5a7c;
    font-size: 14px;
    font-weight: 500;
    position: relative;
  }
  .first_chart_title_bg {
    span {
      padding: 6px 20px;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAiCAYAAACeLbMRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzQzQTU3MEEwOEJGMTFFRDhENUJDQUFFRUU4RURCMzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzQzQTU3MDkwOEJGMTFFRDhENUJDQUFFRUU4RURCMzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzRBQzhBQkMwOEJFMTFFREEwRTM5RjcyOTQxNDg2QzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzRBQzhBQkQwOEJFMTFFREEwRTM5RjcyOTQxNDg2QzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz62DKmFAAAANUlEQVR42mL4//8/AxMDEDB9+MvwH8JCEH/+oXARxO//qOrg3L//8anDJoZNCZxggLsPIMAAnV8XAKWQY/YAAAAASUVORK5CYII=")
        repeat-x left top;
      background-size: 100% 100%;
      position: relative;
      &::after {
        content: "";
        position: absolute;
        top: -1px;
        left: -8px;
        width: 8px;
        height: 34px;
        background: url("./white/zbta1.png") no-repeat center center;
        background-size: 100% 100%;
      }
      &::before {
        content: "";
        position: absolute;
        top: -1px;
        right: -8px;
        width: 8px;
        height: 34px;
        background: url("./white/zbtb1.png") no-repeat center center;
        background-size: 100% 100%;
      }
    }
  }

  //body样式表
  .boxBlock {
    position: relative;
    border-radius: 24px;
    background-repeat: no-repeat;
  }
  .boxTop {
    &::after {
      position: absolute;
      content: "";
      top: -1.4px;
      left: -1.4px;
      width: 40px;
      height: 40px;
      background: url("./white/mbbga.png") no-repeat center center;
      background-size: 100% 100%;
    }
  }
  .boxLeft {
    &::after {
      position: absolute;
      content: "";
      right: -1.4px;
      top: -1.4px;
      width: 40px;
      height: 40px;
      background: url("./white/mbbgb.png") no-repeat center center;
      background-size: 100% 100%;
    }
  }
  .boxBottom {
    &::after {
      position: absolute;
      content: "";
      right: -1.4px;
      bottom: -1.4px;
      width: 40px;
      height: 40px;
      background: url("./white/mbbgd.png") no-repeat center center;
      background-size: 100% 100%;
    }
  }
  .boxRight {
    &::after {
      position: absolute;
      content: "";
      left: -1.4px;
      bottom: -1.4px;
      width: 40px;
      height: 40px;
      background: url("./white/mbbgc.png") no-repeat center center;
      background-size: 100% 100%;
    }
  }

  //Dialog
  .el-dialog {
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #0b5a7c;
  }
  .el-dialog__header {
    background: url("./white/tc_repeatx.png") repeat-x center center;
    text-align: left !important;
    height: 40px;
    padding: 10px 20px 10px;
    background-color: transparent;
  }
  .el-dialog__title {
    color: #fff;
  }
  .el-dialog__headerbtn {
    top: 12px;
    right: 12px;
  }
  .el-dialog__headerbtn .el-dialog__close {
    color: #fff;
  }
  .el-dialog__body {
    background: #ffffff;
    box-shadow: 0px 0px 12px 0px rgba(11, 90, 124, 0.4);
  }
  .el-dialog__footer {
    background: #ffffff;
    border-top: 1px dashed #b2d2ff;
    text-align: center;
  }

  //合并表格
  .items {
    display: inline-block;
    width: 100%;
    height: 100%;
  }

  //合并表格二
  .tree-list-zb {
    width: 100%;
    .list-box {
      ul {
        width: 100%;
        li {
          width: 100%;
          line-height: 40px;
          border-bottom: 1px solid #d4dce6;
          .li-item-left {
            padding: 0 15px;
            text-align: center;
          }
          .li-item-right {
            width: 100%;
            li {
              text-align: left;
            }
          }
        }
        li:last-child {
          border-bottom: 0px;
        }
        .no-li {
          // height: 40px;
          // border-color: transparent;
          border-bottom: 0px;
        }
      }
    }
  }

  .flex {
    display: flex;
  }
  .flex-align {
    display: flex;
    align-items: center;
  }
  .tree-list-xm {
    .list-box {
      ul {
        li {
          line-height: 40px;
          border-bottom: 1px solid #d4dce6;
          .li-item-left {
            flex: 1;
            padding: 0 15px;
          }
          .li-item-right {
            width: 75%;
            border-left: 1px solid #d4dce6;
            li {
              text-align: left;
            }
          }
        }
        li:last-child {
          border-bottom: 0px;
        }
      }
    }
  }
  .el-table .cell {
    padding: 0px;
  }

  .tree-list-dw {
    width: 100%;
    .list-box {
      ul {
        width: 100%;
        li {
          width: 100%;
          line-height: 30px;
          border-bottom: 1px solid #d4dce6;
          .li-item-left {
            // padding: 0px 15px;
            text-align: center;
          }
          .li-item-right {
            width: 100%;
            li {
              text-align: left;
            }
          }
          .el-input-number {
            width: 100%;
            .el-input-number__increase,
            .el-input-number__decrease {
              display: none;
            }
            .el-input__inner {
              padding-right: 0px !important;
            }
          }
          .el-input {
            border: none !important;
            .el-input__inner {
              border: none !important;
              padding: 0;
              border-radius: 0;
              border-color: transparent;
              background-color: transparent;
              color: #3d8bf9;
            }
          }
          .el-input.is-disabled {
            .el-input__inner {
              background-color: #c0ccda;
            }
          }
        }
        li:last-child {
          border-bottom: 0px;
        }
      }
    }
  }

  .public-table {
    height: 100%;
    position: relative;
    .el-table {
      background-color: transparent;
      thead {
        color: #3d8bf9;
      }
      tbody {
        color: #000000;
      }
      td {
        padding: 0;
        font-size: 13px;
        border-color: #d4dce6;
      }
      th {
        padding: 0;
        background: #eff2f7;
        border-color: #d4dce6;
      }
      tr {
        background-color: #ffffff;
      }
      .cell {
        padding-left: 0;
        padding-right: 0;
      }
      .gutter {
        border-bottom: 1px solid #d4dce6;
      }
      .scope-label,
      .scope-item {
        display: block;
        font-size: 14px;
      }
      .el-table-column--selection {
        .cell {
          padding-right: 10px;
        }
      }
      .el-table__header-wrapper {
        th {
          padding: 10px 0;
          background: #eff2f7;
        }
        th.is-leaf {
          border-color: #d4dce6;
        }
      }
      .el-table__body-wrapper {
        padding-bottom: 0;
        .el-table__row {
          height: 40px;
        }
        tr:hover > td {
          background-color: #eff2f7;
        }
      }
      .el-table__footer-wrapper {
        tr {
          height: 40px;
        }
        td {
          color: #000000;
          background-color: #eff2f7;
        }
      }
      .el-table__fixed-header-wrapper {
        th {
          padding: 10px 0;
          border-bottom: 0;
        }
      }
      .el-table__fixed-footer-wrapper {
        td {
          color: #000000;
          background-color: #eff2f7;
        }
        .cell {
          height: 38px;
          line-height: 38px;
        }
      }
      .hover-row > td {
        background-color: #eff2f7;
      }
    }
    .table-no-border {
      .el-table__header-wrapper,
      .el-table__body-wrapper {
        border-left: 1px solid #d4dce6;
        border-right: 1px solid #d4dce6;
      }
      .el-table__header-wrapper {
        border-top: 1px solid #d4dce6;
      }
    }
    .el-table--border {
      border-color: #d4dce6;
    }
    .el-table__fixed::before,
    .el-table--border::after,
    .el-table--group,
    .el-table--group::after,
    .el-table::before {
      background-color: #d4dce6;
    }
    .thead-is-image {
      .el-table__header {
        margin-bottom: 13px;
        tr {
          background-color: transparent;
        }
        th {
          height: 47px;
          border-bottom: none;
          background-color: transparent;
        }
      }
      .el-table__header-wrapper {
        border: none;
      }
      .el-table__body-wrapper {
        border-top: 1px solid #d4dce6;
      }
    }
    .thead-slot {
      position: absolute;
      top: 0;
      left: -6px;
      right: -6px;
      .slot-default-img {
        width: 100%;
        background-size: 100% 100%;
        // background-image: var(--publicBg02);
      }
    }
    .el-table__fixed-footer-wrapper tbody td.el-table__cell {
      border-top: none;
    }
  }
  .public-table-template {
    /* 表格不出现横向滚动条 */
    .el-table--scrollable-x .el-table__body-wrapper {
      z-index: 2;
    }
    .el-table {
      ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background: transparent;
      } /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    }
  }
  //附加合并单元格样式
  .temClass {
    p {
      padding: 0px;
      margin: 0px;
      padding: 5px 0px;
    }

    ul {
      display: flex;

      li {
        flex: 1;
        padding: 5px 0px;
        text-align: center;
        border-left: 1.2px solid #ccc;
        border-top: 1.2px solid #ccc;

        &:first-child {
          border-left: none;
        }
      }
    }
  }
  .li-item-left1_li {
    display: flex;

    li {
      border-right: 1px solid #ccc;

      &:last-child {
        border: none;

        .li-item-left1 {
          border-bottom: 1px solid #ccc;
        }
      }
    }
  }
  .el-table__body tr.current-row > td {
    background: #ecf5ff !important;
  }
  .sortFont {
    display: inline-block;
  }
  .sortCss {
    display: flex;
    flex-direction: column;
    float: right;
    align-items: center;
    justify-content: center;
    margin-top: 0.4vh;
    margin-left: 0.2vh;
  }
}
