a {
  color: #1890ff;
  background-color: transparent;
  outline: none;
}

p {
  margin-top: 0;
}
// ant-menu样式覆盖
:where(.css-dev-only-do-not-override-1c0blfz).ant-menu-vertical .ant-menu-submenu-title {
  width: unset;
}
:where(.css-dev-only-do-not-override-ag9k9q).ant-menu-submenu-popup .ant-menu-vertical .ant-menu-submenu-title{
  margin-inline: 0;
}
// fix: inline模式下父级菜单...的问题
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title >.ant-menu-title-content {
  overflow: inherit;
}
// 一级菜单箭头优化
.ant-menu .ant-menu-submenu-arrow {
  // margin-top: 2px;
}
// 二级菜单箭头优化
.ant-menu-submenu >.ant-menu .ant-menu-submenu-arrow {
  // margin-top: 2.5px;
}

.is-submenu {
  .ant-menu-title-content {
    // display: flex;
    // align-items: center;
  }
  .ant-menu-submenu-title {
    background-color: #fff !important;
  }
  &:hover {
    background-color: #fff !important;
  }
  &:hover {
    .menu-title {
      color: var(--el-color-primary);
    }
  }
  .menu-title {
    color: rgba(0, 0, 0, 0.65);
  }
}
.ant-menu-submenu-vertical {
  margin: 4px 0 !important;
  .ant-menu-submenu-arrow {
    &::before,
    &::after {
      color: var(--color-text-icon-base);
      height: 1px;
    }
  }
}
.ant-menu-item-only-child {
  margin: 4px 0 8px 0 !important;
}
// 记住密码浏览器默认样式
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: #666 !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  background-color: transparent;
  background-image: none;
  transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
}

// 弹窗样式
.gs-dialog {
  .el-dialog__body {
    padding: 10px;
    overflow: auto;

    .el-form-item__label {
      color: #666;
    }

    .el-textarea__inner {
      padding: 11px 14px 22px 11px;
    }

    .el-input__count {
      color: #999;
      font-size: 12px;
    }

    .el-input__inner::placeholder {
      color: #ccc;
    }
  }

  .el-dialog__header {
    background: var(--color-bg-4);
    box-sizing: border-box;
    margin-right: 0;
    height: 46px;
    line-height: 22px;
    padding: 15px 30px;

    h3,
    span {
      margin: 0;
      font-weight: 500;
      margin-bottom: 0.5em;
      color: #000000d9;
    }

    span {
      font-size: 16px;
    }

    .el-dialog__headerbtn {
      top: 20px;
      right: 20px;
      padding: 0;
      width: 16px;
      height: 16px;
      background: 0 0;
      border: none;
      outline: 0;
      font-size: 16px;
    }
  }

  .el-button {
    padding: 7px 10px;
    border-radius: 4px;
  }

  .el-dialog__footer {
    border-top: 1px solid var(--color-border-line, #e8e8e8);
    padding: 0 10px;
    text-align: right;

    .footer {
      height: 60px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
  }
}

//输入框禁用样式
.sie-ecp {
  .el-input.is-disabled {
    .el-input__wrapper {
      background-color: #f5f5f5;
      box-shadow: none;
      border: 1px solid var(--color-border-line);
    }
  }

  .el-textarea.is-disabled {
    .el-textarea__inner {
      background: #f5f5f5;
      box-shadow: none;
      border: 1px solid var(--color-border-line);
    }
  }

  .el-date-editor.is-disabled {
    background: #f5f5f5;
    box-shadow: none;
    border: 1px solid var(--color-border-line);

    .el-range-input {
      background: #f5f5f5;
    }
  }
}
// 菜单超过进行不float.
:has(> .gt-6) {
    li {
        float: inherit !important;
    }
}

// 菜单超过进行不float.
:has(> .gt-6) {
  li {
    float: inherit !important;
  }
}

// body.sie-ecp {

//   // 侧边栏
//   .el-aside {
//     background-color: var(--color-white);
//     border-radius: var(--radius-small);

//     .aside-tree-main {
//       .el-tree {
//         margin-top: 17px;
//         height: calc(100vh - 170px);
//         overflow-y: scroll;
//       }
//     }
//   }

//   // 卡片
//   .el-card {
//     .is-always-shadow,
//     .is-hover-shadow:focus,
//     .is-hover-shadow:hover {
//       border-radius: var(--radius-none);
//     }
//   }

//   /* 输入框 */
//   @mixin input-disabled {
//     color: var(--color-text-base);
//     border-color: var(--color-border-line);
//     cursor: not-allowed;
//   }

//   .el-input {
//     &.is-disabled {
//       .el-input__inner {
//         @include input-disabled;

//         &::placeholder {
//           color: var(--color-text-base);
//         }
//       }
//     }
//   }

//   .el-textarea {
//     &.is-disabled {
//       .el-textarea__inner {
//         @include input-disabled;
//       }
//     }
//   }

//   .el-range-editor {
//     &.is-disabled {
//       @include input-disabled;
//     }
//   }

//   .vue-treeselect--disabled {
//     div.vue-treeselect__control {
//       @include input-disabled;
//     }
//   }

//   .basic-search .el-input .el-input__inner {
//     border-top-right-radius: 0;
//     border-bottom-right-radius: 0;
//   }

//   /* 表格 */
//   .el-table {
//     th.el-table__cell {
//       background-color: var(--color-bg-4);
//     }
//     td.el-table__cell {
//       font-size: var(--size-text-main);
//       color: var(--color-text-main);
//     }

//     .el-table__fixed-right-patch {
//       background-color: var(--color-bg-4);
//     }
//     &.el-table--mini {
//       .el-table__header {
//         thead th {
//           .cell {
//             color: var(--color-text-base);
//           }
//         }

//         .el-table__cell {
//            padding: 4px 0;
//          }
//       }

//       .el-link {
//         font-size: var(--size-text-extra);
//       }
//     }

//     tr.el-table__row {
//       &.diff-row {
//         .el-table__cell {
//           color: var(--color-warning);
//         }
//       }

//       background-color: var(--color-white);
//     }

//     .el-table__empty-text {
//       display: flex;
//       justify-content: center;
//       align-content: center;
//       flex-direction: column;
//       height: 100%;
//     }
//   }

//   .defineIndexBox .el-table--enable-row-transition .el-table__body td {
//     padding-bottom: 0;
//     padding-top: 18px;
//   }

//   /* 翻页 */
//   .el-pagination {
//     font-weight: normal;

//     &.is-background {
//       .btn-next,
//       .btn-prev,
//       .el-pager li {
//         background-color: var(--color-white);
//         border-color: var(--color-border-line);
//       }
//     }

//     .btn-next,
//     .btn-prev {
//       height: var(--size-small-3);
//       line-height: var(--size-small-3);
//       border: 1px solid var(--color-border-line);
//       color: #5e6470;
//       padding: 0;

//       .el-icon {
//         display: inline-block;
//         width: var(--size-small-3);
//       }
//     }

//     .el-pagination__total {
//       margin: 0 10px;
//       color: var(--color-text-main);
//     }

//     .el-pagination__sizes {
//       .el-select {
//         width: 106px;

//         .el-input--suffix {
//           .el-input__inner {
//             height: var(--size-small-3);
//             color: var(--color-text-main);
//           }
//         }
//       }
//     }

//     .el-pagination__jump {
//       margin-left: 0;
//       color: var(--color-text-main);

//       .el-pagination__editor {
//         width: 50px;
//       }
//     }

//     .el-pager {
//       li {
//         min-width: var(--size-small-3);
//         height: var(--size-small-3);
//         line-height: var(--size-small-3);
//         border: 1px solid var(--color-border-line);
//         color: var(--color-text-main);

//         &.active + li {
//           border: 1px solid var(--color-border-line);
//         }
//       }
//     }
//   }

//   /* 导航 */
//   .el-tabs {
//     &.el-tabs--border-card {
//       .el-tabs__header {
//         border: none;

//         .el-tabs__item {
//           border: none;

//           &.is-active {
//             border: none;
//             font-weight: bold;
//           }
//         }
//       }
//     }

//     .el-tabs__item {
//       text-align: center;
//       height: var(--size-small-1);

//       &:focus.is-active.is-focus:not(:active) {
//         box-shadow: none;
//       }
//     }

//     .el-tabs__active-bar {
//       &.is-top {
//         width: 100px;
//         transform: translateX(100px);
//       }
//     }
//   }

//   /* 按钮 */
//   .el-button {
//     &.el-button--text:hover {
//       background-color: transparent;
//     }
//     &.el-button--small {
//       height: 32px;
//       border-radius: 4px;
//       font-size: 14px;

//       &.el-button--icon {
//         padding: 0;
//         width: 32px;
//       }
//     }
//     &.el-button--default.is-plain {
//       border-color: var(--el-color-primary);
//       color: var(--el-color-primary);
//     }
//     // 幽灵按钮，参考 antd-design
//     &.el-button--ghost {
//       @include el-button--ghost();
//     }
//   }

//   .el-button-group {
//     & > .el-button:first-child {
//       border-top-right-radius: 0;
//       border-bottom-right-radius: 0;
//     }

//     & > .el-button:last-child {
//       border-top-left-radius: 0;
//       border-bottom-left-radius: 0;
//     }
//   }

//   /* 文件上传 */
//   .el-upload {
//     input[type='file'] {
//       display: none;
//     }

//     .el-upload__input {
//       display: none;
//     }
//   }

//   /* popover */
//   .el-popover {
//     .el-popover--plain {
//       padding: 11px;
//     }

//     .el-popover__title {
//       color: var(--color-text-main);
//       font-size: var(--size-text-main);
//       margin-bottom: var(--size-mini-3);
//       font-weight: bold;
//       margin-top: var(--size-mini-4);
//     }
//   }

//   /* 对话框 */
//   .el-dialog {
//     // 暂时性解决dialog 问题 https://github.com/ElemeFE/element/issues/2461
//     transform: none;
//     left: 0;
//     position: relative;
//     margin: 0 auto;

//     .el-dialog__header {
//       padding: 15px 30px;
//       background-color: var(--color-bg-4);
//       height: 46px;
//       line-height: 10px;

//       .el-dialog__title {
//         font-size: var(--size-text-base);
//         color: var(--color-text-main);
//         font-weight: bold;
//       }
//     }
//   }

//   /* 转移框 */
//   .el-transfer {
//     .el-transfer-panel {
//       border-radius: 0;
//       border: 1px solid var(--color-border-line);

//       .el-transfer-panel__header {
//         background-color: #f5f7fa;
//         border-bottom: 1px solid var(--color-border-line);

//         .el-checkbox {
//           .el-checkbox__label {
//             color: #222222;
//             font-size: 14px;
//           }

//           .el-checkbox__inner {
//             border-radius: 0;
//           }
//         }
//       }

//       .el-transfer__button {
//         padding: 0;
//         width: 31px;
//         height: 31px;
//         border-radius: 100%;

//         &.is-disabled {
//           padding: 0;

//           &:hover {
//             padding: 0;
//           }
//         }

//         i, span {
//           font-weight: bold;
//         }
//       }
//     }
//   }

//   /* 时间选择器 */
//   .el-date-editor {
//     .el-range-input {
//       color: var(--color-text-main);
//       font-size: var(--size-text-extra);
//     }
//   }

//   /*  输入框 */
//   .el-input-group--append .el-input__inner,
//   .el-input-group__prepend {
//     border-top-right-radius: var(--radius-none);
//     border-bottom-right-radius: var(--radius-none);
//   }

//   .el-input-group--prepend .el-input__inner,
//   .el-input-group__append {
//     border-top-left-radius: var(--radius-none);
//     border-bottom-left-radius: var(--radius-none);
//   }

//   .el-input,
//   .el-autocomplete,
//   .el-select,
//   .el-cascader {
//     width: 100%;
//   }

//   .el-input__inner {
//     border-radius: var(--radius-normal);
//     border-color: var(--color-border-line);
//   }

//   .el-textarea__inner {
//     padding: 11px 14px 22px 11px;
//     font-size: var(--size-text-main);
//     border-radius: var(--radius-normal);
//   }

//   // 下拉框
//   .el-select-dropdown {
//     max-width: 300px;
//   }

//   // 表单
//   .el-form {
//     .el-form-item {
//       .el-form-item__label {
//         font-size: var(--size-text-main);
//         color: var(--color-text-base);
//       }
//     }
//   }

//   .normal-input .el-form-item {
//     display: inline-block;
//     vertical-align: middle;
//   }

//   .cell {
//     .el-tag {
//       margin-right: 0;
//     }
//   }

//   //文章页textarea修改样式
//   .article-textarea {
//     textarea {
//       padding-right: 40px;
//       resize: none;
//       border: none;
//       border-radius: 0;
//       border-bottom: 1px solid var(--color-border-line);
//     }
//   }

//   // element ui upload
//   .upload-container {
//     .el-upload {
//       width: 100%;

//       .el-upload-dragger {
//         width: 100%;
//         height: 200px;
//       }
//     }
//   }

//   // dropdown
//   .el-dropdown-selfdefine {
//     outline: none;
//   }
//   .el-dropdown {
//     &.el-dropdown--ghost {
//       .el-button {
//         @include el-button--ghost();

//         &:first-child {
//           border-right-color: hsla(0,0%,100%,.5);
//         }
//         &:last-child {
//           border-left-color: hsla(0,0%,100%,.5);
//         }
//       }
//       .el-dropdown__caret-button {
//         color: var(--el-color-primary);
//         &::before {
//           background: var(--el-color-primary);
//         }
//       }

//       &:hover,
//       &:focus {
//         .el-dropdown__caret-button {
//           color: var(--el-color-primary-light-2);
//           &::before {
//             background: var(--el-color-primary-light-2);
//           }
//         }
//       }
//       &:active {
//         .el-dropdown__caret-button {
//           color: var(--el-color-primary-active);
//           &::before {
//             background: var(--el-color-primary-active);
//           }
//         }
//       }
//     }
//   }
//   .el-dropdown-menu {
//     a {
//       display: block;
//     }
//   }

//   // 抽屉
//   .el-drawer {
//     .el-drawer__header {
//       padding: 12px 20px;
//       margin-bottom: 0;
//       background-color: var(--color-bg-4);
//       font-weight: bold;
//       font-size: var(--size-text-title);
//       color: var(--color-text-main);
//     }
//   }

//   // el-switch
//   .el-switch {
//     display: inline-block;
//     position: relative;
//     .el-switch__label {
//       span {
//         font-size: 12px;
//       }
//     }

//     &.switch {
//       line-height: 19px;

//       .el-switch__core {
//         width: unset !important;
//         min-width: 40px;
//         position: absolute;
//         left: 0;
//         right: 0;
//       }

//       .el-switch__label {
//         display: none;
//         color: var(--color-white);
//         z-index: 1;
//         position: relative;
//         &.is-active {
//           display: block;
//         }

//         &.el-switch__label--left {
//           padding: 0 6px 0 0;
//           float: right;
//           margin: 0;
//           span {
//             margin-left: 20px;
//           }
//         }

//         &.el-switch__label--right {
//           float: left;
//           margin-left: 0;
//           span {
//             padding-left: 6px;
//             margin-right: 20px;
//           }
//         }
//       }
//     }
//   }

//   // 固定tree树上方标题按钮
//   .el-tree-header {
//     width: 30%;
//     height: 120px;
//     background-color: #fff;
//     position: absolute;
//     z-index: 999;
//     left: 35%;
//     top: 1px;

//     .el-card-title {
//       width: 100%;
//       display: flex;
//       flex-direction: row;
//       justify-content: space-between;
//       //   border-bottom: 1px solid #EBEEF5;
//       padding-bottom: 15px;
//     }

//     .tenant-menu-titleInput {
//       margin-top: 20px;
//     }
//   }

//   // 级联选择器
//   .el-cascader-panel {
//     max-height: var(--size-lager-1);
//   }

//   // 分割线文本
//   .el-divider {
//     .el-divider__text {
//       font-size: var(--size-text-base);
//     }
//   }

//   // tooltip
//   .el-tooltip {
//     outline: none;

//     &:focus-visible {
//       outline: none;
//     }
//   }

//   // divider
//   .el-divider {
//     background-color: var(--color-border-line);
//   }

//   // message
//   .el-message-box {
//     .el-message-box__header {
//       .el-message-box__title {
//         font-size: var(--size-text-base);
//         color: var(--color-text-main);
//       }
//     }
//   }

//   // 英文模式下， 表单太长的话。 label 换行错乱
//   .daxiongFormChange {
//     .el-form-item {
//       display: flex;

//       .el-form-item__label {
//         white-space: nowrap;
//         width: auto !important;
//         min-width: 120px;
//       }

//       .el-form-item__content {
//         margin-left: auto !important;
//         flex: 1;
//       }
//     }
//   }
// }