@zgfe/business-lib 1.2.66-hxd.2 → 1.2.70-hxd.1

package/es/assets/styles/resetAntd.less

@@ -1,551 +1,564 @@
-// ant-design覆写样式，需要外部引用业务库的地方单独引用
-@import './variable.less';
-@import './chunks.less';
-
-// 输入框（带icon)
-.ant-input-affix-wrapper {
-  background-color: @background-color-base!important;
-  border-color: @background-color-base !important;
-  border-radius: @border-radius-small!important;
-
-  .ant-input {
-    background-color: @background-color-base!important;
-  }
-
-  &:hover {
-    border-color: @primary-color!important;
-  }
-
-  &.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(
-      .ant-input-affix-wrapper-borderless
-    ):not(.ant-input-affix-wrapper-focused).ant-input-affix-wrapper,
-  &.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(
-      .ant-input-affix-wrapper-borderless
-    ):not(.ant-input-affix-wrapper-focused).ant-input-affix-wrapper:hover {
-    background-color: @background-color-base!important;
-  }
-}
-
-.ant-input-affix-wrapper-focused {
-  background-color: #fff !important;
-  border-color: @primary-color!important;
-
-  .ant-input {
-    background-color: #fff !important;
-  }
-}
-
-.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(
-    .ant-input-affix-wrapper-borderless
-  ).ant-input-affix-wrapper,
-.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(
-    .ant-input-affix-wrapper-borderless
-  ).ant-input-affix-wrapper:hover {
-  border-color: @error-color!important;
-}
-// 输入框
-.ant-input {
-  background-color: @background-color-base!important;
-  // border-color: @background-color-base!important;
-  border-radius: @border-radius-small!important;
-  &:hover {
-    border-color: @primary-color;
-  }
-  &:focus,
-  &-focused {
-    background-color: #fff !important;
-    border-color: @primary-color;
-    box-shadow: 0 0 0 4px @custom-focus !important;
-  }
-  &.ant-input-status-error {
-    border-color: @error-color !important;
-    &:focus,
-    &-focused {
-      &:not(.ant-input-disable):not(.ant-input-borderless) {
-        box-shadow: 0 0 0 4px rgba(#ff8170, 0.2) !important;
-      }
-    }
-  }
-}
-
-.ant-input-group-addon {
-  color: @text-color-secondary!important;
-  background-color: @background-color-base!important;
-}
-
-.ant-select {
-  background: #fafafb;
-  border: 1px solid #fafafb;
-  border-radius: 2px;
-  &:hover {
-    border: 1px solid @primary-color;
-  }
-  &:focus,
-  &-focused {
-    background-color: #fff !important;
-    border-color: @primary-color;
-    box-shadow: 0 0 0 4px @custom-focus !important;
-  }
-}
-
-.ant-select:not(.ant-select-customize-input):not(.ant-pagination-size-changer):not(
-    .ant-select-status-error
-  )
-  .ant-select-selector {
-  background: #fafafb;
-  border-color: rgba(0, 0, 0, 0);
-}
-.ant-select-dropdown {
-  .__select-panel() !important;
-}
-
-// 选择框下拉选项
-.ant-select-item {
-  height: @height-lg!important;
-  padding: @padding-xs @padding-sm!important;
-  border-radius: @border-radius-normal!important;
-
-  &:hover:not(.ant-select-item-option-disabled, .ant-select-item-option-selected) {
-    .__default-hover() !important;
-  }
-
-  &.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
-    color: #fff !important;
-    font-weight: 400 !important;
-    background: @primary-color!important;
-  }
-}
-
-.ant-dropdown-menu {
-  &:not(.ant-dropdown-menu-submenu-popup) {
-    .__select-panel() !important;
-  }
-
-  .ant-dropdown-menu-item,
-  .ant-dropdown-menu-submenu-title {
-    .__select-option();
-
-    &:not(
-        .disabled,
-        .active,
-        .ant-dropdown-menu-item-selected,
-        .ant-dropdown-menu-submenu-title-selected
-      ):hover {
-      .__default-hover();
-    }
-    &.active,
-    &.ant-dropdown-menu-item-selected,
-    &.ant-dropdown-menu-submenu-title-selected {
-      color: #fff !important;
-      background: @primary-color!important;
-    }
-
-    .ant-dropdown-menu-title-content {
-      .__default-overflow() !important;
-    }
-  }
-
-  .ant-dropdown-menu-submenu {
-    &.active,
-    &.active:hover {
-      .ant-dropdown-menu-submenu-title {
-        background: @primary-color!important;
-
-        span {
-          color: #fff !important;
-        }
-      }
-    }
-
-    &.ant-dropdown-menu-submenu-active .ant-dropdown-menu-submenu-title {
-      .__default-hover() !important;
-
-      span {
-        color: @primary-color!important;
-      }
-    }
-  }
-}
-
-.ant-dropdown-menu-submenu-popup ul {
-  margin: 0 @border-radius-normal;
-}
-
-/* 日期控件 */
-
-/*日历文本框*/
-.ant-picker {
-  border-radius: @border-radius-small!important;
-
-  span {
-    color: @text-color-secondary!important;
-  }
-
-  .ant-picker-input > input {
-    color: @text-color!important;
-    &[disabled] {
-      color: @disabled-color!important;
-    }
-  }
-
-  &.ant-picker-disabled {
-    span {
-      color: @disabled-color!important;
-    }
-  }
-
-  &:not(.ant-picker-disabled, .ant-picker-status-error) {
-    &:hover,
-    &.ant-picker-focused {
-      border-color: @primary-color!important;
-    }
-  }
-
-  .ant-picker-active-bar {
-    display: none !important;
-  }
-
-  &,
-  &.ant-picker-range {
-    background-color: @background-color-base;
-    &:not(.ant-picker-status-error) {
-      border-color: @background-color-base;
-    }
-  }
-}
-
-/*日历下拉框*/
-.ant-picker-dropdown {
-  .ant-picker-cell {
-    min-width: 30px !important;
-    padding: 0 !important;
-
-    &::before {
-      height: 30px !important;
-    }
-
-    /*禁止选择*/
-    &.ant-picker-cell-disabled {
-      color: @disabled-color!important;
-
-      &::before {
-        background: #fff !important;
-      }
-    }
-
-    /*当天*/
-    &.ant-picker-cell-today {
-      &.ant-picker-cell-selected {
-        .ant-picker-cell-inner::before {
-          background: #fff !important;
-        }
-      }
-
-      .ant-picker-cell-inner::before {
-        position: absolute !important;
-        top: auto !important;
-        bottom: 4px !important;
-        left: 50% !important;
-        width: 6px !important;
-        height: 1.5px !important;
-        background: @primary-color!important;
-        border: none !important;
-        border-radius: 0.5px !important;
-        transform: translateX(-50%) !important;
-        content: '' !important;
-      }
-    }
-
-    .ant-picker-cell-inner {
-      min-width: 30px !important;
-      height: 30px !important;
-      line-height: 28px !important;
-      text-align: center !important;
-      border: 1px solid transparent !important;
-      border-radius: @border-radius-large!important;
-    }
-
-    /*日期hover*/
-    &:hover {
-      &:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
-      &:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(
-          .ant-picker-cell-range-end
-        ):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end)
-        .ant-picker-cell-inner {
-        background-color: transparent !important;
-        border: 1px solid @primary-color!important;
-      }
-    }
-  }
-
-  /*选中的日期范围*/
-  /* 日期范围的起始时间radius */
-  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(
-      .ant-picker-cell-range-end
-    )
-    .ant-picker-cell-inner,
-  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(
-      .ant-picker-cell-range-start
-    )
-    .ant-picker-cell-inner {
-    border-radius: 50% !important;
-  }
-
-  /*日期范围每行最后一个和第一个添加border-radius*/
-  tr {
-    .ant-picker-cell-in-view:not(.ant-picker-cell-selected) {
-      &:first-child {
-        &.ant-picker-cell-in-range::before {
-          border-radius: @border-radius-small 0 0 @border-radius-small!important;
-        }
-      }
-
-      &:last-child {
-        &.ant-picker-cell-in-range::before {
-          border-radius: 0 @border-radius-small @border-radius-small 0 !important;
-        }
-      }
-    }
-  }
-
-  /*日期范围内背景色*/
-  .ant-picker-cell-in-range::before {
-    background: @primary-color-hover !important;
-  }
-
-  /*日期范围内的hover效果-背景不变*/
-  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
-  .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
-  .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
-  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
-      .ant-picker-cell-range-start-single
-    ).ant-picker-cell-range-hover-start::before,
-  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
-      .ant-picker-cell-range-end-single
-    ).ant-picker-cell-range-hover-end::before,
-  .ant-picker-panel
-    > :not(.ant-picker-date-panel)
-    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
-  .ant-picker-panel
-    > :not(.ant-picker-date-panel)
-    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
-    background: @primary-color-hover !important;
-  }
-
-  /*日期范围内的hover效果*/
-  .ant-picker-date-panel
-    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start,
-  .ant-picker-date-panel
-    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end {
-    .ant-picker-cell-inner {
-      border: 1px solid @primary-color!important;
-
-      &::after {
-        background-color: transparent !important;
-      }
-    }
-  }
-  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
-      .ant-picker-cell-range-start-single
-    )::before,
-  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
-      .ant-picker-cell-range-end-single
-    )::before {
-    background: @primary-color-hover !important;
-  }
-}
-
-// 弹窗
-.ant-modal-mask,
-.ant-drawer-mask {
-  background-color: fade(@text-color, 80%) !important;
-}
-.ant-modal-content {
-  border-radius: @border-radius-normal!important;
-
-  .ant-modal-footer {
-    padding: 0 24px 24px 24px !important;
-    border-top: none !important;
-
-    .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
-      margin-left: 16px !important;
-    }
-  }
-
-  .ant-modal-header {
-    padding-top: 24px !important;
-    border-bottom: none !important;
-    border-radius: @border-radius-normal @border-radius-normal 0 0 !important;
-    .ant-modal-title {
-      height: 34px !important;
-      color: @text-color !important;
-      font-weight: 500 !important;
-      font-size: 24px !important;
-      line-height: 34px !important;
-    }
-  }
-}
-
-// 分页
-.ant-pagination {
-  margin: 0 !important;
-  margin-top: 20px !important;
-
-  .ant-select:not(.ant-select-customize-input) .ant-select-selector {
-    border-radius: @border-radius-small!important;
-  }
-
-  .ant-pagination-item {
-    color: @text-color-secondary!important;
-    background: @background-color-base!important;
-    border: none !important;
-    border-radius: @border-radius-small!important;
-
-    &.ant-pagination-item-active {
-      background: @primary-color!important;
-
-      a {
-        color: @white!important;
-      }
-    }
-
-    &:not(.ant-pagination-item-active):hover {
-      a {
-        color: @primary-color!important;
-      }
-    }
-  }
-
-  .ant-pagination-prev,
-  .ant-pagination-next {
-    .ant-pagination-item-link {
-      color: @text-color-secondary!important;
-      background: @background-color-base!important;
-      border: none !important;
-      border-radius: @border-radius-small!important;
-    }
-
-    &:not(.ant-pagination-disabled) .ant-pagination-item-link:hover {
-      color: @primary-color!important;
-    }
-  }
-
-  .ant-pagination-options-quick-jumper input {
-    border-radius: @border-radius-small!important;
-  }
-}
-
-// 表格
-.ant-table {
-  overflow: hidden;
-  color: @text-color;
-  border: 1px solid @border-color-base;
-  border-radius: @border-radius-normal;
-
-  .ant-table-container {
-    .ant-table-thead > tr > th {
-      color: @text-color;
-      line-height: 16px;
-      background: @background-color-table;
-      border-bottom: 1px solid @border-color-base;
-
-      &::before {
-        width: 0 !important;
-      }
-    }
-
-    .ant-table-tbody {
-      color: @text-color-secondary;
-    }
-
-    .ant-table-tbody > tr:not(:last-child) > td {
-      border-bottom: 1px solid @border-color-base;
-    }
-
-    .ant-table-tbody > tr > td {
-      line-height: 15px;
-    }
-  }
-
-  .ant-table-tbody > tr.ant-table-row:hover > td,
-  .ant-table-tbody > tr > td.ant-table-cell-row-hover {
-    background: @primary-color-hover;
-  }
-  .ant-table-thead {
-    .ant-table-cell {
-      &.ant-table-column-has-sorters {
-        .ant-table-column-sorters {
-          justify-content: flex-start;
-          .ant-table-column-title {
-            flex: none;
-          }
-          .ant-table-column-sorter {
-            margin-left: @margin-xs;
-          }
-        }
-      }
-    }
-  }
-}
-
-//气泡弹框
-.ant-popover-inner {
-  border-radius: @border-radius-small;
-}
-
-//tooltip
-.ant-tooltip-inner {
-  padding: @margin-sm @margin-md;
-  border-radius: @border-radius-normal;
-}
-/* 提示框 */
-.ant-tooltip-inner {
-  padding: @padding-sm @padding-md!important;
-  border-radius: @border-radius-normal!important;
-}
-
-.ant-form-item-label > label {
-  color: @text-color-secondary!important;
-}
-// 按钮
-.ant-btn {
-  border-radius: @border-radius-small!important;
-}
-.ant-radio-button-wrapper:first-child {
-  border-radius: @border-radius-small 0 0 @border-radius-small;
-}
-.ant-radio-button-wrapper:last-child {
-  border-radius: 0 @border-radius-small @border-radius-small 0;
-}
-
-.ant-btn-text {
-  background-color: @background-color-gray!important;
-  border: none !important;
-
-  &:hover {
-    color: @text-color!important;
-    background-color: @btn-text-hover-bg!important;
-  }
-
-  &:focus {
-    color: @text-color!important;
-    background-color: #94a6ce !important;
-  }
-}
-.ant-form-item-explain-error {
-  color: @error-color!important;
-}
-
-//dropdown
-.ant-dropdown,
-.ant-picker-dropdown,
-.ant-dropdown-menu-submenu-popup {
-  z-index: 6666 !important;
-}
-//message
-.ant-message {
-  z-index: 99999 !important;
-}
-.ant-message-notice-content {
-  border-radius: 4px !important;
-}
+// ant-design覆写样式，需要外部引用业务库的地方单独引用
+@import './variable.less';
+@import './chunks.less';
+
+// 输入框（带icon)
+.ant-input-affix-wrapper {
+  background-color: @background-color-base!important;
+  border-color: @background-color-base !important;
+  border-radius: @border-radius-small!important;
+
+  .ant-input {
+    background-color: @background-color-base!important;
+  }
+
+  > .ant-input:hover {
+    border-color: #165dff00 !important;
+  }
+
+  > .ant-input:focus {
+    border-color: #165dff00 !important;
+  }
+
+  &:hover {
+    border-color: @primary-color!important;
+  }
+
+  &.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(
+      .ant-input-affix-wrapper-borderless
+    ):not(.ant-input-affix-wrapper-focused).ant-input-affix-wrapper,
+  &.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(
+      .ant-input-affix-wrapper-borderless
+    ):not(.ant-input-affix-wrapper-focused).ant-input-affix-wrapper:hover {
+    background-color: @background-color-base!important;
+  }
+}
+
+.ant-input-affix-wrapper-focused {
+  background-color: #fff !important;
+  border-color: @primary-color!important;
+
+  .ant-input {
+    background-color: #fff !important;
+  }
+}
+
+.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(
+    .ant-input-affix-wrapper-borderless
+  ).ant-input-affix-wrapper,
+.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(
+    .ant-input-affix-wrapper-borderless
+  ).ant-input-affix-wrapper:hover {
+  border-color: @error-color!important;
+}
+// 输入框
+.ant-input {
+  background-color: @background-color-base!important;
+  border: 1px solid #ecedf000 !important;
+  // border-color: @background-color-base!important;
+  border-radius: @border-radius-small!important;
+  &:hover {
+    border-color: @primary-color !important;
+  }
+  &:focus,
+  &-focused {
+    background-color: #fff !important;
+    border-color: @primary-color !important;
+    box-shadow: 0 0 0 4px @custom-focus !important;
+  }
+  &.ant-input-status-error {
+    border-color: @error-color !important;
+    &:focus,
+    &-focused {
+      &:not(.ant-input-disable):not(.ant-input-borderless) {
+        box-shadow: 0 0 0 4px rgba(#ff8170, 0) !important;
+      }
+    }
+  }
+}
+.ant-input[disabled] {
+  color: rgba(2, 20, 41, 1) !important;
+  background-color: #f2f3f4 !important;
+  border-color: #ecedf000 !important;
+}
+
+.ant-input-group-addon {
+  color: @text-color-secondary!important;
+  background-color: @background-color-base!important;
+}
+
+.ant-select {
+  background: #fafafb;
+  border: 1px solid #fafafb;
+  border-radius: 2px;
+  &:hover {
+    border: 1px solid @primary-color;
+  }
+  &:focus,
+  &-focused {
+    background-color: #fff !important;
+    border-color: @primary-color;
+    box-shadow: 0 0 0 4px @custom-focus !important;
+  }
+}
+
+.ant-select:not(.ant-select-customize-input):not(.ant-pagination-size-changer):not(
+    .ant-select-status-error
+  )
+  .ant-select-selector {
+  background: #fafafb;
+  border-color: rgba(0, 0, 0, 0);
+}
+.ant-select-dropdown {
+  .__select-panel() !important;
+}
+
+// 选择框下拉选项
+.ant-select-item {
+  height: @height-lg!important;
+  padding: @padding-xs @padding-sm!important;
+  border-radius: @border-radius-normal!important;
+
+  &:hover:not(.ant-select-item-option-disabled, .ant-select-item-option-selected) {
+    .__default-hover() !important;
+  }
+
+  &.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+    color: #fff !important;
+    font-weight: 400 !important;
+    background: @primary-color!important;
+  }
+}
+
+.ant-dropdown-menu {
+  &:not(.ant-dropdown-menu-submenu-popup) {
+    .__select-panel() !important;
+  }
+
+  .ant-dropdown-menu-item,
+  .ant-dropdown-menu-submenu-title {
+    .__select-option();
+
+    &:not(
+        .disabled,
+        .active,
+        .ant-dropdown-menu-item-selected,
+        .ant-dropdown-menu-submenu-title-selected
+      ):hover {
+      .__default-hover();
+    }
+    &.active,
+    &.ant-dropdown-menu-item-selected,
+    &.ant-dropdown-menu-submenu-title-selected {
+      color: #fff !important;
+      background: @primary-color!important;
+    }
+
+    .ant-dropdown-menu-title-content {
+      .__default-overflow() !important;
+    }
+  }
+
+  .ant-dropdown-menu-submenu {
+    &.active,
+    &.active:hover {
+      .ant-dropdown-menu-submenu-title {
+        background: @primary-color!important;
+
+        span {
+          color: #fff !important;
+        }
+      }
+    }
+
+    &.ant-dropdown-menu-submenu-active .ant-dropdown-menu-submenu-title {
+      .__default-hover() !important;
+
+      span {
+        color: @primary-color!important;
+      }
+    }
+  }
+}
+
+.ant-dropdown-menu-submenu-popup ul {
+  margin: 0 @border-radius-normal;
+}
+
+/* 日期控件 */
+
+/*日历文本框*/
+.ant-picker {
+  border-radius: @border-radius-small!important;
+
+  span {
+    color: @text-color-secondary!important;
+  }
+
+  .ant-picker-input > input {
+    color: @text-color!important;
+    &[disabled] {
+      color: @disabled-color!important;
+    }
+  }
+
+  &.ant-picker-disabled {
+    span {
+      color: @disabled-color!important;
+    }
+  }
+
+  &:not(.ant-picker-disabled, .ant-picker-status-error) {
+    &:hover,
+    &.ant-picker-focused {
+      border-color: @primary-color!important;
+    }
+  }
+
+  .ant-picker-active-bar {
+    display: none !important;
+  }
+
+  &,
+  &.ant-picker-range {
+    background-color: @background-color-base;
+    &:not(.ant-picker-status-error) {
+      border-color: @background-color-base;
+    }
+  }
+}
+
+/*日历下拉框*/
+.ant-picker-dropdown {
+  .ant-picker-cell {
+    min-width: 30px !important;
+    padding: 0 !important;
+
+    &::before {
+      height: 30px !important;
+    }
+
+    /*禁止选择*/
+    &.ant-picker-cell-disabled {
+      color: @disabled-color!important;
+
+      &::before {
+        background: #fff !important;
+      }
+    }
+
+    /*当天*/
+    &.ant-picker-cell-today {
+      &.ant-picker-cell-selected {
+        .ant-picker-cell-inner::before {
+          background: #fff !important;
+        }
+      }
+
+      .ant-picker-cell-inner::before {
+        position: absolute !important;
+        top: auto !important;
+        bottom: 4px !important;
+        left: 50% !important;
+        width: 6px !important;
+        height: 1.5px !important;
+        background: @primary-color!important;
+        border: none !important;
+        border-radius: 0.5px !important;
+        transform: translateX(-50%) !important;
+        content: '' !important;
+      }
+    }
+
+    .ant-picker-cell-inner {
+      min-width: 30px !important;
+      height: 30px !important;
+      line-height: 28px !important;
+      text-align: center !important;
+      border: 1px solid transparent !important;
+      border-radius: @border-radius-large!important;
+    }
+
+    /*日期hover*/
+    &:hover {
+      &:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
+      &:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(
+          .ant-picker-cell-range-end
+        ):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end)
+        .ant-picker-cell-inner {
+        background-color: transparent !important;
+        border: 1px solid @primary-color!important;
+      }
+    }
+  }
+
+  /*选中的日期范围*/
+  /* 日期范围的起始时间radius */
+  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(
+      .ant-picker-cell-range-end
+    )
+    .ant-picker-cell-inner,
+  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(
+      .ant-picker-cell-range-start
+    )
+    .ant-picker-cell-inner {
+    border-radius: 50% !important;
+  }
+
+  /*日期范围每行最后一个和第一个添加border-radius*/
+  tr {
+    .ant-picker-cell-in-view:not(.ant-picker-cell-selected) {
+      &:first-child {
+        &.ant-picker-cell-in-range::before {
+          border-radius: @border-radius-small 0 0 @border-radius-small!important;
+        }
+      }
+
+      &:last-child {
+        &.ant-picker-cell-in-range::before {
+          border-radius: 0 @border-radius-small @border-radius-small 0 !important;
+        }
+      }
+    }
+  }
+
+  /*日期范围内背景色*/
+  .ant-picker-cell-in-range::before {
+    background: @primary-color-hover !important;
+  }
+
+  /*日期范围内的hover效果-背景不变*/
+  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
+  .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
+  .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
+  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
+      .ant-picker-cell-range-start-single
+    ).ant-picker-cell-range-hover-start::before,
+  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
+      .ant-picker-cell-range-end-single
+    ).ant-picker-cell-range-hover-end::before,
+  .ant-picker-panel
+    > :not(.ant-picker-date-panel)
+    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
+  .ant-picker-panel
+    > :not(.ant-picker-date-panel)
+    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
+    background: @primary-color-hover !important;
+  }
+
+  /*日期范围内的hover效果*/
+  .ant-picker-date-panel
+    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start,
+  .ant-picker-date-panel
+    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end {
+    .ant-picker-cell-inner {
+      border: 1px solid @primary-color!important;
+
+      &::after {
+        background-color: transparent !important;
+      }
+    }
+  }
+  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
+      .ant-picker-cell-range-start-single
+    )::before,
+  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
+      .ant-picker-cell-range-end-single
+    )::before {
+    background: @primary-color-hover !important;
+  }
+}
+
+// 弹窗
+.ant-modal-mask,
+.ant-drawer-mask {
+  background-color: fade(@text-color, 80%) !important;
+}
+.ant-modal-content {
+  border-radius: @border-radius-normal!important;
+
+  .ant-modal-footer {
+    padding: 0 24px 24px 24px !important;
+    border-top: none !important;
+
+    .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
+      margin-left: 16px !important;
+    }
+  }
+
+  .ant-modal-header {
+    padding-top: 24px !important;
+    border-bottom: none !important;
+    border-radius: @border-radius-normal @border-radius-normal 0 0 !important;
+    .ant-modal-title {
+      height: 34px !important;
+      color: @text-color !important;
+      font-weight: 500 !important;
+      font-size: 24px !important;
+      line-height: 34px !important;
+    }
+  }
+}
+
+// 分页
+.ant-pagination {
+  margin: 0 !important;
+  margin-top: 20px !important;
+
+  .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+    border-radius: @border-radius-small!important;
+  }
+
+  .ant-pagination-item {
+    color: @text-color-secondary!important;
+    background: @background-color-base!important;
+    border: none !important;
+    border-radius: @border-radius-small!important;
+
+    &.ant-pagination-item-active {
+      background: @primary-color!important;
+
+      a {
+        color: @white!important;
+      }
+    }
+
+    &:not(.ant-pagination-item-active):hover {
+      a {
+        color: @primary-color!important;
+      }
+    }
+  }
+
+  .ant-pagination-prev,
+  .ant-pagination-next {
+    .ant-pagination-item-link {
+      color: @text-color-secondary!important;
+      background: @background-color-base!important;
+      border: none !important;
+      border-radius: @border-radius-small!important;
+    }
+
+    &:not(.ant-pagination-disabled) .ant-pagination-item-link:hover {
+      color: @primary-color!important;
+    }
+  }
+
+  .ant-pagination-options-quick-jumper input {
+    border-radius: @border-radius-small!important;
+  }
+}
+
+// 表格
+.ant-table {
+  overflow: hidden;
+  color: @text-color;
+  border: 1px solid @border-color-base;
+  border-radius: @border-radius-normal;
+
+  .ant-table-container {
+    .ant-table-thead > tr > th {
+      color: @text-color;
+      line-height: 16px;
+      background: @background-color-table;
+      border-bottom: 1px solid @border-color-base;
+
+      &::before {
+        width: 0 !important;
+      }
+    }
+
+    .ant-table-tbody {
+      color: @text-color-secondary;
+    }
+
+    .ant-table-tbody > tr:not(:last-child) > td {
+      border-bottom: 1px solid @border-color-base;
+    }
+
+    .ant-table-tbody > tr > td {
+      line-height: 15px;
+    }
+  }
+
+  .ant-table-tbody > tr.ant-table-row:hover > td,
+  .ant-table-tbody > tr > td.ant-table-cell-row-hover {
+    background: @primary-color-hover;
+  }
+  .ant-table-thead {
+    .ant-table-cell {
+      &.ant-table-column-has-sorters {
+        .ant-table-column-sorters {
+          justify-content: flex-start;
+          .ant-table-column-title {
+            flex: none;
+          }
+          .ant-table-column-sorter {
+            margin-left: @margin-xs;
+          }
+        }
+      }
+    }
+  }
+}
+
+//气泡弹框
+.ant-popover-inner {
+  border-radius: @border-radius-small;
+}
+
+//tooltip
+.ant-tooltip-inner {
+  padding: @margin-sm @margin-md;
+  border-radius: @border-radius-normal;
+}
+/* 提示框 */
+.ant-tooltip-inner {
+  padding: @padding-sm @padding-md!important;
+  border-radius: @border-radius-normal!important;
+}
+
+.ant-form-item-label > label {
+  color: @text-color-secondary!important;
+}
+// 按钮
+.ant-btn {
+  border-radius: @border-radius-small!important;
+}
+.ant-radio-button-wrapper:first-child {
+  border-radius: @border-radius-small 0 0 @border-radius-small;
+}
+.ant-radio-button-wrapper:last-child {
+  border-radius: 0 @border-radius-small @border-radius-small 0;
+}
+
+.ant-btn-text {
+  background-color: none !important;
+  border: none !important;
+
+  &:hover {
+    color: @text-color!important;
+    background-color: none !important;
+  }
+
+  &:focus {
+    color: @text-color!important;
+    background-color: none !important;
+  }
+}
+.ant-form-item-explain-error {
+  color: @error-color!important;
+}
+
+.ant-dropdown,
+.ant-picker-dropdown,
+.ant-dropdown-menu-submenu-popup {
+  z-index: 6666 !important;
+}
+//message
+.ant-message {
+  z-index: 99999 !important;
+}
+.ant-message-notice-content {
+  border-radius: 4px !important;
+}