linkmore-design 1.0.4 → 1.0.5

package/dist/index.umd.css

@@ -1,44 +1,3 @@
-.ant-pro-core-label-tip {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: -webkit-inline-flex;
-  display: inline-flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  max-width: 100%;
-}
-.ant-pro-core-label-tip-icon {
-  display: block;
-  margin-left: 4px;
-  cursor: pointer;
-}
-.ant-pro-core-label-tip-icon:hover {
-  color: #40a9ff;
-}
-.ant-pro-core-label-tip-title {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: -webkit-inline-flex;
-  display: inline-flex;
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
-}
-.ant-pro-core-label-tip-subtitle {
-  margin-left: 8px;
-  color: rgba(0, 0, 0, 0.45);
-  font-weight: normal;
-  font-size: 14px;
-  white-space: nowrap;
-}
-.ant-pro-core-label-tip-title-ellipsis {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  word-break: keep-all;
-}
-
 .ant-pro-core-dropdown-footer {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -51,22 +10,15 @@
   border-top: 1px solid #f0f0f0;
 }
 
-.ant-pro-core-field-dropdown-label {
-  cursor: pointer;
-}
-.ant-pro-core-field-dropdown-overlay {
-  min-width: 200px;
-  margin-top: 4px;
-  background-color: #fff;
-  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
-          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
-}
-.ant-pro-core-field-dropdown-content {
-  padding: 16px;
-}
-
 .ant-pro-core-field-label {
-  display: inline-block;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: -webkit-inline-flex;
+  display: inline-flex;
+  gap: 4px;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   height: 30px;
   padding: 0 4px;
   font-size: 14px;
@@ -88,8 +40,7 @@
   display: inline-block;
 }
 .ant-pro-core-field-label-icon {
-  margin-top: -2px;
-  margin-left: 4px;
+  height: 12px;
   padding: 1px;
   color: rgba(0, 0, 0, 0.45);
   font-size: 12px;
@@ -97,7 +48,7 @@
 }
 .ant-pro-core-field-label-icon.ant-pro-core-field-label-close {
   display: none;
-  margin-top: -4px;
+  height: 14px;
   padding: 3px;
   color: #fff;
   font-size: 8px;
@@ -145,6 +96,20 @@
   background-color: #fff;
 }
 
+.ant-pro-core-field-dropdown-label {
+  cursor: pointer;
+}
+.ant-pro-core-field-dropdown-overlay {
+  min-width: 200px;
+  margin-top: 4px;
+  background-color: #fff;
+  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
+          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
+}
+.ant-pro-core-field-dropdown-content {
+  padding: 16px;
+}
+
 .ant-pro-inline-error-form-item-multiple {
   padding: 6px 8px 12px 8px;
 }
@@ -204,7 +169,7 @@
   color: rgba(0, 0, 0, 0.85);
 }
 
-.ant-pro-field-index-column {
+.ant-pro-core-label-tip {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: -webkit-inline-flex;
@@ -212,36 +177,58 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  width: 18px;
-  height: 18px;
+  max-width: 100%;
 }
-.ant-pro-field-index-column-border {
-  color: #fff;
-  font-size: 12px;
-  line-height: 12px;
-  background-color: #314659;
-  border-radius: 9px;
+.ant-pro-core-label-tip-icon {
+  display: block;
+  margin-left: 4px;
+  cursor: pointer;
 }
-.ant-pro-field-index-column-border.top-three {
-  background-color: #979797;
+.ant-pro-core-label-tip-icon:hover {
+  color: #40a9ff;
 }
-
-.ant-pro-field-date-picker-light .ant-calendar-picker,
-.ant-pro-field-date-picker-light .ant-picker {
-  position: absolute;
-  width: 80px;
-  height: 28px;
+.ant-pro-core-label-tip-title {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: -webkit-inline-flex;
+  display: inline-flex;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.ant-pro-core-label-tip-subtitle {
+  margin-left: 8px;
+  color: rgba(0, 0, 0, 0.45);
+  font-weight: normal;
+  font-size: 14px;
+  white-space: nowrap;
+}
+.ant-pro-core-label-tip-title-ellipsis {
   overflow: hidden;
-  visibility: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  word-break: keep-all;
 }
 
 .ant-pro-field-dropdown {
   width: auto;
 }
 
+.ant-pro-table-dropdown {
+  width: auto;
+}
+.ant-pro-select-item-option-content-light {
+  color: #1890ff;
+}
+.ant-pro-select-item-option-content {
+  -webkit-box-flex: 1;
+      -ms-flex: auto;
+          flex: auto;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .ant-pro-field-select-light-select .ant-select {
   position: absolute;
   width: 153px;
@@ -258,21 +245,6 @@
   height: 28px;
 }
 
-.ant-pro-table-dropdown {
-  width: auto;
-}
-.ant-pro-select-item-option-content-light {
-  color: #1890ff;
-}
-.ant-pro-select-item-option-content {
-  -webkit-box-flex: 1;
-      -ms-flex: auto;
-          flex: auto;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
 .ant-pro-field-checkbox-vertical .ant-checkbox-group-item {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -281,27 +253,87 @@
   margin-right: 0;
 }
 
+.ant-pro-field-date-picker-light .ant-calendar-picker,
+.ant-pro-field-date-picker-light .ant-picker {
+  position: absolute;
+  width: 80px;
+  height: 28px;
+  overflow: hidden;
+  visibility: hidden;
+}
+
+.ant-pro-field-index-column {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: -webkit-inline-flex;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 18px;
+  height: 18px;
+}
+.ant-pro-field-index-column-border {
+  color: #fff;
+  font-size: 12px;
+  line-height: 12px;
+  background-color: #314659;
+  border-radius: 9px;
+}
+.ant-pro-field-index-column-border.top-three {
+  background-color: #979797;
+}
+
 .ant-pro-field-radio-vertical .ant-radio-wrapper {
   display: block;
   margin-right: 0;
 }
 
-.ant-pro-card-loading {
-  overflow: hidden;
+.ant-pro-checkcard-group {
+  display: inline-block;
 }
-.ant-pro-card-loading .ant-pro-card-body {
+.ant-pro-checkcard {
+  position: relative;
+  display: inline-block;
+  width: 320px;
+  margin-right: 16px;
+  margin-bottom: 16px;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  line-height: 1.5715;
+  vertical-align: top;
+  background-color: #fff;
+  border-radius: 2px;
+  cursor: pointer;
+  -webkit-transition: all 0.2s;
+  transition: all 0.2s;
+}
+.ant-pro-checkcard:last-child {
+  margin-right: 0;
+}
+.ant-pro-checkcard + .ant-pro-checkcard {
+  margin-left: 0 !important;
+}
+.ant-pro-checkcard-bordered {
+  border: 1px solid #d9d9d9;
+}
+.ant-pro-checkcard-loading {
+  overflow: hidden;
   -webkit-user-select: none;
       -ms-user-select: none;
              -moz-user-select: none;
           user-select: none;
 }
-.ant-pro-card-loading-content {
-  width: 100%;
+.ant-pro-checkcard-loading-content {
+  padding: 12px 16px;
 }
-.ant-pro-card-loading-content p {
+.ant-pro-checkcard-loading-content p {
   margin: 0;
 }
-.ant-pro-card-loading-block {
+.ant-pro-checkcard-loading-block {
   height: 14px;
   margin: 4px 0;
   background: -webkit-gradient(linear, left top, right top, from(rgba(207, 216, 220, 0.2)), color-stop(rgba(207, 216, 220, 0.4)), to(rgba(207, 216, 220, 0.2)));
@@ -329,25 +361,242 @@
     background-position: 100% 50%;
   }
 }
-
-.ant-pro-card-actions {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  background: #fff;
-  border-top: 1px solid #f0f0f0;
-}
-.ant-pro-card-actions::before {
-  display: table;
-  content: '';
+.ant-pro-checkcard:focus {
+  background-color: #e6f7ff;
+  border-color: #1890ff;
 }
-.ant-pro-card-actions::after {
-  display: table;
-  clear: both;
-  content: '';
+.ant-pro-checkcard-checked {
+  background-color: #e6f7ff;
+  border-color: #1890ff;
 }
-.ant-pro-card-actions .ant-space {
-  gap: 0 !important;
+.ant-pro-checkcard-disabled {
+  background-color: #f5f5f5;
+  border-color: #d9d9d9;
+  cursor: not-allowed;
+}
+.ant-pro-checkcard-disabled .ant-pro-checkcard-description {
+  color: rgba(0, 0, 0, 0.25);
+}
+.ant-pro-checkcard-disabled .ant-pro-checkcard-title {
+  color: rgba(0, 0, 0, 0.25);
+}
+.ant-pro-checkcard-disabled .ant-pro-checkcard-avatar {
+  opacity: 0.25;
+}
+.ant-pro-checkcard[disabled] {
+  background-color: #f5f5f5;
+  border-color: #d9d9d9;
+  cursor: not-allowed;
+}
+.ant-pro-checkcard[disabled] .ant-pro-checkcard-description {
+  color: rgba(0, 0, 0, 0.25);
+}
+.ant-pro-checkcard[disabled] .ant-pro-checkcard-title {
+  color: rgba(0, 0, 0, 0.25);
+}
+.ant-pro-checkcard[disabled] .ant-pro-checkcard-avatar {
+  opacity: 0.25;
+}
+.ant-pro-checkcard-lg {
+  width: 440px;
+}
+.ant-pro-checkcard-sm {
+  width: 212px;
+}
+.ant-pro-checkcard-cover {
+  padding: 4px;
+}
+.ant-pro-checkcard-cover img {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  border-radius: 2px;
+}
+.ant-pro-checkcard-content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  padding: 12px 16px;
+}
+.ant-pro-checkcard-avatar-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.ant-pro-checkcard-avatar {
+  padding-right: 8px;
+}
+.ant-pro-checkcard-detail {
+  overflow: hidden;
+}
+.ant-pro-checkcard-detail > div:not(:last-child) {
+  margin-bottom: 4px;
+}
+.ant-pro-checkcard-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.ant-pro-checkcard-title {
+  overflow: hidden;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+  font-size: 14px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.ant-pro-checkcard-description {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-pro-checkcard:not(.ant-pro-checkcard-disabled):hover {
+  border-color: #1890ff;
+}
+.ant-pro-checkcard-checked::after {
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  width: 0;
+  height: 0;
+  border: 6px solid #1890ff;
+  border-bottom: 6px solid transparent;
+  border-left: 6px solid transparent;
+  border-top-right-radius: 2px;
+  content: '';
+}
+
+.ant-pro-card-statistic {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  font-size: 14px;
+}
+.ant-pro-card-statistic + .ant-pro-card-statistic {
+  margin-top: 4px;
+}
+.ant-pro-card-statistic-tip {
+  margin-left: 4px;
+}
+.ant-pro-card-statistic-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  width: 100%;
+}
+.ant-pro-card-statistic-icon {
+  margin-right: 16px;
+}
+.ant-pro-card-statistic-trend-icon {
+  width: 0;
+  height: 0;
+  border-right: 3.5px solid transparent;
+  border-bottom: 9px solid #000;
+  border-left: 3.5px solid transparent;
+}
+.ant-pro-card-statistic-trend-icon-up {
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+}
+.ant-pro-card-statistic-trend-icon-down {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.ant-pro-card-statistic-content {
+  width: 100%;
+}
+.ant-pro-card-statistic-description {
+  width: 100%;
+}
+.ant-pro-card-statistic .ant-statistic-title {
+  color: rgba(0, 0, 0, 0.85);
+}
+.ant-pro-card-statistic-layout-inline {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: -webkit-inline-flex;
+  display: inline-flex;
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-pro-card-statistic-layout-inline .ant-statistic-title {
+  margin-right: 6px;
+  margin-bottom: 0;
+}
+.ant-pro-card-statistic-layout-inline .ant-statistic-content {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-pro-card-statistic-layout-inline .ant-statistic-title,
+.ant-pro-card-statistic-layout-inline .ant-statistic-content,
+.ant-pro-card-statistic-layout-inline .ant-statistic-content-suffix,
+.ant-pro-card-statistic-layout-inline .ant-statistic-content-prefix,
+.ant-pro-card-statistic-layout-inline .ant-statistic-content-value-decimal {
+  font-size: 12px;
+}
+.ant-pro-card-statistic-layout-horizontal {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.ant-pro-card-statistic-layout-horizontal .ant-statistic-title {
+  margin-bottom: 0;
+}
+.ant-pro-card-statistic-layout-horizontal .ant-statistic-content-value {
+  font-weight: 500;
+}
+.ant-pro-card-statistic-layout-horizontal .ant-statistic-title,
+.ant-pro-card-statistic-layout-horizontal .ant-statistic-content,
+.ant-pro-card-statistic-layout-horizontal .ant-statistic-content-suffix,
+.ant-pro-card-statistic-layout-horizontal .ant-statistic-content-prefix,
+.ant-pro-card-statistic-layout-horizontal .ant-statistic-content-value-decimal {
+  font-size: 14px;
+}
+.ant-pro-card-statistic-trend-up .ant-statistic-content {
+  color: #f5222d;
+}
+.ant-pro-card-statistic-trend-up .ant-statistic-content .ant-pro-card-statistic-trend-icon {
+  border-bottom-color: #f5222d;
+}
+.ant-pro-card-statistic-trend-down .ant-statistic-content {
+  color: #389e0d;
+}
+.ant-pro-card-statistic-trend-down .ant-statistic-content .ant-pro-card-statistic-trend-icon {
+  border-bottom-color: #52c41a;
+}
+
+.ant-pro-card-actions {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  background: #fff;
+  border-top: 1px solid #f0f0f0;
+}
+.ant-pro-card-actions::before {
+  display: table;
+  content: '';
+}
+.ant-pro-card-actions::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.ant-pro-card-actions .ant-space {
+  gap: 0 !important;
   width: 100%;
 }
 .ant-pro-card-actions > li,
@@ -412,28 +661,72 @@
   border-right: 1px solid #f0f0f0;
 }
 
-.ant-pro-card {
-  position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  background-color: #fff;
-  border-radius: 2px;
+.ant-pro-card-loading {
+  overflow: hidden;
 }
-.ant-pro-card-col {
+.ant-pro-card-loading .ant-pro-card-body {
+  -webkit-user-select: none;
+      -ms-user-select: none;
+             -moz-user-select: none;
+          user-select: none;
+}
+.ant-pro-card-loading-content {
   width: 100%;
 }
-.ant-pro-card-border {
+.ant-pro-card-loading-content p {
+  margin: 0;
+}
+.ant-pro-card-loading-block {
+  height: 14px;
+  margin: 4px 0;
+  background: -webkit-gradient(linear, left top, right top, from(rgba(207, 216, 220, 0.2)), color-stop(rgba(207, 216, 220, 0.4)), to(rgba(207, 216, 220, 0.2)));
+  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
+  background-size: 600% 600%;
+  border-radius: 2px;
+  -webkit-animation: card-loading 1.4s ease infinite;
+          animation: card-loading 1.4s ease infinite;
+}
+@-webkit-keyframes card-loading {
+  0%,
+  100% {
+    background-position: 0 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+}
+@keyframes card-loading {
+  0%,
+  100% {
+    background-position: 0 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+}
+
+.ant-pro-card {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  background-color: #fff;
+  border-radius: 2px;
+}
+.ant-pro-card-col {
+  width: 100%;
+}
+.ant-pro-card-border {
   border: 1px solid #f0f0f0;
 }
 .ant-pro-card-hoverable {
@@ -717,35 +1010,6 @@
   width: 4.16666667%;
 }
 
-.ant-pro-card-tabs .ant-tabs-top > .ant-tabs-nav {
-  margin-bottom: 0;
-}
-.ant-pro-card-tabs .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list {
-  margin-top: 8px;
-  padding-left: 16px;
-}
-.ant-pro-card-tabs .ant-tabs-bottom > .ant-tabs-nav {
-  margin-top: 0;
-}
-.ant-pro-card-tabs .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-list {
-  padding-left: 16px;
-}
-.ant-pro-card-tabs .ant-tabs-left .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
-  padding-left: 0;
-}
-.ant-pro-card-tabs .ant-tabs-left > .ant-tabs-nav {
-  margin-right: 0;
-}
-.ant-pro-card-tabs .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list {
-  padding-top: 16px;
-}
-.ant-pro-card-tabs .ant-tabs-right .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
-  padding-right: 0;
-}
-.ant-pro-card-tabs .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list {
-  padding-top: 16px;
-}
-
 .ant-pro-card-divider {
   -webkit-box-flex: 0;
       -ms-flex: none;
@@ -766,109 +1030,6 @@
   margin: 8px 12px;
 }
 
-.ant-pro-card-statistic {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  font-size: 14px;
-}
-.ant-pro-card-statistic + .ant-pro-card-statistic {
-  margin-top: 4px;
-}
-.ant-pro-card-statistic-tip {
-  margin-left: 4px;
-}
-.ant-pro-card-statistic-wrapper {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  width: 100%;
-}
-.ant-pro-card-statistic-icon {
-  margin-right: 16px;
-}
-.ant-pro-card-statistic-trend-icon {
-  width: 0;
-  height: 0;
-  border-right: 3.5px solid transparent;
-  border-bottom: 9px solid #000;
-  border-left: 3.5px solid transparent;
-}
-.ant-pro-card-statistic-trend-icon-up {
-  -webkit-transform: rotate(0deg);
-          transform: rotate(0deg);
-}
-.ant-pro-card-statistic-trend-icon-down {
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
-}
-.ant-pro-card-statistic-content {
-  width: 100%;
-}
-.ant-pro-card-statistic-description {
-  width: 100%;
-}
-.ant-pro-card-statistic .ant-statistic-title {
-  color: rgba(0, 0, 0, 0.85);
-}
-.ant-pro-card-statistic-layout-inline {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: -webkit-inline-flex;
-  display: inline-flex;
-  color: rgba(0, 0, 0, 0.45);
-}
-.ant-pro-card-statistic-layout-inline .ant-statistic-title {
-  margin-right: 6px;
-  margin-bottom: 0;
-}
-.ant-pro-card-statistic-layout-inline .ant-statistic-content {
-  color: rgba(0, 0, 0, 0.45);
-}
-.ant-pro-card-statistic-layout-inline .ant-statistic-title,
-.ant-pro-card-statistic-layout-inline .ant-statistic-content,
-.ant-pro-card-statistic-layout-inline .ant-statistic-content-suffix,
-.ant-pro-card-statistic-layout-inline .ant-statistic-content-prefix,
-.ant-pro-card-statistic-layout-inline .ant-statistic-content-value-decimal {
-  font-size: 12px;
-}
-.ant-pro-card-statistic-layout-horizontal {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-}
-.ant-pro-card-statistic-layout-horizontal .ant-statistic-title {
-  margin-bottom: 0;
-}
-.ant-pro-card-statistic-layout-horizontal .ant-statistic-content-value {
-  font-weight: 500;
-}
-.ant-pro-card-statistic-layout-horizontal .ant-statistic-title,
-.ant-pro-card-statistic-layout-horizontal .ant-statistic-content,
-.ant-pro-card-statistic-layout-horizontal .ant-statistic-content-suffix,
-.ant-pro-card-statistic-layout-horizontal .ant-statistic-content-prefix,
-.ant-pro-card-statistic-layout-horizontal .ant-statistic-content-value-decimal {
-  font-size: 14px;
-}
-.ant-pro-card-statistic-trend-up .ant-statistic-content {
-  color: #f5222d;
-}
-.ant-pro-card-statistic-trend-up .ant-statistic-content .ant-pro-card-statistic-trend-icon {
-  border-bottom-color: #f5222d;
-}
-.ant-pro-card-statistic-trend-down .ant-statistic-content {
-  color: #389e0d;
-}
-.ant-pro-card-statistic-trend-down .ant-statistic-content .ant-pro-card-statistic-trend-icon {
-  border-bottom-color: #52c41a;
-}
-
 .ant-pro-card-operation {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -938,211 +1099,128 @@
   border-top: rgba(0, 0, 0, 0.08) 1px solid;
 }
 
-.ant-pro-checkcard-group {
-  display: inline-block;
+.ant-pro-card-tabs .ant-tabs-top > .ant-tabs-nav {
+  margin-bottom: 0;
 }
-.ant-pro-checkcard {
-  position: relative;
-  display: inline-block;
-  width: 320px;
-  margin-right: 16px;
-  margin-bottom: 16px;
-  color: rgba(0, 0, 0, 0.85);
-  font-size: 14px;
-  line-height: 1.5715;
-  vertical-align: top;
-  background-color: #fff;
-  border-radius: 2px;
-  cursor: pointer;
-  -webkit-transition: all 0.2s;
-  transition: all 0.2s;
+.ant-pro-card-tabs .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list {
+  margin-top: 8px;
+  padding-left: 16px;
 }
-.ant-pro-checkcard:last-child {
+.ant-pro-card-tabs .ant-tabs-bottom > .ant-tabs-nav {
+  margin-top: 0;
+}
+.ant-pro-card-tabs .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-list {
+  padding-left: 16px;
+}
+.ant-pro-card-tabs .ant-tabs-left .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
+  padding-left: 0;
+}
+.ant-pro-card-tabs .ant-tabs-left > .ant-tabs-nav {
   margin-right: 0;
 }
-.ant-pro-checkcard + .ant-pro-checkcard {
-  margin-left: 0 !important;
+.ant-pro-card-tabs .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list {
+  padding-top: 16px;
 }
-.ant-pro-checkcard-bordered {
-  border: 1px solid #d9d9d9;
+.ant-pro-card-tabs .ant-tabs-right .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
+  padding-right: 0;
 }
-.ant-pro-checkcard-loading {
-  overflow: hidden;
-  -webkit-user-select: none;
-      -ms-user-select: none;
-             -moz-user-select: none;
-          user-select: none;
+.ant-pro-card-tabs .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list {
+  padding-top: 16px;
 }
-.ant-pro-checkcard-loading-content {
-  padding: 12px 16px;
+
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field {
+  max-width: 100%;
 }
-.ant-pro-checkcard-loading-content p {
-  margin: 0;
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xs {
+  width: 104px;
 }
-.ant-pro-checkcard-loading-block {
-  height: 14px;
-  margin: 4px 0;
-  background: -webkit-gradient(linear, left top, right top, from(rgba(207, 216, 220, 0.2)), color-stop(rgba(207, 216, 220, 0.4)), to(rgba(207, 216, 220, 0.2)));
-  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
-  background-size: 600% 600%;
-  border-radius: 2px;
-  -webkit-animation: card-loading 1.4s ease infinite;
-          animation: card-loading 1.4s ease infinite;
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-s {
+  width: 216px;
 }
-@-webkit-keyframes card-loading {
-  0%,
-  100% {
-    background-position: 0 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-}
-@keyframes card-loading {
-  0%,
-  100% {
-    background-position: 0 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-}
-.ant-pro-checkcard:focus {
-  background-color: #e6f7ff;
-  border-color: #1890ff;
-}
-.ant-pro-checkcard-checked {
-  background-color: #e6f7ff;
-  border-color: #1890ff;
-}
-.ant-pro-checkcard-disabled {
-  background-color: #f5f5f5;
-  border-color: #d9d9d9;
-  cursor: not-allowed;
-}
-.ant-pro-checkcard-disabled .ant-pro-checkcard-description {
-  color: rgba(0, 0, 0, 0.25);
-}
-.ant-pro-checkcard-disabled .ant-pro-checkcard-title {
-  color: rgba(0, 0, 0, 0.25);
-}
-.ant-pro-checkcard-disabled .ant-pro-checkcard-avatar {
-  opacity: 0.25;
-}
-.ant-pro-checkcard[disabled] {
-  background-color: #f5f5f5;
-  border-color: #d9d9d9;
-  cursor: not-allowed;
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-sm {
+  width: 216px;
 }
-.ant-pro-checkcard[disabled] .ant-pro-checkcard-description {
-  color: rgba(0, 0, 0, 0.25);
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-m {
+  width: 328px;
 }
-.ant-pro-checkcard[disabled] .ant-pro-checkcard-title {
-  color: rgba(0, 0, 0, 0.25);
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-md {
+  width: 328px;
 }
-.ant-pro-checkcard[disabled] .ant-pro-checkcard-avatar {
-  opacity: 0.25;
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-l {
+  width: 440px;
 }
-.ant-pro-checkcard-lg {
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-lg {
   width: 440px;
 }
-.ant-pro-checkcard-sm {
-  width: 212px;
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xl {
+  width: 552px;
 }
-.ant-pro-checkcard-cover {
-  padding: 4px;
+
+.ant-form:not(.ant-form-horizontal) .ant-pro-form-list-item:not(.ant-pro-form-list-item-show-label) .ant-form-item-label {
+  display: none;
 }
-.ant-pro-checkcard-cover img {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  border-radius: 2px;
+.ant-pro-form-list {
+  max-width: 100%;
 }
-.ant-pro-checkcard-content {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  padding: 12px 16px;
+.ant-pro-form-list-item.ant-pro-form-list-item-show-label .ant-form-item-label {
+  display: inline-block;
 }
-.ant-pro-checkcard-avatar-header {
+.ant-pro-form-list-item:first-of-type div:first-of-type .ant-form-item .ant-form-item-label {
+  display: inline-block;
+}
+.ant-pro-form-list-action {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  height: 32px;
+  margin-bottom: 24px;
+  line-height: 32px;
 }
-.ant-pro-checkcard-avatar {
-  padding-right: 8px;
+.ant-pro-form-list .ant-pro-card .ant-pro-card-extra .ant-pro-form-list-action {
+  margin-bottom: 0;
 }
-.ant-pro-checkcard-detail {
-  overflow: hidden;
+.ant-pro-form-list-action-icon {
+  margin-left: 8px;
+  cursor: pointer;
+  -webkit-transition: color 0.3s ease-in-out;
+  transition: color 0.3s ease-in-out;
 }
-.ant-pro-checkcard-detail > div:not(:last-child) {
-  margin-bottom: 4px;
+.ant-pro-form-list-action-icon:hover {
+  color: #40a9ff;
 }
-.ant-pro-checkcard-header {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+.ant-pro-form-list-creator-button-top {
+  margin-bottom: 24px;
 }
-.ant-pro-checkcard-title {
-  overflow: hidden;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 500;
-  font-size: 14px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+
+.ant-pro-form-group-title {
+  margin-bottom: 16px;
+  font-weight: bold;
 }
-.ant-pro-checkcard-description {
-  color: rgba(0, 0, 0, 0.45);
+.ant-pro-form-group-container {
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  max-width: 100%;
 }
-.ant-pro-checkcard:not(.ant-pro-checkcard-disabled):hover {
-  border-color: #1890ff;
+.ant-pro-form-group-container > div.ant-space-item {
+  max-width: 100%;
 }
-.ant-pro-checkcard-checked::after {
-  position: absolute;
-  top: 2px;
-  right: 2px;
-  width: 0;
-  height: 0;
-  border: 6px solid #1890ff;
-  border-bottom: 6px solid transparent;
-  border-left: 6px solid transparent;
-  border-top-right-radius: 2px;
-  content: '';
+.ant-pro-form-group-twoLine {
+  display: block;
+  width: 100%;
 }
-
-.ant-pro-table-list-toolbar {
-  overflow-x: auto;
-  line-height: 1;
+.ant-pro-form-group-twoLine .ant-pro-form-group-title {
+  width: 100%;
+  margin: 8px 0;
 }
-.ant-pro-table-list-toolbar-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  padding: 16px 0;
+.ant-pro-form-group-twoLine .ant-pro-form-group-container {
+  padding-left: 16px;
 }
-.ant-pro-table-list-toolbar-container-mobile {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+.ant-pro-form-group-twoLine .ant-space-item,
+.ant-pro-form-group-twoLine .ant-form-item {
+  width: 100%;
 }
-.ant-pro-table-list-toolbar-title {
+.ant-pro-form-group-twoLine .ant-form-item-control {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
@@ -1150,188 +1228,145 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 500;
-  font-size: 16px;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
 }
-.ant-pro-table-list-toolbar-search:not(:last-child) {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
+.ant-pro-form-group-twoLine .ant-form-item-control-input {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
 }
-.ant-pro-table-list-toolbar-setting-item {
-  margin: 0 4px;
-  color: rgba(0, 0, 0, 0.75);
-  font-size: 16px;
-  cursor: pointer;
+.ant-pro-form-group-twoLine .ant-form-item-control-input-content {
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
 }
-.ant-pro-table-list-toolbar-setting-item > span {
-  display: block;
-  width: 100%;
-  height: 100%;
+
+.ant-pro-form-light-filter {
+  line-height: 30px;
 }
-.ant-pro-table-list-toolbar-setting-item:hover {
-  color: #40a9ff;
+.ant-pro-form-light-filter::before {
+  display: block;
+  height: 0;
+  visibility: hidden;
+  content: '.';
 }
-.ant-pro-table-list-toolbar-left {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
+.ant-pro-form-light-filter-small {
+  line-height: 1.5715;
 }
-.ant-pro-table-list-toolbar-right {
+.ant-pro-form-light-filter-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  margin-top: -8px;
+  margin-right: -4px;
 }
-.ant-pro-table-list-toolbar-extra-line {
-  margin-bottom: 16px;
+.ant-pro-form-light-filter-item {
+  margin-top: 8px;
+  white-space: nowrap;
 }
-.ant-pro-table-list-toolbar-filter {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.ant-pro-table-list-toolbar-filter:not(:last-child) {
-  margin-right: 16px;
-}
-.ant-pro-table-list-toolbar-filter .ant-pro-table-search {
-  margin: 0;
-  padding: 0;
-}
-.ant-pro-table-list-toolbar-inline-menu-item {
-  display: inline-block;
-  margin-right: 24px;
-  cursor: pointer;
-  opacity: 0.75;
+.ant-pro-form-light-filter-item:not(:last-child) {
+  margin-right: 8px;
 }
-.ant-pro-table-list-toolbar-inline-menu-item-active {
-  font-weight: bold;
-  opacity: 1;
+.ant-pro-form-light-filter-formlabel {
+  margin-bottom: 2px;
 }
-.ant-pro-table-list-toolbar-dropdownmenu-label {
-  font-weight: bold;
-  font-size: 16px;
-  text-align: center;
-  cursor: pointer;
+.ant-pro-form-light-filter-line {
+  min-width: 198px;
 }
-.ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav {
+.ant-pro-form-light-filter-line .ant-form-item {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   margin-bottom: 0;
 }
-.ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav::before {
-  border-bottom: 0;
+.ant-pro-form-light-filter-line:not(:first-child) {
+  margin-top: 16px;
+  margin-bottom: 8px;
 }
-.ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list {
-  margin-top: 0;
+.ant-pro-form-light-filter .ant-form-item {
+  margin-bottom: 0;
 }
-.ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
-  padding-top: 0;
+.ant-pro-form-light-filter-collapse-icon {
+  width: 32px;
+  height: 32px;
+  line-height: 35px;
+  border-radius: 50%;
 }
-@media (max-width: 575px) {
-  .ant-pro-table-list-toolbar-container {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-    -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
-  }
-  .ant-pro-table-list-toolbar-left {
-    margin-bottom: 16px;
-  }
+.ant-pro-form-light-filter-effective .ant-pro-form-light-filter-collapse-icon {
+  background-color: rgba(0, 0, 0, 0.04);
 }
 
-.ant-pro-table-column-setting {
-  width: auto;
-}
-.ant-pro-table-column-setting-title {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  height: 32px;
+.ant-pro-steps-form-container {
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+  min-width: 520px;
+  max-width: 100%;
+  margin: auto;
 }
-.ant-pro-table-column-setting-overlay .ant-popover-inner-content {
-  width: 200px;
-  padding: 0px;
-  padding-bottom: 8px;
+.ant-pro-steps-form-steps-container {
+  max-width: 1160px;
+  margin: auto;
 }
-.ant-pro-table-column-setting-overlay .ant-tree-node-content-wrapper:hover {
-  background-color: transparent;
+.ant-pro-steps-form-steps-container .ant-steps-vertical {
+  height: 100%;
 }
-.ant-pro-table-column-setting-overlay .ant-tree-draggable-icon {
-  cursor: -webkit-grab;
-  cursor: grab;
+.ant-pro-steps-form-step {
+  display: none;
+  margin-top: 32px;
 }
-.ant-pro-table-column-setting-overlay .ant-tree-treenode {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+.ant-pro-steps-form-step-active {
+  display: block;
 }
-.ant-pro-table-column-setting-overlay .ant-tree-treenode:hover {
-  background-color: #e6f7ff;
+.ant-pro-steps-form-step > form {
+  max-width: 100%;
 }
-.ant-pro-table-column-setting-overlay .ant-tree-treenode:hover .ant-pro-table-column-setting-list-item-option {
-  display: block;
+
+.ant-pro-field-light-wrapper-collapse-label {
+  padding: 1;
 }
-.ant-pro-table-column-setting-overlay .ant-tree-treenode .ant-tree-checkbox {
-  top: 0;
-  margin: 0;
-  margin-right: 4px;
+.ant-pro-field-light-wrapper-container .ant-form-item {
+  margin-bottom: 0;
 }
-.ant-pro-table-column-setting-list {
+
+.ant-pro-form-login-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  width: 100%;
-  padding-top: 8px;
+  height: 100%;
+  padding: 32px 0;
+  overflow: auto;
+  background: inherit;
 }
-.ant-pro-table-column-setting-list.ant-pro-table-column-setting-list-group {
-  padding-top: 0;
+@media (min-width: 768px) {
+  .ant-pro-form-login-container {
+    padding: 32px 0 24px;
+    background-repeat: no-repeat;
+    background-position: center 110px;
+    background-size: 100%;
+  }
 }
-.ant-pro-table-column-setting-list-title {
-  margin-top: 6px;
-  margin-bottom: 6px;
-  padding-left: 24px;
-  color: rgba(0, 0, 0, 0.45);
-  font-size: 12px;
+.ant-pro-form-login-top {
+  text-align: center;
 }
-.ant-pro-table-column-setting-list-item {
+.ant-pro-form-login-header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
@@ -1339,122 +1374,144 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  height: 44px;
+  line-height: 44px;
 }
-.ant-pro-table-column-setting-list-item-title {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+.ant-pro-form-login-header a {
+  text-decoration: none;
 }
-.ant-pro-table-column-setting-list-item-option {
-  display: none;
-  float: right;
-  cursor: pointer;
+.ant-pro-form-login-title {
+  position: relative;
+  top: 2px;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 600;
+  font-size: 33px;
 }
-.ant-pro-table-column-setting-list-item-option > span > span.anticon {
-  color: #1890ff;
+.ant-pro-form-login-logo {
+  width: 44px;
+  height: 44px;
+  margin-right: 16px;
+  vertical-align: top;
 }
-.ant-pro-table-column-setting-list-item-option > span + span {
-  margin-left: 8px;
+.ant-pro-form-login-logo img {
+  width: 100%;
 }
-
-.pro-table-tooltip-text span {
-  color: #fff;
+.ant-pro-form-login-desc {
+  margin-top: 12px;
+  margin-bottom: 40px;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
 }
-.ant-pro-table {
-  z-index: 1;
+.ant-pro-form-login-main {
+  min-width: 328px;
+  max-width: 500px;
+  margin: 0 auto;
 }
-.ant-pro-table:not(:root):-webkit-full-screen {
-  min-height: 100vh;
-  overflow: auto;
-  background: #fff;
+.ant-pro-form-login-main .ant-tabs-nav-list {
+  margin: 0px auto;
+  font-size: 16px;
 }
-.ant-pro-table:not(:root):-ms-fullscreen {
-  min-height: 100vh;
-  overflow: auto;
-  background: #fff;
+.ant-pro-form-login-main .ant-pro-form-login-other {
+  margin-top: 24px;
+  line-height: 22px;
+  text-align: left;
 }
-.ant-pro-table:not(:root):fullscreen {
-  min-height: 100vh;
-  overflow: auto;
-  background: #fff;
+
+.ant-pro-form-login-page {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  background-size: contain;
 }
-.ant-pro-table-extra {
-  margin-bottom: 16px;
+.ant-pro-form-login-page-notice {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
 }
-.ant-pro-table-polling .ant-pro-table-list-toolbar-setting-item .anticon.anticon-reload {
-  -webkit-transform: rotate(0deg);
-          transform: rotate(0deg);
-  -webkit-animation: turn 1s linear infinite;
-          animation: turn 1s linear infinite;
+.ant-pro-form-login-page-notice-activity {
+  margin: 24px;
+  padding: 24px;
 }
-.ant-pro-table td.ant-table-cell > a {
-  font-size: 14px;
+.ant-pro-form-login-page-notice-activity-title {
+  font-weight: 500;
+  font-size: 28px;
 }
-.ant-pro-table .ant-table .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
-  margin: 0;
+.ant-pro-form-login-page-notice-activity-subTitle {
+  margin-top: 8px;
+  font-size: 16px;
 }
-.ant-pro-table .ant-table.ant-table-middle .ant-pro-table {
-  margin: -12px -8px;
+.ant-pro-form-login-page-notice-activity-action {
+  margin-top: 24px;
 }
-@-webkit-keyframes turn {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-  25% {
-    -webkit-transform: rotate(90deg);
-            transform: rotate(90deg);
-  }
-  50% {
-    -webkit-transform: rotate(180deg);
-            transform: rotate(180deg);
-  }
-  75% {
-    -webkit-transform: rotate(270deg);
-            transform: rotate(270deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
+.ant-pro-form-login-page-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  max-width: 550px;
+  height: 100%;
+  padding: 32px 0;
+  overflow: auto;
+  background: inherit;
+  background: #fff;
 }
-@keyframes turn {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-  25% {
-    -webkit-transform: rotate(90deg);
-            transform: rotate(90deg);
+@media (max-width: 768px) {
+  .ant-pro-form-login-page {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: reverse;
+        -ms-flex-direction: column-reverse;
+            flex-direction: column-reverse;
+    background: none !important;
   }
-  50% {
-    -webkit-transform: rotate(180deg);
-            transform: rotate(180deg);
+  .ant-pro-form-login-page .ant-pro-form-login-page-notice {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-flex: 0;
+        -ms-flex: none;
+            flex: none;
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+    width: 100%;
   }
-  75% {
-    -webkit-transform: rotate(270deg);
-            transform: rotate(270deg);
+  .ant-pro-form-login-page .ant-pro-form-login-page-notice > div {
+    width: 100%;
   }
-  100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
+}
+@media (min-width: 768px) {
+  .ant-pro-form-login-page-container {
+    padding: 128px 0 24px;
+    background-repeat: no-repeat;
+    background-position: center 110px;
+    background-size: 100%;
   }
 }
-.ant-pro-table-toolbar {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  height: 64px;
-  padding: 0 24px;
+.ant-pro-form-login-page-top {
+  text-align: center;
 }
-.ant-pro-table-toolbar-option {
+.ant-pro-form-login-page-header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
@@ -1462,86 +1519,56 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  height: 44px;
+  line-height: 44px;
 }
-.ant-pro-table-toolbar-title {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+.ant-pro-form-login-page-header a {
+  text-decoration: none;
+}
+.ant-pro-form-login-page-title {
+  position: relative;
+  top: 2px;
   color: rgba(0, 0, 0, 0.85);
-  font-weight: 500;
-  font-size: 16px;
-  line-height: 24px;
-  opacity: 0.85;
+  font-weight: 600;
+  font-size: 33px;
 }
-@media (max-width: 480px) {
-  .ant-pro-table .ant-table {
-    width: 100%;
-    overflow-x: auto;
-  }
-  .ant-pro-table .ant-table-thead > tr > th,
-  .ant-pro-table .ant-table-tbody > tr > th,
-  .ant-pro-table .ant-table-thead > tr > td,
-  .ant-pro-table .ant-table-tbody > tr > td {
-    white-space: pre;
-  }
-  .ant-pro-table .ant-table-thead > tr > th > span,
-  .ant-pro-table .ant-table-tbody > tr > th > span,
-  .ant-pro-table .ant-table-thead > tr > td > span,
-  .ant-pro-table .ant-table-tbody > tr > td > span {
-    display: block;
-  }
+.ant-pro-form-login-page-logo {
+  width: 44px;
+  height: 44px;
+  margin-right: 16px;
+  vertical-align: top;
 }
-@media (max-width: 575px) {
-  .ant-pro-table-toolbar {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    -webkit-box-align: start;
-        -ms-flex-align: start;
-            align-items: flex-start;
-    -webkit-box-pack: start;
-        -ms-flex-pack: start;
-            justify-content: flex-start;
-    height: auto;
-    margin-bottom: 16px;
-    margin-left: 16px;
-    padding: 8px;
-    padding-top: 16px;
-    line-height: normal;
-  }
-  .ant-pro-table-toolbar-title {
-    margin-bottom: 16px;
-  }
-  .ant-pro-table-toolbar-option {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-    -webkit-box-pack: justify;
-        -ms-flex-pack: justify;
-            justify-content: space-between;
-    width: 100%;
-  }
-  .ant-pro-table-toolbar-default-option {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-    -webkit-box-flex: 1;
-        -ms-flex: 1;
-            flex: 1;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    -webkit-box-pack: end;
-        -ms-flex-pack: end;
-            justify-content: flex-end;
+.ant-pro-form-login-page-logo img {
+  width: 100%;
+}
+.ant-pro-form-login-page-desc {
+  margin-top: 12px;
+  margin-bottom: 40px;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+}
+@media screen and (max-width: 576px) {
+  .ant-pro-form-login-page-main {
+    width: 95%;
+    max-width: 328px;
   }
 }
+.ant-pro-form-login-page-main {
+  width: 328px;
+  margin: 0 auto;
+}
+.ant-pro-form-login-page-main .ant-tabs-nav-list {
+  margin: 0px auto;
+  font-size: 16px;
+}
+.ant-pro-form-login-page-main .ant-pro-form-login-page-other {
+  margin-top: 24px;
+  line-height: 22px;
+  text-align: left;
+}
 
 .ant-pro-table-alert {
   margin-bottom: 16px;
@@ -1619,106 +1646,160 @@
   }
 }
 
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field {
-  max-width: 100%;
+.ant-pro-table-column-setting {
+  width: auto;
 }
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xs {
-  width: 104px;
+.ant-pro-table-column-setting-title {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  height: 32px;
 }
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-s {
-  width: 216px;
+.ant-pro-table-column-setting-overlay .ant-popover-inner-content {
+  width: 200px;
+  padding: 0px;
+  padding-bottom: 8px;
 }
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-sm {
-  width: 216px;
-}
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-m {
-  width: 328px;
+.ant-pro-table-column-setting-overlay .ant-tree-node-content-wrapper:hover {
+  background-color: transparent;
 }
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-md {
-  width: 328px;
+.ant-pro-table-column-setting-overlay .ant-tree-draggable-icon {
+  cursor: -webkit-grab;
+  cursor: grab;
 }
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-l {
-  width: 440px;
+.ant-pro-table-column-setting-overlay .ant-tree-treenode {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-lg {
-  width: 440px;
+.ant-pro-table-column-setting-overlay .ant-tree-treenode:hover {
+  background-color: #e6f7ff;
 }
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xl {
-  width: 552px;
+.ant-pro-table-column-setting-overlay .ant-tree-treenode:hover .ant-pro-table-column-setting-list-item-option {
+  display: block;
 }
-
-.ant-form:not(.ant-form-horizontal) .ant-pro-form-list-item:not(.ant-pro-form-list-item-show-label) .ant-form-item-label {
-  display: none;
+.ant-pro-table-column-setting-overlay .ant-tree-treenode .ant-tree-checkbox {
+  top: 0;
+  margin: 0;
+  margin-right: 4px;
 }
-.ant-pro-form-list {
-  max-width: 100%;
+.ant-pro-table-column-setting-list {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  width: 100%;
+  padding-top: 8px;
 }
-.ant-pro-form-list-item.ant-pro-form-list-item-show-label .ant-form-item-label {
-  display: inline-block;
+.ant-pro-table-column-setting-list.ant-pro-table-column-setting-list-group {
+  padding-top: 0;
 }
-.ant-pro-form-list-item:first-of-type div:first-of-type .ant-form-item .ant-form-item-label {
-  display: inline-block;
+.ant-pro-table-column-setting-list-title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  padding-left: 24px;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 12px;
 }
-.ant-pro-form-list-action {
+.ant-pro-table-column-setting-list-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
-  height: 32px;
-  margin-bottom: 24px;
-  line-height: 32px;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
-.ant-pro-form-list .ant-pro-card .ant-pro-card-extra .ant-pro-form-list-action {
-  margin-bottom: 0;
+.ant-pro-table-column-setting-list-item-title {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
 }
-.ant-pro-form-list-action-icon {
-  margin-left: 8px;
+.ant-pro-table-column-setting-list-item-option {
+  display: none;
+  float: right;
   cursor: pointer;
-  -webkit-transition: color 0.3s ease-in-out;
-  transition: color 0.3s ease-in-out;
 }
-.ant-pro-form-list-action-icon:hover {
-  color: #40a9ff;
+.ant-pro-table-column-setting-list-item-option > span > span.anticon {
+  color: #1890ff;
 }
-.ant-pro-form-list-creator-button-top {
-  margin-bottom: 24px;
+.ant-pro-table-column-setting-list-item-option > span + span {
+  margin-left: 8px;
 }
 
-.ant-pro-field-light-wrapper-collapse-label {
-  padding: 1;
+.ant-pro-table-list-toolbar {
+  overflow-x: auto;
+  line-height: 1;
 }
-.ant-pro-field-light-wrapper-container .ant-form-item {
-  margin-bottom: 0;
+.ant-pro-table-list-toolbar-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  padding: 16px 0;
 }
-
-.ant-pro-form-group-title {
-  margin-bottom: 16px;
-  font-weight: bold;
+.ant-pro-table-list-toolbar-container-mobile {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
-.ant-pro-form-group-container {
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  max-width: 100%;
+.ant-pro-table-list-toolbar-title {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+  font-size: 16px;
 }
-.ant-pro-form-group-container > div.ant-space-item {
-  max-width: 100%;
+.ant-pro-table-list-toolbar-search:not(:last-child) {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
 }
-.ant-pro-form-group-twoLine {
-  display: block;
-  width: 100%;
+.ant-pro-table-list-toolbar-setting-item {
+  margin: 0 4px;
+  color: rgba(0, 0, 0, 0.75);
+  font-size: 16px;
+  cursor: pointer;
 }
-.ant-pro-form-group-twoLine .ant-pro-form-group-title {
+.ant-pro-table-list-toolbar-setting-item > span {
+  display: block;
   width: 100%;
-  margin: 8px 0;
-}
-.ant-pro-form-group-twoLine .ant-pro-form-group-container {
-  padding-left: 16px;
+  height: 100%;
 }
-.ant-pro-form-group-twoLine .ant-space-item,
-.ant-pro-form-group-twoLine .ant-form-item {
-  width: 100%;
+.ant-pro-table-list-toolbar-setting-item:hover {
+  color: #40a9ff;
 }
-.ant-pro-form-group-twoLine .ant-form-item-control {
+.ant-pro-table-list-toolbar-left {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
@@ -1726,138 +1807,164 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
 }
-.ant-pro-form-group-twoLine .ant-form-item-control-input {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+.ant-pro-table-list-toolbar-right {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
 }
-.ant-pro-form-group-twoLine .ant-form-item-control-input-content {
-  -webkit-box-flex: 0;
-      -ms-flex: none;
-          flex: none;
-}
-
-.ant-pro-form-light-filter {
-  line-height: 30px;
-}
-.ant-pro-form-light-filter::before {
-  display: block;
-  height: 0;
-  visibility: hidden;
-  content: '.';
-}
-.ant-pro-form-light-filter-small {
-  line-height: 1.5715;
+.ant-pro-table-list-toolbar-extra-line {
+  margin-bottom: 16px;
 }
-.ant-pro-form-light-filter-container {
+.ant-pro-table-list-toolbar-filter {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  margin-top: -8px;
-  margin-right: -4px;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
-.ant-pro-form-light-filter-item {
-  margin-top: 8px;
-  white-space: nowrap;
+.ant-pro-table-list-toolbar-filter:not(:last-child) {
+  margin-right: 16px;
 }
-.ant-pro-form-light-filter-item:not(:last-child) {
-  margin-right: 8px;
+.ant-pro-table-list-toolbar-filter div.ant-pro-table-search {
+  margin: 0;
+  padding: 0;
 }
-.ant-pro-form-light-filter-formlabel {
-  margin-bottom: 2px;
+.ant-pro-table-list-toolbar-inline-menu-item {
+  display: inline-block;
+  margin-right: 24px;
+  cursor: pointer;
+  opacity: 0.75;
 }
-.ant-pro-form-light-filter-line {
-  min-width: 198px;
+.ant-pro-table-list-toolbar-inline-menu-item-active {
+  font-weight: bold;
+  opacity: 1;
 }
-.ant-pro-form-light-filter-line .ant-form-item {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+.ant-pro-table-list-toolbar-dropdownmenu-label {
+  font-weight: bold;
+  font-size: 16px;
+  text-align: center;
+  cursor: pointer;
+}
+.ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav {
   margin-bottom: 0;
 }
-.ant-pro-form-light-filter-line:not(:first-child) {
-  margin-top: 16px;
-  margin-bottom: 8px;
+.ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav::before {
+  border-bottom: 0;
 }
-.ant-pro-form-light-filter .ant-form-item {
-  margin-bottom: 0;
+.ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list {
+  margin-top: 0;
 }
-.ant-pro-form-light-filter-collapse-icon {
-  width: 32px;
-  height: 32px;
-  line-height: 35px;
-  border-radius: 50%;
+.ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
+  padding-top: 0;
 }
-.ant-pro-form-light-filter-effective .ant-pro-form-light-filter-collapse-icon {
-  background-color: rgba(0, 0, 0, 0.04);
+@media (max-width: 575px) {
+  .ant-pro-table-list-toolbar-container {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+  }
+  .ant-pro-table-list-toolbar-left {
+    margin-bottom: 16px;
+  }
 }
 
-.ant-pro-steps-form-container {
-  width: -webkit-max-content;
-  width: -moz-max-content;
-  width: max-content;
-  min-width: 520px;
-  max-width: 100%;
-  margin: auto;
+.pro-table-tooltip-text span {
+  color: #fff;
 }
-.ant-pro-steps-form-steps-container {
-  max-width: 1160px;
-  margin: auto;
+.ant-pro-table {
+  z-index: 1;
 }
-.ant-pro-steps-form-steps-container .ant-steps-vertical {
-  height: 100%;
+.ant-pro-table:not(:root):-webkit-full-screen {
+  min-height: 100vh;
+  overflow: auto;
+  background: #fff;
 }
-.ant-pro-steps-form-step {
-  display: none;
-  margin-top: 32px;
+.ant-pro-table:not(:root):-ms-fullscreen {
+  min-height: 100vh;
+  overflow: auto;
+  background: #fff;
 }
-.ant-pro-steps-form-step-active {
-  display: block;
+.ant-pro-table:not(:root):fullscreen {
+  min-height: 100vh;
+  overflow: auto;
+  background: #fff;
 }
-.ant-pro-steps-form-step > form {
-  max-width: 100%;
+.ant-pro-table-extra {
+  margin-bottom: 16px;
 }
-
-.ant-pro-form-login-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-  padding: 32px 0;
-  overflow: auto;
-  background: inherit;
+.ant-pro-table-polling .ant-pro-table-list-toolbar-setting-item .anticon.anticon-reload {
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-animation: turn 1s linear infinite;
+          animation: turn 1s linear infinite;
 }
-@media (min-width: 768px) {
-  .ant-pro-form-login-container {
-    padding: 32px 0 24px;
-    background-repeat: no-repeat;
-    background-position: center 110px;
-    background-size: 100%;
+.ant-pro-table td.ant-table-cell > a {
+  font-size: 14px;
+}
+.ant-pro-table .ant-table .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
+  margin: 0;
+}
+.ant-pro-table .ant-table.ant-table-middle .ant-pro-table {
+  margin: -12px -8px;
+}
+@-webkit-keyframes turn {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  25% {
+    -webkit-transform: rotate(90deg);
+            transform: rotate(90deg);
+  }
+  50% {
+    -webkit-transform: rotate(180deg);
+            transform: rotate(180deg);
+  }
+  75% {
+    -webkit-transform: rotate(270deg);
+            transform: rotate(270deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+@keyframes turn {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  25% {
+    -webkit-transform: rotate(90deg);
+            transform: rotate(90deg);
+  }
+  50% {
+    -webkit-transform: rotate(180deg);
+            transform: rotate(180deg);
+  }
+  75% {
+    -webkit-transform: rotate(270deg);
+            transform: rotate(270deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
   }
 }
-.ant-pro-form-login-top {
-  text-align: center;
-}
-.ant-pro-form-login-header {
+.ant-pro-table-toolbar {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
@@ -1865,202 +1972,100 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  height: 44px;
-  line-height: 44px;
-}
-.ant-pro-form-login-header a {
-  text-decoration: none;
-}
-.ant-pro-form-login-title {
-  position: relative;
-  top: 2px;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 600;
-  font-size: 33px;
-}
-.ant-pro-form-login-logo {
-  width: 44px;
-  height: 44px;
-  margin-right: 16px;
-  vertical-align: top;
-}
-.ant-pro-form-login-logo img {
-  width: 100%;
-}
-.ant-pro-form-login-desc {
-  margin-top: 12px;
-  margin-bottom: 40px;
-  color: rgba(0, 0, 0, 0.45);
-  font-size: 14px;
-}
-.ant-pro-form-login-main {
-  min-width: 328px;
-  max-width: 500px;
-  margin: 0 auto;
-}
-.ant-pro-form-login-main .ant-tabs-nav-list {
-  margin: 0px auto;
-  font-size: 16px;
-}
-.ant-pro-form-login-main .ant-pro-form-login-other {
-  margin-top: 24px;
-  line-height: 22px;
-  text-align: left;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  height: 64px;
+  padding: 0 24px;
 }
-
-.ant-pro-form-login-page {
+.ant-pro-table-toolbar-option {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
-  width: 100%;
-  height: 100%;
-  background-repeat: no-repeat;
-  background-size: 100% auto;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
 }
-.ant-pro-form-login-page-notice {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
+.ant-pro-table-toolbar-title {
   -webkit-box-flex: 1;
       -ms-flex: 1;
           flex: 1;
-  -webkit-box-align: end;
-      -ms-flex-align: end;
-          align-items: flex-end;
-}
-.ant-pro-form-login-page-notice-activity {
-  margin: 24px;
-  padding: 24px;
-}
-.ant-pro-form-login-page-notice-activity-title {
+  color: rgba(0, 0, 0, 0.85);
   font-weight: 500;
-  font-size: 28px;
-}
-.ant-pro-form-login-page-notice-activity-subTitle {
-  margin-top: 8px;
   font-size: 16px;
+  line-height: 24px;
+  opacity: 0.85;
 }
-.ant-pro-form-login-page-notice-activity-action {
-  margin-top: 24px;
-}
-.ant-pro-form-login-page-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  max-width: 550px;
-  height: 100%;
-  padding: 32px 0;
-  overflow: auto;
-  background: inherit;
-  background: #fff;
+@media (max-width: 480px) {
+  .ant-pro-table .ant-table {
+    width: 100%;
+    overflow-x: auto;
+  }
+  .ant-pro-table .ant-table-thead > tr > th,
+  .ant-pro-table .ant-table-tbody > tr > th,
+  .ant-pro-table .ant-table-thead > tr > td,
+  .ant-pro-table .ant-table-tbody > tr > td {
+    white-space: pre;
+  }
+  .ant-pro-table .ant-table-thead > tr > th > span,
+  .ant-pro-table .ant-table-tbody > tr > th > span,
+  .ant-pro-table .ant-table-thead > tr > td > span,
+  .ant-pro-table .ant-table-tbody > tr > td > span {
+    display: block;
+  }
 }
-@media (max-width: 768px) {
-  .ant-pro-form-login-page {
+@media (max-width: 575px) {
+  .ant-pro-table-toolbar {
     -webkit-box-orient: vertical;
-    -webkit-box-direction: reverse;
-        -ms-flex-direction: column-reverse;
-            flex-direction: column-reverse;
-    background: none !important;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+    -webkit-box-pack: start;
+        -ms-flex-pack: start;
+            justify-content: flex-start;
+    height: auto;
+    margin-bottom: 16px;
+    margin-left: 16px;
+    padding: 8px;
+    padding-top: 16px;
+    line-height: normal;
   }
-  .ant-pro-form-login-page .ant-pro-form-login-page-notice {
+  .ant-pro-table-toolbar-title {
+    margin-bottom: 16px;
+  }
+  .ant-pro-table-toolbar-option {
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
-    -webkit-box-flex: 0;
-        -ms-flex: none;
-            flex: none;
-    -webkit-box-align: start;
-        -ms-flex-align: start;
-            align-items: flex-start;
-    width: 100%;
-  }
-  .ant-pro-form-login-page .ant-pro-form-login-page-notice > div {
+    -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+            justify-content: space-between;
     width: 100%;
   }
-}
-@media (min-width: 768px) {
-  .ant-pro-form-login-page-container {
-    padding: 128px 0 24px;
-    background-repeat: no-repeat;
-    background-position: center 110px;
-    background-size: 100%;
-  }
-}
-.ant-pro-form-login-page-top {
-  text-align: center;
-}
-.ant-pro-form-login-page-header {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  height: 44px;
-  line-height: 44px;
-}
-.ant-pro-form-login-page-header a {
-  text-decoration: none;
-}
-.ant-pro-form-login-page-title {
-  position: relative;
-  top: 2px;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 600;
-  font-size: 33px;
-}
-.ant-pro-form-login-page-logo {
-  width: 44px;
-  height: 44px;
-  margin-right: 16px;
-  vertical-align: top;
-}
-.ant-pro-form-login-page-logo img {
-  width: 100%;
-}
-.ant-pro-form-login-page-desc {
-  margin-top: 12px;
-  margin-bottom: 40px;
-  color: rgba(0, 0, 0, 0.45);
-  font-size: 14px;
-}
-@media screen and (max-width: 576px) {
-  .ant-pro-form-login-page-main {
-    width: 95%;
-    max-width: 328px;
+  .ant-pro-table-toolbar-default-option {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-flex: 1;
+        -ms-flex: 1;
+            flex: 1;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-pack: end;
+        -ms-flex-pack: end;
+            justify-content: flex-end;
   }
 }
-.ant-pro-form-login-page-main {
-  width: 328px;
-  margin: 0 auto;
-}
-.ant-pro-form-login-page-main .ant-tabs-nav-list {
-  margin: 0px auto;
-  font-size: 16px;
-}
-.ant-pro-form-login-page-main .ant-pro-form-login-page-other {
-  margin-top: 24px;
-  line-height: 22px;
-  text-align: left;
-}
 
 .pro-table-tooltip-text span {
   color: #fff;
@@ -2146,10 +2151,6 @@
   }
 }
 
-.ant-pro-table-dropdown {
-  width: auto;
-}
-
 .ant-pro-table-drag-visible-cell {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -2165,3 +2166,7 @@
   cursor: -webkit-grab;
   cursor: grab;
 }
+
+.ant-pro-table-dropdown {
+  width: auto;
+}