body {
  background: #f7f7f7;
  overflow: hidden;
}
body.el-popup-parent--hidden {
  width: unset !important;
}
#app {
  position: absolute;
  width: 100vw;
  height: 100vh;
}

[v-cloak] {
  display: none;
}

:root {
  // --el-color-primary: #E71111;
  // --el-color-primary-light-3: #EE5858;
  // --el-color-primary-light-5: #F38888;
  // --el-color-primary-light-7: #F8B7B7;
  // --el-color-primary-light-8: #FACFCF;
  // --el-color-primary-light-9: #FDE7E7;
  // --el-color-primary-dark-2: #C41D1D;
  --el-color-primary2: #409eff;
  --el-color-primary2-light-3: #79bbff;
  --el-color-primary2-light-5: #a0cfff;
  --el-color-primary2-light-7: #c6e2ff;
  --el-color-primary2-light-8: #d9ecff;
  --el-color-primary2-light-9: #ecf5ff;
  --el-color-primary2-dark-2: #337ecc;
  --el-color-primary3: #21B5B0;
  --el-color-primary3-light-3: #2bc0bb;
  --el-color-primary3-light-5: #39c7c2;
  --el-color-primary3-light-7: #3cd6d1;
  --el-color-primary3-light-8: #4be6e0;
  --el-color-primary3-light-9: #4be6e0;
  --el-color-primary3-dark-2: rgb(35, 171, 180);
  --el-text-color-placeholder: #73757a;
  --el-mask-color: rgba(255, 255, 255, 0.3);
}

.el-button--primary2 {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-primary2);
  --el-button-border-color: var(--el-color-primary2);
  --el-button-outline-color: var(--el-color-primary2-light-5);
  --el-button-active-color: var(--el-color-primary2-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-primary2-light-5);
  --el-button-hover-bg-color: var(--el-color-primary2-light-3);
  --el-button-hover-border-color: var(--el-color-primary2-light-3);
  --el-button-active-bg-color: var(--el-color-primary2-dark-2);
  --el-button-active-border-color: var(--el-color-primary2-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-primary2-light-5);
  --el-button-disabled-border-color: var(--el-color-primary2-light-5);
}

.el-button--primary3 {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-primary3);
  --el-button-border-color: var(--el-color-primary3);
  --el-button-outline-color: var(--el-color-primary3-light-5);
  --el-button-active-color: var(--el-color-primary3-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-primary3-light-5);
  --el-button-hover-bg-color: var(--el-color-primary3-light-3);
  --el-button-hover-border-color: var(--el-color-primary3-light-3);
  --el-button-active-bg-color: var(--el-color-primary3-dark-2);
  --el-button-active-border-color: var(--el-color-primary3-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-primary3-light-5);
  --el-button-disabled-border-color: var(--el-color-primary3-light-5);
}

.el-button.my-button--customer {
  color: #fff;
}
.el-button.el-button--small.is-circle {
  width: 28px;
}

.el-button--darkblue {
  filter: hue-rotate(25deg) sepia(0.2);
  .el-button--primary2;
}

.el-button--pop {
  filter: hue-rotate(80deg);
  .el-button--primary2;
}

.el-overlay.is-message-box {
  &:has(.transparentModal) {
    --el-overlay-color-lighter: rgba(0, 0, 0, 0.03);
  }
}

.overfloewEllipsis(@argus) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @argus;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.styleScroller,
.el-scroller-style {
  &::-webkit-scrollbar {
    width: 8px;
    height: 4px;
  }

  &::-webkit-scrollbar-track {
    background-color: #f1f1f1;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #DDDEE0;
  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: #C7C9CC;
  }
}

.opacityStyleScroller {
  &::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }

  &::-webkit-scrollbar-track {
    background-color: #F5F7FA;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #CAC9C9;
  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: #b8b4b4;
  }
}
.el-textarea__inner {

  &::-webkit-scrollbar{
    width: 6px;
    height: 6px;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      background-color: #c3c3c3;
  }
  &::-webkit-scrollbar-track {
    background-color: transparent;
  }

}

.el-overlay-dialog {

  .is-fullscreen,
  .el-drawer {
    flex: 1;
  }

  .dialog-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;

    .dialogTitle {
      font-size: 18px;
    }
  }

  &:has(>.verticalCenter) {
    display: flex;
    align-items: center;
    justify-content: center;

    .el-dialog {
      margin-top: ~"max(-10vh, -250px)";
    }
  }

  .el-dialog {
    // --usize: attr(size);
    // --uheight: attr(height);
    // height: var(--uheight);
    // width: var(--usize, --el-dialog-width, 60%);
    --el-dialog-width: 65%;
    --el-dialog-margin-top: ~"max(10vh, 100px)";
    max-height: ~"min(calc(100% - 200px), 80vh)";
    min-height: ~"max(310px, 35vh)";
    padding: 0;

    &.is-fullscreen,&.avue-fullScreen {
      width: 100% !important;
      height: 100% !important;
      max-height: unset;
      margin-top: 0 !important;
      transform: unset !important;
      margin: 0;
      max-width: unset;
    }

    .el-dialog__body {
      padding: 20px 20px 20px;

      &:has(.avue--detail) {
        padding: 20px 20px 60px;
      }
      &:has(.fullSizeFrame) {
        transform: translateZ(0);
        padding: 0;
        overflow: hidden;
      }

      &:not(:has(.avue--detail)) {
        >.avue-form >.el-form >.el-row >.avue-group:last-child {
          padding-bottom: 50px;
        }
      }

      .avue-group:has(.nodialogPadding) {
        padding-bottom: 0 !important;
        transform: translate3d(0px, 0px, 0px);
        &:has(.h5SearchForm) {
          transform: unset;
        }
        &:has(.nodialogPadding.pb30) {
          padding-bottom: 30px !important;
        }
      }

      .styleScroller;
    }

    transition: all 200ms;
  }

  .rightTools {
    position: absolute;
    right: -7px;
    top: -6px;

    .el-button {
      padding: 0;
      background: unset !important;
      padding: 5px;
      background: unset !important;
      margin: 0;
      font-size: 16px;

      &:hover {
        color: var(--el-color-primary);
      }
    }
  }
}

.hideScrollBar {
  overflow: auto;

  &::-webkit-scrollbar {
    display: none;
  }
}

.flex-warpper {
  display: flex;
}

.app-main-layout {
  height: 100vh;
  background: #fff;

  >.el-header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E6E6E6;

    .icon_title {
      display: flex;
      align-items: center;
      font-size: 20px;
      font-weight: bold;

      .icon {
        margin-right: 10px;
      }
    }

    .rightInfos {
      display: flex;
      margin-left: auto;

      .msgjb {
        margin-right: 20px;
        cursor: pointer;
        .el-tag__content {
          display: flex;
          align-items: center;
          .breathDot {
            width: 8px;
            height: 8px;
            background-color: gray;
            border-radius: 50%;
            &.active {
              background: radial-gradient(#009f00, #85dd6d);
              animation: breathe 3s ease-in-out infinite;
            }
            @keyframes breathe {
              0%, 100% {
                opacity: 0.5;
                transform: scale(1);
              }
              50% {
                opacity: 1;
                transform: scale(1.1);
              }
            }
            margin-right: 5px;
          }
        }
      }

      .item {
        padding: 5px;
        border-radius: 3px;

        &:hover {
          background: #f6f6f6;
        }
      }

      .userInfo {
        display: flex;
        align-items: center;

        .el-avatar {
          margin-right: 10px;
        }

        span {
          color: #000000d9;
        }
      }
    }
  }

  .app-main-layout-aside {
    background: #001529;
    color: #fff;
    transition: width linear 200ms;
    height: calc(100vh - 60px);
    position: relative;
    .hideScrollBar;
    >.el-tree {
      >.el-tree-node:first-child {
        position: sticky;
        top: 0;
        background: #001529;
        z-index: 10;
      }
    }

    &.expand {
      overflow: visible;
    }

    .resizable {
      content: '';
      cursor: col-resize;
      border-right: 4px solid transparent;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1;
    }

    .menu-tree-node {
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;

      &:not(:has(>.icon)) {
        >span {
          padding-left: 15px;
        }
      }

      .el-icon,.iconfont {
        // color: #ffffffb3;
        margin-right: 5px;
        padding-left: 15px;
        display: flex;
        align-items: center;
        display: block;
      }
      .iconfont::before {
        width: var(--size);
        height: var(--size);
      }
    }
    .el-tree__empty-block {
      background: #001529;
    }

    .el-tree-node__content:has(>.active.menu-tree-node) {
      // border-left: 3px solid #6affff;
      background: #1890FF !important;
      color: #ffffffdd;
    }

    .el-tree-node__children {
      background: #0C2135;

      .el-tree-node__content {
        background: #0C2135;
      }
    }

    .el-tree-node__content {
      background: #001529;
      color: #ffffffb3;
      height: 50px;
      // 图标放右边
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
      padding: 0 10px;
      box-sizing: border-box;

      >.el-tree-node__expand-icon {
        transform: rotate(90deg);

        &.expanded {
          transform: rotate(270deg);
        }
      }

      &:hover {
        color: #ffffff !important;
      }
    }

    .el-tree-node:focus>.el-tree-node__content {
      background: #000e1b;
    }

    .firstIcons {
      position: absolute;
      width: 50px;
      .hideScrollBar;
      >.item {
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #ffffffb3;
        position: relative;
        &:first-child {
          position: sticky;
          top: 0;
          background: #001529;
          z-index: 1;
        }

        &.active {
          &::before {
            content: ' ';
            background: #1890FF;
            width: 3px;
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            animation: toHiger linear 200ms;

            @keyframes toHiger {
              0% {
                height: 50%;
              }

              100% {
                height: 100%;
              }
            }
          }
        }

        &:hover {
          color: #fff;

          .hoverPanel {
            visibility: visible;
            opacity: 1;
          }
        }

        .hoverPanel {
          visibility: hidden;
          opacity: 0;
          position: absolute;
          left: 60px;
          top: 0;
          z-index: 11;
          transition: opacity 0.6s, visibility 0s 0.3s;

          .menu-tree-node {
            display: flex;
            align-items: center;

            .el-icon,.iconfont {
              margin-right: 5px;
            }
          }

          .el-cascader-menu {
            --el-bg-color: #001529;
            --el-cascader-menu-selected-text-color: '#fff';
            --el-cascader-node-background-hover: '#000e1b';
            background-color: var(--el-bg-color);
            color: #ffffffb3;
            margin-left: 10px;

            .el-cascader-menu__wrap.el-scrollbar__wrap {
              height: unset;
            }

            .el-cascader-node__label {
              font-weight: normal;
            }

            .el-cascader-node:hover {
              color: #fff;
            }

            .el-cascader-node:has(.menu-tree-node.active) {
              background: #1890FF !important;

              .el-cascader-node__prefix {
                display: none;
              }
            }
          }

          .el-cascader-panel.is-bordered {
            border: none;
            transform: translateX(-10px);
          }
        }
      }
    }

    .version-code {
      position: fixed;
      bottom: 0;
      color: #51505087;
      pointer-events: none;
      font-size: 12px;
    }
  }

  .app-main-layout-main {
    position: relative;

    .banner-len {
      height: 47px;
      border-bottom: 1px solid #eee;
      display: flex;
      align-items: center;
      .tags {
        flex-grow: 1;
        padding: 0 10px 0 0px;
        width: calc(100% - 50px);

        // display: flex;
        // overflow-y: auto;
        // .hideScrollBar;
        .el-tag {
          margin-right: 10px;
          &.keepAlive {
            .el-tag__content {
              font-style: normal;
            }
          }

          .el-tag__content {
            cursor: pointer;
            font-style: italic;
            user-select: none;
          }
        }

        .flex-warpper {
          height: 100%;
          display: flex;
          align-items: center;
          margin-bottom: 20px;
          transform: translateY(10px);
        }
      }
    }

    .hoverItem {
      padding: 10px;
      border-radius: 3px;
      cursor: pointer;

      &:hover {
        background: #f6f6f6;
      }
    }

    .mainPage {
      height: calc(100% - 48px);
      overflow: hidden;
      position: absolute;
      width: 100%;

      >.pages {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background: #fff;
        overflow-y: auto;
        overflow-x: hidden;

        >iframe {
          width: 100%;
          height: 100%;
          position: absolute;
        }

        &.isCurrent {
          z-index: 10;
        }
      }
    }

    .resizableModal {
      position: absolute;
      width: calc(100vw - 900px);
      height: 100%;
      overflow: hidden;
      z-index: 111;
      top: 0;
    }
  }
}

textarea[disabled] {
  resize: none;
  cursor: default !important;

  &[rows='2'] {
    min-height: 75px !important;
    height: unset !important;
  }
}

.avue-array__item {
  .el-input.is-disabled {
    .el-input__wrapper {
      background: transparent;
      box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;

      .el-input__inner {
        cursor: default;
        text-align: left;
      }
    }
  }
}

#tagMenudialog {
  animation: all linear 200ms;
  width: 100px;
  transform: translate(0px, 10px);
  border: 1px solid var(--el-border-color-light);
  background: var(--el-bg-color-overlay);
  box-shadow: var(--el-dropdown-menu-box-shadow);

  .el-dropdown-menu__item {
    line-height: 16px;
    font-size: 13px;
  }

  .el-dropdown-menu__item--divided {
    margin: 2px 0;
  }
}

.el-dropdown-menu__item.active {
  color: var(--el-color-primary);
}

.el-dialog__body {
  &:has(.fullMain) {
    padding: 0 !important;
    overflow: hidden;
  }

  .fullMain {
    height: calc(100% - 65px);
  }
}
.el-tooltip.el-popper:has(>span:first-child:empty) {
  display: none !important;
}
 .tooltipEnhance {
  position: absolute;
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  color: var(--el-button-text-color);
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 4px;
  opacity: 0;
  /* 初始状态隐藏 */
  pointer-events: none;
  /* 不响应鼠标事件 */
  transition: opacity 0.5s, filter 0.5s;
  /* 平滑过渡效果 */
  z-index: 9999;
  display: none;
  &:hover {
    filter: brightness(0.8) saturate(1.2);
    /* 调整亮度和饱和度 */
  }

  &.active {
    opacity: 1;
    /* 显示 Tooltip */
    filter: blur(0);
    /* 取消模糊效果 */
  }
}

.dialogMain {
  .dialogFrom {
    margin: 10px 0 0 32px;

    .el-form-item {
      width: calc(50% - 32px);

      &.fullLen {
        width: calc(100% - 32px);
        margin-right: 0;
      }
    }
  }

  .dialog-table {
    margin: 20px 0;
  }

  .dialogBottomBtns {
    display: flex;
    margin: 20px auto;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;

    .el-button {
      min-width: 80px;
      margin: 0 15px;

      span {
        display: block;
        text-align-last: justify;
        width: 100%;
      }
    }
  }
}

.el-overlay-dialog:has(>[class*=" el-col"]) {
  // display: flex;
}

.el-overlay-dialog:has(>[class*="height"]) {
  display: flex;
}

.el-overlay-dialog:has(.shortDialog) {
  display: flex;
}

.el-overlay-dialog:has(.fullMain) {
  display: flex;
}

.avue-dialog {
  min-width: 370px;

  &.el-col-8 { width: 33%; } &.el-col-10 { width: 41.6%; } &.el-col-13 { width: 33%; } 
  &.el-col-14 { width: 33%; } &.el-col-15 { width: 33%; } &.el-col-12 { width: 50%; } 
  &.el-col-13 { width: 54%; } &.el-col-14 { width: 58%; } &.el-col-15 { width: 62%; } 
  &.el-col-16 { width: 66%; } &.el-col-17 { width: 70%; } &.el-col-18 { width: 75%; } 
  &.el-col-19 { width: 80%; } &.el-col-20 { width: 84%; } &.el-col-21 { width: 88%; } 
  &.el-col-22 { width: 92%; } &.el-col-23 { width: 96%; } &.el-col-24 { width: 100%; }
  &.hasFixElement {
    transform: translateZ(0);
  }
  &.cmpDialog {
    .el-dialog__body {
      padding: 0;
    }
  }
  &.avue-fullscreen { 
    max-width: unset !important;
    width: 100% !important;
    height: 100% !important;
    max-height: unset !important;
    margin-top: 0;
  }

  .el-dialog__header {
    .el-dialog-fullScreenMenu {
      top: 14px;
      padding: 4px;
      right: 38px;
      z-index: 1;
      >.el-icon {
        width: 14px;
      }
    }
    .el-dialog__headerbtn {
      height: 30px;
      right: 8px;
      top: 12px;
      width: 30px;
    }
    &:has(>.avue-crud__dialog__header) {
      .avue-crud__dialog__menu {
        .el-dialog__close {
          transform: translate(7px, -3px);
        }
      }
    }
  }

  &.dialogLevel2 {
    transform: translateY(~"min(4vh, 80px)");
  }

  &.dialogLevel3 {
    transform: translateY(~"min(8vh, 160px)");
  }
  &.dialogLevel4 {
    transform: translateY(~"min(10vh, 240px)");
  }

  &.height300 {
    height: 375px;
  }

  &.width530 {
    width: 530px;
    flex: unset;
  }
  
  .extTitle {
    font-size: 14px;
    color: #1f52ff;
    margin-left: 5px;
    font-weight: normal;
  }

  &.shortDialog {
    height: 220px;
    min-height: unset;
    align-self: center;
    transform: translateY(-130px);

    .avue-crud__dialog__menu {
      .el-dialog__close {
        display: none;
      }
    }
  }

  &.paddingBottom0 {
    .el-dialog__body:not(:has(.avue--detail)) > .avue-form > .el-form > .el-row > .avue-group:last-child {
      padding-bottom: 0;
    }
  }

  &.formType-add {
    .avue-crud__empty {
      padding: 10px 0;

      .el-empty {
        --el-empty-padding: 10px 0;

        .el-empty__image {
          display: none;
        }
      }
    }
  }

  &.formType-view {
    .el-form-item--label-top.avue-form__item--top {
      background: transparent;

      >.el-form-item__label {
        background: transparent;
        padding: 10px 0 0 10px;
        margin: 0 0px 10px 2px;
        z-index: 10;
        color: #252525;
      }

      >.el-form-item__content {
        border: none;
      }
    }

    .el-select__wrapper.is-disabled .el-tag {
      cursor: default;
      user-select: all;
    }

    .is-disabled .el-input__wrapper {
      padding: 1px 1px;
    }

    .el-select__wrapper.is-disabled {
      padding: 4px 1px;
    }
  }


  .avue-crud__dialog__menu {
    .el-dialog__close {
      padding: 10px;
      // padding: 7px 7px 3px;
      transform: translate(7px, -1px);

      &:hover {
        color: var(--el-color-primary);

        path {
          fill: var(--el-color-primary);
        }
      }
    }
  }

  .avue-form__row {
    &.isKey {
      --my-fill-color: #0066ff;
    }
    &.isDanger {
      --my-fill-color: #EE5858;
    }
    &.isSuccess{
      --my-fill-color: #6fee58;
    }
    >.el-form-item >.el-form-item__content{
      .el-input__inner {
        color: var(--my-fill-color);
        -webkit-text-fill-color: var(--my-fill-color);;
        cursor: pointer !important;
      }
      .input-monney-show {
        color: var(--my-fill-color);
        cursor: pointer;
      }
    }
  }

  &:has(.flowCmp) {
    position: relative;
    transform: translate3d(0px, 0px, 0px);
  }

  .el-col {
    &:has(.flowCmp.inactive):not(:has(.common-page-container)) {
      height: 0px;
    }
  }

}

.avue-form+.avue-dialog__footer {
  display: inline-flex;
  justify-content: center;
  overflow: hidden;

  .el-button {
    min-width: 80px;
    margin: 0 15px;


    // 老的苹果机显示有问题 先不用justify了
    // span { display: block; // text-align-last: justify; // width: 100%; }
  }
}

// is-error红色的样式只对当前item生效
.el-form-item:not(.is-error) >.el-form-item__content .el-select__wrapper {
  box-shadow: 0 0 0 1px var(--el-border-color) inset;
}
.el-select__wrapper {
  >.el-select__selection {
    max-height: 30vh;
    overflow-y: auto;
    min-height: 26px;
    .opacityStyleScroller;
  }
}
.avue-crud__search {
  .el-select__wrapper {
    >.el-select__selection {
      max-height: 60px;
    }
  }
}
.cell {
  .el-form-item.is-error {
    .el-input__inner::placeholder {
      color: var(--el-color-danger);
    }
  }
  .el-input-number.is-controls-right .el-input__wrapper {
    padding-left: 8px;
    padding-right: 36px;
  }
}
.el-form-item.is-error {
  .el-form-item:not(.is-error) {
    .el-input__wrapper,.el-textarea__inner {
      box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;
    }
  }
}

.el-form-item--label-none>.el-form-item__label {
  display: none !important;
}

.el-form-item.biggerItem {
  .el-select__wrapper,.el-input {
    height: 40px;
    font-size: 16px;
  }
  .el-cascader-node {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}

.el-select__placeholder {
  z-index: 1;
}

.el-select__wrapper:hover {
  box-shadow: 0 0 0 1px #cac9c9 inset !important;
}


.el-select__wrapper.is-disabled,
.el-select__wrapper.is-disabled:hover {
  .el-tag.el-tag--info {
    --el-tag-bg-color: #dadfe8;
    color: #4b4b4b;
  }
}
.avue--detail {
  .el-select__wrapper.is-disabled,
  .el-select__wrapper.is-disabled:hover {
    .el-tag.el-tag--info {
      --el-tag-bg-color: #f6f6f6;
    }
  }
}

.avue--detail {
  .is-disabled {
    .el-input__inner {
      cursor: default !important;
    }

    cursor: default !important;
  }
  .el-form-item--default .el-form-item__label {
    height: unset;
    min-height: 32px;
  }

  .el-select__wrapper.is-disabled .el-select__selected-item {
    color: #606266;

    &.is-transparent {
      color: transparent;
    }
  }

  .el-form-item__content {
    padding: 0 10px;

    .el-select__wrapper {
      padding: 4px 2px;
    }

    .el-input__wrapper {
      padding: 1px 1px;
    }

    .avue-mytag {
      padding: 4px 0;
    }
  }

  .el-textarea.is-disabled .el-textarea__inner[disabled] {
    color: #606266;
  }

  .el-textarea__inner:not([disabled]):not([readonly]) {
    margin: 10px 0;
  }
}

.vet-btns-warpper {
  display: flex;
  flex-direction: column;
  &.smaller {
    >.el-button {
      zoom: 0.85;
    }
  }

  >.el-button {
    margin-left: 0;
    margin-bottom: 10px;

    .iconfont {
      margin-right: 10px
    }
  }
}

.el-table--default {
  th.cellEdit {
    .cell {
      padding: 0 8px 0 8px;
    }
  }

  td.cellEdit {
    padding: 8px 0px;
    .cell {
      padding: 0 4px 0 8px;
    }
    .el-form-item__error {
      white-space: nowrap;
    }
  }

  .cell {
    padding: 0 8px;
    display: flex;
    align-items: center;
  }
  td {
    .el-table-fixed-column--left.el-table-column--selection {
      background: #fff !important;
    }
  }

  // .el-table-fixed-column--left {
  //   &.zIndex6 {z-index: 225 !important;}
  //   &.zIndex5 {z-index: 225 !important;}
  //   &.zIndex4 {z-index: 224 !important;}
  //   &.zIndex3 {z-index: 223 !important;}
  //   &.zIndex2 {z-index: 222 !important;}
  //   &.zIndex1 {z-index: 221 !important;}
  // }
}

.enhanceTd {
  display: flex;
  align-items: center;

  .tdRightVerticalTags {
    margin-left: 6px;
    display: inline-flex;
    flex-direction: column;

    &.pre {
      margin-left: 0;
      margin-right: 6px;
    }

    .el-button,
    .el-tag {
      padding: 0 5px;
      height: 18px;
      margin-left: 0;
      font-size: 12px;

      &:not(:last-child) {
        margin-bottom: 5px;
      }
    }
  }
}

.topCrudTab {
  display: inline-block;

  .el-tabs__item {
    font-size: 18px;
    padding: 2px 20px;
    box-sizing: content-box;
    min-width: 100px;
  }
}

.avue-image-preview.signPreview {
  .el-carousel__item {
    >img {
      background: #fff;
    }
  }
}

.el-popper.is-dark >span {
  white-space: pre-line;
}

.avue-input-icon__filter {
  +.avue-tabs {
    display: none;
  }
}

.el-notification__group {
  width: 100%;
  .el-notification__content {
    >p {
      width: 100%;
      .timelen {
        text-align: right;
        font-weight: normal;
        color: #999;
        transform: translate(20px, 8px);
      }
    }
  }
}

.el-message-box__message {
  white-space: pre-wrap;
}
.el-message__content {
  white-space: pre-wrap;
}

.userInfoMsbx {
  .el-message-box__message {
    width: 100%;
    white-space: unset;
  }
}

.h5Container {
  &.virtualComponent {
    visibility: hidden;
    position: absolute;
    z-index: -1;
  }
}


.el-tree-select__popper {
  .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
    display: none
  }
  .el-select-dropdown__item {
    height: 32px;
    line-height: 32px;
  }
}

// 采购商品选择下拉框宽度优化 #QL2098
.product-select-popper {
  min-width: 400px !important;
}
.el-select.avue-input-tree {
  .el-select__input {
    width: 100% !important;
  }
}
.el-tree.avue-input-tree,.filter-tree {
  .el-tree-node__content {
    --el-tree-node-content-height: 32px;
    line-height: 24px;
    height: unset;
    min-height: var(--el-tree-node-content-height);
    white-space: pre-wrap;
  }
  .el-tree-node__content>.el-tree-node__expand-icon {
    padding: 0 3px 0 0;
    margin-left: 1px;
    margin-right: 3px;
    transform: translateX(4px) scale(1.2);
    &.is-leaf {
      width: 1px;
    }
    &.expanded {
      transform: translateX(4px) scale(1.2) rotate(90deg);
    }
  }
  .el-tree-node__content>label.el-checkbox {
    margin-left: 3px;
    margin-right: 6px;
  }
}

.sninput {
  .el-input__suffix {
    cursor: pointer;
    color: var(--el-color-primary2);
  }
}

.isH5[loading-number] {
  // min-height: 500px;
  >.el-loading-mask .el-loading-spinner {
    transform: translateY(-110px);
  }
  >.mainPanel,>.topCrudTab {
    display: none !important;
  }
}

.el-checkbox__label {
  white-space: pre-wrap;
}
.avue-radio {
  >.el-radio-group {
    min-height: 32px;
  }
  .el-radio {
    height: unset;
    .el-radio__label {
      white-space: break-spaces;
      line-height: 20px;
    }
  }  
}

#watermark-container {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 9999;
  overflow: hidden;
}

.el-message-box__message p {
  max-height: 80vh;
  overflow: auto;
  .styleScroller;
}

// loading效果
.loader-container { position: fixed; left: calc(50% - 90px); top: 30%; .logo-wrapper { position: relative; width: 180px; height: 180px; display: flex; justify-content: center; align-items: center; perspective: 1000px; } .logo-bg { position: absolute; width: 100px; height: 100px; background: linear-gradient(180deg, #ffffff50, #F7F7F7, #F7F7F7); border-radius: 50%; z-index: 1; } .logo { position: relative; width: 72px; height: 72px; z-index: 2; animation: logo3D 8s ease-in-out infinite; transform-style: preserve-3d; filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3)); } .logo img { width: 100%; height: 100%; object-fit: contain; } 
@keyframes logo3D { 0%, 100% { transform: rotateY(0deg) rotateX(0deg); } 25% { transform: rotateY(180deg) rotateX(10deg); } 50% { transform: rotateY(360deg) rotateX(0deg); } 75% { transform: rotateY(180deg) rotateX(-10deg); } } @keyframes float { 0%, 100% { transform: translateY(0) scale(1); opacity: 0; } 50% { transform: translateY(-30px) scale(1.2); opacity: 1; } } }


@import url(./table.less?v=204);
@import url(./myicon.less?v=204);