easy3wui 1.5.89-beta1 → 1.5.89-beta3

package/assets/index.css

@@ -0,0 +1,2872 @@
+.e3wCaptchaBtn {
+  display: block;
+  width: 100%;
+  font-size: 18px !important;
+}
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.e3wLoginMain {
+  width: 368px;
+  margin: 0 auto;
+  z-index: 100;
+}
+.e3wLoginMain .e3wLoginTabs {
+  padding: 0 2px;
+  margin: 0 -2px;
+}
+.e3wLoginMain .e3wLoginTabs :global .ant-tabs-tab {
+  font-size: 16px;
+  line-height: 24px;
+}
+.e3wLoginMain .e3wLoginTabs :global .ant-input-affix-wrapper .ant-input:not(:first-child) {
+  padding-left: 34px;
+}
+.e3wLoginMain :global .ant-tabs .ant-tabs-bar {
+  border-bottom: 0;
+  margin-bottom: 24px;
+  text-align: center;
+}
+.e3wLoginMain :global .ant-form-item {
+  margin-bottom: 24px;
+}
+.e3wLoginMain :global .ant-tooltip-inner {
+  background-color: #fff;
+}
+.e3wLoginMain .e3wLoginPrefixIcon {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.25);
+}
+.e3wLoginMain .e3wLoginAdditional {
+  text-align: left;
+}
+.e3wLoginMain .e3wLoginAdditional .e3wLoginForgot {
+  float: right;
+  margin-right: 12px;
+}
+.e3wLoginMain .e3wLoginAdditional .e3wLoginSubmit {
+  width: 100%;
+  margin-top: 24px;
+  display: block;
+}
+.e3wLoginMain .e3wLoginAdditional :global .ant-form-item-control {
+  line-height: 22px;
+}
+.e3wLoginMain .e3wLoginOther {
+  text-align: left;
+  line-height: 22px;
+}
+.e3wLoginMain .e3wLoginOther .e3wLoginRegister {
+  float: right;
+  margin-right: 12px;
+}
+:global .ant-table-thead > tr > th,
+:global .ant-table table {
+  text-align: center;
+}
+:global .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
+:global .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
+:global .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
+:global .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
+:global .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
+:global .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
+:global .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
+:global .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
+  background: #fafafa;
+}
+.e3wCardForm .e3wCardSpanCardTitle {
+  font-weight: 600;
+}
+.e3wCardForm s {
+  display: inline-block;
+  width: 3px;
+  height: 20px;
+  margin: 0 8px -4px 0;
+  background-color: var(--primary-color, #ad7c59);
+}
+@media (max-width: 768px) {
+  :global .positionDiv {
+    display: none !important;
+  }
+  :global .ant-card-head-title {
+    padding: 12px 0 !important;
+  }
+  :global .ant-card-head {
+    padding: 0 12px !important;
+  }
+  :global .ant-card-body {
+    padding: 12px !important;
+  }
+}
+.e3wGlobalFooterDiv {
+  padding: 0 16px;
+  margin: 24px 0 24px 0;
+  text-align: center;
+}
+.e3wGlobalFooterDiv .e3wGlobalFooterLinks {
+  margin-bottom: 8px;
+}
+.e3wGlobalFooterDiv .e3wGlobalFooterLinks a {
+  color: rgba(0, 0, 0, 0.45);
+  transition: all .3s;
+}
+.e3wGlobalFooterDiv .e3wGlobalFooterLinks a:not(:last-child) {
+  margin-right: 40px;
+}
+.e3wGlobalFooterDiv .e3wGlobalFooterLinks a:hover {
+  color: rgba(0, 0, 0, 0.65);
+}
+.e3wGlobalFooterDiv .e3wGlobalFooterCopyright {
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+}
+.e3wGlobalHeaderHeader {
+  padding: 0 12px 0 0;
+  background: #fff;
+  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+  position: relative;
+}
+.e3wGlobalHeaderHeader h1 {
+  color: #000;
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 14px;
+  font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font-weight: 400;
+}
+:global(.ant-layout-sider-collapsed) .logo {
+  padding-left: 10px;
+}
+:global(.ant-layout-sider-collapsed) .logo > a {
+  width: 32px;
+}
+.e3wGlobalHeaderTrigger {
+  font-size: 20px;
+  line-height: 64px;
+  cursor: pointer;
+  transition: all .3s;
+  padding: 0 24px;
+}
+.e3wGlobalHeaderTrigger:hover {
+  background: #e6f7ff;
+}
+.e3wGlobalHeaderRight {
+  float: right;
+  height: 100%;
+}
+.e3wGlobalHeaderRight .e3wGlobalHeaderAction {
+  cursor: pointer;
+  padding: 0 12px;
+  display: inline-block;
+  transition: all .3s;
+  height: 100%;
+}
+.e3wGlobalHeaderRight .e3wGlobalHeaderAction > i {
+  font-size: 14px;
+  vertical-align: middle;
+}
+.e3wGlobalHeaderRight .e3wGlobalHeaderAction:global(.ant-popover-open),
+.e3wGlobalHeaderRight .e3wGlobalHeaderAction:hover {
+  background: #e6f7ff;
+}
+.e3wGlobalHeaderRight .e3wGlobalHeaderAccount .e3wGlobalHeaderAvatar {
+  margin: 20px 8px 20px 0;
+  color: var(--primary-color);
+  background: rgba(255, 255, 255, 0.85);
+  vertical-align: middle;
+}
+.e3wGlobalHeaderRight .e3wGlobalHeaderIcon {
+  font-size: 14px;
+  padding: 4px;
+}
+.e3wGlobalHeaderMenu :global(.anticon) {
+  margin-right: 8px;
+}
+.e3wGlobalHeaderMenu :global(.ant-dropdown-menu-item) {
+  width: 160px;
+}
+.e3wUserLayoutContainer {
+  background: #f0f2f5;
+  width: 100%;
+  min-height: 100%;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100%;
+  padding: 40px 0 0 0;
+  position: relative;
+}
+.e3wUserLayoutTop {
+  text-align: center;
+}
+.e3wUserLayoutHeader {
+  padding: 0 12px 0 0;
+  background: #fff;
+  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+  position: relative;
+}
+.e3wUserLayoutRight {
+  float: right;
+  height: 100%;
+}
+.e3wUserLayoutLogo {
+  float: left;
+  height: 100%;
+  line-height: 64px;
+  padding-left: 24px;
+  transition: all .3s;
+  overflow: hidden;
+}
+.e3wUserLayoutLogo img {
+  display: inline-block;
+  vertical-align: middle;
+  height: 32px;
+}
+.e3wUserLayoutLogo h1 {
+  color: #000;
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 14px;
+  margin: 0 0 0 12px;
+  font-family: AppleSystemUIFont, 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font-weight: 400;
+}
+.e3wUserLayoutTitle {
+  font-size: 33px;
+  color: rgba(0, 0, 0, 0.85);
+  font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font-weight: 600;
+  position: relative;
+  top: 2px;
+}
+.e3wUserLayoutDesc {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.45);
+  margin-top: 12px;
+  margin-bottom: 40px;
+}
+.e3wUserLayoutFooter {
+  bottom: 0px;
+  left: 0px;
+  width: 100%;
+  height: 50px;
+  z-index: 99;
+}
+.e3wLoginLayoutHeader {
+  padding: 0 12px 0 0;
+  background: #fff;
+  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+  position: relative;
+}
+.e3wLoginLayoutHeader h1 {
+  color: #000;
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 14px;
+  font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font-weight: 400;
+}
+.e3wLoginLayoutLogo {
+  height: 64px;
+  position: relative;
+  line-height: 64px;
+  padding-left: 35px;
+  transition: all .3s;
+  background: #fff;
+  overflow: hidden;
+}
+.e3wLoginLayoutLogo img {
+  display: inline-block;
+  vertical-align: middle;
+  height: 24px;
+}
+.e3wLoginLayoutLogo h1 {
+  color: #fff;
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 20px;
+  margin: 0 0 0 12px;
+  font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font-weight: 600;
+}
+.e3wLoginLayoutTrigger {
+  font-size: 20px;
+  line-height: 64px;
+  cursor: pointer;
+  transition: all .3s;
+  padding: 0 24px;
+}
+.e3wLoginLayoutTrigger:hover {
+  background: #e6f7ff;
+}
+.e3wLoginLayoutRight {
+  float: right;
+  height: 100%;
+}
+.e3wLoginLayoutRight .schedule {
+  cursor: pointer;
+  padding: 12px 12px;
+  display: inline-block;
+  transition: all .3s;
+  height: 100%;
+}
+.e3wLoginLayoutRight .schedule > i {
+  font-size: 14px;
+  vertical-align: middle;
+}
+.e3wLoginLayoutRight .schedule:global(.ant-popover-open),
+.e3wLoginLayoutRight .schedule:hover {
+  background: #e6f7ff;
+}
+.e3wLoginLayoutRight .e3wLoginLayoutAction {
+  cursor: pointer;
+  padding: 0 12px;
+  display: inline-block;
+  transition: all .3s;
+  height: 100%;
+}
+.e3wLoginLayoutRight .e3wLoginLayoutAction > i {
+  font-size: 14px;
+  vertical-align: middle;
+}
+.e3wLoginLayoutRight .e3wLoginLayoutAction:global(.ant-popover-open),
+.e3wLoginLayoutRight .e3wLoginLayoutAction:hover {
+  background: #e6f7ff;
+}
+.e3wLoginLayoutRight .search {
+  padding: 0;
+  margin: 0 12px;
+}
+.e3wLoginLayoutRight .search:hover {
+  background: transparent;
+}
+.e3wLoginLayoutRight .e3wLoginLayoutAccount .e3wLoginLayoutAvatar {
+  margin: 20px 8px 20px 0;
+  color: var(--primary-color);
+  background: rgba(255, 255, 255, 0.85);
+  vertical-align: middle;
+}
+.e3wLoginLayoutRight .e3wLoginLayoutIcon {
+  font-size: 14px;
+  padding: 4px;
+}
+.e3wLoginLayoutMenu :global(.anticon) {
+  margin-right: 8px;
+}
+.e3wLoginLayoutMenu :global(.ant-dropdown-menu-item) {
+  width: 160px;
+}
+.e3wLoginLayoutSider {
+  min-height: 100vh;
+  box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
+  position: relative;
+  z-index: 10;
+  background: #21273f;
+}
+.e3wException {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  height: 100%;
+}
+.e3wException .e3wExceptionImgBlock {
+  -ms-flex: 0 0 62.5%;
+      flex: 0 0 62.5%;
+  width: 62.5%;
+  padding-right: 152px;
+  zoom: 1;
+}
+.e3wException .e3wExceptionImgBlock::before,
+.e3wException .e3wExceptionImgBlock::after {
+  display: table;
+  content: '';
+}
+.e3wException .e3wExceptionImgBlock::after {
+  clear: both;
+}
+.e3wException .e3wExceptionImgEle {
+  height: 360px;
+  width: 100%;
+  max-width: 430px;
+  float: right;
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  background-size: 100% 100%;
+}
+.e3wException .e3wExceptionContent {
+  -ms-flex: auto;
+      flex: auto;
+}
+.e3wException .e3wExceptionContent h1 {
+  color: #434e59;
+  font-size: 72px;
+  font-weight: 600;
+  line-height: 72px;
+  margin-bottom: 24px;
+}
+.e3wException .e3wExceptionContent .e3wExceptionDesc {
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 20px;
+  line-height: 28px;
+  margin-bottom: 16px;
+}
+.e3wException .e3wExceptionContent .e3wExceptionActions button:not(:last-child) {
+  margin-right: 8px;
+}
+@media screen and (max-width: 1200px) {
+  .exception .imgBlock {
+    padding-right: 88px;
+  }
+}
+@media screen and (max-width: 576px) {
+  .exception {
+    display: block;
+    text-align: center;
+  }
+  .exception .imgBlock {
+    padding-right: 0;
+    margin: 0 auto 24px;
+  }
+}
+@media screen and (max-width: 480px) {
+  .exception .imgBlock {
+    margin-bottom: -24px;
+    overflow: hidden;
+  }
+}
+/*初始化部分*/
+/*流程图部分*/
+.Easy3wFlow {
+  /*index为1时*/
+  /*index为1时*/
+  /*index为1时*/
+  /*index为2时*/
+  /*index为3时*/
+  /*index为1时*/
+  /*index为2时*/
+  /*index为3时*/
+  /*index为4时*/
+  /*index为1时*/
+  /*index为2时*/
+  /*index为3时*/
+  /*index为3时*/
+  /*index为4时*/
+  /*index为5时*/
+  /*index为1时*/
+  /*index为2时*/
+  /*index为3时*/
+  /*index为4时*/
+  /*index为5时*/
+  /*index为6时*/
+  /*index为1时*/
+  /*index为2时*/
+  /*index为3时*/
+  /*index为4时*/
+  /*index为5时*/
+  /*index为6时*/
+  /*index为7时*/
+  /*index为1时*/
+  /*index为2时*/
+  /*index为3时*/
+  /*index为4时*/
+  /*index为5时*/
+  /*index为6时*/
+  /*index为7时*/
+  /*index为8时*/
+  /*index为1时*/
+  /*index为2时*/
+  /*index为3时*/
+  /*index为4时*/
+  /*index为5时*/
+  /*index为6时*/
+  /*index为7时*/
+  /*index为8时*/
+  /*index为9时*/
+  /*改名暂时兼容*/
+  /*renderTop有几个大节点时（3-9）*/
+  /*renderMid下的有几个flowtext（3-9）*/
+  /*.flow-bottom .flow-doc .flow-doc-t2{margin-top:12px;}*/
+  /*后续附加内容样式*/
+  /*以下为独立样式*/
+  /*1个*/
+  /*2个*/
+  /*3个*/
+  /*4个*/
+  /*5个*/
+  /*6个*/
+  /*7个*/
+  /*8个*/
+  /*9个*/
+  /*10个*/
+  /*三个节点*/
+  /*两个节点*/
+  /*一个节点*/
+}
+.Easy3wFlow .flowmain {
+  margin: auto;
+  width: 100%;
+  background: #fff;
+}
+.Easy3wFlow .floatcenter {
+  position: relative;
+  left: 67%;
+}
+.Easy3wFlow .floatcenter2_1 {
+  position: absolute;
+  left: 0;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter2_2 {
+  position: absolute;
+  left: 35%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter3_1 {
+  position: absolute;
+  left: 0;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter3_2 {
+  position: absolute;
+  left: 33%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter3_3 {
+  position: absolute;
+  right: 0;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter4_1 {
+  position: absolute;
+  left: 0;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter4_2 {
+  position: absolute;
+  left: 22%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter4_3 {
+  position: absolute;
+  right: 23%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter4_4 {
+  position: absolute;
+  right: 0;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter5_1 {
+  position: absolute;
+  left: 0;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter5_2 {
+  position: absolute;
+  left: 16.5%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter5_3 {
+  position: absolute;
+  left: 32.5%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter5_3_1 {
+  position: absolute;
+  left: 45%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter5_4 {
+  position: absolute;
+  right: 20%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter5_5 {
+  position: absolute;
+  right: 0;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter6_1 {
+  position: absolute;
+  left: 0;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter6_2 {
+  position: absolute;
+  left: 13%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter6_3 {
+  position: absolute;
+  left: 26.25%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter6_4 {
+  position: absolute;
+  left: 39.5%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter6_5 {
+  position: absolute;
+  right: 18%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter6_6 {
+  position: absolute;
+  right: 0;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter7_1 {
+  position: absolute;
+  left: 0;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter7_2 {
+  position: absolute;
+  left: 10.8%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter7_3 {
+  position: absolute;
+  left: 21.6%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter7_4 {
+  position: absolute;
+  left: 32.5%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter7_5 {
+  position: absolute;
+  left: 43.3%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter7_6 {
+  position: absolute;
+  right: 16%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter7_7 {
+  position: absolute;
+  right: 0;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter8_1 {
+  position: absolute;
+  left: 0;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter8_2 {
+  position: absolute;
+  left: 9.3%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter8_3 {
+  position: absolute;
+  left: 18.6%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter8_4 {
+  position: absolute;
+  left: 27.9%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter8_5 {
+  position: absolute;
+  left: 37.2%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter8_6 {
+  position: absolute;
+  left: 46.5%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter8_7 {
+  position: absolute;
+  right: 14%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter8_8 {
+  position: absolute;
+  right: 0;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter9_1 {
+  position: absolute;
+  left: 0;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter9_2 {
+  position: absolute;
+  left: 8.5%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter9_3 {
+  position: absolute;
+  left: 16.5%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter9_4 {
+  position: absolute;
+  left: 24.5%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter9_5 {
+  position: absolute;
+  left: 32.5%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter9_6 {
+  position: absolute;
+  left: 40.5%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter9_7 {
+  position: absolute;
+  left: 48.5%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter9_8 {
+  position: absolute;
+  right: 10%;
+  height: 36px;
+}
+.Easy3wFlow .floatcenter9_9 {
+  position: absolute;
+  right: 0;
+  height: 36px;
+}
+.Easy3wFlow .center {
+  float: left;
+  position: relative;
+  left: 50%;
+}
+.Easy3wFlow .flowmain .flowtop {
+  height: 28px;
+}
+.Easy3wFlow .flowmain .flowcircle {
+  float: left;
+  margin-top: 5px;
+  width: 22px;
+  height: 22px;
+  line-height: 22px;
+  text-align: center;
+  border-radius: 50%;
+  color: #fff;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -50%;
+}
+.Easy3wFlow .flowmain .flowline2 {
+  float: left;
+  margin-top: 15px;
+  width: 30.8%;
+  height: 4px;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -50%;
+}
+.Easy3wFlow .flowmain .flowline3 {
+  float: left;
+  margin-top: 15px;
+  width: 30.6%;
+  height: 4px;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -50%;
+}
+.Easy3wFlow .flowmain .flowline4 {
+  float: left;
+  margin-top: 15px;
+  width: 19.8%;
+  height: 4px;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -50%;
+}
+.Easy3wFlow .flowmain .flowline5 {
+  float: left;
+  margin-top: 15px;
+  width: 14.4%;
+  height: 4px;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -50%;
+}
+.Easy3wFlow .flowmain .flowline6 {
+  float: left;
+  margin-top: 15px;
+  width: 11.2%;
+  height: 4px;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -50%;
+}
+.Easy3wFlow .flowmain .flowline7 {
+  float: left;
+  margin-top: 15px;
+  width: 9.03%;
+  height: 4px;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -50%;
+}
+.Easy3wFlow .flowmain .flowline8 {
+  float: left;
+  margin-top: 15px;
+  width: 7.4%;
+  height: 4px;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -50%;
+}
+.Easy3wFlow .flowmain .flowline9 {
+  float: left;
+  margin-top: 15px;
+  width: 6.348%;
+  height: 4px;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -50%;
+}
+.Easy3wFlow .flowmid {
+  height: 34px;
+}
+.Easy3wFlow .flowmid .flowtext2 {
+  width: 32.4%;
+  float: left;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -65.5%;
+}
+.Easy3wFlow .flowmid .flowtext3 {
+  width: 32.4%;
+  float: left;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -65.5%;
+}
+.Easy3wFlow .flowmid .flowtext4 {
+  width: 21.6%;
+  float: left;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -60%;
+}
+.Easy3wFlow .flowmid .flowtext5 {
+  width: 16.2%;
+  float: left;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -57.5%;
+}
+.Easy3wFlow .flowmid .flowtext6 {
+  width: 13.1%;
+  float: left;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -56%;
+}
+.Easy3wFlow .flowmid .flowtext7 {
+  width: 10.8%;
+  float: left;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -54.8%;
+}
+.Easy3wFlow .flowmid .flowtext8 {
+  width: 9.13%;
+  float: left;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -54%;
+}
+.Easy3wFlow .flowmid .flowtext9 {
+  width: 8%;
+  float: left;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -53%;
+}
+.Easy3wFlow .flowmid .floawt1 {
+  text-align: center;
+  height: 24px;
+  line-height: 32px;
+  font-size: 14px;
+}
+.Easy3wFlow .flowmid .floawt2 {
+  text-align: center;
+  height: 20px;
+  line-height: 26px;
+  font-size: 12px;
+}
+.Easy3wFlow .flowbottom {
+  position: relative;
+  margin-top: 5px;
+  height: 35px;
+  margin-left: 32px;
+}
+.Easy3wFlow .flowbottom .flowdocfirst {
+  float: left;
+  margin-left: 10px;
+  height: 35px;
+  text-align: center;
+  background: #f2f2f2;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -50%;
+}
+.Easy3wFlow .flowbottom .flowdoc {
+  display: inline-block;
+  margin: 0 2px;
+  height: 35px;
+  text-align: center;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+}
+.Easy3wFlow .flowbottom .flowdoc .flowdoct1 {
+  margin-top: 6px;
+}
+.Easy3wFlow .flowbottom .flowdoc .flowdoct1 a {
+  color: #00ccff;
+  text-decoration: none;
+  font-weight: bold;
+}
+.Easy3wFlow .flowbottom .flowdoc .flowdoct1 a:hover {
+  color: #ad7c59;
+}
+.Easy3wFlow .flowmain .projectinfo {
+  margin-top: 30px;
+  margin-left: 10px;
+  height: 108px;
+}
+.Easy3wFlow .flowmain .projectinfo .projectcontent {
+  margin-top: 10px;
+  width: 960px;
+  height: 68px;
+  background: #f2f2f2;
+}
+.Easy3wFlow .flowmain .projectinfo .projectcontent div {
+  float: left;
+  margin-left: 10px;
+  width: 470px;
+  height: 34px;
+  line-height: 34px;
+}
+.Easy3wFlow .flowmain .moudleprovider {
+  margin-top: 10px;
+  margin-left: 10px;
+}
+.Easy3wFlow .flowmain .businesslog {
+  margin-top: 10px;
+  margin-left: 10px;
+}
+.Easy3wFlow .flowmain .fasttrack {
+  margin-top: 10px;
+  margin-left: 10px;
+  height: 40px;
+}
+.Easy3wFlow .flowmain .fasttrack .fasttrackl input {
+  width: 84px;
+  height: 22px;
+}
+.Easy3wFlow .flowmain .fasttrack .fasttrackl button {
+  width: 56px;
+  height: 26px;
+}
+.Easy3wFlow .flowmain .fasttrack .fasttrackr a {
+  color: #26619d;
+}
+.Easy3wFlow .flowmain .fasttrack .fasttrackr a:hover {
+  text-decoration: none;
+  color: #ad7c59;
+}
+.Easy3wFlow .flowmain .workbench {
+  margin-top: 10px;
+  margin-left: 10px;
+}
+.Easy3wFlow .flowmain .workbench .hd {
+  height: 30px;
+  width: 960px;
+  background: #fafafa;
+  border-bottom: 1px solid #dbdee1;
+}
+.Easy3wFlow .flowmain .workbench .hd li {
+  float: left;
+  width: 100px;
+  height: 28px;
+  line-height: 26px;
+  text-align: center;
+}
+.Easy3wFlow .flowmain .workbench .hd li.on {
+  border: 1px solid #ececec;
+  border-top: 2px solid #038edd;
+  border-bottom: 1px solid #fff;
+  font-weight: bold;
+}
+.Easy3wFlow .flowmain .projectquery {
+  margin-top: 10px;
+  margin-left: 10px;
+}
+.Easy3wFlow .flowmain .projectquery .querycondition {
+  width: 960px;
+  height: 210px;
+  margin-bottom: 10px;
+  background: #f2f2f2;
+}
+.Easy3wFlow .flowmain .projectquery .querycondition table td {
+  border: none;
+}
+.Easy3wFlow .flowmain .projectquery .querycondition table span {
+  float: right;
+  text-align: right;
+  font-weight: bold;
+  width: 120px;
+}
+.Easy3wFlow .flowmain .projectquery .querycondition table input {
+  float: left;
+  width: 220px;
+}
+.Easy3wFlow .flowmain .projectquery .querycondition table select {
+  float: left;
+  width: 224px;
+}
+.Easy3wFlow .flowmain .projectquery .querycondition button {
+  margin-top: 10px;
+  margin-left: 430px;
+  width: 100px;
+  height: 30px;
+  color: #fff;
+  border: none;
+  border-radius: 8px;
+  text-align: center;
+  vertical-align: middle;
+  background: #075c9a;
+}
+.Easy3wFlow .flowmain .historyProj {
+  margin-top: 10px;
+  margin-left: 10px;
+}
+.Easy3wFlow .flowmain .historyProj .choose {
+  margin-top: 20px;
+  height: 40px;
+}
+.Easy3wFlow .flowmain .historyProj .choose button {
+  width: 80px;
+  height: 30px;
+  border: none;
+  border-radius: 6px;
+}
+.Easy3wFlow .flowmain .haierblue {
+  background: #5867ad;
+}
+.Easy3wFlow .flowmain .haierdeepblue {
+  background: #5867ad;
+}
+.Easy3wFlow .flowmain .haierorange {
+  background: #ad7c59;
+}
+.Easy3wFlow .flowmain .haierlightgrey {
+  background: #f2f2f2;
+}
+.Easy3wFlow .flowmain .haiergrey {
+  background: #c9c9c9;
+}
+.Easy3wFlow .flowmain .haierdeepgrey {
+  background: #666;
+}
+.Easy3wFlow .flowmain .textblue {
+  color: #5867ad;
+}
+.Easy3wFlow .flowmain .textorange {
+  color: #ad7c59;
+}
+.Easy3wFlow .flowmain .textgrey {
+  color: #999999;
+}
+.Easy3wFlow .flowmain .textgrey a {
+  color: #999999;
+}
+.Easy3wFlow .flowmain .textgrey a:hover {
+  color: #ad7c59;
+}
+.Easy3wFlow .flowmain .bold {
+  font-weight: bold;
+}
+.Easy3wFlow .flowmain .w1 {
+  width: 960px;
+}
+.Easy3wFlow .flowmain .w2 {
+  width: 480px;
+}
+.Easy3wFlow .flowmain .w3 {
+  padding: 0 21px;
+}
+.Easy3wFlow .flowmain .w4 {
+  width: 232px;
+}
+.Easy3wFlow .flowmain .w5 {
+  width: 184px;
+}
+.Easy3wFlow .flowmain .w6 {
+  width: 151px;
+}
+.Easy3wFlow .flowmain .w7 {
+  width: 128px;
+}
+.Easy3wFlow .flowmain .w8 {
+  width: 116px;
+}
+.Easy3wFlow .flowmain .w9 {
+  width: 97px;
+}
+.Easy3wFlow .flowmain .w10 {
+  width: 87px;
+}
+.Easy3wFlow .flowmain .toplineblue {
+  border-top: 5px solid #5867ad;
+}
+.Easy3wFlow .flowmain .toplineorange {
+  border-top: 5px solid #ad7c59;
+}
+.Easy3wFlow .flowmain .toplinegray {
+  border-top: 5px solid #ccc;
+}
+.Easy3wFlow .flowmain .borderblue {
+  border: 1px solid #5867ad;
+}
+.Easy3wFlow .flowmain .borderorange {
+  border: 1px solid #ad7c59;
+}
+.Easy3wFlow .flowmain .borderblueDashed {
+  border: 1px dashed #5867ad;
+}
+.Easy3wFlow .flowmain .borderorangeDashed {
+  border: 1px dashed #ad7c59;
+}
+.Easy3wFlow .flowmain .bordergrayDashed {
+  border: 1px dashed #ccc;
+}
+.Easy3wFlow .flowmain .bordergray {
+  border: 1px solid #ccc;
+}
+.Easy3wFlow .flowmain .flowbottomtextblue {
+  text-align: center;
+  line-height: 35px;
+  color: #5867ad;
+}
+.Easy3wFlow .flowmain .flowdoc img {
+  display: inline-block;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+  width: 21px;
+}
+.Easy3wFlow .flowmain .flowbottomtextorange {
+  text-align: center;
+  line-height: 35px;
+}
+.Easy3wFlow .flowmain .flowbottomtextorange a {
+  color: #ad7c59;
+  font-weight: bold;
+}
+.Easy3wFlow .flowmain .flowbottomtextgrey {
+  text-align: center;
+  line-height: 35px;
+  color: #999999;
+}
+.Easy3wFlow .flowmain .flowbottomtextgrey a {
+  text-align: center;
+  line-height: 35px;
+  color: #999999;
+}
+.Easy3wFlow .flowmain .hide {
+  display: none;
+}
+.Easy3wFlow .hint {
+  position: relative;
+  z-index: 1;
+  top: 14px;
+  left: 0;
+  width: 200px;
+  border: 1px solid #ececec;
+  /*border:1px solid #FA0505;*/
+  background: #fff;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  border-radius: 8px;
+}
+.Easy3wFlow .hint ul li {
+  text-align: left;
+  margin-left: 6px;
+  line-height: 30px;
+  font-size: 14px;
+}
+.Easy3wFlow .flowmain .square {
+  float: left;
+  width: 6px;
+  height: 18px;
+}
+.Easy3wFlow .flowmain .title {
+  height: 22px;
+}
+.Easy3wFlow .flowmain .title .title-text {
+  float: left;
+  margin-left: 5px;
+}
+.Easy3wFlow .flowmain table {
+  margin: 0;
+  padding: 0;
+  margin-top: 6px;
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 960px;
+}
+.Easy3wFlow .flowmain tr {
+  line-height: 30px;
+  text-align: center;
+  vertical-align: middle;
+}
+.Easy3wFlow .flowmain td {
+  border: 1px solid #e5e5e5;
+}
+.Easy3wFlow .flowmain .table-title {
+  background: #f2f2f2;
+  font-weight: bold;
+}
+.Easy3wFlow .flowmain .table-page {
+  margin-top: 10px;
+  height: 36px;
+}
+.Easy3wFlow .flowmain .table-page .table-page-r {
+  margin-right: 30px;
+}
+.Easy3wFlow .flowmain .table-page .table-page-r a {
+  float: left;
+  margin-left: 5px;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+  border: 1px solid #ccc;
+  font-size: 12px;
+  color: #333333;
+}
+.Easy3wFlow .flowmain .table-page .table-page-r a:hover {
+  background: #038edd;
+}
+.Easy3wFlow .flowmain .table-page .choose-on {
+  background: #038edd;
+}
+.Easy3wFlow .flowmain .table-page .table-page-r a.page-change {
+  width: 50px;
+}
+.Easy3wFlow .flowmain .left {
+  text-align: left;
+}
+.Easy3wFlow .flowmain .right {
+  text-align: right;
+}
+.Easy3wFlow .flowmain .center {
+  text-align: center;
+}
+.Easy3wFlow .flowmain .fl {
+  float: left;
+}
+.Easy3wFlow .flowmain .fr {
+  float: right;
+}
+.Easy3wFlow .marAuto3 {
+  position: absolute;
+  left: 50%;
+  margin-left: -225px;
+}
+.Easy3wFlow .marAuto2 {
+  position: absolute;
+  left: 50%;
+  margin-left: -150px;
+}
+.Easy3wFlow .marAuto1 {
+  position: absolute;
+  left: 50%;
+  margin-left: -75px;
+}
+.Easy3wFlowTight {
+  /*index为1时*/
+  /*index为1时*/
+  /*index为1时*/
+  /*index为2时*/
+  /*index为3时*/
+  /*index为1时*/
+  /*index为2时*/
+  /*index为3时*/
+  /*index为4时*/
+  /*index为1时*/
+  /*index为2时*/
+  /*index为3时*/
+  /*index为3时*/
+  /*index为4时*/
+  /*index为5时*/
+  /*index为1时*/
+  /*index为2时*/
+  /*index为3时*/
+  /*index为4时*/
+  /*index为5时*/
+  /*index为6时*/
+  /*index为1时*/
+  /*index为2时*/
+  /*index为3时*/
+  /*index为4时*/
+  /*index为5时*/
+  /*index为6时*/
+  /*index为7时*/
+  /*index为1时*/
+  /*index为2时*/
+  /*index为3时*/
+  /*index为4时*/
+  /*index为5时*/
+  /*index为6时*/
+  /*index为7时*/
+  /*index为8时*/
+  /*index为1时*/
+  /*index为2时*/
+  /*index为3时*/
+  /*index为4时*/
+  /*index为5时*/
+  /*index为6时*/
+  /*index为7时*/
+  /*index为8时*/
+  /*index为9时*/
+  /*改名暂时兼容*/
+  /* 主节点活动节点样式*/
+  /*renderTop有几个大节点时（3-9）*/
+  /*.flow-bottom .flow-doc .flow-doc-t2{margin-top:12px;}*/
+  /*后续附加内容样式*/
+  /*以下为独立样式*/
+  /*1个*/
+  /*2个*/
+  /*3个*/
+  /*4个*/
+  /*5个*/
+  /*6个*/
+  /*7个*/
+  /*8个*/
+  /*9个*/
+  /*10个*/
+  /*三个节点*/
+  /*两个节点*/
+  /*一个节点*/
+  /* 流程图状态颜色 */
+}
+.Easy3wFlowTight .flowmain {
+  margin: auto;
+  width: 100%;
+  background: #fff;
+}
+.Easy3wFlowTight .flowtop {
+  width: 100%;
+}
+.Easy3wFlowTight .flowtop .floatcenter {
+  width: 90%;
+  margin: 0 auto;
+  /* 
+      公式：  线宽 (100% / n -22px) / 2
+      思路： 
+        虚拟： 将每个节点 + 左侧线宽 + 右侧线宽看成一个块，所有块组合成整体top   虚拟的每个节点块长度都相等   除了首尾节点 其它节点的宽为： 100% / n
+        实际： 
+          第一个节点： 左侧填充一个线宽 + 节点 + 右侧两个线    (100% / n -22px) / 2 * 3 + 22px    节点 + 3个线宽
+          最后一个节点： 节点 + 右侧填充一个线宽                 (100% / n -22px) / 2 + 22px      节点 + 1个线宽
+          其它节点： 节点 + 右侧两个线                         (100% / n -22px) / 2 * 2 + 22px    节点 + 2个线宽
+        最终确保： 节点 + 填充 + 线 = top宽
+        每个节点都有属于不与其它节点公用的两个线宽的长度
+        构图： -o--o--o-
+      流程节点：
+        节点： 22px
+        线宽： (100% / n -22px) / 2
+      */
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp2:first-child {
+  width: calc((100% / 2 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 2 - 22px) / 2);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp2 {
+  width: calc(100% / 2);
+  float: left;
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp2 .flowline2 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp2:last-child {
+  width: calc((100% / 2 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 2 - 22px) / 2);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp3:first-child {
+  width: calc((100% / 3 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 3 - 22px) / 2);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp3 {
+  width: calc(100% / 3);
+  float: left;
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp3 .flowline3 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp3:last-child {
+  width: calc((100% / 3 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 3 - 22px) / 2);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp4:first-child {
+  width: calc((100% / 4 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 4 - 22px) / 2);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp4 {
+  width: calc(100% / 4);
+  float: left;
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp4 .flowline4 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp4:last-child {
+  width: calc((100% / 4 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 4 - 22px) / 2);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp5:first-child {
+  width: calc((100% / 5 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 5 - 22px) / 2);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp5 {
+  width: calc(100% / 5);
+  float: left;
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp5 .flowline5 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp5:last-child {
+  width: calc((100% / 5 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 5 - 22px) / 2);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp6:first-child {
+  width: calc((100% / 6 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 6 - 22px) / 2);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp6 {
+  width: calc(100% / 6);
+  float: left;
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp6 .flowline6 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp6:last-child {
+  width: calc((100% / 6 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 6 - 22px) / 2);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp7:first-child {
+  width: calc((100% / 7 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 7 - 22px) / 2);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp7 {
+  width: calc(100% / 7);
+  float: left;
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp7 .flowline7 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp7:last-child {
+  width: calc((100% / 7 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 7 - 22px) / 2);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp8:first-child {
+  width: calc((100% / 8 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 8 - 22px) / 2);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp8 {
+  width: calc(100% / 8);
+  float: left;
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp8 .flowline8 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp8:last-child {
+  width: calc((100% / 8 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 8 - 22px) / 2);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp9:first-child {
+  width: calc((100% / 9 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 9 - 22px) / 2);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp9 {
+  width: calc(100% / 9);
+  float: left;
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp9 .flowline9 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
+}
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp9:last-child {
+  width: calc((100% / 9 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 9 - 22px) / 2);
+}
+.Easy3wFlowTight .flowmid {
+  width: 100%;
+  height: 34px;
+}
+.Easy3wFlowTight .flowmid .floatcenter {
+  width: 90%;
+  margin: 0 auto;
+}
+.Easy3wFlowTight .flowmid .floatcenter div.flowtext2 {
+  width: calc(100% / 2);
+  float: left;
+}
+.Easy3wFlowTight .flowmid .floatcenter div.flowtext3 {
+  width: calc(100% / 3);
+  float: left;
+}
+.Easy3wFlowTight .flowmid .floatcenter div.flowtext4 {
+  width: calc(100% / 4);
+  float: left;
+}
+.Easy3wFlowTight .flowmid .floatcenter div.flowtext5 {
+  width: calc(100% / 5);
+  float: left;
+}
+.Easy3wFlowTight .flowmid .floatcenter div.flowtext6 {
+  width: calc(100% / 6);
+  float: left;
+}
+.Easy3wFlowTight .flowmid .floatcenter div.flowtext7 {
+  width: calc(100% / 7);
+  float: left;
+}
+.Easy3wFlowTight .flowmid .floatcenter div.flowtext8 {
+  width: calc(100% / 8);
+  float: left;
+}
+.Easy3wFlowTight .flowmid .floatcenter div.flowtext9 {
+  width: calc(100% / 9);
+  float: left;
+}
+.Easy3wFlowTight .floatcenter2_1 {
+  position: absolute;
+  left: 0;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter2_2 {
+  position: absolute;
+  left: 35%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter3_1 {
+  position: absolute;
+  left: 0;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter3_2 {
+  position: absolute;
+  left: 33%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter3_3 {
+  position: absolute;
+  right: 0;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter4_1 {
+  position: absolute;
+  left: 0;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter4_2 {
+  position: absolute;
+  left: 22%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter4_3 {
+  position: absolute;
+  right: 23%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter4_4 {
+  position: absolute;
+  right: 0;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter5_1 {
+  position: absolute;
+  left: 0;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter5_2 {
+  position: absolute;
+  left: 16.5%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter5_3 {
+  position: absolute;
+  left: 32.5%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter5_3_1 {
+  position: absolute;
+  left: 45%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter5_4 {
+  position: absolute;
+  right: 20%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter5_5 {
+  position: absolute;
+  right: 0;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter6_1 {
+  position: absolute;
+  left: 0;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter6_2 {
+  position: absolute;
+  left: 13%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter6_3 {
+  position: absolute;
+  left: 26.25%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter6_4 {
+  position: absolute;
+  left: 39.5%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter6_5 {
+  position: absolute;
+  right: 18%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter6_6 {
+  position: absolute;
+  right: 0;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter7_1 {
+  position: absolute;
+  left: 0;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter7_2 {
+  position: absolute;
+  left: 10.8%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter7_3 {
+  position: absolute;
+  left: 21.6%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter7_4 {
+  position: absolute;
+  left: 32.5%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter7_5 {
+  position: absolute;
+  left: 43.3%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter7_6 {
+  position: absolute;
+  right: 16%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter7_7 {
+  position: absolute;
+  right: 0;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter8_1 {
+  position: absolute;
+  left: 0;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter8_2 {
+  position: absolute;
+  left: 9.3%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter8_3 {
+  position: absolute;
+  left: 18.6%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter8_4 {
+  position: absolute;
+  left: 27.9%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter8_5 {
+  position: absolute;
+  left: 37.2%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter8_6 {
+  position: absolute;
+  left: 46.5%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter8_7 {
+  position: absolute;
+  right: 14%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter8_8 {
+  position: absolute;
+  right: 0;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter9_1 {
+  position: absolute;
+  left: 0;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter9_2 {
+  position: absolute;
+  left: 8.5%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter9_3 {
+  position: absolute;
+  left: 16.5%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter9_4 {
+  position: absolute;
+  left: 24.5%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter9_5 {
+  position: absolute;
+  left: 32.5%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter9_6 {
+  position: absolute;
+  left: 40.5%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter9_7 {
+  position: absolute;
+  left: 48.5%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter9_8 {
+  position: absolute;
+  right: 10%;
+  height: 36px;
+}
+.Easy3wFlowTight .floatcenter9_9 {
+  position: absolute;
+  right: 0;
+  height: 36px;
+}
+.Easy3wFlowTight .center {
+  float: left;
+  position: relative;
+  left: 50%;
+}
+.Easy3wFlowTight .flowmain .flowtop {
+  height: 28px;
+}
+.Easy3wFlowTight .flowmain .flowcircle {
+  float: left;
+  margin-top: 5px;
+  width: 22px;
+  height: 22px;
+  line-height: 22px;
+  text-align: center;
+  border-radius: 50%;
+  color: #fff;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+}
+.Easy3wFlowTight .flowmain .flowcircle-active-haierblue {
+  float: left;
+  margin-top: 5px;
+  width: 22px;
+  height: 22px;
+  line-height: 22px;
+  text-align: center;
+  border-radius: 50%;
+  color: #fff;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+}
+.Easy3wFlowTight .flowmain .flowcircle-active-haierblue::before {
+  border-bottom: 2px solid #5867ad;
+  content: '';
+  height: 2px;
+  width: 100%;
+  position: absolute;
+  bottom: -4px;
+  right: 0;
+}
+.Easy3wFlowTight .flowmain .flowcircle-active-haierorange {
+  float: left;
+  margin-top: 5px;
+  width: 22px;
+  height: 22px;
+  line-height: 22px;
+  text-align: center;
+  border-radius: 50%;
+  color: #fff;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+}
+.Easy3wFlowTight .flowmain .flowcircle-active-haierorange::before {
+  border-bottom: 2px solid #ad7c59;
+  content: '';
+  height: 2px;
+  width: 100%;
+  position: absolute;
+  bottom: -4px;
+  right: 0;
+}
+.Easy3wFlowTight .flowmid .floawt1 {
+  text-align: center;
+  height: 24px;
+  line-height: 32px;
+  font-size: 14px;
+}
+.Easy3wFlowTight .flowmid .floawt1detail {
+  text-align: center;
+  height: 24px;
+  line-height: 18px;
+  font-size: 14px;
+}
+.Easy3wFlowTight .flowmid .floawt2 {
+  text-align: center;
+  height: 20px;
+  line-height: 26px;
+  font-size: 12px;
+}
+.Easy3wFlowTight .flowbottom {
+  position: relative;
+  margin-top: 5px;
+  height: 35px;
+  margin-left: 32px;
+}
+.Easy3wFlowTight .flowbottom .flowdocfirst {
+  float: left;
+  margin-left: 10px;
+  height: 35px;
+  text-align: center;
+  background: #f2f2f2;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+  left: -50%;
+}
+.Easy3wFlowTight .flowbottom .flowdoc {
+  display: inline-block;
+  margin: 0 2px;
+  height: 30px;
+  text-align: center;
+  /*浮动区块居中，必须配合.float-center使用*/
+  position: relative;
+}
+.Easy3wFlowTight .flowbottom .flowdoc .flowdoct1 {
+  margin-top: 6px;
+}
+.Easy3wFlowTight .flowbottom .flowdoc .flowdoct1 a {
+  color: #00ccff;
+  text-decoration: none;
+  font-weight: bold;
+}
+.Easy3wFlowTight .flowbottom .flowdoc .flowdoct1 a:hover {
+  color: #ad7c59;
+}
+.Easy3wFlowTight .flowmain .projectinfo {
+  margin-top: 30px;
+  margin-left: 10px;
+  height: 108px;
+}
+.Easy3wFlowTight .flowmain .projectinfo .projectcontent {
+  margin-top: 10px;
+  width: 960px;
+  height: 68px;
+  background: #f2f2f2;
+}
+.Easy3wFlowTight .flowmain .projectinfo .projectcontent div {
+  float: left;
+  margin-left: 10px;
+  width: 470px;
+  height: 34px;
+  line-height: 34px;
+}
+.Easy3wFlowTight .flowmain .moudleprovider {
+  margin-top: 10px;
+  margin-left: 10px;
+}
+.Easy3wFlowTight .flowmain .businesslog {
+  margin-top: 10px;
+  margin-left: 10px;
+}
+.Easy3wFlowTight .flowmain .fasttrack {
+  margin-top: 10px;
+  margin-left: 10px;
+  height: 40px;
+}
+.Easy3wFlowTight .flowmain .fasttrack .fasttrackl input {
+  width: 84px;
+  height: 22px;
+}
+.Easy3wFlowTight .flowmain .fasttrack .fasttrackl button {
+  width: 56px;
+  height: 26px;
+}
+.Easy3wFlowTight .flowmain .fasttrack .fasttrackr a {
+  color: #26619d;
+}
+.Easy3wFlowTight .flowmain .fasttrack .fasttrackr a:hover {
+  text-decoration: none;
+  color: #ad7c59;
+}
+.Easy3wFlowTight .flowmain .workbench {
+  margin-top: 10px;
+  margin-left: 10px;
+}
+.Easy3wFlowTight .flowmain .workbench .hd {
+  height: 30px;
+  width: 960px;
+  background: #fafafa;
+  border-bottom: 1px solid #dbdee1;
+}
+.Easy3wFlowTight .flowmain .workbench .hd li {
+  float: left;
+  width: 100px;
+  height: 28px;
+  line-height: 26px;
+  text-align: center;
+}
+.Easy3wFlowTight .flowmain .workbench .hd li.on {
+  border: 1px solid #ececec;
+  border-top: 2px solid #038edd;
+  border-bottom: 1px solid #fff;
+  font-weight: bold;
+}
+.Easy3wFlowTight .flowmain .projectquery {
+  margin-top: 10px;
+  margin-left: 10px;
+}
+.Easy3wFlowTight .flowmain .projectquery .querycondition {
+  width: 960px;
+  height: 210px;
+  margin-bottom: 10px;
+  background: #f2f2f2;
+}
+.Easy3wFlowTight .flowmain .projectquery .querycondition table td {
+  border: none;
+}
+.Easy3wFlowTight .flowmain .projectquery .querycondition table span {
+  float: right;
+  text-align: right;
+  font-weight: bold;
+  width: 120px;
+}
+.Easy3wFlowTight .flowmain .projectquery .querycondition table input {
+  float: left;
+  width: 220px;
+}
+.Easy3wFlowTight .flowmain .projectquery .querycondition table select {
+  float: left;
+  width: 224px;
+}
+.Easy3wFlowTight .flowmain .projectquery .querycondition button {
+  margin-top: 10px;
+  margin-left: 430px;
+  width: 100px;
+  height: 30px;
+  color: #fff;
+  border: none;
+  border-radius: 8px;
+  text-align: center;
+  vertical-align: middle;
+  background: #075c9a;
+}
+.Easy3wFlowTight .flowmain .historyProj {
+  margin-top: 10px;
+  margin-left: 10px;
+}
+.Easy3wFlowTight .flowmain .historyProj .choose {
+  margin-top: 20px;
+  height: 40px;
+}
+.Easy3wFlowTight .flowmain .historyProj .choose button {
+  width: 80px;
+  height: 30px;
+  border: none;
+  border-radius: 6px;
+}
+.Easy3wFlowTight .flowmain .haierblue {
+  background: #5867ad;
+}
+.Easy3wFlowTight .flowmain .haierdeepblue {
+  background: #5867ad;
+}
+.Easy3wFlowTight .flowmain .haierorange {
+  background: #ad7c59;
+}
+.Easy3wFlowTight .flowmain .haierlightgrey {
+  background: #f2f2f2;
+}
+.Easy3wFlowTight .flowmain .haiergrey {
+  background: #c9c9c9;
+}
+.Easy3wFlowTight .flowmain .haierdeepgrey {
+  background: #666;
+}
+.Easy3wFlowTight .flowmain .textblue {
+  color: #5867ad;
+}
+.Easy3wFlowTight .flowmain .textorange {
+  color: #ad7c59;
+}
+.Easy3wFlowTight .flowmain .textgrey {
+  color: #999999;
+}
+.Easy3wFlowTight .flowmain .textgrey a {
+  color: #999999;
+}
+.Easy3wFlowTight .flowmain .textgrey a:hover {
+  color: #ad7c59;
+}
+.Easy3wFlowTight .flowmain .bold {
+  font-weight: bold;
+}
+.Easy3wFlowTight .flowmain .w1 {
+  width: 960px;
+}
+.Easy3wFlowTight .flowmain .w2 {
+  width: 480px;
+}
+.Easy3wFlowTight .flowmain .w3 {
+  padding: 0 21px;
+}
+.Easy3wFlowTight .flowmain .w4 {
+  width: 232px;
+}
+.Easy3wFlowTight .flowmain .w5 {
+  width: 184px;
+}
+.Easy3wFlowTight .flowmain .w6 {
+  width: 151px;
+}
+.Easy3wFlowTight .flowmain .w7 {
+  width: 128px;
+}
+.Easy3wFlowTight .flowmain .w8 {
+  width: 116px;
+}
+.Easy3wFlowTight .flowmain .w9 {
+  width: 97px;
+}
+.Easy3wFlowTight .flowmain .w10 {
+  width: 87px;
+}
+.Easy3wFlowTight .flowmain .toplineblue {
+  border-top: 5px solid #5867ad;
+}
+.Easy3wFlowTight .flowmain .toplineorange {
+  border-top: 5px solid #ad7c59;
+}
+.Easy3wFlowTight .flowmain .toplinegray {
+  border-top: 5px solid #ccc;
+}
+.Easy3wFlowTight .flowmain .borderblue {
+  border: 1px solid #5867ad;
+  border-radius: 4px;
+}
+.Easy3wFlowTight .flowmain .borderorange {
+  border: 1px solid #ad7c59;
+}
+.Easy3wFlowTight .flowmain .borderblueDashed {
+  border: 1px dashed #5867ad;
+  border-radius: 4px;
+}
+.Easy3wFlowTight .flowmain .borderorangeDashed {
+  border: 1px dashed #ad7c59;
+}
+.Easy3wFlowTight .flowmain .bordergrayDashed {
+  border: 1px dashed #ccc;
+}
+.Easy3wFlowTight .flowmain .bordergray {
+  border: 1px solid #ccc;
+}
+.Easy3wFlowTight .flowmain .flowbottomtextblue {
+  text-align: center;
+  line-height: 30px;
+  color: #5867ad;
+}
+.Easy3wFlowTight .flowmain .flowdoc img {
+  display: inline-block;
+  position: absolute;
+  right: -1px;
+  bottom: -1px;
+  z-index: 1;
+  width: 21px;
+  border-bottom-right-radius: 4px;
+}
+.Easy3wFlowTight .flowmain .flowbottomtextorange {
+  text-align: center;
+  line-height: 30px;
+  border-radius: 4px;
+}
+.Easy3wFlowTight .flowmain .flowbottomtextorange a {
+  color: #ad7c59;
+  font-weight: bold;
+}
+.Easy3wFlowTight .flowmain .flowbottomtextgrey {
+  text-align: center;
+  line-height: 30px;
+  color: #999999;
+  border-radius: 4px;
+}
+.Easy3wFlowTight .flowmain .flowbottomtextgrey a {
+  text-align: center;
+  line-height: 35px;
+  color: #999999;
+}
+.Easy3wFlowTight .flowmain .hide {
+  display: none;
+}
+.Easy3wFlowTight .hint {
+  position: relative;
+  z-index: 1;
+  top: 14px;
+  left: 0;
+  width: 200px;
+  border: 1px solid #ececec;
+  /*border:1px solid #FA0505;*/
+  background: #fff;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  border-radius: 8px;
+}
+.Easy3wFlowTight .hint ul li {
+  text-align: left;
+  margin-left: 6px;
+  line-height: 30px;
+  font-size: 14px;
+}
+.Easy3wFlowTight .flowmain .square {
+  float: left;
+  width: 6px;
+  height: 18px;
+}
+.Easy3wFlowTight .flowmain .title {
+  height: 22px;
+}
+.Easy3wFlowTight .flowmain .title .title-text {
+  float: left;
+  margin-left: 5px;
+}
+.Easy3wFlowTight .flowmain table {
+  margin: 0;
+  padding: 0;
+  margin-top: 6px;
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 960px;
+}
+.Easy3wFlowTight .flowmain tr {
+  line-height: 30px;
+  text-align: center;
+  vertical-align: middle;
+}
+.Easy3wFlowTight .flowmain td {
+  border: 1px solid #e5e5e5;
+}
+.Easy3wFlowTight .flowmain .table-title {
+  background: #f2f2f2;
+  font-weight: bold;
+}
+.Easy3wFlowTight .flowmain .table-page {
+  margin-top: 10px;
+  height: 36px;
+}
+.Easy3wFlowTight .flowmain .table-page .table-page-r {
+  margin-right: 30px;
+}
+.Easy3wFlowTight .flowmain .table-page .table-page-r a {
+  float: left;
+  margin-left: 5px;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+  border: 1px solid #ccc;
+  font-size: 12px;
+  color: #333333;
+}
+.Easy3wFlowTight .flowmain .table-page .table-page-r a:hover {
+  background: #038edd;
+}
+.Easy3wFlowTight .flowmain .table-page .choose-on {
+  background: #038edd;
+}
+.Easy3wFlowTight .flowmain .table-page .table-page-r a.page-change {
+  width: 50px;
+}
+.Easy3wFlowTight .flowmain .left {
+  text-align: left;
+}
+.Easy3wFlowTight .flowmain .right {
+  text-align: right;
+}
+.Easy3wFlowTight .flowmain .center {
+  text-align: center;
+}
+.Easy3wFlowTight .flowmain .fl {
+  float: left;
+}
+.Easy3wFlowTight .flowmain .fr {
+  float: right;
+}
+.Easy3wFlowTight .marAuto3 {
+  position: absolute;
+  left: 50%;
+  margin-left: -225px;
+}
+.Easy3wFlowTight .marAuto2 {
+  position: absolute;
+  left: 50%;
+  margin-left: -150px;
+}
+.Easy3wFlowTight .marAuto1 {
+  position: absolute;
+  left: 50%;
+  margin-left: -75px;
+}
+.Easy3wFlowTight .common {
+  height: 12px;
+  width: 12px;
+}
+.Easy3wFlowTight .planDate-style {
+  color: #000000;
+  font-weight: normal;
+  margin-left: 12px;
+}
+.Easy3wFlowTight .planDate-style .wait-style sup {
+  height: 12px;
+  width: 12px;
+  background-color: #bfbfbf;
+}
+.Easy3wFlowTight .planDate-style .delay-style sup {
+  height: 12px;
+  width: 12px;
+  background-color: #fa8c16;
+}
+.Easy3wFlowTight .planDate-style .normal-style sup {
+  height: 12px;
+  width: 12px;
+  background-color: #52c41a;
+}
+.Easy3wFlowTight .planDate-style .normal-style :global .ant-scroll-number,
+.Easy3wFlowTight .planDate-style .delay-style :global .ant-scroll-number,
+.Easy3wFlowTight .planDate-style .wait-style :global .ant-scroll-number {
+  transform: translate(2px, -2px);
+}
+.scrollY .ant-table-tbody > .ant-table-row .e3wGridShortText {
+  text-align: center;
+}
+.scrollY .ant-table-tbody > .ant-table-row .e3wGridLongText {
+  text-align: left;
+}
+.scrollY .ant-table-tbody > .ant-table-row .e3wGridNumber {
+  text-align: right;
+}
+.scrollY .ant-table-tbody > .ant-table-row .e3wMaxText {
+  text-align: left;
+  max-width: 240px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.scrollY .ant-table-thead > tr > th {
+  text-align: center;
+}
+.scrollY .ant-table-wrapper .ant-table-tbody > tr:nth-child(even) > td {
+  background: var(--table-header-bg);
+}
+.scrollY .ant-table-wrapper .ant-table-tbody > tr:nth-child(odd) > td {
+  background: #fff;
+}
+.scrollY .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollY .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
+.scrollY .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollY .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
+.scrollY .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollY .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollY .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
+.scrollY .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
+  background: var(--table-header-bg);
+}
+.scrollY .ant-table-wrapper .ant-table-tbody > tr:hover:not(.antd-table-expanded-row):not(.antd-table-row-selected) > td {
+  background: var(--table-row-hover-bg);
+}
+.scrollY .ant-table-wrapper .ant-table-bordered .ant-table-thead > tr > th,
+.scrollY .ant-table-wrapper .ant-table-bordered .ant-table-tbody > tr > td {
+  border-right: 0;
+}
+.scrollY .ant-table-wrapper .ant-table-thead > tr > th,
+.scrollY .ant-table-wrapper .ant-table-tbody > tr > td {
+  border-bottom: 0;
+}
+.scrollX .ant-table-thead > tr > th {
+  word-break: keep-all;
+  white-space: nowrap;
+  text-align: center;
+}
+.scrollX .ant-table-tbody > .ant-table-row td {
+  max-width: 240px;
+  word-break: keep-all;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.scrollX .ant-table-tbody > .ant-table-row .e3wText {
+  white-space: normal;
+  text-align: left;
+}
+.scrollX .ant-table-tbody > .ant-table-row .e3wGridShortText {
+  text-align: center;
+}
+.scrollX .ant-table-tbody > .ant-table-row .e3wGridLongText {
+  text-align: left;
+}
+.scrollX .ant-table-tbody > .ant-table-row .e3wGridNumber {
+  text-align: right;
+}
+.scrollX .ant-table-tbody > .ant-table-row .e3wMaxText {
+  text-align: left;
+  max-width: 240px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.scrollX .ant-table-wrapper .ant-table-tbody > tr:nth-child(even) > td {
+  background: var(--table-header-bg);
+}
+.scrollX .ant-table-wrapper .ant-table-tbody > tr:nth-child(odd) > td {
+  background: #fff;
+}
+.scrollX .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
+.scrollX .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
+  background: var(--table-header-bg);
+}
+.scrollX .ant-table-wrapper .ant-table-tbody > tr:hover:not(.antd-table-expanded-row):not(.antd-table-row-selected) > td {
+  background: var(--table-row-hover-bg);
+}
+.scrollX .ant-table-wrapper .ant-table-bordered .ant-table-thead > tr > th,
+.scrollX .ant-table-wrapper .ant-table-bordered .ant-table-tbody > tr > td {
+  border-right: 0;
+}
+.scrollX .ant-table-wrapper .ant-table-thead > tr > th,
+.scrollX .ant-table-wrapper .ant-table-tbody > tr > td {
+  border-bottom: 0;
+}
+.scrollPrint .ant-table-thead > tr > th {
+  text-align: center;
+}
+.scrollPrint .ant-table-tbody > .ant-table-row td {
+  max-width: 240px;
+}
+.scrollPrint .ant-table-tbody > .ant-table-row .e3wText {
+  text-align: left;
+}
+.scrollPrint .ant-table-tbody > .ant-table-row .e3wGridShortText {
+  text-align: center;
+}
+.scrollPrint .ant-table-tbody > .ant-table-row .e3wGridLongText {
+  text-align: justify;
+}
+.scrollPrint .ant-table-tbody > .ant-table-row .e3wGridNumber {
+  text-align: right;
+}
+.scrollPrint .ant-table-tbody > .ant-table-row .e3wMaxText {
+  max-width: 240px;
+  text-align: left;
+}
+.scrollPrint .ant-table-wrapper .ant-table-tbody > tr:nth-child(even) > td {
+  background: var(--table-header-bg);
+}
+.scrollPrint .ant-table-wrapper .ant-table-tbody > tr:nth-child(odd) > td {
+  background: #fff;
+}
+.scrollPrint .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
+.scrollPrint .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
+  background: var(--table-header-bg);
+}
+.scrollPrint .ant-table-wrapper .ant-table-tbody > tr:hover:not(.antd-table-expanded-row):not(.antd-table-row-selected) > td {
+  background: var(--table-row-hover-bg);
+}
+.scrollPrint .ant-table-wrapper .ant-table-bordered .ant-table-thead > tr > th,
+.scrollPrint .ant-table-wrapper .ant-table-bordered .ant-table-tbody > tr > td {
+  border-right: 0;
+}
+.scrollPrint .ant-table-wrapper .ant-table-thead > tr > th,
+.scrollPrint .ant-table-wrapper .ant-table-tbody > tr > td {
+  border-bottom: 0;
+}
+.butt {
+  background-color: var(--primary-color);
+  color: #fff;
+  font-size: 14px;
+}
+.butt:visited,
+.butt:focus,
+.butt:hover,
+.butt:active {
+  background-color: var(--primary-color);
+  color: #fff;
+}
+.onRow tr:hover {
+  cursor: pointer;
+}
+@media (max-width: 768px) {
+  .gridBox :global .ant-table-tbody > .ant-table-row .e3wGridLongText {
+    text-align: left;
+    white-space: wrap;
+    word-break: normal;
+  }
+  .gridBox td a:not([href]) {
+    pointer-events: none;
+    color: #000000;
+  }
+}
+.ant-upload-list-item {
+  width: auto;
+}
+.ant-upload-list-item .ant-upload-list-item-info {
+  width: auto;
+}
+.ant-upload-list-item .ant-upload-list-item-name {
+  padding-right: 24px;
+}
+.ant-upload-list-item .anticon-cross {
+  right: -2px;
+}
+.e3wFormPageWrap .e3wFormItem .ant-form-item {
+  margin-bottom: 8px;
+}
+.e3wFormPageWrap .inputNumberFormat,
+.e3wFormPageWrap .inputAmount,
+.e3wFormPageWrap .inputDigit {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: row;
+      flex-direction: row;
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+  line-height: 32px;
+}
+.e3wFormPageWrap .inputNumberFormat .addonBtns,
+.e3wFormPageWrap .inputAmount .addonBtns,
+.e3wFormPageWrap .inputDigit .addonBtns {
+  height: 32px;
+  width: auto;
+  border-left: none;
+  border-right: 1px solid #d9d9d9;
+}
+.e3wFormPageWrap .inputNumberFormat .inputNumberBtns .e3wFootBtn,
+.e3wFormPageWrap .inputAmount .inputNumberBtns .e3wFootBtn,
+.e3wFormPageWrap .inputDigit .inputNumberBtns .e3wFootBtn {
+  margin: 0;
+}
+.e3wFormPageWrap .bf-container {
+  border: 1px solid #eee;
+}
+.approval_flag_only .e3wFormPageWrapPC .bf-container {
+  border: 1px solid #eee;
+}
+.approval_flag_only .e3wFormPageWrapPC .ant-form-item-label {
+  line-height: 24px;
+}
+.approval_flag_only .e3wFormPageWrapPC .ant-form-item-control {
+  line-height: 24px;
+}
+.approval_flag_only .e3wFormPageWrapPC .ant-form-item-required::before {
+  content: "";
+}
+.approval_flag_only .e3wFormPageWrapPC .ant-form-item-label > label::after {
+  content: "";
+  margin: 0px;
+}
+.approval_flag_only .e3wFormPageWrapPC .ant-form-item-label > label {
+  width: 100%;
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding-right: 20px;
+}
+.approval_flag_only .e3wFormPageWrapPC .ant-form-item-label > label.ant-form-item-required::after {
+  content: "*";
+  color: var(--label-required-color);
+}
+.approval_flag_only .e3wFormPageWrapPC .ant-form-item-label > label.ant-form-item-required {
+  position: relative;
+}
+.approval_flag_only .e3wFormPageWrapPC .ant-form-item-label > label.ant-form-item-required::after {
+  position: absolute;
+  right: 0;
+  width: 20px;
+  text-align: center;
+}
+.approval_flag_only .e3wFormPageWrapPC .ant-form-item:has(.ant-form-item-label) > .ant-form-item-control-wrapper .e3wFootBtn:first-child {
+  margin-left: 0;
+}
+.approval_flag_only .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-col-readflag="1"]:not([data-fieldtype="e3wFormCol_strTemplate"]) .ant-form-item:has(.ant-form-item-label) > .ant-form-item-control-wrapper {
+  border-bottom: 1px solid var(--primary-color);
+  height: auto;
+}
+.approval_flag_only .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-col-readflag="1"]:not([data-fieldtype="e3wFormCol_strTemplate"]) .ant-form-item:has(.ant-form-item-label) > .ant-form-item-control-wrapper textarea {
+  border: none;
+  padding: 0;
+}
+.approval_flag_only .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-col-readflag="1"]:not([data-fieldtype="e3wFormCol_strTemplate"]) .ant-form-item:has(.ant-form-item-label) > .ant-form-item-control-wrapper .bf-container {
+  border: none;
+}
+.approval_flag_only .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-col-readflag="1"]:not([data-fieldtype="e3wFormCol_strTemplate"]) .ant-form-item:has(.ant-form-item-label) > .ant-form-item-control-wrapper .bf-container .public-DraftEditor-content > div {
+  padding-bottom: 0;
+}
+.approval_flag_only .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-col-readflag="1"]:not([data-fieldtype="e3wFormCol_strTemplate"]) .ant-form-item:has(.ant-form-item-label) > .ant-form-item-control-wrapper .bf-container .public-DraftEditor-content {
+  padding: 0;
+}
+.approval_flag_only .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-col-readflag="1"]:not([data-fieldtype="e3wFormCol_strTemplate"]) .ant-form-item:has(.ant-form-item-label) > .ant-form-item-control-wrapper .bf-content {
+  padding-bottom: 0;
+}
+.approval_flag_only .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-fieldtype="e3wFormCol_strTemplate"] .e3wFormStrTemplate .ant-form-item > .ant-form-item-control-wrapper {
+  width: 100%;
+  height: auto;
+}
+.approval_flag_only .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-fieldtype="e3wFormCol_strTemplate"] .e3wFormStrTemplate .ant-form-item > .ant-form-item-control-wrapper .e3wFootBtn:first-child {
+  margin-left: 0;
+}
+.approval_flag_only .e3wFormPageWrapPC .e3wFormCol[data-fieldtype][data-col-readflag="1"][data-fieldtype="e3wFormCol_strTemplate"] .e3wFormStrTemplate .ant-form-item > .ant-form-item-control-wrapper {
+  border-bottom: 1px solid var(--primary-color);
+}
+.approval_flag_only .e3wFormPageWrapPC .ant-row.ant-form-item {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: row;
+      flex-direction: row;
+}
+input.ant-input-number-input {
+  text-align: right;
+  padding-right: 21px;
+}
+.rightText {
+  text-align: right;
+}
+.bf-container.read-only .bf-content {
+  height: auto;
+}
+.bf-container.read-only .bf-controlbar {
+  display: none;
+}
+.e3wFormPageWrapTight .e3wFormPageNoBorder {
+  margin: 12px;
+}
+.e3wFormPageWrapTight .e3wFormPageNoBorder > div > .ant-row {
+  padding: 3px;
+}
+.e3wFormPageWrapTight .e3wFormPageNoBorder > div > .ant-row .ant-btn {
+  height: 24px;
+  color: #5468b2;
+}
+.e3wFormPageWrapTight .e3wFormPageNoBorder .hasAfterBtns :global .ant-calendar-picker {
+  min-width: 100% !important;
+}
+.e3wFormPageWrapTight .e3wFormPage {
+  border-top: 1px solid #e8e8e8;
+  border-left: 1px solid #e8e8e8;
+  border-right: 1px solid #e8e8e8;
+  margin: 12px;
+}
+.e3wFormPageWrapTight .e3wFormPage > div > .ant-row {
+  padding: 3px;
+  border-bottom: 1px solid #e8e8e8;
+}
+.e3wFormPageWrapTight .e3wFormPage > div > .ant-row .ant-btn {
+  height: 24px;
+  color: #5468b2;
+}
+.e3wFormPageWrapTight .e3wFormPage .hasAfterBtns :global .ant-calendar-picker {
+  min-width: 100% !important;
+}
+.e3wFormPageWrapTight .e3wFormItem .ant-form-item {
+  margin-bottom: 8px;
+}
+.e3wFormPageWrapTight .formContent:not(:first-child) {
+  padding-left: 3px;
+}
+.e3wFormPageWrapTight .formContent :global .ant-input-group-wrapper {
+  vertical-align: middle;
+}
+.e3wFormPageWrapTight .formContent :global .ant-form-item-label {
+  line-height: 24px;
+}
+.e3wFormPageWrapTight .formContent :global .ant-form-item-control {
+  line-height: 24px;
+}
+.e3wFormPageWrapTight .formContent :global .ant-form-item-required::before {
+  margin-left: -10px;
+}
+.e3wFormPageWrapTight .formContent :global .ant-form-item-label {
+  padding-left: 12px;
+}
+.e3wFormPageWrapTight .formContentAlone:not(:first-child) {
+  padding-left: 3px;
+}
+.e3wFormPageWrapTight .formContentAlone:not(:first-child) {
+  padding-left: 3px;
+}
+.e3wFormPageWrapTight .formContentAlone :global .ant-input-group-wrapper {
+  vertical-align: middle;
+}
+.e3wFormPageWrapTight .formContentAlone :global .ant-form-item-label {
+  line-height: 24px;
+}
+.e3wFormPageWrapTight .formContentAlone :global .ant-form-item-control {
+  line-height: 24px;
+}
+.e3wFormPageWrapTight .formContentAlone :global .ant-form-item-required::before {
+  margin-left: -10px;
+}
+.e3wFormPageWrapTight .formContentAlone :global .ant-form-item-label {
+  padding-left: 12px;
+}
+.e3wFormPageWrapTight .formContentAlone :global .ant-input-number {
+  border-radius: 4px 0 0 4px;
+}
+.e3wFormPageWrapTight .formContentAlone :global .ant-form-item-required::before {
+  margin-left: -10px;
+}
+.e3wFormPageWrapTight .formContentAlone :global .ant-form-item-label {
+  padding-left: 12px;
+}
+.e3wFormPageWrapTight .countContent:after {
+  content: attr(data-count);
+  color: rgba(0, 0, 0, 0.45);
+  pointer-events: none;
+  float: right;
+  white-space: nowrap;
+}
+@media (max-width: 768px) and (orientation: portrait) {
+  :global .ant-form-item-label::after {
+    content: "：";
+    color: rgba(0, 0, 0, 0.75);
+  }
+}
+@media (max-width: 768px) and (orientation: landscape) {
+  :global .ant-form-item-label::after {
+    content: "";
+  }
+}
+@media (max-width: 768px) {
+  :global .ant-form-item-label {
+    padding: 0;
+    height: auto;
+    line-height: 30px;
+    text-align: right;
+    white-space: wrap;
+    overflow: visible;
+  }
+  :global .ant-form-item-label .ant-badge {
+    display: none;
+  }
+  :global .ant-form-item-label label {
+    display: inline-block;
+    width: 80%;
+  }
+  :global .ant-form-item-control {
+    line-height: 30px;
+    white-space: wrap;
+    color: black;
+  }
+  :global .ant-form-item-label,
+  :global .ant-form-item-control-wrapper {
+    width: unset;
+  }
+  :global .ant-col-6 {
+    width: 25% !important;
+  }
+  :global .ant-col-12 {
+    width: 50% !important;
+  }
+  :global .ant-col-18 {
+    width: 75% !important;
+  }
+  :global .ant-form-item {
+    font-size: 12px !important;
+    margin-bottom: 8px !important;
+  }
+  :global .ant-radio-wrapper {
+    font-size: 12px !important;
+  }
+  :global .ant-checkbox-wrapper {
+    font-size: 12px !important;
+  }
+  :global .ant-input {
+    font-size: 12px !important;
+  }
+  :global .ant-input[disabled] {
+    background-color: #fcfcfc !important;
+  }
+  :global .ant-table-body {
+    font-size: 12px !important;
+  }
+  :global .adm-collapse-panel-content {
+    padding: 0 12px;
+  }
+  :global .adm-list-item-content-main {
+    width: 100%;
+  }
+  :global .adm-form-item-horizontal .adm-list-item-content-main {
+    text-align: right;
+  }
+  :global .ant-form-item-label > label {
+    color: rgba(0, 0, 0, 0.75);
+  }
+  :global .adm-text-area-element,
+  :global .adm-text-area-count {
+    font-size: 14px;
+  }
+}
+.e3wFootBtn {
+  margin: 0px 8px;
+}
+.e3wFootBtn.e3wFootBtnThird {
+  border: none;
+}
+.e3wFormBtn {
+  margin-right: 8px;
+}
+.positionDiv {
+  position: absolute;
+  right: 32px;
+  top: var(--card-head-padding, 16px);
+}
+.e3wPositionA {
+  font-size: 15px;
+  font-weight: 900;
+  margin-left: 15px;
+}
+.e3wFootCard {
+  padding-top: 8px;
+}
+.e3wResult {
+  text-align: center;
+  width: 72%;
+  margin: 0 auto;
+}
+.e3wResult .e3wResultIcon {
+  font-size: 72px;
+  line-height: 72px;
+  margin-bottom: 24px;
+}
+.e3wResult .e3wResultIcon > .e3wResultSuccess {
+  color: #52c41a;
+}
+.e3wResult .e3wResultIcon > .e3wResultError {
+  color: #f5222d;
+}
+.e3wResult .e3wResultTitle {
+  font-size: 24px;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+  line-height: 32px;
+  margin-bottom: 16px;
+}
+.e3wResult .e3wResultDescription {
+  font-size: 14px;
+  line-height: 22px;
+  color: rgba(0, 0, 0, 0.45);
+  margin-bottom: 24px;
+}
+.e3wResult .e3wResultExtra {
+  background: #fafafa;
+  padding: 24px 40px;
+  border-radius: 2px;
+  text-align: left;
+}
+.e3wResult .e3wResultActions {
+  margin-top: 32px;
+}
+.e3wResult .e3wResultActions e3wResultButton:not(:last-child) {
+  margin-right: 8px;
+}
+.Easy3wEditBigTable {
+  background-color: #fff;
+}
+.Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div {
+  height: 100%;
+}
+.Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div > div.form-group {
+  height: 100%;
+}
+.Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div > div.form-group > input[type="text"].form-control.input-sm {
+  width: 100%;
+  height: 100%;
+  border-color: #ddd;
+  outline: none;
+  border-style: solid;
+  border-radius: 3px;
+}
+.easy3wTree .easy3wTreeSearch {
+  width: calc(88%);
+  margin: 0 6px;
+}
+:global .ant-skeleton {
+  background: #fff;
+  padding: 0 24px;
+}