.element-uithree{
  // cover some element-ui styles
  .tableScopeSwitch .el-switch__label {
    position: absolute;
    display: none;
    color: #333 !important;
  }


  /* 打开时文字位置设置 */

  .tableScopeSwitch .el-switch__label--right {
    z-index: 1;

    /* 不同场景下可能不同，自行调整 */
  }


  /* 关闭时文字位置设置 */

  .tableScopeSwitch .el-switch__label--left {
    left: 20px;

    /* 不同场景下可能不同，自行调整 */
    z-index: 1;
  }


  /* 显示文字 */

  .tableScopeSwitch .el-switch__label.is-active {
    display: block;
  }

  .tableScopeSwitch.el-switch .el-switch__core,
  .el-switch .el-switch__label {
    width: 60px !important;

    /* 开关按钮的宽度大小 */
  }

  body {
    padding: 0 !important;
  }

  .spanColor {
    color: #333 !important;
  }

  .layout4 .needTagsView .app-header-in {
    height: 33px !important;
    overflow: hidden !important;
    background: #01222c !important;
    border-bottom: 0.5px solid #1d1d1e;
  }

  .tags-view-container {
    background: #ededed !important;
  }

  .tags-view-container .tags-view-wrapper .tags-view-item[data-v-fac8ca64]:first-of-type {
    margin-left: 10px !important;
  }

  .el-scrollbar__bar.is-horizontal {
    top: 30px !important;
    left: 1px !important;
    height: 0 !important;
  }

  .layout4 .app-container .app-container-in .app-main .app-main-in {
    position: relative;
    height: 0%;
    background: #ededed;
  }

  .el-button {
    height: 36px;
    border-radius: 3px;
    // min-width: 80px;
  }

  // .el-button--primary {
  //     color: #18b1a7;
  //     background-color: #ffffff !important;
  //     border-color: #61c9c3 !important;
  // }
  .el-button--primary {
    color: #fff;
    background-color: #4AB5A5 !important;
    border-color: #4AB5A5 !important;
  }

  .el-button--primary:hover {
    color: #fefefe;
    background-color: #29b7ae !important;
    border-color: #32bab1 !important;
  }

  .el-button--primary:focus {
    color: #fefefe;
    //cursor: wait;
    background-color: #29b7ae !important;
    border-color: #32bab1 !important;
  }

  .el-button--primary.is-disabled,
  .el-button--primary.is-disabled:active,
  .el-button--primary.is-disabled:focus,
  .el-button--primary.is-disabled:hover {
    color: #838585 !important;
    background-color: #e7e8e8 !important;
  }

  .tags-view-container .tags-view-wrapper .tags-view-item.active {
    font-size: 14px;
    font-weight: bold;
    background-color: #1294b5;
    border-color: #1294b5;
  }

  //input控件样式
  .el-input--small .el-input__inner {
    // height: 36px;
    // line-height: 36px;
    color: #222;
    border-color: #32bab1;
  }

  .el-input.is-disabled .el-input__inner {
    color: #222;
    cursor: not-allowed;
    border-color: #32bab1;
  }

  //input控件聚焦样式
  .el-select .el-input.is-focus .el-input__inner {
    border-color: #32bab1;
  }

  .el-select {
    width: 100%;
    .el-select__tags {
      overflow: hidden;
      white-space: nowrap;
      flex-wrap: nowrap;
      .el-select__tags-text {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
  }

  .el-select-dropdown__empty {
    padding: 10px 0;
    margin: 0;
    font-size: 14px;
    color: #222;
    text-align: center;
  }

  .el-scrollbar__bar.is-vertical {
    top: 2px;
    width: 8px;
    background: white;
    background-color: #ececec;
  }

  .el-scrollbar__thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    background: $themeColor !important;
    border-radius: inherit;
    -webkit-transition: 0.3s background-color;
    transition: 0.3s background-color;
  }

  // .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  //   color: #222 !important;
  //   text-overflow: ellipsis;
  // }
  // .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
  //   color: #333 !important;
  //   background-color: #fff !important;
  // }
  // .el-select-dropdown__list {
  //   padding: 6px 0;
  //   margin: 0;
  //   color: #5a5a5b !important;
  //   list-style: none;
  //   -webkit-box-sizing: border-box;
  //   box-sizing: border-box;
  // }
  // .el-select-dropdown__item {
  //   position: relative;
  //   height: 34px;
  //   padding: 0 20px;
  //   overflow: hidden;
  //   font-size: 14px;
  //   line-height: 34px;
  //   color: #222;
  //   text-overflow: ellipsis;
  //   white-space: nowrap;
  //   cursor: pointer;
  //   -webkit-box-sizing: border-box;
  //   box-sizing: border-box;
  // }
  //选中下拉之后select中文字溢出问题
  // .tags_select_input .el-select__tags {
  //   // height: 40px;
  //   white-space: nowrap !important;
  //   overflow: hidden !important;
  //   flex-wrap: nowrap !important;
  // }
  // .tags_select_input .el-select__tags-text {
  //   display: inline-block !important;
  //   max-width: 300px !important;
  //   white-space: nowrap !important;
  //   overflow: hidden !important;
  //   text-overflow: ellipsis !important;
  // }
  // .el-select__tags-text {
  //   display: inline-block;
  //   max-width: 190px;
  //   @media (max-width: 1400px) {
  //     max-width: 42px;
  //   }
  //   overflow: hidden;
  //   text-overflow:ellipsis;
  //   white-space: nowrap;
  // }
  // .el-select .el-tag__close.el-icon-close {
  //   top: -7px;
  //   right: -4px;
  // }
  //.el-form-inline   demo-form-inline
  .demo-form-inline {
    height: 46px;
    overflow-y: auto;
  }

  .el-form-item--small .el-form-item__content,
  .el-form-item--small .el-form-item__label {
    line-height: 36px;
    //color: $themeColor !important;
  }

  .el-input__inner {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: normal !important;
    white-space: nowrap !important;
  }

  .el-textarea__inner {
    display: block;
    width: 100%;
    padding: 5px 15px;
    font-size: inherit;
    line-height: 1.5;
    color: #333;
    background-color: #eaeced;
    background-image: none;
    border: 1px solid #32bab1;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    resize: vertical;
  }

  .el-radio {
    margin-right: 30px;
    font-weight: 500;
    line-height: 1;
    color: #fbfcff;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
  }

  .el-radio__input.is-checked + .el-radio__label {
    color: #32bab1 !important;
  }

  .svg-icon {
    color: #fff;
  }

  // .el-select-dropdown__item.hover {
  //   position: relative;
  //   height: 34px;
  //   padding: 0 20px;
  //   overflow: hidden;
  //   font-size: 14px;
  //   line-height: 34px;
  //   color: #fff;
  //   text-overflow: ellipsis;
  //   white-space: nowrap;
  //   cursor: pointer;
  //   background:$themeColor !important;
  //   -webkit-box-sizing: border-box;
  //   box-sizing: border-box;
  // }
  // .el-select-dropdown__item.selected {
  //   color:#fff !important;
  //   background: $themeColor !important;
  // }
  // .el-select-dropdown.is-multiple .el-select-dropdown__item {
  //   padding-right: 40px;
  // }
  // .el-select-dropdown.is-multiple .el-select-dropdown__item.hover {
  //   padding-right: 40px;
  //   //color: #fff !important;
  //  // color: $themeColor !important;
  // }
  // .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  //  //color:$themeColor !important;
  // }
  .el-range-editor.is-disabled {
    // top: -2px;
    // height: 36px;
    color: #9c9c9c;
    cursor: not-allowed;
    border-color: #32bab1;
  }

  .el-range-editor.is-disabled .el-range-separator {
    margin-top: -4px;
    margin-right: 5px;
    margin-left: -3px;
    color: #C0C4CC;
  }

  .el-range-editor--small .el-range-separator {
    width: 14px !important;
    font-size: 13px;
    line-height: 24px;
  }

  .el-date-editor .el-range-separator {
    display: inline-block;
    width: 5%;
    height: 100%;
    //padding: 0px 0px;
    margin: 0;
    margin-top: -4px;
    margin-right: 5px;
    margin-left: -3px;
    font-size: 14px;
    line-height: 32px;
    color: #222;
    text-align: center;
  }

  .el-date-editor .el-range__close-icon {
    display: inline-block;
    float: right;
    width: 1px;
    font-size: 14px;
    line-height: 32px;
    color: #222;
  }

  .el-range-editor.is-disabled input {
    color: #555;
    cursor: not-allowed;
  }

  .el-date-editor .el-range-input {
    display: inline-block;
    width: 39%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #222;
    text-align: center;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .el-picker-panel__sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 110px;
    padding-top: 6px;
    overflow: auto;
    color: #222 !important;
    border-right: 1px solid #32bab1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .el-date-range-picker__content.is-left {
    color: #333;
  }

  .el-date-range-picker__content.is-right {
    color: #333;
  }

  .el-picker-panel__shortcut {
    display: block;
    width: 100%;
    padding-left: 12px;
    font-size: 14px;
    line-height: 28px;
    color: #333;
    text-align: left;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
  }

  .el-picker-panel__shortcut:hover {}

  .el-date-table th {
    padding: 5px;
    font-weight: 400;
    color: #f5f6f8;
    border-bottom: solid 1px #EBEEF5;
  }

  .el-picker-panel__icon-btn {
    margin-top: 8px;
    font-size: 12px;
    color: #3e3f3f;
    cursor: pointer;
    background: 0 0;
    border: 0;
    outline: 0;
  }

  .el-picker-panel__icon-btn:hover {
    margin-top: 8px;
    font-size: 12px;
    color: #29b7ae !important;
    cursor: pointer;
    background: 0 0;
    border: 0;
    outline: 0;
  }

  .el-date-table td.in-range div,
  .el-date-table td.in-range div:hover,
  .el-date-table.is-week-mode .el-date-table__row.current div,
  .el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #fff;
  }

  .el-icon-d-arrow-right::before {
    color: #898a8a !important;
  }

   .el-range-editor--small.el-input__inner {
    // top: -2px;
    // height: 36px;
    color: #222;
    // background: #29b7ae !important;
  }

  .el-form-item--mini.el-form-item,
  .el-form-item--small.el-form-item {
    margin-bottom: 10px !important;
  }

  //测试
  .el-form--inline .el-form-item {
    display: inline-block;
    margin-right: 2px;
    vertical-align: top;
  }

  .el-form-item--mini.el-form-item,
  .el-form-item--small.el-form-item {
    height: 36px !important;
    padding: 0 !important;
    margin-bottom: 10px !important;
  }

  .el-form--inline .el-form-item__label {
    display: inline-block;
    float: none;
    // color: $themeColor !important;
  }

  .el-form-item__label {
    font-family: '微软雅黑';
    font-size: 14px;
    //color: $themeColor !important;
  }

  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    width: 16px;
    height: 16px;
    border-color: #32bab1;
  }

  .el-checkbox__inner {
    position: relative;
    z-index: 1;
    display: inline-block;
    background-color: #FFF;
    border: 1px solid #32bab1;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
  }

  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    border-color: #fcfcfc !important;
  }

  .el-table {
    background: #e9e7e7;
  }

  .el-table__body,
  .el-table__footer,
  .el-table__header {
    height: 40px;
    font-size: 16px;
    border-collapse: separate;
    table-layout: fixed;
  }

  .table_header {
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #fff !important;
    background-color: #4ab5a5 !important;
  }

  .el-table--border,
  .el-table--group {}

  .el-table--small .el-table__cell {
    padding: 0;
    font-size: 14px;
    color: #333;
  }

  .el-table th,
  .el-table tr {
    height: 40px;
    background-color: #fff;
  }

  .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    background-color: #f4f4f4 !important;
  }

  .el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
    color: #fff;
    background-color: $themeColor !important;
  }

  .el-table__body tr.hover-row.current-row > td.el-table__cell,
  .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell,
  .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell,
  .el-table__body tr.hover-row > td.el-table__cell {
    color: #fff;
    background-color: $themeColor !important;
  }

  .el-table--border .el-table__cell:first-child .cell {
    padding-left: 10px;
  }

  .el-icon-arrow-right::before {
    color: rgb(255, 255, 255);
    content: "\E6E0";
  }

  .el-button--mini,
  .el-button--mini.is-round {
    padding: 7px 15px;
  }

  .el-button--mini {
    height: 28px !important;
    font-size: 12px;
    border-radius: 3px;
  }

  .el-button--small {
    height: 36px !important;
    font-size: 12px;
    border-radius: 3px;
  }

  .el-pagination__total {
    margin-right: 10px;
    font-weight: 400;
    color: #333;
  }

  .spanColor[data-v-10ef34c8] {
    color: #333 !important;
  }

  .el-pagination__jump {
    margin-left: 24px;
    font-weight: 400;
    color: #333;
  }

  .el-pagination .el-select .el-input .el-input__inner {
    padding-right: 25px;
    color: #333;
    border: 1px solid #32bab1;
    border-radius: 3px;
  }

  .el-pagination.is-background .el-pager li:not(.disabled).active {
    color: #fff !important;
  }

  .el-pagination.is-background .btn-next,
  .el-pagination.is-background .btn-prev,
  .el-pagination.is-background .el-pager li {
    min-width: 30px;
    margin: 0 5px;
    color: #f4f6fb;
    border-radius: 2px;
  }

  .el-icon-arrow-left::before {
    color: #828080 !important;
  }

  .el-pager li:hover {
    color: #333 !important;
  }

  .el-pager li,
  .el-pager li.btn-quicknext:hover,
  .el-pager li.btn-quickprev:hover {
    color: #333 !important;
    cursor: pointer;
  }

  .spanColor {
    color: #333 !important;
  }

  .el-table.el-table--enable-row-hover .el-table__body tr:hover > td {
    color: aliceblue;
    background: $themeColor !important;
  }

  .el-table__body-wrapper::-webkit-scrollbar-track {
    background-color: #e8eaeccb !important;
  }

  ::-webkit-scrollbar-track {
    background-color: transparent;
  }

  .el-tabs--border-card > .el-tabs__content {
    padding: 10px !important;
    background: #fff !important;
  }

  .el-tabs__header {
    position: relative;
    padding: 0;
    margin: 0 0 10px !important;
  }

  .el-tabs--border-card {
    background: #e0e1e1b6 !important;
  }

  .el-tabs__item.is-active {
    color: #4AB5A5 !important;
  }

  .el-tabs__active-bar {
    background-color: $themeColor !important;
  }

  .el-tabs__item {
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    color: #313030 !important;
    list-style: none;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    font-size: 16px;
    font-weight: bold;
    color: #04756d !important;
    background: linear-gradient(#b4e2df, #d8eceb) !important;
    border: 0.5px solid #42bfb7 !important;
    border-color: #42bfb7;
  }

  .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
    font-size: 16px;
    font-weight: bold;
    color: #fff !important;
    background: linear-gradient(#7bcecc, #369997);
    border: 0.5px solid #2bcfc5 !important;
    border-color: #2bcfc5;
  }

  .el-tabs__nav-scroll {
    overflow: hidden;
    background: #ededed !important;
  }

  .el-loading-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    margin: 0;
    background-color: rgba(220, 224, 224, 0.71) !important;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }

  .el-tree {
    position: relative;
    color: #333;
    cursor: default;
    //background: #044b73;
  }

  .el-tree .el-tree-node:focus > .el-tree-node__content {
    color: #fff !important;
    // background-color: #4aa1b526 !important;
  }

  .el-tree-node__content:hover,
  .el-upload-list__item:hover {
    color: #fff !important;
    background-color: #85e8d9f4 !important;
  }

  .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
    color: #fff !important;
    background: #51b8a8ef !important;
  }

  .el-tree-node__expand-icon {
    font-size: 20px;
    color: #595a5a;
    cursor: pointer;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }

  .el-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .el-tree-node__expand-icon.is-leaf {
    color: transparent;
    cursor: default;
  }

  .el-tree-node__label {
    font-size: 16px;
  }

  .el-tree-node__loading-icon {
    margin-right: 8px;
    font-size: 20px;
    color: #1294b5;
  }

  .el-tree-node > .el-tree-node__children {
    overflow: hidden;
    color: #333;
    background-color: transparent;
  }

  .el-tree-node.is-expanded > .el-tree-node__children {
    display: block;
  }

  // .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
  //     background-color:#f0f7ff
  // }
  .el-tree-node__label {
    font-size: 16px;
  }

  .el-tree {
    width: 100%;
    overflow: scroll;
  }

  .el-tree > .el-tree-node {
    display: inline-block;
    min-width: 100%;
  }

  // .el-tree {
  //   position: relative;
  //   color: #333;
  //   cursor: default;
  // }
  // .el-tree .el-tree-node:focus > .el-tree-node__content {
  //   color:#fefefe !important;
  // }
  // .el-tree-node__content:hover,
  // .el-upload-list__item:hover {
  //   color:#fefefe !important;
  //   background: #4ab5a5d0 !important;
  // }
  // .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  //  color: #fefefe !important;
  //  background: #4ab5a5d0 !important;
  // }
  // .el-tree-node__expand-icon {
  //   font-size: 20px;
  //   color:$themeColor !important;
  //   cursor: pointer;
  //   -webkit-transform: rotate(0);
  //   transform: rotate(0);
  //   -webkit-transition: -webkit-transform 0.3s ease-in-out;
  //   transition: -webkit-transform 0.3s ease-in-out;
  //   transition: transform 0.3s ease-in-out;
  //   transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  // }
  // .el-tree-node__expand-icon.expanded {
  //   -webkit-transform: rotate(90deg);
  //   transform: rotate(90deg);
  //   color: #333232 !important;
  // }
  // .el-tree-node__expand-icon.is-leaf {
  //   color: transparent;
  //   cursor: default;
  // }
  // .el-tree-node__label {
  //   font-size: 16px;
  // }
  // .el-tree-node__loading-icon {
  //   margin-right: 8px;
  //   font-size: 20px;
  //   color: #fcfcfc;
  // }
  // .el-tree-node > .el-tree-node__children {
  //   overflow: hidden;
  //   color: #222;
  //   background-color: transparent;
  // }
  // .el-tree-node.is-expanded > .el-tree-node__children {
  //   display: block;
  // }
  // .el-tree-node__label {
  //   font-size: 16px;
  // }
  // .el-tree {
  //   width: 100%;
  //   overflow: scroll;
  // }
  // .el-tree > .el-tree-node {
  //   display: inline-block;
  //   min-width: 100%;
  // }
  ::-webkit-scrollbar-thumb {
    width: 12px !important;
    cursor: pointer !important;
    background: $themeColor !important;
    border-radius: 10px !important;
  }

  ::-webkit-scrollbar-track {
    width: 12px !important;
    cursor: pointer !important;
    background-color: #8b8989;
    border: #d2d0d0;
  }

  .el-dialog__body {
    padding: 10px 10px !important;
    font-size: 14px;
    word-break: break-all;
  }

  .el-dialog .el-dialog__header {
    height: 55px;
    padding: 0 10px !important;
    line-height: 55px;
  }

  .el-dialog .el-dialog__header .el-dialog__headerbtn {
    top: 5px !important;
    font-size: 24px;
  }

  .el-dialog .el-dialog__footer {
    height: 40px !important;
    padding: 0 10px !important;
    line-height: 40px !important;
    border-top: 1px solid #DCDFE6;
  }

  .el-dialog {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: flex !important;
    max-width: calc(100% - 30px) !important;
    max-height: calc(100% - 30px) !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    flex-direction: column !important;
  }

  .el-dialog .el-dialog__body {
    flex: 1 !important;
    overflow: auto !important;
  }

  .el-card {
    overflow: hidden;
    color: #fbfbfb;
    background-color: #29b7ae;
    border: 1px solid #EBEEF5;
    border-radius: 4px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .vxe-table .cell {
    text-align: center !important;
  }

  //vxe表格ui全局样式
  .vxe-table--render-default .vxe-cell {
    align-items: center !important;
    height: 40px !important;
    line-height: 40px !important;
    white-space: nowrap !important;
  }

  .vxe-table--render-default .vxe-table--body-wrapper,
  .vxe-table--render-default .vxe-table--footer-wrapper {
    background-color: #e9e7e7;
  }

  .vxe-table--render-default.size--mini .vxe-body--column:not(.col--ellipsis),
  .vxe-table--render-default.size--mini .vxe-footer--column:not(.col--ellipsis),
  .vxe-table--render-default.size--mini .vxe-header--column:not(.col--ellipsis) {
    padding: 0 0 !important;
    font-size: 14px;
  }

  .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis > .vxe-cell,
  .vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis > .vxe-cell,
  .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis > .vxe-cell {
    max-height: 40px !important;
  }

  .vxe-body--row.row--hover {
    color: #FFF !important;
    background-color: $themeColor !important;
  }

  .vxe-body--row.row--stripe.row--hover {
    color: #FFF;
    background-color: $themeColor !important;
  }

  .vxe-body--row.row--stripe.row--current {
    color: #FFF !important;
    background: $themeColor !important;
    //font-weight: bold !important;
    //height: 25px !important;
  }


  /* 表格滚动条样式 */

  .vxe-table--body-wrapper::-webkit-scrollbar {
    width: 12px !important;
  }

  .vxe-table--body-wrapper::-webkit-scrollbar-thumb {
    height: 8px;
    background-color: #4ab5a5 !important;
    border-radius: 5px;
    border-radius: 30px !important;
  }

  .vxe-table--body-wrapper::-webkit-scrollbar-track {
    background: rgb(235, 233, 233);
    border-radius: 2px;
    box-shadow: inset 0 0 5px rgb(174, 173, 173);
  }

  .vxe-body--row.row--current {
    color: #333 !important;
    background-color: #4ab5a5 !important;
  }

  // 斑马纹样式
  .vxe-body--row.row--stripe {
    color: #333;
    background-color: #f4f4f4 !important;
  }

  .vxe-body--row {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #333;
    background-color: #fff !important;
  }

  .vxe-button.type--button {
    margin-top: -1% !important;
  }

  .vxe-table--body-wrapper::-webkit-scrollbar-thumb {
    background: #4ab5a5 !important;
  }

  .vxe-table--body-wrapper::-webkit-scrollbar-track {
    background: #ebe9e9 !important;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 5px #aeadad;
    box-shadow: inset 0 0 5px #aeadad;
  }

  .vxe-button.type--button.theme--primary:not(.is--disabled):hover {
    background-color: rgb(13, 115, 107) !important;
    border-color: rgb(13, 115, 115) !important;
  }

  .vxe-icon-checkbox-indeterminate::before {
    font-size: 12px;
    color: #f5f9f8 !important;
    content: "\E8C4";
    // border: 1px solid #f3f6f7 !important;
  }

  .vxe-checkbox .vxe-checkbox--icon,
  .vxe-custom--option .vxe-checkbox--icon,
  .vxe-export--panel-column-option .vxe-checkbox--icon,
  .vxe-table--filter-option .vxe-checkbox--icon,
  .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon {
    font-size: 14px;
    // background: #32bab1 !important;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon {
    color: #022926;
    border-radius: 2px;
  }

  .vxe-icon-checkbox-checked {
    color: #a6adbd !important;
  }

  .vxe-table--tooltip-wrapper {
    z-index: 100000000 !important;
  }

  .el-header,
  .el-main {
    padding: 0;
  }

  .el-breadcrumb__inner,
  .el-breadcrumb__inner a {
    font-weight: 400 !important;
  }

  .el-upload {
    input[type="file"] {
      display: none !important;
    }
  }

  .el-upload__input {
    display: none;
  }

  .el-dialog {
    position: relative;
    left: 0;
    margin: 0 auto;
    transform: none;
    .el-dialog__body {
      max-height: 70vh;
      padding: 20px;
      overflow-y: auto;
    }
    .el-dialog__header {
      height: 55px;
      padding: 0 20px;
      line-height: 55px;
      background: $themeColor;
      .el-dialog__title {
        font-size: 16px;
        font-weight: bold;
        color: #FFF;
      }
      .el-dialog__headerbtn {
        top: 6px;
        font-size: 24px;
        i {
          color: #333;
        }
      }
    }
    .el-dialog__footer {
      height: 36px;
      padding: 0 20px;
      line-height: 36px;
      border-top: 1px solid #DCDFE6;
    }
  }

  .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: #29b7ae;
    border-color: #32bab1;
  }
  .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{
    border-color: #ffffff;
  }

  .el-checkbox__input.is-disabled .el-checkbox__inner {
    cursor: not-allowed;
    // background-color: #29b7ae;
    border-color: #32bab1;
  }

  .el-checkbox__label {
    //color: #d5e5ef !important;
  }

  .wr {
    margin-left: 0%;
    font-size: 14px;
    font-weight: bold;
    color: #333;
  }

  .zd {
    color: #333 !important;
    background: #F30;
  }

  .zzd {
    color: #333 !important;
    background: #F90;
  }

  .qd {
    color: #333 !important;
    background: #FC0;
  }

  .qw {
    color: #333 !important;
    background: #39F;
  }

  .wd {
    color: #333 !important;
    background: #393;
  }

  .ws {
    color: #333 !important;
    background: #999;
  }

  .xshou {
    cursor: pointer;
  }

  .right-top {
    color: rgb(7, 131, 161);
    border: 1.5px solid rgb(7, 131, 161);
    border-style: solid hidden hidden hidden;
  }

  .xdf {
    margin-left: 2%;
    font-size: 12px;
    font-weight: bold;
    line-height: 0.6rem;
    color: #000;
  }

  .l1 {
    color: #333;
    background: #999;
  }

  .l2 {
    color: #333;
    background: #393;
  }

  .l3 {
    color: #333;
    background: #39F;
  }

  .l4 {
    color: #333;
    background: #F90;
  }

  .l5 {
    color: #333;
    background: #FC0;
  }

  .l6 {
    color: #333;
    background: #F30;
  }

  .jkl {
    height: 0.3%;
    margin-top: 1%;
    cursor: pointer;
  }

  .cvb {
    height: 20vh;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .ll {
    font-weight: bold;
    color: #000;
  }

  .d1 {
    padding: 1.5%;
    line-height: 10px;
    color: #333;
    background: #999;
  }

  .d2 {
    padding: 1.5%;
    line-height: 10px;
    color: #333;
    background: #393;
  }

  .asd {
    float: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
    color: #FFF;
  }

  .d3 {
    padding: 1.5%;
    line-height: 10px;
    color: #333;
    background: #39F;
  }

  .d2 {
    padding: 1.5%;
    line-height: 10px;
    color: #fff;
    background: #393;
  }

  .d4 {
    padding: 1.5%;
    line-height: 10px;
    color: #333;
    background: #F90;
  }

  .d5 {
    padding: 1.5%;
    line-height: 10px;
    color: #333;
    background: #FC0;
  }

  .d6 {
    padding: 1.5%;
    line-height: 10px;
    color: #333;
    background: #F30;
  }

  .qwe {
    margin-top: 5px;
  }

  .fgh {
    height: 5vh;
  }

  .lf {
    float: left;
  }

  .spanfont {
    font-weight: bold;
    color: #333;
  }

  // span {
  //   color: #242323;
  // }
  .fontColor {
    color: #1d1c1c !important;
  }

  .viewback {
    background: #fff !important;
  }

  .viewsback {
    background: #e6e8e9 !important;
  }

  .el-icon-arrow-right::before {
    color: #8b8282 !important;
    content: "\E6E0";
  }

  .el-cascader-menu__list {
    position: relative;
    height: 300px !important;
    padding: 6px 0 !important;

    /* min-height: 100%; */
    margin: 0 !important;
    list-style: none !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .el-radio {
    margin-right: 30px;
    font-weight: 500;
    line-height: 1;
    color: #000;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    //overflow: hidden;
  }

  ::-webkit-scrollbar {
    width: 12px !important;

    /* 高宽分别对应横竖滚动条的尺寸 */
    height: 12px !important;
    cursor: pointer !important;
  }

  ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2) !important;
    border-radius: 10px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  }

  ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1) !important;
    border-radius: 0 !important;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  }

  // ::-webkit-scrollbar-track-piece {
  //     background-color: green !important;
  // }
  // ::-webkit-scrollbar-corner {
  //     background-color: cyan !important;
  // }
  // ::-webkit-resizer {
  //     background-color: rgb(242, 5, 151) !important;
  // }
  // ::-webkit-scrollbar-button {
  //     background-color: pink !important;
  //     border-radius: 20px !important;
  //     width: 20px !important;
  // }
  .el-table tbody tr:hover > td {
    color: #ffff;
    background: $themeColor !important;
  }

  .el-table__body tr.current-row > td {
    color: #ffff;
    background: $themeColor !important;
    // font-weight: bold !important;
  }

  .vxe-body--row.row--current {
    color: #fff !important;
    background-color: #4ab5a5 !important;
  }

  // .el-table__row--striped td {
  //     background-color: #eaedeefd !important
  // }
  // .el-table__row:not(.el-table__row--striped) {
  //     background: #ffffff !important;
  // }
  .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
    top: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #fff !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#7bcecc), to(#369997));
    background: linear-gradient(#7bcecc, #369997);
    border: 0.5px solid #2bcfc5 !important;
    border-color: #2bcfc5;
  }
  body .el-table th.gutter{
    display:table-cell!important;
}

}