@bit-sun/business-component 2.2.0 → 2.2.2

package/src/styles/bsDefault.less

@@ -1,1907 +1,1907 @@
-@font-family: PingFangSC, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-  'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
-  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-
-// 字体大小
-@font-size-base: 14px;
-@height-base: 28px;
-@table-font-size: @font-size-base;
-@black: #2c2f2e;
-
-// query-table文字大小
-@form-item-label-font-size: 12px;
-@form-item-label-height: 16px;
-
-// 链接
-// @link-color: #1D92FE;
-@warning-color: #f9a742;
-@success-color: #00c276;
-@error-color: #e82d1e;
-
-// @layout-header-background: #f3f3f3;
-
-@layout-sider-background-light: #222224;
-@layout-sider-background: #222224;
-@menu-item-color: #ffffff;
-@menu-item-group-title-color: #ffffff;
-@menu-item-active-bg: rgba(65, 105, 225, 0.1);
-@primary-color: #005cff;
-@primary-color-hover: #8bc7ff;
-@menu-bg: #222224;
-
-
-.colorWeak {
-  filter: invert(80%);
-}
-
-.ant-layout {
-  min-height: 100vh;
-}
-
-canvas {
-  display: block;
-}
-
-body {
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  // overflow-y: scroll;
-  :global {
-    .react-resizable {
-      position: relative;
-      background-clip: padding-box;
-    }
-
-    .react-resizable-handle {
-      position: absolute;
-      width: 10px;
-      height: 100%;
-      bottom: 0;
-      right: -5px;
-      cursor: col-resize;
-      z-index: 1;
-    }
-
-    .ant-page-header {
-      padding: 0 24px;
-      .ant-page-header-heading {
-        margin-top: 0px;
-      }
-    }
-
-    // 表格 共用样式 开始
-
-    // pro-table
-    .ant-pro-table-list-toolbar-container .ant-pro-table-list-toolbar-left {
-      // 处理pro-table的操作栏样式问题
-      display: none;
-    }
-
-    .sula-table-action-left {
-      display: none;
-    }
-
-    .ant-table.ant-table-middle .ant-table-container .ant-table-title,
-    .ant-table.ant-table-middle .ant-table-container .ant-table-footer,
-    .ant-table.ant-table-middle .ant-table-container .ant-table-thead > tr > th,
-    .ant-table.ant-table-middle .ant-table-container .ant-table-tbody > tr > td,
-    .ant-table.ant-table-middle .ant-table-container tfoot > tr > th,
-    .ant-table.ant-table-middle .ant-table-container tfoot > tr > td {
-      padding: 0 10px;
-      font-size: @font-size-base;
-      line-height: 28px;
-      white-space: nowrap;
-    }
-
-    html
-      .ant-table.ant-table-middle
-      .ant-table-container
-      .ant-table-thead
-      > tr
-      > th,
-    body
-      .ant-table.ant-table-middle
-      .ant-table-container
-      .ant-table-thead
-      > tr
-      > th,
-    .ant-table.ant-table-middle
-      .ant-table-container
-      .ant-table-thead
-      > tr
-      > th {
-      height: 40px;
-      background: #f7f8fb;
-    }
-
-    .ant-table-tbody {
-      tr:hover:not(.ant-table-expanded-row) > td,
-      .ant-table-row-hover,
-      .ant-table-row-hover > td {
-        background-color: #e5eeff;
-      }
-    }
-    .ant-table.ant-table-middle
-      .ant-table-container
-      .ant-table-thead
-      > tr
-      > th {
-      min-width: 60px;
-    }
-
-    .ant-table.ant-table-middle
-      .ant-table-container
-      .ant-table-tbody
-      > tr
-      > td.ant-table-cell.ant-table-selection-column,
-    .ant-table.ant-table-middle
-      .ant-table-container
-      .ant-table-thead
-      > tr
-      > th.ant-table-cell.ant-table-selection-column {
-      min-width: 40px;
-    }
-
-    .ant-table.ant-table-middle
-      .ant-table-container
-      .ant-table-tbody
-      > tr
-      > td.ant-table-cell.ant-table-row-expand-icon-cell,
-    .ant-table.ant-table-middle
-      .ant-table-container
-      .ant-table-thead
-      > tr
-      > th.ant-table-cell.ant-table-row-expand-icon-cell {
-      min-width: 40px;
-    }
-
-    .ant-table .ant-table-selection {
-      display: flex;
-      justify-content: center;
-      text-align: center;
-    }
-
-    .ant-pro-table .ant-table {
-      td.ant-table-cell > td > a {
-        font-size: @font-size-base;
-      }
-
-      td.ant-table-cell > a {
-        font-size: @font-size-base;
-      }
-    }
-
-    .ant-table .ant-table-container .ant-table-thead > tr > th {
-      font-weight: 500;
-    }
-
-    // badge
-    .ant-badge .ant-badge-status-text {
-      font-size: 12px;
-    }
-
-    // alert
-    .ant-pro-table .ant-pro-table-alert .ant-alert.ant-alert-no-icon {
-      padding: 5px 34px;
-    }
-
-    // 表格 共用样式 结束
-  }
-
-  .popover-tab {
-    :global {
-      .ant-popover-inner-content {
-        padding: 5px;
-      }
-    }
-
-    .popover-div {
-      padding: 4px;
-    }
-  }
-
-  :global {
-    .ant-col-18 {
-      max-width: 100%;
-
-      .ant-col-8 {
-        max-width: 25%;
-      }
-
-      .ant-col-12 {
-        flex: 0 0 90%;
-        max-width: 70%;
-
-        .ant-radio-wrapper {
-          position: fixed;
-          min-width: 104px;
-        }
-      }
-    }
-
-    .ant-pro-basicLayout .ant-layout-header.ant-pro-fixed-header {
-      z-index: 14 !important;
-    }
-
-    .ant-menu.ant-menu-light.ant-pro-sider-menu.ant-menu-root.ant-menu-inline {
-      .ant-pro-menu-item {
-        display: flex;
-        align-items: center;
-      }
-    }
-  }
-
-  :global {
-    .ant-table.ant-table-middle
-      .ant-table-container
-      .ant-table-tbody
-      > tr
-      > td.ant-table-selection-column,
-    .ant-table.ant-table-middle
-      .ant-table-container
-      .ant-table-thead
-      > tr
-      > th.ant-table-selection-column {
-      /* width: 40px !important; */
-      /* max-width: 40px; */
-      min-width: 40px;
-    }
-    .ant-table.ant-table-middle
-      .ant-table-container
-      .ant-table-thead
-      > tr
-      > th.ant-table-cell,
-    .ant-table.ant-table-middle
-      .ant-table-container
-      .ant-table-tbody
-      > tr
-      > td.ant-table-cell {
-      min-width: 60px;
-    }
-    .ant-table-sticky-scroll {
-      position: fixed !important;
-    }
-    .ant-pro-sider.ant-layout-sider-collapsed .ant-pro-sider-logo {
-      position: relative;
-      left: -32px;
-      width: 80px;
-    }
-
-    // .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
-    //   overflow: hidden;
-    //   flex: 0 0 200px !important;
-    //   max-width: 200px !important;
-    //   min-width: 200px !important;
-    //   width: 200px !important;
-    // }
-
-    // .ant-pro-page-container-children-content .sula-table-no-select .ant-form-horizontal .sula-template-query-table-fields-wrapper.sula-template-query-table-fields-divider,
-    // .ant-pro-page-container-children-content .sula-table-no-select .ant-form-horizontal .sula-template-query-table-fields-wrapper {
-    //       margin-bottom: 0px !important;
-    //   }
-    // .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed{
-    // z-index: 17
-    // }
-
-    .ant-select-item-option-content {
-      overflow: auto;
-      white-space: normal !important;
-      text-overflow: ellipsis;
-    }
-
-    .ant-tabs-nav-list {
-      .ant-tabs-tab-active {
-        .ant-tabs-tab-btn {
-          font-weight: 500;
-          font-size: 12px;
-          line-height: 16px;
-        }
-      }
-    }
-
-    .ant-tabs-nav {
-      margin: 0;
-    }
-
-    .ant-tabs-content-holder {
-      .ant-tabs-nav {
-        margin: 0 8px;
-        padding-bottom: 8px;
-      }
-    }
-
-    .ant-tabs-nav-list {
-      .ant-tabs-tab-btn {
-        color: rgba(44, 47, 46, 0.8);
-        font-weight: 400;
-        font-size: 12px;
-        line-height: 16px;
-      }
-    }
-
-    .ant-tabs-tab {
-      margin: 0 20px 0 8px;
-    }
-
-    // logo
-    .ant-pro-sider-logo {
-      height: 50px;
-      padding: 0;
-    }
-
-    .ant-table-tbody > tr > td,
-    .ant-table-thead > tr > th,
-    .ant-table tfoot > tr > td,
-    .ant-table tfoot > tr > th {
-      padding: 0 10px;
-    }
-
-    // 隐藏滚动条
-    // .ant-table-content {
-    //   overflow: hidden;
-    // }
-
-    // .ant-table-content:hover {
-    //   .ant-table-tbody>tr>td {
-    //     .ant-btn-link {
-    //       color: #17d174
-    //     }
-    //   }
-
-    //   .ant-table-content {
-    //     overflow: auto !important;
-    //   }
-    // }
-
-    .ant-pro-basicLayout-content .ant-pro-page-container {
-      margin: 0;
-    }
-
-    .ant-pro-page-container {
-      .ant-pro-page-container-warp {
-        .ant-page-header.has-breadcrumb {
-          padding: 0px 24px;
-          box-sizing: border-box;
-          height: 48px;
-        }
-      }
-
-      .ant-pro-page-container-children-content {
-        margin: 0;
-        padding: 0 4px;
-
-        .ant-pro-table-search {
-          margin-bottom: 10px;
-          padding: 12px 8px 2px;
-        }
-      }
-    }
-
-    // pro-table
-    .ant-pro-table-list-toolbar-container .ant-pro-table-list-toolbar-left {
-      // 处理pro-table的操作栏样式问题
-      display: none;
-    }
-
-    .sula-table-action-left {
-      display: none;
-    }
-    // .ant-pro-grid-content {
-    //   .has-breadcrumb {
-    //     display: none !important;
-    //   }
-    // }
-    .has-breadcrumb,
-    .ant-breadcrumb {
-      display: none !important;
-    }
-    .ant-table.ant-table-middle
-      .ant-table-container
-      .ant-table-thead
-      > tr
-      > th {
-      min-width: 60px;
-    }
-
-    .ant-table.ant-table-middle
-      .ant-table-container
-      .ant-table-tbody
-      > tr
-      > td.ant-table-cell.ant-table-selection-column,
-    .ant-table.ant-table-middle
-      .ant-table-container
-      .ant-table-thead
-      > tr
-      > th.ant-table-cell.ant-table-selection-column {
-      min-width: 40px;
-    }
-
-    .ant-table.ant-table-middle
-      .ant-table-container
-      .ant-table-tbody
-      > tr
-      > td.ant-table-cell.ant-table-row-expand-icon-cell,
-    .ant-table.ant-table-middle
-      .ant-table-container
-      .ant-table-thead
-      > tr
-      > th.ant-table-cell.ant-table-row-expand-icon-cell {
-      min-width: 40px;
-    }
-
-    .ant-table .ant-table-selection {
-      display: flex;
-      justify-content: center;
-      text-align: center;
-    }
-
-    .ant-pro-table .ant-table {
-      td.ant-table-cell > td > a {
-        font-size: @font-size-base;
-      }
-
-      td.ant-table-cell > a {
-        font-size: @font-size-base;
-      }
-    }
-
-    .ant-table .ant-table-container .ant-table-title,
-    .ant-table .ant-table-container .ant-table-footer,
-    .ant-table .ant-table-container .ant-table-thead > tr > th,
-    .ant-table .ant-table-container .ant-table-tbody > tr > td,
-    .ant-table .ant-table-container tfoot > tr > th,
-    .ant-table .ant-table-container tfoot > tr > td,
-    .ant-table .ant-table-container .ant-table-thead .ant-table-column-sorters {
-      height: 40px;
-      // padding: 0 10px;
-      font-size: @font-size-base;
-      line-height: 28px;
-      white-space: nowrap;
-    }
-
-    .ant-table .ant-table-container .ant-table-thead > tr > th {
-      font-weight: 500;
-    }
-
-    // badge
-    .ant-badge .ant-badge-status-text {
-      font-size: 12px;
-    }
-
-    // alert
-    .ant-pro-table .ant-pro-table-alert .ant-alert.ant-alert-no-icon {
-      padding: 5px 34px;
-    }
-
-    // 左侧菜单链接文本颜色
-
-    .ant-form-item {
-      .ant-col-lg-15.ant-col-xl-15.ant-col-xxl-15.ant-form-item-label {
-        line-height: 16px !important;
-        white-space: normal;
-      }
-
-      .ant-form-item-label {
-        line-height: 28px;
-      }
-    }
-
-    .sula-form {
-      .ant-form-item {
-        margin-bottom: 20px !important;
-      }
-
-      .service {
-        border-radius: 4px;
-
-        .ant-col.ant-col-23 {
-          font-weight: 500;
-
-          .ant-row.ant-form-item {
-            width: 2000px;
-            height: 38px;
-            padding-bottom: 10px;
-            padding-left: 10px;
-            font-size: 14px;
-            // position: relative;
-            // left: -8px;
-            line-height: 38px;
-          }
-
-          .ant-form-item-control-input-content label {
-            font-weight: 500;
-            font-size: 14px !important;
-          }
-        }
-
-        .ant-card-body {
-          padding: 0 !important;
-        }
-
-        .ant-card-head {
-          background: rgb(255, 247, 224) !important;
-        }
-      }
-
-      .mutiple-input {
-        display: flex;
-        flex-wrap: wrap;
-      }
-
-      .service-huizhi {
-        .ant-row.ant-form-item {
-          margin-bottom: 8px !important;
-        }
-
-        .ant-card-head {
-          background: rgb(255, 247, 224) !important;
-        }
-      }
-    }
-
-    // .sula-form,
-    .sula-table,
-    .sula-table-no-add,
-    .sula-table-no-select,
-    .sula-table-row-selects,
-    .sula-table-row-selects-noaction {
-      .ant-form-horizontal {
-        .ant-form-item {
-          margin-bottom: 8px;
-        }
-
-        .ant-col.ant-col-3 {
-          position: relative;
-          left: -40px;
-        }
-      }
-
-      // 处理querytable的查询条件css样式
-      .ant-form-item {
-        min-height: 28px;
-
-        margin-bottom: 8px;
-        font-size: 12px;
-
-        .ant-form-item-control {
-          // width: 170px;
-          // width: 210px;
-        }
-
-        .ant-form-item-control-input {
-          // width: 170px;
-          // width: 210px;
-          // height: 28px;
-          min-height: 28px;
-          font-size: 12px;
-        }
-
-        // 日期选择框该高度限制
-        .ant-picker {
-          height: 28px;
-        }
-      }
-    }
-
-    /** sula 样式处理 开始 **/
-    // table
-    .ant-pro-page-container-children-content {
-      .sula-table {
-        .ant-form-horizontal {
-          .sula-template-query-table-fields-wrapper.sula-template-query-table-fields-divider {
-            margin-bottom: 10px;
-            padding: 12px 8px 2px;
-
-            > .ant-row {
-              position: relative;
-
-              > div.ant-col.ant-col-8 {
-                padding: 4px 0;
-              }
-
-              > .ant-col:last-child {
-                > .ant-row.ant-form-item {
-                  justify-content: flex-start !important;
-                  min-width: 300px !important;
-                  margin-bottom: 8px;
-                }
-              }
-            }
-
-            .ant-form-item {
-              flex-direction: row;
-            }
-
-            .ant-form-item-label,
-            .ant-col-24.ant-form-item-label,
-            .ant-col-xl-24.ant-form-item-label {
-              max-width: 110px;
-              line-height: 28px;
-            }
-
-            .ant-col-23 .ant-form-item .ant-form-item-control-input {
-              width: calc(100vw - 300px);
-            }
-
-            .ant-col-offset-8 {
-              margin-left: 0;
-            }
-
-            .ant-col:last-child {
-              // .ant-form-item {
-              //   position: absolute;
-              //   right: 180px;
-              //   bottom: 10px;
-              // }
-            }
-          }
-        }
-
-        .ant-table-wrapper {
-          padding: 0 8px;
-
-          .sula-table-action-wrapper {
-            // background-color: #fff7f0;
-            // border: 1px solid #ffd1b3;
-            position: relative;
-            display: block;
-          }
-        }
-      }
-
-      .sula-table-no-add {
-        .ant-form-horizontal {
-          .sula-template-query-table-fields-wrapper.sula-template-query-table-fields-divider {
-            margin-bottom: 10px;
-            padding: 12px 8px 2px;
-
-            > .ant-row {
-              position: relative;
-
-              > div.ant-col.ant-col-8 {
-                padding: 4px 0;
-              }
-
-              > .ant-col:last-child {
-                > .ant-row.ant-form-item {
-                  justify-content: flex-start !important;
-                  min-width: 300px !important;
-                  margin-bottom: 8px;
-                }
-              }
-            }
-
-            .ant-form-item {
-              flex-direction: row;
-            }
-
-            .ant-form-item-label,
-            .ant-col-24.ant-form-item-label,
-            .ant-col-xl-24.ant-form-item-label {
-              max-width: 110px;
-              line-height: 28px;
-            }
-
-            .ant-col-23 .ant-form-item .ant-form-item-control-input {
-              width: calc(100vw - 300px);
-            }
-
-            .ant-col-offset-8 {
-              margin-left: 0;
-            }
-
-            .ant-col:last-child {
-              // .ant-form-item {
-              //   position: absolute;
-              //   right: 180px;
-              //   bottom: 10px;
-              // }
-            }
-          }
-        }
-
-        .ant-table-wrapper {
-          padding: 0 8px;
-
-          .sula-table-action-wrapper {
-            // background-color: #fff7f0;
-            // border: 1px solid #ffd1b3;
-            position: relative;
-            display: block;
-          }
-
-          .sula-table-action-left {
-            display: none;
-          }
-
-          .sula-table-action-right {
-            padding: 0;
-            overflow: auto;
-
-            .ant-space-align-center {
-              display: block;
-              width: 100%;
-              margin-top: 0;
-              padding: 4px 34px;
-              line-height: 36px;
-            }
-
-            div.ant-space-item {
-              float: right;
-              margin-right: 8px;
-
-              &:nth-child(1) {
-                float: left;
-              }
-            }
-
-            .sula-table-row-selects-noaction {
-              line-height: 20px;
-
-              > span {
-                margin-right: 50px;
-              }
-            }
-
-            .sula-table-row-selects {
-              height: 20px;
-              line-height: 36px;
-
-              > span {
-                margin-right: 50px;
-              }
-            }
-          }
-        }
-      }
-
-      .sula-table-no-select {
-        .ant-form-horizontal {
-          .sula-template-query-table-fields-wrapper.sula-template-query-table-fields-divider,
-          .sula-template-query-table-fields-wrapper {
-            margin-bottom: 10px;
-            padding: 12px 8px 2px;
-
-            > .ant-row {
-              position: relative;
-
-              > div.ant-col.ant-col-8 {
-                padding: 4px 0;
-              }
-
-              > .ant-col:last-child {
-                > .ant-row.ant-form-item {
-                  justify-content: flex-start !important;
-                  min-width: 300px !important;
-                  margin-bottom: 8px;
-                }
-              }
-            }
-
-            .ant-form-item {
-              flex-direction: row;
-            }
-
-            .ant-form-item-label,
-            .ant-col-24.ant-form-item-label,
-            .ant-col-xl-24.ant-form-item-label {
-              max-width: 110px;
-              line-height: 28px;
-            }
-
-            .ant-col-23 .ant-form-item .ant-form-item-control-input {
-              width: calc(100vw - 300px);
-            }
-
-            .ant-col-offset-8 {
-              margin-left: 0;
-            }
-
-            .ant-col:last-child {
-              // .ant-form-item {
-              //   position: absolute;
-              //   right: 180px;
-              //   bottom: 10px;
-              // }
-            }
-          }
-        }
-
-        .ant-table.ant-table-middle .ant-table-title {
-          padding: 0 8px 12px;
-        }
-
-        .ant-table-wrapper {
-          .sula-table-action-wrapper {
-            // background-color: #fff7f0;
-            // border: 1px solid #ffd1b3;
-            position: relative;
-            display: block;
-          }
-
-          .sula-table-action-left {
-            padding-left: 0;
-          }
-        }
-      }
-    }
-
-    // form
-    .sula-form {
-      .sula-form-action-bottom {
-        display: flex;
-        justify-content: center;
-      }
-
-      .ant-form.ant-form-horizontal {
-        .ant-card {
-          border: 0;
-        }
-
-        .ant-card-head {
-          min-height: 36px;
-          padding: 6px 16px;
-          font-weight: 500;
-          border: 0;
-
-          .ant-card-head-wrapper {
-            .ant-card-head-title {
-              padding: 0;
-              font-weight: 700;
-              font-size: 12px;
-              line-height: 20px;
-            }
-          }
-        }
-
-        .ant-card-body {
-          display: flex;
-          flex-wrap: wrap;
-          border-radius: 4px;
-
-          .ant-form-item-label,
-          .ant-col-24.ant-form-item-label,
-          .ant-col-xl-24.ant-form-item-label {
-            max-width: 110px;
-            line-height: 28px;
-          }
-
-          .ant-form-item-control {
-            // width: 170px;
-            // width: 210px;
-          }
-
-          .ant-col.ant-col-3 {
-            .ant-row.ant-form-item {
-              .ant-col-8,
-              .ant-col-12 {
-                position: relative;
-                left: -45%;
-              }
-            }
-          }
-        }
-      }
-    }
-
-    /** sula 样式处理 结束 **/
-
-    // 多页签
-    .ant-pro-basicLayout-content {
-      margin: 0;
-
-      .ant-tabs-card.ant-tabs-top
-        > .ant-tabs-nav
-        .ant-tabs-tab:not(:last-of-type),
-      .ant-tabs-card.ant-tabs-bottom
-        > .ant-tabs-nav
-        .ant-tabs-tab:not(:last-of-type),
-      .ant-tabs-card.ant-tabs-top
-        > div
-        > .ant-tabs-nav
-        .ant-tabs-tab:not(:last-of-type),
-      .ant-tabs-card.ant-tabs-bottom
-        > div
-        > .ant-tabs-nav
-        .ant-tabs-tab:not(:last-of-type) {
-        margin-right: 8px;
-        padding: 2px 8px;
-        border-radius: 2px;
-      }
-    }
-  }
-}
-
-.si-tree {
-  font-size: 14px;
-
-  &-node {
-    &-block {
-      display: flex;
-      align-items: center;
-      padding: 2px 4px;
-      cursor: pointer;
-      user-select: none;
-    }
-
-    &-switcher {
-      margin-right: 2px;
-    }
-
-    &-icon {
-      display: flex;
-      margin-right: 4px;
-    }
-  }
-}
-
-.tree-compact {
-  margin-left: 4px;
-  color: #49aa19;
-  font-size: 13px;
-  font-style: italic;
-}
-
-ul,
-ol {
-  list-style: none;
-}
-
-// @media (max-width: @screen-xs) {
-//   .ant-table {
-//     width: 100%;
-//     overflow-x: auto;
-
-//     &-thead > tr,
-//     &-tbody > tr {
-//       > th,
-//       > td {
-//         white-space: pre;
-
-//         > span {
-//           display: block;
-//         }
-//       }
-//     }
-//   }
-// }
-
-// // 兼容IE11
-// @media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
-//   body .ant-design-pro > .ant-layout {
-//     min-height: 100vh;
-//   }
-// }
-
-//自定义 全部功能 start
-
-.allFuncOnMouserover {
-  a {
-    color: #000;
-    width: 100%;
-  }
-}
-
-.allFuncOnMouserover:hover {
-  background-color: #e4e7ed;
-}
-.allFuncOnMouserover:hover a {
-  color: @primary-color;
-  display: flex;
-  align-items: center;
-  justify-content: inherit;
-}
-.allFuncOnMouserover:hover .allFuncOnMouseroverImg {
-  display: block;
-  margin-right: 10px;
-}
-.allFuncOnMouseroverImg {
-  display: none;
-  width: 14px;
-  height: 14px;
-}
-
-.ant-drawer-body .allFunsList {
-  margin-bottom: 10px;
-  border: none;
-}
-
-.ant-drawer-body {
-  .ant-list-split .ant-list-item {
-    border-bottom: none !important;
-  }
-}
-//自定义 全部功能  end
-
-.regDiv {
-  width: 100%;
-  margin-top: 100px;
-  text-align: center;
-}
-
-.copyRight {
-  position: relative;
-  top: 50px;
-  width: 100%;
-  text-align: center;
-}
-
-.sula-form-action-bottom {
-  justify-content: center;
-}
-
-// 统一UI修改
-:global {
-  .ant-pro-page-container .ant-pro-page-container-children-content {
-    padding: 0 !important;
-  }
-
-  .one_menu_wrap {
-    display: flex;
-    justify-content: space-between;
-    span {
-      position: relative;
-      z-index: 6;
-    }
-  }
-
-  .banquan {
-    height: 52px;
-    opacity: 0.6;
-    font-size: 12px;
-    font-family: Montserrat, Montserrat-Regular;
-    font-weight: 400;
-    text-align: center;
-    line-height: 52px;
-    color: #ffffff;
-  }
-
-  .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal)
-    .ant-menu-item-selected {
-    background: linear-gradient(
-      to left,
-      #000c17 0%,
-      #000c17 30%,
-      rgb(0, 54, 144)
-    );
-  }
-  .ant-pro-sider .ant-menu {
-    background: #141620 !important;
-    color: #b1bad4;
-  }
-  .ant-menu-dark .ant-menu-item,
-  .ant-menu-dark .ant-menu-item-group-title,
-  .ant-menu-dark .ant-menu-item > a,
-  .ant-menu-dark .ant-menu-item > span > a {
-    color: #b1bad4 !important;
-  }
-
-  .globalSearchWarp {
-    position: relative;
-    display: flex;
-    align-items: center;
-    height: 48px;
-    background: #141620;
-
-    .ant-input {
-      background: #141620;
-      color: #fff;
-    }
-
-    .ant-input-clear-icon {
-      color: #eee;
-    }
-
-    .globalIcon {
-      position: absolute;
-      left: 20px;
-      z-index: 3;
-      color: #798094;
-    }
-
-    .globalSearch {
-      height: 32px;
-      margin: 0 10px;
-      padding-left: 32px;
-      color: #798094;
-      font-size: 12px;
-      background: #141620;
-      border: 1px solid #3d4047;
-      border-radius: 4px;
-
-      // 搜索功能完善 menu  start
-      .ant-input-affix-wrapper,
-      .ant-input-group-addon {
-        background: #141620 !important;
-        border: none;
-      }
-      .ant-input-group-addon {
-        border-left: 1px solid #3d4047;
-      }
-      // 搜索功能完善 menu  end
-    }
-  }
-  .globalTabs {
-    position: relative;
-    .globalTabsOper {
-      position: absolute;
-      top: 0;
-      right: 0;
-      z-index: 10;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 28px;
-      height: 28px;
-      background: #f3f3f3;
-    }
-    .globalTabsOper:hover {
-      cursor: pointer;
-    }
-  }
-
-  body
-    .ant-pro-basicLayout-content
-    .ant-tabs-card.ant-tabs-bottom
-    > .ant-tabs-nav
-    .ant-tabs-tab:not(:last-of-type),
-  body
-    .ant-pro-basicLayout-content
-    .ant-tabs-card.ant-tabs-bottom
-    > div
-    > .ant-tabs-nav
-    .ant-tabs-tab:not(:last-of-type),
-  body
-    .ant-pro-basicLayout-content
-    .ant-tabs-card.ant-tabs-top
-    > .ant-tabs-nav
-    .ant-tabs-tab:not(:last-of-type),
-  body
-    .ant-pro-basicLayout-content
-    .ant-tabs-card.ant-tabs-top
-    > div
-    > .ant-tabs-nav
-    .ant-tabs-tab:not(:last-of-type) {
-    margin-right: 0px !important;
-  }
-
-  .ant-layout-sider-children {
-    .ant-pro-sider-extra {
-      margin-bottom: 0;
-      padding: 0;
-    }
-  }
-}
-
-.ant-tabs-tab + .ant-tabs-tab {
-  margin: 0;
-}
-.ant-tabs-tab {
-  margin: 0 10px 0 0 !important;
-}
-
-// 滚动条
-/* 滚动槽（轨道）宽高 */
-
-/* 滚动槽（轨道）样式 */
-::-webkit-scrollbar-track {
-  background-color: #f7f8fb;
-  border-radius: 8px;
-}
-
-/*定义滑块颜色、内阴影及圆角*/
-::-webkit-scrollbar-thumb {
-  background-color: #7d7d7d;
-  border-radius: 7px;
-}
-/*定义两端按钮的样式*/
-::-webkit-scrollbar-button {
-  display: none;
-}
-::-webkit-scrollbar-thumb:window-inactive {
-  background: #fff;
-}
-
-.ant-layout-header {
-  height: 50px !important;
-  line-height: 0 !important;
-}
-
-.ant-pro-global-header {
-  padding: 0 !important;
-  background: #f3f3f3 !important;
-}
-
-// 普通的table
-body .ant-table .ant-table-container .ant-table-thead > tr > th {
-  height: 40px;
-  background: #f7f8fb;
-}
-.globalLine {
-  display: inline-block;
-  width: 4px;
-  height: 20px;
-  margin-right: 16px;
-  vertical-align: sub;
-  background: @primary-color;
-}
-
-.cloumnsIconA {
-  display: flex;
-  align-items: center;
-  span {
-    margin-left: 4px;
-  }
-}
-
-:global {
-  .home_warp_component {
-    .ant-pro-page-container-children-content {
-      .ant-pro-page-container-warp {
-        display: none;
-      }
-    }
-  }
-}
-
-// 详情组件样式处理  start
-.detail_warp_component {
-  position: relative;
-  background-color: #fff;
-  .has-breadcrumb {
-    display: block !important;
-  }
-  .detail_warp_component_top {
-    position: absolute;
-    top: 15px;
-    left: 20px;
-    z-index: 2;
-    display: flex;
-    align-items: center;
-    margin-right: 8px;
-
-    .detail_warp_component_top_btn {
-      width: 72px;
-      height: 28px;
-      border: 1px solid #bababa;
-      font-family: PingFangSC-Regular;
-      font-weight: 400;
-      font-size: 14px;
-      color: #bababa;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-right: 10px;
-      span {
-        margin-left: 3px;
-      }
-    }
-
-    .detail_warp_component_top_start {
-      font-size: 20px;
-    }
-    .detail_warp_component_top_start:hover {
-      cursor: pointer;
-    }
-  }
-
-  .detail_warp_component_top_btn:hover {
-    cursor: pointer;
-  }
-  .detail_warp_component_top_r_expand:hover {
-    cursor: pointer;
-  }
-  .ant-page-header-heading-left {
-    padding-left: 105px !important;
-    .ant-page-header-heading-title {
-      display: none;
-      font-family: PingFangSC-Medium;
-      font-weight: 500;
-      font-size: 18px;
-      color: #000000;
-      letter-spacing: 0;
-      line-height: 26px;
-    }
-  }
-}
-
-// 详情组件样式处理  end
-
-// 列表组件样式处理 start
-.home_warp_component {
-  position: relative;
-  background-color: #fff;
-  .has-breadcrumb {
-    display: block !important;
-  }
-  .home_warp_component_top {
-    position: absolute;
-    top: 15px;
-    left: 20px;
-    z-index: 2;
-    display: flex;
-    align-items: center;
-    margin-right: 8px;
-
-    .home_warp_component_top_btn {
-      width: 72px;
-      height: 28px;
-      border: 1px solid #bababa;
-      font-family: PingFangSC-Regular;
-      font-weight: 400;
-      font-size: 14px;
-      color: #bababa;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-right: 10px;
-      span {
-        margin-left: 3px;
-      }
-    }
-
-    .home_warp_component_top_start {
-      font-size: 20px;
-    }
-    .home_warp_component_top_start:hover {
-      cursor: pointer;
-    }
-  }
-
-  .home_warp_component_top_btn:hover {
-    cursor: pointer;
-  }
-  .ant-page-header-heading-left {
-    .ant-page-header-heading-title {
-      font-family: PingFangSC-Medium;
-      font-weight: 500;
-      font-size: 18px;
-      color: #000000;
-      letter-spacing: 0;
-      line-height: 40px;
-    }
-  }
-}
-// 列表组件样式处理 end
-
-// 搜索拓展 start
-.ant-drawer-header-title {
-  flex-direction: row-reverse;
-}
-
-// table 的斑马线
-.table_base {
-  background: #fff;
-}
-.table_odd {
-  background: #f7f8fb;
-}
-// 浮起的列 设置斑马
-.ant-table-cell-fix-left,
-.ant-table-cell-fix-right {
-  background-color: #fff;
-}
-
-// 控制 table 的全选 select 位置
-.ant-table-title
-  + .ant-table-container
-  table
-  > thead
-  > tr:first-child
-  th:first-child {
-  .ant-table-selection {
-    .ant-checkbox-wrapper {
-      justify-content: center;
-    }
-  }
-}
-
-// 全屏兼容
-.ant-table-container {
-  background: #fff;
-  overflow-y: auto;
-}
-
-// 处理编辑小手
-.cur:hover {
-  cursor: pointer;
-}
-
-//user_columns_warp
-.user_columns_warp {
-  padding-right: 10px;
-  height: 36px;
-  background: #e6f3ff;
-  display: inline-flex;
-  margin: 5px 0px !important;
-  overflow: hidden;
-  max-width: 200px;
-  align-items: center;
-  border-radius: 25px;
-  img {
-    width: 24.6px;
-    height: 24.64px;
-    margin-left: 3px;
-  }
-  span {
-    margin-left: 8px;
-  }
-}
-
-.clomnsImg {
-  :global {
-    .ant-image {
-      margin: 8px;
-    }
-    .ant-image-mask-info {
-      font-size: 12px !important;
-      padding: 0;
-      padding-left: 2px;
-    }
-  }
-}
-.clomnsImg2 {
-  margin: 8px;
-  img {
-    width: 28px;
-    height: 28px;
-  }
-}
-
-
-.ant-table-wrapper {
-  padding: 0 8px;
-  background: #fff;
-}
-
-//菜单特性
-:global {
-  .ant-pro-sider-links ul.ant-menu-root {
-    li:nth-child(1) {
-      display: flex;
-      flex-direction: column;
-      margin-bottom: 30px;
-      margin-top: 0px;
-      padding: 18px 5px 0 !important;
-      .ant-menu-title-content {
-        width: 100% !important;
-      }
-      height: 90px !important;
-      border-top: 1px solid #3d4047 !important;
-    }
-  }
-  .ant-pro-sider-collapsed-button {
-    display: none !important;
-  }
-
-  .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
-    box-shadow: none !important;
-    background-color: #141620;
-  }
-  body .ant-pro-sider-logo {
-    background-color: #f3f3f3;
-  }
-
-  .collapse_icon {
-    font-size: 16px;
-    color: #fff;
-    margin: 0 10px;
-    cursor: pointer;
-  }
-
-  .collapse_icon_close {
-    display: flex;
-    justify-content: center;
-  }
-
-  .ant-menu-submenu-title,
-  .ant-menu-item {
-    border: 0px !important;
-    border-color: #005cff !important;
-  }
-
-  .ant-menu-submenu-title:hover,
-  .ant-menu-item:hover {
-    background: linear-gradient(
-      to left,
-      #000c17 0%,
-      #000c17 30%,
-      rgb(0, 54, 144)
-    );
-    border-left: 2px solid #005cff !important;
-    box-sizing: border-box;
-  }
-
-  .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
-    z-index: 10 !important;
-  }
-  .ant-pro-sider-link:hover {
-    border: 0px !important;
-    background: #141620 !important;
-  }
-
-  .ant-table-column-sorters {
-    .ant-table-column-title {
-      flex-shrink: 1;
-      flex: initial !important;
-    }
-    .ant-table-column-sorter {
-      flex-grow: 1;
-      display: flex;
-      align-items: center;
-      margin-left: 5px;
-    }
-  }
-
-  .ant-table-wrapper {
-    .sula-table-action-right {
-      width: 100%;
-      .ant-space {
-        width: 100%;
-        display: inline-block !important;
-        .ant-space-item {
-          display: inline-block;
-          margin-left: 8px;
-        }
-        .ant-space-item:nth-last-child(-n + 3) {
-          float: right;
-        }
-      }
-    }
-  }
-
-  .global_tab_nav_style {
-    top: 2px !important;
-  }
-
-  .row-dragging {
-    background: #fafafa;
-    border: 1px solid #ccc;
-    z-index: 10000;
-  }
-
-  .row-dragging td {
-    padding: 7px 16px;
-    display: none;
-
-  }
-  .row-dragging td:first-child {
-    display: inline-block;
-  }
-
-  .row-dragging .drag-visible {
-    visibility: visible;
-  }
-
-  .ant-pro-sider-menu > .ant-menu-item-group > .ant-menu-item-group-list {
-    display: none;
-  }
-
-  .ant-pro-sider-menu > .ant-menu-item-group > .ant-menu-item-group-title {
-    padding: 0 0 0 16px !important;
-  }
-
-  .ant-pro-sider-menu
-    > .ant-menu-item-group
-    > .ant-menu-item-group-title:hover {
-    background: linear-gradient(
-      to left,
-      #000c17 0%,
-      #000c17 30%,
-      rgb(0, 54, 144)
-    );
-    border-left: 2px solid #005cff !important;
-    box-sizing: border-box;
-    cursor: pointer;
-    color: white;
-  }
-
-  .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
-    z-index: 25 !important;
-  }
-
-  .ant-modal-mask {
-    z-index: 40 !important;
-  }
-
-  .ant-modal-wrap {
-    z-index: 40 !important;
-  }
-
-  .global_tab_nav_style {
-    top: 2px !important;
-    width: 100% !important;
-  }
-  .ant-tabs-nav-operations {
-    display: none !important;
-  }
-
-  .globalTabs
-    > .ant-tabs
-    > .ant-tabs-nav
-    > .ant-tabs-nav-wrap
-    > .ant-tabs-nav-list
-    > div {
-    margin-right: 0px !important;
-    .ant-tabs-tab {
-      padding: 3px 6px;
-      margin: 0px !important;
-      height: 100%;
-    }
-    .ant-tabs-tab-remove {
-      padding-right: 0px;
-    }
-    .ant-tabs-tab-active {
-      border-bottom-color: #f0f0f0;
-    }
-  }
-
-  .tab_title_content {
-    display: flex;
-    align-items: center;
-    .ant-dropdown-trigger {
-      margin-left: 8px;
-      display: inline-block;
-    }
-  }
-
-  .tab_title_content:hover {
-    color: #005cff;
-    .ant-dropdown-trigger {
-      display: inline-block;
-    }
-  }
-}
-
-// 列自定义
-.sort_table_wrapper {
-  .sort_table {
-    display: flex;
-
-    .sort_table_column_wrapper {
-      width: 560px;
-      margin-right: 10px;
-    }
-
-    .sort_table_content_wrapper {
-      width: 210px;
-    }
-
-    .sort_table_column_count,
-    .sort_table_content_count {
-      height: 20px;
-      font-family: PingFangSC-Regular;
-      font-weight: 400;
-      font-size: 14px;
-      color: #000000;
-      letter-spacing: 0;
-
-      span {
-        color: #848484;
-      }
-    }
-
-    .sort_table_column {
-      margin-top: 10px;
-      width: 560px;
-      height: 430px;
-      overflow: auto;
-      padding: 10px;
-      background: #ffffff;
-      border: 1px solid #d9d9d9;
-      border-radius: 5px;
-
-      &_all {
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: space-between;
-
-        &_empty {
-          width: 538px;
-          line-height: 360px;
-          text-align: center;
-          font-family: PingFangSC-Regular;
-          font-weight: 400;
-          font-size: 14px;
-          color: #848484;
-        }
-      }
-
-      &_special {
-        margin-top: 40px;
-        width: 100px;
-        height: 20px;
-        font-family: PingFangSC-Regular;
-        font-weight: 400;
-        font-size: 14px;
-        color: #848484;
-        letter-spacing: 0;
-      }
-
-      :global {
-        .ant-checkbox-wrapper {
-          width: 144px;
-          margin-top: 16px;
-        }
-
-        .ant-checkbox-wrapper + .ant-checkbox-wrapper {
-          margin-left: 0px;
-        }
-      }
-    }
-
-    .sort_table_content {
-      margin-top: 10px;
-      padding-top: 10px;
-      padding-bottom: 10px;
-      border: 1px solid #d9d9d9;
-      border-radius: 5px;
-
-      :global {
-        .ant-table-wrapper {
-          padding: 0px !important;
-        }
-      }
-      .sort_table_title {
-        height: 32px;
-        line-height: 32px;
-        padding-left: 10px;
-        color: gray;
-      }
-    }
-  }
-  :global {
-    div.ant-modal-header {
-      width: 820px;
-      height: 64px;
-      background: #ffffff;
-      padding: 20px;
-      border: 0px;
-
-      div.ant-modal-title {
-        height: 24px;
-        font-family: PingFangSC-Medium;
-        font-weight: 500;
-        font-size: 18px;
-        color: #000000;
-        letter-spacing: 0;
-        line-height: 24px;
-      }
-    }
-
-    .ant-modal-body {
-      padding: 0 20px !important;
-    }
-
-    .ant-modal-close-x {
-      height: 24px;
-      font-family: PingFangSC-Medium;
-      font-weight: 500;
-      font-size: 18px;
-      color: #000000;
-      letter-spacing: 0;
-    }
-
-    .ant-input-affix-wrapper {
-      padding: 0px;
-      padding-right: 10px;
-    }
-
-    input {
-      height: 32px;
-      padding: 6px 4px;
-      border-radius: 5px;
-    }
-
-    .ant-input-prefix {
-      width: 24px;
-      height: 24px;
-      margin: 4px;
-      // border: 1px dashed #d9d9d9;
-      display: flex;
-      justify-content: center;
-    }
-
-    .ant-modal-footer {
-      height: 70px;
-      border: 0;
-      padding: 20px;
-
-      .ant-btn {
-        width: 80px;
-        height: 34px;
-        border-radius: 5px;
-
-        span {
-          font-family: PingFangSC-Medium;
-          font-weight: 600;
-          font-size: 14px;
-          letter-spacing: 0;
-          text-align: center;
-          line-height: 20px;
-        }
-
-        &:first-child {
-          margin-right: 524px;
-        }
-      }
-    }
-
-    .ant-table-wrapper::-webkit-scrollbar {
-      display: none;
-    }
-
-    .ant-table-wrapper {
-      margin-top: 10px;
-      height: 364px;
-      overflow: scroll;
-      padding-bottom: 50px;
-
-      tr {
-        height: 36px;
-        td {
-          width: 24px !important;
-          height: 36px !important;
-          font-family: PingFangSC-Regular;
-          font-weight: 400;
-          font-size: 14px;
-          color: #000000;
-          letter-spacing: 0;
-
-          &:first-child {
-            padding-left: 10px !important;
-            padding-right: 0px !important;
-            width: 115px !important;
-          }
-
-          img {
-            // border: 1px dashed #d9d9d9;
-            cursor: pointer;
-          }
-
-          &:not(:first-child) {
-            padding-left: 0px !important;
-            padding-right: 0px !important;
-          }
-
-          &:last-child {
-            padding-left: 0px !important;
-            padding-right: 3px !important;
-            width: 34px !important;
-
-            img {
-              // border: 1px dashed #d9d9d9;
-              position: relative;
-              top: 1px;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-// 表单特性
-:global {
-  .detail_btn_wrapper {
-    display: flex;
-    gap: 8px;
-  }
-  .table-bssula-summary {
-    left: 10px;
-    &>span {
-      width: inherit !important;
-      // min-width: 150px;
-    }
-  }
-  .queryFormContainer {
-    &>div {
-      height: 100%;
-    }
-  }
-}
-
-.luckysheet-input-box {
-  z-index: 50 !important;
+@font-family: PingFangSC, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+  'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+
+// 字体大小
+@font-size-base: 14px;
+@height-base: 28px;
+@table-font-size: @font-size-base;
+@black: #2c2f2e;
+
+// query-table文字大小
+@form-item-label-font-size: 12px;
+@form-item-label-height: 16px;
+
+// 链接
+// @link-color: #1D92FE;
+@warning-color: #f9a742;
+@success-color: #00c276;
+@error-color: #e82d1e;
+
+// @layout-header-background: #f3f3f3;
+
+@layout-sider-background-light: #222224;
+@layout-sider-background: #222224;
+@menu-item-color: #ffffff;
+@menu-item-group-title-color: #ffffff;
+@menu-item-active-bg: rgba(65, 105, 225, 0.1);
+@primary-color: #005cff;
+@primary-color-hover: #8bc7ff;
+@menu-bg: #222224;
+
+
+.colorWeak {
+  filter: invert(80%);
+}
+
+.ant-layout {
+  min-height: 100vh;
+}
+
+canvas {
+  display: block;
+}
+
+body {
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  // overflow-y: scroll;
+  :global {
+    .react-resizable {
+      position: relative;
+      background-clip: padding-box;
+    }
+
+    .react-resizable-handle {
+      position: absolute;
+      width: 10px;
+      height: 100%;
+      bottom: 0;
+      right: -5px;
+      cursor: col-resize;
+      z-index: 1;
+    }
+
+    .ant-page-header {
+      padding: 0 24px;
+      .ant-page-header-heading {
+        margin-top: 0px;
+      }
+    }
+
+    // 表格 共用样式 开始
+
+    // pro-table
+    .ant-pro-table-list-toolbar-container .ant-pro-table-list-toolbar-left {
+      // 处理pro-table的操作栏样式问题
+      display: none;
+    }
+
+    .sula-table-action-left {
+      display: none;
+    }
+
+    .ant-table.ant-table-middle .ant-table-container .ant-table-title,
+    .ant-table.ant-table-middle .ant-table-container .ant-table-footer,
+    .ant-table.ant-table-middle .ant-table-container .ant-table-thead > tr > th,
+    .ant-table.ant-table-middle .ant-table-container .ant-table-tbody > tr > td,
+    .ant-table.ant-table-middle .ant-table-container tfoot > tr > th,
+    .ant-table.ant-table-middle .ant-table-container tfoot > tr > td {
+      padding: 0 10px;
+      font-size: @font-size-base;
+      line-height: 28px;
+      white-space: nowrap;
+    }
+
+    html
+      .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th,
+    body
+      .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th,
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th {
+      height: 40px;
+      background: #f7f8fb;
+    }
+
+    .ant-table-tbody {
+      tr:hover:not(.ant-table-expanded-row) > td,
+      .ant-table-row-hover,
+      .ant-table-row-hover > td {
+        background-color: #e5eeff;
+      }
+    }
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th {
+      min-width: 60px;
+    }
+
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-tbody
+      > tr
+      > td.ant-table-cell.ant-table-selection-column,
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th.ant-table-cell.ant-table-selection-column {
+      min-width: 40px;
+    }
+
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-tbody
+      > tr
+      > td.ant-table-cell.ant-table-row-expand-icon-cell,
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th.ant-table-cell.ant-table-row-expand-icon-cell {
+      min-width: 40px;
+    }
+
+    .ant-table .ant-table-selection {
+      display: flex;
+      justify-content: center;
+      text-align: center;
+    }
+
+    .ant-pro-table .ant-table {
+      td.ant-table-cell > td > a {
+        font-size: @font-size-base;
+      }
+
+      td.ant-table-cell > a {
+        font-size: @font-size-base;
+      }
+    }
+
+    .ant-table .ant-table-container .ant-table-thead > tr > th {
+      font-weight: 500;
+    }
+
+    // badge
+    .ant-badge .ant-badge-status-text {
+      font-size: 12px;
+    }
+
+    // alert
+    .ant-pro-table .ant-pro-table-alert .ant-alert.ant-alert-no-icon {
+      padding: 5px 34px;
+    }
+
+    // 表格 共用样式 结束
+  }
+
+  .popover-tab {
+    :global {
+      .ant-popover-inner-content {
+        padding: 5px;
+      }
+    }
+
+    .popover-div {
+      padding: 4px;
+    }
+  }
+
+  :global {
+    .ant-col-18 {
+      max-width: 100%;
+
+      .ant-col-8 {
+        max-width: 25%;
+      }
+
+      .ant-col-12 {
+        flex: 0 0 90%;
+        max-width: 70%;
+
+        .ant-radio-wrapper {
+          position: fixed;
+          min-width: 104px;
+        }
+      }
+    }
+
+    .ant-pro-basicLayout .ant-layout-header.ant-pro-fixed-header {
+      z-index: 14 !important;
+    }
+
+    .ant-menu.ant-menu-light.ant-pro-sider-menu.ant-menu-root.ant-menu-inline {
+      .ant-pro-menu-item {
+        display: flex;
+        align-items: center;
+      }
+    }
+  }
+
+  :global {
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-tbody
+      > tr
+      > td.ant-table-selection-column,
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th.ant-table-selection-column {
+      /* width: 40px !important; */
+      /* max-width: 40px; */
+      min-width: 40px;
+    }
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th.ant-table-cell,
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-tbody
+      > tr
+      > td.ant-table-cell {
+      min-width: 60px;
+    }
+    .ant-table-sticky-scroll {
+      position: fixed !important;
+    }
+    .ant-pro-sider.ant-layout-sider-collapsed .ant-pro-sider-logo {
+      position: relative;
+      left: -32px;
+      width: 80px;
+    }
+
+    // .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
+    //   overflow: hidden;
+    //   flex: 0 0 200px !important;
+    //   max-width: 200px !important;
+    //   min-width: 200px !important;
+    //   width: 200px !important;
+    // }
+
+    // .ant-pro-page-container-children-content .sula-table-no-select .ant-form-horizontal .sula-template-query-table-fields-wrapper.sula-template-query-table-fields-divider,
+    // .ant-pro-page-container-children-content .sula-table-no-select .ant-form-horizontal .sula-template-query-table-fields-wrapper {
+    //       margin-bottom: 0px !important;
+    //   }
+    // .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed{
+    // z-index: 17
+    // }
+
+    .ant-select-item-option-content {
+      overflow: auto;
+      white-space: normal !important;
+      text-overflow: ellipsis;
+    }
+
+    .ant-tabs-nav-list {
+      .ant-tabs-tab-active {
+        .ant-tabs-tab-btn {
+          font-weight: 500;
+          font-size: 12px;
+          line-height: 16px;
+        }
+      }
+    }
+
+    .ant-tabs-nav {
+      margin: 0;
+    }
+
+    .ant-tabs-content-holder {
+      .ant-tabs-nav {
+        margin: 0 8px;
+        padding-bottom: 8px;
+      }
+    }
+
+    .ant-tabs-nav-list {
+      .ant-tabs-tab-btn {
+        color: rgba(44, 47, 46, 0.8);
+        font-weight: 400;
+        font-size: 12px;
+        line-height: 16px;
+      }
+    }
+
+    .ant-tabs-tab {
+      margin: 0 20px 0 8px;
+    }
+
+    // logo
+    .ant-pro-sider-logo {
+      height: 50px;
+      padding: 0;
+    }
+
+    .ant-table-tbody > tr > td,
+    .ant-table-thead > tr > th,
+    .ant-table tfoot > tr > td,
+    .ant-table tfoot > tr > th {
+      padding: 0 10px;
+    }
+
+    // 隐藏滚动条
+    // .ant-table-content {
+    //   overflow: hidden;
+    // }
+
+    // .ant-table-content:hover {
+    //   .ant-table-tbody>tr>td {
+    //     .ant-btn-link {
+    //       color: #17d174
+    //     }
+    //   }
+
+    //   .ant-table-content {
+    //     overflow: auto !important;
+    //   }
+    // }
+
+    .ant-pro-basicLayout-content .ant-pro-page-container {
+      margin: 0;
+    }
+
+    .ant-pro-page-container {
+      .ant-pro-page-container-warp {
+        .ant-page-header.has-breadcrumb {
+          padding: 0px 24px;
+          box-sizing: border-box;
+          height: 48px;
+        }
+      }
+
+      .ant-pro-page-container-children-content {
+        margin: 0;
+        padding: 0 4px;
+
+        .ant-pro-table-search {
+          margin-bottom: 10px;
+          padding: 12px 8px 2px;
+        }
+      }
+    }
+
+    // pro-table
+    .ant-pro-table-list-toolbar-container .ant-pro-table-list-toolbar-left {
+      // 处理pro-table的操作栏样式问题
+      display: none;
+    }
+
+    .sula-table-action-left {
+      display: none;
+    }
+    // .ant-pro-grid-content {
+    //   .has-breadcrumb {
+    //     display: none !important;
+    //   }
+    // }
+    .has-breadcrumb,
+    .ant-breadcrumb {
+      display: none !important;
+    }
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th {
+      min-width: 60px;
+    }
+
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-tbody
+      > tr
+      > td.ant-table-cell.ant-table-selection-column,
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th.ant-table-cell.ant-table-selection-column {
+      min-width: 40px;
+    }
+
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-tbody
+      > tr
+      > td.ant-table-cell.ant-table-row-expand-icon-cell,
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th.ant-table-cell.ant-table-row-expand-icon-cell {
+      min-width: 40px;
+    }
+
+    .ant-table .ant-table-selection {
+      display: flex;
+      justify-content: center;
+      text-align: center;
+    }
+
+    .ant-pro-table .ant-table {
+      td.ant-table-cell > td > a {
+        font-size: @font-size-base;
+      }
+
+      td.ant-table-cell > a {
+        font-size: @font-size-base;
+      }
+    }
+
+    .ant-table .ant-table-container .ant-table-title,
+    .ant-table .ant-table-container .ant-table-footer,
+    .ant-table .ant-table-container .ant-table-thead > tr > th,
+    .ant-table .ant-table-container .ant-table-tbody > tr > td,
+    .ant-table .ant-table-container tfoot > tr > th,
+    .ant-table .ant-table-container tfoot > tr > td,
+    .ant-table .ant-table-container .ant-table-thead .ant-table-column-sorters {
+      height: 40px;
+      // padding: 0 10px;
+      font-size: @font-size-base;
+      line-height: 28px;
+      white-space: nowrap;
+    }
+
+    .ant-table .ant-table-container .ant-table-thead > tr > th {
+      font-weight: 500;
+    }
+
+    // badge
+    .ant-badge .ant-badge-status-text {
+      font-size: 12px;
+    }
+
+    // alert
+    .ant-pro-table .ant-pro-table-alert .ant-alert.ant-alert-no-icon {
+      padding: 5px 34px;
+    }
+
+    // 左侧菜单链接文本颜色
+
+    .ant-form-item {
+      .ant-col-lg-15.ant-col-xl-15.ant-col-xxl-15.ant-form-item-label {
+        line-height: 16px !important;
+        white-space: normal;
+      }
+
+      .ant-form-item-label {
+        line-height: 28px;
+      }
+    }
+
+    .sula-form {
+      .ant-form-item {
+        margin-bottom: 20px !important;
+      }
+
+      .service {
+        border-radius: 4px;
+
+        .ant-col.ant-col-23 {
+          font-weight: 500;
+
+          .ant-row.ant-form-item {
+            width: 2000px;
+            height: 38px;
+            padding-bottom: 10px;
+            padding-left: 10px;
+            font-size: 14px;
+            // position: relative;
+            // left: -8px;
+            line-height: 38px;
+          }
+
+          .ant-form-item-control-input-content label {
+            font-weight: 500;
+            font-size: 14px !important;
+          }
+        }
+
+        .ant-card-body {
+          padding: 0 !important;
+        }
+
+        .ant-card-head {
+          background: rgb(255, 247, 224) !important;
+        }
+      }
+
+      .mutiple-input {
+        display: flex;
+        flex-wrap: wrap;
+      }
+
+      .service-huizhi {
+        .ant-row.ant-form-item {
+          margin-bottom: 8px !important;
+        }
+
+        .ant-card-head {
+          background: rgb(255, 247, 224) !important;
+        }
+      }
+    }
+
+    // .sula-form,
+    .sula-table,
+    .sula-table-no-add,
+    .sula-table-no-select,
+    .sula-table-row-selects,
+    .sula-table-row-selects-noaction {
+      .ant-form-horizontal {
+        .ant-form-item {
+          margin-bottom: 8px;
+        }
+
+        .ant-col.ant-col-3 {
+          position: relative;
+          left: -40px;
+        }
+      }
+
+      // 处理querytable的查询条件css样式
+      .ant-form-item {
+        min-height: 28px;
+
+        margin-bottom: 8px;
+        font-size: 12px;
+
+        .ant-form-item-control {
+          // width: 170px;
+          // width: 210px;
+        }
+
+        .ant-form-item-control-input {
+          // width: 170px;
+          // width: 210px;
+          // height: 28px;
+          min-height: 28px;
+          font-size: 12px;
+        }
+
+        // 日期选择框该高度限制
+        .ant-picker {
+          height: 28px;
+        }
+      }
+    }
+
+    /** sula 样式处理 开始 **/
+    // table
+    .ant-pro-page-container-children-content {
+      .sula-table {
+        .ant-form-horizontal {
+          .sula-template-query-table-fields-wrapper.sula-template-query-table-fields-divider {
+            margin-bottom: 10px;
+            padding: 12px 8px 2px;
+
+            > .ant-row {
+              position: relative;
+
+              > div.ant-col.ant-col-8 {
+                padding: 4px 0;
+              }
+
+              > .ant-col:last-child {
+                > .ant-row.ant-form-item {
+                  justify-content: flex-start !important;
+                  min-width: 300px !important;
+                  margin-bottom: 8px;
+                }
+              }
+            }
+
+            .ant-form-item {
+              flex-direction: row;
+            }
+
+            .ant-form-item-label,
+            .ant-col-24.ant-form-item-label,
+            .ant-col-xl-24.ant-form-item-label {
+              max-width: 110px;
+              line-height: 28px;
+            }
+
+            .ant-col-23 .ant-form-item .ant-form-item-control-input {
+              width: calc(100vw - 300px);
+            }
+
+            .ant-col-offset-8 {
+              margin-left: 0;
+            }
+
+            .ant-col:last-child {
+              // .ant-form-item {
+              //   position: absolute;
+              //   right: 180px;
+              //   bottom: 10px;
+              // }
+            }
+          }
+        }
+
+        .ant-table-wrapper {
+          padding: 0 8px;
+
+          .sula-table-action-wrapper {
+            // background-color: #fff7f0;
+            // border: 1px solid #ffd1b3;
+            position: relative;
+            display: block;
+          }
+        }
+      }
+
+      .sula-table-no-add {
+        .ant-form-horizontal {
+          .sula-template-query-table-fields-wrapper.sula-template-query-table-fields-divider {
+            margin-bottom: 10px;
+            padding: 12px 8px 2px;
+
+            > .ant-row {
+              position: relative;
+
+              > div.ant-col.ant-col-8 {
+                padding: 4px 0;
+              }
+
+              > .ant-col:last-child {
+                > .ant-row.ant-form-item {
+                  justify-content: flex-start !important;
+                  min-width: 300px !important;
+                  margin-bottom: 8px;
+                }
+              }
+            }
+
+            .ant-form-item {
+              flex-direction: row;
+            }
+
+            .ant-form-item-label,
+            .ant-col-24.ant-form-item-label,
+            .ant-col-xl-24.ant-form-item-label {
+              max-width: 110px;
+              line-height: 28px;
+            }
+
+            .ant-col-23 .ant-form-item .ant-form-item-control-input {
+              width: calc(100vw - 300px);
+            }
+
+            .ant-col-offset-8 {
+              margin-left: 0;
+            }
+
+            .ant-col:last-child {
+              // .ant-form-item {
+              //   position: absolute;
+              //   right: 180px;
+              //   bottom: 10px;
+              // }
+            }
+          }
+        }
+
+        .ant-table-wrapper {
+          padding: 0 8px;
+
+          .sula-table-action-wrapper {
+            // background-color: #fff7f0;
+            // border: 1px solid #ffd1b3;
+            position: relative;
+            display: block;
+          }
+
+          .sula-table-action-left {
+            display: none;
+          }
+
+          .sula-table-action-right {
+            padding: 0;
+            overflow: auto;
+
+            .ant-space-align-center {
+              display: block;
+              width: 100%;
+              margin-top: 0;
+              padding: 4px 34px;
+              line-height: 36px;
+            }
+
+            div.ant-space-item {
+              float: right;
+              margin-right: 8px;
+
+              &:nth-child(1) {
+                float: left;
+              }
+            }
+
+            .sula-table-row-selects-noaction {
+              line-height: 20px;
+
+              > span {
+                margin-right: 50px;
+              }
+            }
+
+            .sula-table-row-selects {
+              height: 20px;
+              line-height: 36px;
+
+              > span {
+                margin-right: 50px;
+              }
+            }
+          }
+        }
+      }
+
+      .sula-table-no-select {
+        .ant-form-horizontal {
+          .sula-template-query-table-fields-wrapper.sula-template-query-table-fields-divider,
+          .sula-template-query-table-fields-wrapper {
+            margin-bottom: 10px;
+            padding: 12px 8px 2px;
+
+            > .ant-row {
+              position: relative;
+
+              > div.ant-col.ant-col-8 {
+                padding: 4px 0;
+              }
+
+              > .ant-col:last-child {
+                > .ant-row.ant-form-item {
+                  justify-content: flex-start !important;
+                  min-width: 300px !important;
+                  margin-bottom: 8px;
+                }
+              }
+            }
+
+            .ant-form-item {
+              flex-direction: row;
+            }
+
+            .ant-form-item-label,
+            .ant-col-24.ant-form-item-label,
+            .ant-col-xl-24.ant-form-item-label {
+              max-width: 110px;
+              line-height: 28px;
+            }
+
+            .ant-col-23 .ant-form-item .ant-form-item-control-input {
+              width: calc(100vw - 300px);
+            }
+
+            .ant-col-offset-8 {
+              margin-left: 0;
+            }
+
+            .ant-col:last-child {
+              // .ant-form-item {
+              //   position: absolute;
+              //   right: 180px;
+              //   bottom: 10px;
+              // }
+            }
+          }
+        }
+
+        .ant-table.ant-table-middle .ant-table-title {
+          padding: 0 8px 12px;
+        }
+
+        .ant-table-wrapper {
+          .sula-table-action-wrapper {
+            // background-color: #fff7f0;
+            // border: 1px solid #ffd1b3;
+            position: relative;
+            display: block;
+          }
+
+          .sula-table-action-left {
+            padding-left: 0;
+          }
+        }
+      }
+    }
+
+    // form
+    .sula-form {
+      .sula-form-action-bottom {
+        display: flex;
+        justify-content: center;
+      }
+
+      .ant-form.ant-form-horizontal {
+        .ant-card {
+          border: 0;
+        }
+
+        .ant-card-head {
+          min-height: 36px;
+          padding: 6px 16px;
+          font-weight: 500;
+          border: 0;
+
+          .ant-card-head-wrapper {
+            .ant-card-head-title {
+              padding: 0;
+              font-weight: 700;
+              font-size: 12px;
+              line-height: 20px;
+            }
+          }
+        }
+
+        .ant-card-body {
+          display: flex;
+          flex-wrap: wrap;
+          border-radius: 4px;
+
+          .ant-form-item-label,
+          .ant-col-24.ant-form-item-label,
+          .ant-col-xl-24.ant-form-item-label {
+            max-width: 110px;
+            line-height: 28px;
+          }
+
+          .ant-form-item-control {
+            // width: 170px;
+            // width: 210px;
+          }
+
+          .ant-col.ant-col-3 {
+            .ant-row.ant-form-item {
+              .ant-col-8,
+              .ant-col-12 {
+                position: relative;
+                left: -45%;
+              }
+            }
+          }
+        }
+      }
+    }
+
+    /** sula 样式处理 结束 **/
+
+    // 多页签
+    .ant-pro-basicLayout-content {
+      margin: 0;
+
+      .ant-tabs-card.ant-tabs-top
+        > .ant-tabs-nav
+        .ant-tabs-tab:not(:last-of-type),
+      .ant-tabs-card.ant-tabs-bottom
+        > .ant-tabs-nav
+        .ant-tabs-tab:not(:last-of-type),
+      .ant-tabs-card.ant-tabs-top
+        > div
+        > .ant-tabs-nav
+        .ant-tabs-tab:not(:last-of-type),
+      .ant-tabs-card.ant-tabs-bottom
+        > div
+        > .ant-tabs-nav
+        .ant-tabs-tab:not(:last-of-type) {
+        margin-right: 8px;
+        padding: 2px 8px;
+        border-radius: 2px;
+      }
+    }
+  }
+}
+
+.si-tree {
+  font-size: 14px;
+
+  &-node {
+    &-block {
+      display: flex;
+      align-items: center;
+      padding: 2px 4px;
+      cursor: pointer;
+      user-select: none;
+    }
+
+    &-switcher {
+      margin-right: 2px;
+    }
+
+    &-icon {
+      display: flex;
+      margin-right: 4px;
+    }
+  }
+}
+
+.tree-compact {
+  margin-left: 4px;
+  color: #49aa19;
+  font-size: 13px;
+  font-style: italic;
+}
+
+ul,
+ol {
+  list-style: none;
+}
+
+// @media (max-width: @screen-xs) {
+//   .ant-table {
+//     width: 100%;
+//     overflow-x: auto;
+
+//     &-thead > tr,
+//     &-tbody > tr {
+//       > th,
+//       > td {
+//         white-space: pre;
+
+//         > span {
+//           display: block;
+//         }
+//       }
+//     }
+//   }
+// }
+
+// // 兼容IE11
+// @media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
+//   body .ant-design-pro > .ant-layout {
+//     min-height: 100vh;
+//   }
+// }
+
+//自定义 全部功能 start
+
+.allFuncOnMouserover {
+  a {
+    color: #000;
+    width: 100%;
+  }
+}
+
+.allFuncOnMouserover:hover {
+  background-color: #e4e7ed;
+}
+.allFuncOnMouserover:hover a {
+  color: @primary-color;
+  display: flex;
+  align-items: center;
+  justify-content: inherit;
+}
+.allFuncOnMouserover:hover .allFuncOnMouseroverImg {
+  display: block;
+  margin-right: 10px;
+}
+.allFuncOnMouseroverImg {
+  display: none;
+  width: 14px;
+  height: 14px;
+}
+
+.ant-drawer-body .allFunsList {
+  margin-bottom: 10px;
+  border: none;
+}
+
+.ant-drawer-body {
+  .ant-list-split .ant-list-item {
+    border-bottom: none !important;
+  }
+}
+//自定义 全部功能  end
+
+.regDiv {
+  width: 100%;
+  margin-top: 100px;
+  text-align: center;
+}
+
+.copyRight {
+  position: relative;
+  top: 50px;
+  width: 100%;
+  text-align: center;
+}
+
+.sula-form-action-bottom {
+  justify-content: center;
+}
+
+// 统一UI修改
+:global {
+  .ant-pro-page-container .ant-pro-page-container-children-content {
+    padding: 0 !important;
+  }
+
+  .one_menu_wrap {
+    display: flex;
+    justify-content: space-between;
+    span {
+      position: relative;
+      z-index: 6;
+    }
+  }
+
+  .banquan {
+    height: 52px;
+    opacity: 0.6;
+    font-size: 12px;
+    font-family: Montserrat, Montserrat-Regular;
+    font-weight: 400;
+    text-align: center;
+    line-height: 52px;
+    color: #ffffff;
+  }
+
+  .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal)
+    .ant-menu-item-selected {
+    background: linear-gradient(
+      to left,
+      #000c17 0%,
+      #000c17 30%,
+      rgb(0, 54, 144)
+    );
+  }
+  .ant-pro-sider .ant-menu {
+    background: #141620 !important;
+    color: #b1bad4;
+  }
+  .ant-menu-dark .ant-menu-item,
+  .ant-menu-dark .ant-menu-item-group-title,
+  .ant-menu-dark .ant-menu-item > a,
+  .ant-menu-dark .ant-menu-item > span > a {
+    color: #b1bad4 !important;
+  }
+
+  .globalSearchWarp {
+    position: relative;
+    display: flex;
+    align-items: center;
+    height: 48px;
+    background: #141620;
+
+    .ant-input {
+      background: #141620;
+      color: #fff;
+    }
+
+    .ant-input-clear-icon {
+      color: #eee;
+    }
+
+    .globalIcon {
+      position: absolute;
+      left: 20px;
+      z-index: 3;
+      color: #798094;
+    }
+
+    .globalSearch {
+      height: 32px;
+      margin: 0 10px;
+      padding-left: 32px;
+      color: #798094;
+      font-size: 12px;
+      background: #141620;
+      border: 1px solid #3d4047;
+      border-radius: 4px;
+
+      // 搜索功能完善 menu  start
+      .ant-input-affix-wrapper,
+      .ant-input-group-addon {
+        background: #141620 !important;
+        border: none;
+      }
+      .ant-input-group-addon {
+        border-left: 1px solid #3d4047;
+      }
+      // 搜索功能完善 menu  end
+    }
+  }
+  .globalTabs {
+    position: relative;
+    .globalTabsOper {
+      position: absolute;
+      top: 0;
+      right: 0;
+      z-index: 10;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 28px;
+      height: 28px;
+      background: #f3f3f3;
+    }
+    .globalTabsOper:hover {
+      cursor: pointer;
+    }
+  }
+
+  body
+    .ant-pro-basicLayout-content
+    .ant-tabs-card.ant-tabs-bottom
+    > .ant-tabs-nav
+    .ant-tabs-tab:not(:last-of-type),
+  body
+    .ant-pro-basicLayout-content
+    .ant-tabs-card.ant-tabs-bottom
+    > div
+    > .ant-tabs-nav
+    .ant-tabs-tab:not(:last-of-type),
+  body
+    .ant-pro-basicLayout-content
+    .ant-tabs-card.ant-tabs-top
+    > .ant-tabs-nav
+    .ant-tabs-tab:not(:last-of-type),
+  body
+    .ant-pro-basicLayout-content
+    .ant-tabs-card.ant-tabs-top
+    > div
+    > .ant-tabs-nav
+    .ant-tabs-tab:not(:last-of-type) {
+    margin-right: 0px !important;
+  }
+
+  .ant-layout-sider-children {
+    .ant-pro-sider-extra {
+      margin-bottom: 0;
+      padding: 0;
+    }
+  }
+}
+
+.ant-tabs-tab + .ant-tabs-tab {
+  margin: 0;
+}
+.ant-tabs-tab {
+  margin: 0 10px 0 0 !important;
+}
+
+// 滚动条
+/* 滚动槽（轨道）宽高 */
+
+/* 滚动槽（轨道）样式 */
+::-webkit-scrollbar-track {
+  background-color: #f7f8fb;
+  border-radius: 8px;
+}
+
+/*定义滑块颜色、内阴影及圆角*/
+::-webkit-scrollbar-thumb {
+  background-color: #7d7d7d;
+  border-radius: 7px;
+}
+/*定义两端按钮的样式*/
+::-webkit-scrollbar-button {
+  display: none;
+}
+::-webkit-scrollbar-thumb:window-inactive {
+  background: #fff;
+}
+
+.ant-layout-header {
+  height: 50px !important;
+  line-height: 0 !important;
+}
+
+.ant-pro-global-header {
+  padding: 0 !important;
+  background: #f3f3f3 !important;
+}
+
+// 普通的table
+body .ant-table .ant-table-container .ant-table-thead > tr > th {
+  height: 40px;
+  background: #f7f8fb;
+}
+.globalLine {
+  display: inline-block;
+  width: 4px;
+  height: 20px;
+  margin-right: 16px;
+  vertical-align: sub;
+  background: @primary-color;
+}
+
+.cloumnsIconA {
+  display: flex;
+  align-items: center;
+  span {
+    margin-left: 4px;
+  }
+}
+
+:global {
+  .home_warp_component {
+    .ant-pro-page-container-children-content {
+      .ant-pro-page-container-warp {
+        display: none;
+      }
+    }
+  }
+}
+
+// 详情组件样式处理  start
+.detail_warp_component {
+  position: relative;
+  background-color: #fff;
+  .has-breadcrumb {
+    display: block !important;
+  }
+  .detail_warp_component_top {
+    position: absolute;
+    top: 15px;
+    left: 20px;
+    z-index: 2;
+    display: flex;
+    align-items: center;
+    margin-right: 8px;
+
+    .detail_warp_component_top_btn {
+      width: 72px;
+      height: 28px;
+      border: 1px solid #bababa;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 14px;
+      color: #bababa;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 10px;
+      span {
+        margin-left: 3px;
+      }
+    }
+
+    .detail_warp_component_top_start {
+      font-size: 20px;
+    }
+    .detail_warp_component_top_start:hover {
+      cursor: pointer;
+    }
+  }
+
+  .detail_warp_component_top_btn:hover {
+    cursor: pointer;
+  }
+  .detail_warp_component_top_r_expand:hover {
+    cursor: pointer;
+  }
+  .ant-page-header-heading-left {
+    padding-left: 105px !important;
+    .ant-page-header-heading-title {
+      display: none;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 18px;
+      color: #000000;
+      letter-spacing: 0;
+      line-height: 26px;
+    }
+  }
+}
+
+// 详情组件样式处理  end
+
+// 列表组件样式处理 start
+.home_warp_component {
+  position: relative;
+  background-color: #fff;
+  .has-breadcrumb {
+    display: block !important;
+  }
+  .home_warp_component_top {
+    position: absolute;
+    top: 15px;
+    left: 20px;
+    z-index: 2;
+    display: flex;
+    align-items: center;
+    margin-right: 8px;
+
+    .home_warp_component_top_btn {
+      width: 72px;
+      height: 28px;
+      border: 1px solid #bababa;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 14px;
+      color: #bababa;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 10px;
+      span {
+        margin-left: 3px;
+      }
+    }
+
+    .home_warp_component_top_start {
+      font-size: 20px;
+    }
+    .home_warp_component_top_start:hover {
+      cursor: pointer;
+    }
+  }
+
+  .home_warp_component_top_btn:hover {
+    cursor: pointer;
+  }
+  .ant-page-header-heading-left {
+    .ant-page-header-heading-title {
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 18px;
+      color: #000000;
+      letter-spacing: 0;
+      line-height: 40px;
+    }
+  }
+}
+// 列表组件样式处理 end
+
+// 搜索拓展 start
+.ant-drawer-header-title {
+  flex-direction: row-reverse;
+}
+
+// table 的斑马线
+.table_base {
+  background: #fff;
+}
+.table_odd {
+  background: #f7f8fb;
+}
+// 浮起的列 设置斑马
+.ant-table-cell-fix-left,
+.ant-table-cell-fix-right {
+  background-color: #fff;
+}
+
+// 控制 table 的全选 select 位置
+.ant-table-title
+  + .ant-table-container
+  table
+  > thead
+  > tr:first-child
+  th:first-child {
+  .ant-table-selection {
+    .ant-checkbox-wrapper {
+      justify-content: center;
+    }
+  }
+}
+
+// 全屏兼容
+.ant-table-container {
+  background: #fff;
+  overflow-y: auto;
+}
+
+// 处理编辑小手
+.cur:hover {
+  cursor: pointer;
+}
+
+//user_columns_warp
+.user_columns_warp {
+  padding-right: 10px;
+  height: 36px;
+  background: #e6f3ff;
+  display: inline-flex;
+  margin: 5px 0px !important;
+  overflow: hidden;
+  max-width: 200px;
+  align-items: center;
+  border-radius: 25px;
+  img {
+    width: 24.6px;
+    height: 24.64px;
+    margin-left: 3px;
+  }
+  span {
+    margin-left: 8px;
+  }
+}
+
+.clomnsImg {
+  :global {
+    .ant-image {
+      margin: 8px;
+    }
+    .ant-image-mask-info {
+      font-size: 12px !important;
+      padding: 0;
+      padding-left: 2px;
+    }
+  }
+}
+.clomnsImg2 {
+  margin: 8px;
+  img {
+    width: 28px;
+    height: 28px;
+  }
+}
+
+
+.ant-table-wrapper {
+  padding: 0 8px;
+  background: #fff;
+}
+
+//菜单特性
+:global {
+  .ant-pro-sider-links ul.ant-menu-root {
+    li:nth-child(1) {
+      display: flex;
+      flex-direction: column;
+      margin-bottom: 30px;
+      margin-top: 0px;
+      padding: 18px 5px 0 !important;
+      .ant-menu-title-content {
+        width: 100% !important;
+      }
+      height: 90px !important;
+      border-top: 1px solid #3d4047 !important;
+    }
+  }
+  .ant-pro-sider-collapsed-button {
+    display: none !important;
+  }
+
+  .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
+    box-shadow: none !important;
+    background-color: #141620;
+  }
+  body .ant-pro-sider-logo {
+    background-color: #f3f3f3;
+  }
+
+  .collapse_icon {
+    font-size: 16px;
+    color: #fff;
+    margin: 0 10px;
+    cursor: pointer;
+  }
+
+  .collapse_icon_close {
+    display: flex;
+    justify-content: center;
+  }
+
+  .ant-menu-submenu-title,
+  .ant-menu-item {
+    border: 0px !important;
+    border-color: #005cff !important;
+  }
+
+  .ant-menu-submenu-title:hover,
+  .ant-menu-item:hover {
+    background: linear-gradient(
+      to left,
+      #000c17 0%,
+      #000c17 30%,
+      rgb(0, 54, 144)
+    );
+    border-left: 2px solid #005cff !important;
+    box-sizing: border-box;
+  }
+
+  .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
+    z-index: 10 !important;
+  }
+  .ant-pro-sider-link:hover {
+    border: 0px !important;
+    background: #141620 !important;
+  }
+
+  .ant-table-column-sorters {
+    .ant-table-column-title {
+      flex-shrink: 1;
+      flex: initial !important;
+    }
+    .ant-table-column-sorter {
+      flex-grow: 1;
+      display: flex;
+      align-items: center;
+      margin-left: 5px;
+    }
+  }
+
+  .ant-table-wrapper {
+    .sula-table-action-right {
+      width: 100%;
+      .ant-space {
+        width: 100%;
+        display: inline-block !important;
+        .ant-space-item {
+          display: inline-block;
+          margin-left: 8px;
+        }
+        .ant-space-item:nth-last-child(-n + 3) {
+          float: right;
+        }
+      }
+    }
+  }
+
+  .global_tab_nav_style {
+    top: 2px !important;
+  }
+
+  .row-dragging {
+    background: #fafafa;
+    border: 1px solid #ccc;
+    z-index: 10000;
+  }
+
+  .row-dragging td {
+    padding: 7px 16px;
+    display: none;
+
+  }
+  .row-dragging td:first-child {
+    display: inline-block;
+  }
+
+  .row-dragging .drag-visible {
+    visibility: visible;
+  }
+
+  .ant-pro-sider-menu > .ant-menu-item-group > .ant-menu-item-group-list {
+    display: none;
+  }
+
+  .ant-pro-sider-menu > .ant-menu-item-group > .ant-menu-item-group-title {
+    padding: 0 0 0 16px !important;
+  }
+
+  .ant-pro-sider-menu
+    > .ant-menu-item-group
+    > .ant-menu-item-group-title:hover {
+    background: linear-gradient(
+      to left,
+      #000c17 0%,
+      #000c17 30%,
+      rgb(0, 54, 144)
+    );
+    border-left: 2px solid #005cff !important;
+    box-sizing: border-box;
+    cursor: pointer;
+    color: white;
+  }
+
+  .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
+    z-index: 25 !important;
+  }
+
+  .ant-modal-mask {
+    z-index: 40 !important;
+  }
+
+  .ant-modal-wrap {
+    z-index: 40 !important;
+  }
+
+  .global_tab_nav_style {
+    top: 2px !important;
+    width: 100% !important;
+  }
+  .ant-tabs-nav-operations {
+    display: none !important;
+  }
+
+  .globalTabs
+    > .ant-tabs
+    > .ant-tabs-nav
+    > .ant-tabs-nav-wrap
+    > .ant-tabs-nav-list
+    > div {
+    margin-right: 0px !important;
+    .ant-tabs-tab {
+      padding: 3px 6px;
+      margin: 0px !important;
+      height: 100%;
+    }
+    .ant-tabs-tab-remove {
+      padding-right: 0px;
+    }
+    .ant-tabs-tab-active {
+      border-bottom-color: #f0f0f0;
+    }
+  }
+
+  .tab_title_content {
+    display: flex;
+    align-items: center;
+    .ant-dropdown-trigger {
+      margin-left: 8px;
+      display: inline-block;
+    }
+  }
+
+  .tab_title_content:hover {
+    color: #005cff;
+    .ant-dropdown-trigger {
+      display: inline-block;
+    }
+  }
+}
+
+// 列自定义
+.sort_table_wrapper {
+  .sort_table {
+    display: flex;
+
+    .sort_table_column_wrapper {
+      width: 560px;
+      margin-right: 10px;
+    }
+
+    .sort_table_content_wrapper {
+      width: 210px;
+    }
+
+    .sort_table_column_count,
+    .sort_table_content_count {
+      height: 20px;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 14px;
+      color: #000000;
+      letter-spacing: 0;
+
+      span {
+        color: #848484;
+      }
+    }
+
+    .sort_table_column {
+      margin-top: 10px;
+      width: 560px;
+      height: 430px;
+      overflow: auto;
+      padding: 10px;
+      background: #ffffff;
+      border: 1px solid #d9d9d9;
+      border-radius: 5px;
+
+      &_all {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+
+        &_empty {
+          width: 538px;
+          line-height: 360px;
+          text-align: center;
+          font-family: PingFangSC-Regular;
+          font-weight: 400;
+          font-size: 14px;
+          color: #848484;
+        }
+      }
+
+      &_special {
+        margin-top: 40px;
+        width: 100px;
+        height: 20px;
+        font-family: PingFangSC-Regular;
+        font-weight: 400;
+        font-size: 14px;
+        color: #848484;
+        letter-spacing: 0;
+      }
+
+      :global {
+        .ant-checkbox-wrapper {
+          width: 144px;
+          margin-top: 16px;
+        }
+
+        .ant-checkbox-wrapper + .ant-checkbox-wrapper {
+          margin-left: 0px;
+        }
+      }
+    }
+
+    .sort_table_content {
+      margin-top: 10px;
+      padding-top: 10px;
+      padding-bottom: 10px;
+      border: 1px solid #d9d9d9;
+      border-radius: 5px;
+
+      :global {
+        .ant-table-wrapper {
+          padding: 0px !important;
+        }
+      }
+      .sort_table_title {
+        height: 32px;
+        line-height: 32px;
+        padding-left: 10px;
+        color: gray;
+      }
+    }
+  }
+  :global {
+    div.ant-modal-header {
+      width: 820px;
+      height: 64px;
+      background: #ffffff;
+      padding: 20px;
+      border: 0px;
+
+      div.ant-modal-title {
+        height: 24px;
+        font-family: PingFangSC-Medium;
+        font-weight: 500;
+        font-size: 18px;
+        color: #000000;
+        letter-spacing: 0;
+        line-height: 24px;
+      }
+    }
+
+    .ant-modal-body {
+      padding: 0 20px !important;
+    }
+
+    .ant-modal-close-x {
+      height: 24px;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 18px;
+      color: #000000;
+      letter-spacing: 0;
+    }
+
+    .ant-input-affix-wrapper {
+      padding: 0px;
+      padding-right: 10px;
+    }
+
+    input {
+      height: 32px;
+      padding: 6px 4px;
+      border-radius: 5px;
+    }
+
+    .ant-input-prefix {
+      width: 24px;
+      height: 24px;
+      margin: 4px;
+      // border: 1px dashed #d9d9d9;
+      display: flex;
+      justify-content: center;
+    }
+
+    .ant-modal-footer {
+      height: 70px;
+      border: 0;
+      padding: 20px;
+
+      .ant-btn {
+        width: 80px;
+        height: 34px;
+        border-radius: 5px;
+
+        span {
+          font-family: PingFangSC-Medium;
+          font-weight: 600;
+          font-size: 14px;
+          letter-spacing: 0;
+          text-align: center;
+          line-height: 20px;
+        }
+
+        &:first-child {
+          margin-right: 524px;
+        }
+      }
+    }
+
+    .ant-table-wrapper::-webkit-scrollbar {
+      display: none;
+    }
+
+    .ant-table-wrapper {
+      margin-top: 10px;
+      height: 364px;
+      overflow: scroll;
+      padding-bottom: 50px;
+
+      tr {
+        height: 36px;
+        td {
+          width: 24px !important;
+          height: 36px !important;
+          font-family: PingFangSC-Regular;
+          font-weight: 400;
+          font-size: 14px;
+          color: #000000;
+          letter-spacing: 0;
+
+          &:first-child {
+            padding-left: 10px !important;
+            padding-right: 0px !important;
+            width: 115px !important;
+          }
+
+          img {
+            // border: 1px dashed #d9d9d9;
+            cursor: pointer;
+          }
+
+          &:not(:first-child) {
+            padding-left: 0px !important;
+            padding-right: 0px !important;
+          }
+
+          &:last-child {
+            padding-left: 0px !important;
+            padding-right: 3px !important;
+            width: 34px !important;
+
+            img {
+              // border: 1px dashed #d9d9d9;
+              position: relative;
+              top: 1px;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// 表单特性
+:global {
+  .detail_btn_wrapper {
+    display: flex;
+    gap: 8px;
+  }
+  .table-bssula-summary {
+    left: 10px;
+    &>span {
+      width: inherit !important;
+      // min-width: 150px;
+    }
+  }
+  .queryFormContainer {
+    &>div {
+      height: 100%;
+    }
+  }
+}
+
+.luckysheet-input-box {
+  z-index: 50 !important;
 }