easy3wui 1.5.7 → 1.5.8-2.beta

package/assets/index.css

@@ -61,9 +61,6 @@
   float: right;
   margin-right: 12px;
 }
-.e3wLoginMain #pop {
-  color: #5468ae;
-}
 .e3wCardSpanCardTitle {
   font-weight: 600;
 }
@@ -98,6 +95,20 @@ s {
   margin: 0 8px -4px 0;
   background-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;
@@ -436,295 +447,315 @@ s {
 }
 /*初始化部分*/
 /*流程图部分*/
-.flowmain {
+.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;
 }
-.floatcenter {
+.Easy3wFlow .floatcenter {
   position: relative;
   left: 67%;
 }
-.floatcenter2_1 {
+.Easy3wFlow .floatcenter2_1 {
   position: absolute;
   left: 0;
   height: 36px;
 }
-/*index为1时*/
-.floatcenter2_2 {
+.Easy3wFlow .floatcenter2_2 {
   position: absolute;
   left: 35%;
   height: 36px;
 }
-/*index为1时*/
-.floatcenter3_1 {
+.Easy3wFlow .floatcenter3_1 {
   position: absolute;
   left: 0;
   height: 36px;
 }
-/*index为1时*/
-.floatcenter3_2 {
+.Easy3wFlow .floatcenter3_2 {
   position: absolute;
   left: 33%;
   height: 36px;
 }
-/*index为2时*/
-.floatcenter3_3 {
+.Easy3wFlow .floatcenter3_3 {
   position: absolute;
   right: 0;
   height: 36px;
 }
-/*index为3时*/
-.floatcenter4_1 {
+.Easy3wFlow .floatcenter4_1 {
   position: absolute;
   left: 0;
   height: 36px;
 }
-/*index为1时*/
-.floatcenter4_2 {
+.Easy3wFlow .floatcenter4_2 {
   position: absolute;
   left: 22%;
   height: 36px;
 }
-/*index为2时*/
-.floatcenter4_3 {
+.Easy3wFlow .floatcenter4_3 {
   position: absolute;
   right: 23%;
   height: 36px;
 }
-/*index为3时*/
-.floatcenter4_4 {
+.Easy3wFlow .floatcenter4_4 {
   position: absolute;
   right: 0;
   height: 36px;
 }
-/*index为4时*/
-.floatcenter5_1 {
+.Easy3wFlow .floatcenter5_1 {
   position: absolute;
   left: 0;
   height: 36px;
 }
-/*index为1时*/
-.floatcenter5_2 {
+.Easy3wFlow .floatcenter5_2 {
   position: absolute;
   left: 16.5%;
   height: 36px;
 }
-/*index为2时*/
-.floatcenter5_3 {
+.Easy3wFlow .floatcenter5_3 {
   position: absolute;
   left: 32.5%;
   height: 36px;
 }
-/*index为3时*/
-.floatcenter5_3_1 {
+.Easy3wFlow .floatcenter5_3_1 {
   position: absolute;
   left: 45%;
   height: 36px;
 }
-/*index为3时*/
-.floatcenter5_4 {
+.Easy3wFlow .floatcenter5_4 {
   position: absolute;
   right: 20%;
   height: 36px;
 }
-/*index为4时*/
-.floatcenter5_5 {
+.Easy3wFlow .floatcenter5_5 {
   position: absolute;
   right: 0;
   height: 36px;
 }
-/*index为5时*/
-.floatcenter6_1 {
+.Easy3wFlow .floatcenter6_1 {
   position: absolute;
   left: 0;
   height: 36px;
 }
-/*index为1时*/
-.floatcenter6_2 {
+.Easy3wFlow .floatcenter6_2 {
   position: absolute;
   left: 13%;
   height: 36px;
 }
-/*index为2时*/
-.floatcenter6_3 {
+.Easy3wFlow .floatcenter6_3 {
   position: absolute;
   left: 26.25%;
   height: 36px;
 }
-/*index为3时*/
-.floatcenter6_4 {
+.Easy3wFlow .floatcenter6_4 {
   position: absolute;
   left: 39.5%;
   height: 36px;
 }
-/*index为4时*/
-.floatcenter6_5 {
+.Easy3wFlow .floatcenter6_5 {
   position: absolute;
   right: 18%;
   height: 36px;
 }
-/*index为5时*/
-.floatcenter6_6 {
+.Easy3wFlow .floatcenter6_6 {
   position: absolute;
   right: 0;
   height: 36px;
 }
-/*index为6时*/
-.floatcenter7_1 {
+.Easy3wFlow .floatcenter7_1 {
   position: absolute;
   left: 0;
   height: 36px;
 }
-/*index为1时*/
-.floatcenter7_2 {
+.Easy3wFlow .floatcenter7_2 {
   position: absolute;
   left: 10.8%;
   height: 36px;
 }
-/*index为2时*/
-.floatcenter7_3 {
+.Easy3wFlow .floatcenter7_3 {
   position: absolute;
   left: 21.6%;
   height: 36px;
 }
-/*index为3时*/
-.floatcenter7_4 {
+.Easy3wFlow .floatcenter7_4 {
   position: absolute;
   left: 32.5%;
   height: 36px;
 }
-/*index为4时*/
-.floatcenter7_5 {
+.Easy3wFlow .floatcenter7_5 {
   position: absolute;
   left: 43.3%;
   height: 36px;
 }
-/*index为5时*/
-.floatcenter7_6 {
+.Easy3wFlow .floatcenter7_6 {
   position: absolute;
   right: 16%;
   height: 36px;
 }
-/*index为6时*/
-.floatcenter7_7 {
+.Easy3wFlow .floatcenter7_7 {
   position: absolute;
   right: 0;
   height: 36px;
 }
-/*index为7时*/
-.floatcenter8_1 {
+.Easy3wFlow .floatcenter8_1 {
   position: absolute;
   left: 0;
   height: 36px;
 }
-/*index为1时*/
-.floatcenter8_2 {
+.Easy3wFlow .floatcenter8_2 {
   position: absolute;
   left: 9.3%;
   height: 36px;
 }
-/*index为2时*/
-.floatcenter8_3 {
+.Easy3wFlow .floatcenter8_3 {
   position: absolute;
   left: 18.6%;
   height: 36px;
 }
-/*index为3时*/
-.floatcenter8_4 {
+.Easy3wFlow .floatcenter8_4 {
   position: absolute;
   left: 27.9%;
   height: 36px;
 }
-/*index为4时*/
-.floatcenter8_5 {
+.Easy3wFlow .floatcenter8_5 {
   position: absolute;
   left: 37.2%;
   height: 36px;
 }
-/*index为5时*/
-.floatcenter8_6 {
+.Easy3wFlow .floatcenter8_6 {
   position: absolute;
   left: 46.5%;
   height: 36px;
 }
-/*index为6时*/
-.floatcenter8_7 {
+.Easy3wFlow .floatcenter8_7 {
   position: absolute;
   right: 14%;
   height: 36px;
 }
-/*index为7时*/
-.floatcenter8_8 {
+.Easy3wFlow .floatcenter8_8 {
   position: absolute;
   right: 0;
   height: 36px;
 }
-/*index为8时*/
-.floatcenter9_1 {
+.Easy3wFlow .floatcenter9_1 {
   position: absolute;
   left: 0;
   height: 36px;
 }
-/*index为1时*/
-.floatcenter9_2 {
+.Easy3wFlow .floatcenter9_2 {
   position: absolute;
   left: 8.5%;
   height: 36px;
 }
-/*index为2时*/
-.floatcenter9_3 {
+.Easy3wFlow .floatcenter9_3 {
   position: absolute;
   left: 16.5%;
   height: 36px;
 }
-/*index为3时*/
-.floatcenter9_4 {
+.Easy3wFlow .floatcenter9_4 {
   position: absolute;
   left: 24.5%;
   height: 36px;
 }
-/*index为4时*/
-.floatcenter9_5 {
+.Easy3wFlow .floatcenter9_5 {
   position: absolute;
   left: 32.5%;
   height: 36px;
 }
-/*index为5时*/
-.floatcenter9_6 {
+.Easy3wFlow .floatcenter9_6 {
   position: absolute;
   left: 40.5%;
   height: 36px;
 }
-/*index为6时*/
-.floatcenter9_7 {
+.Easy3wFlow .floatcenter9_7 {
   position: absolute;
   left: 48.5%;
   height: 36px;
 }
-/*index为7时*/
-.floatcenter9_8 {
+.Easy3wFlow .floatcenter9_8 {
   position: absolute;
   right: 10%;
   height: 36px;
 }
-/*index为8时*/
-.floatcenter9_9 {
+.Easy3wFlow .floatcenter9_9 {
   position: absolute;
   right: 0;
   height: 36px;
 }
-/*index为9时*/
-/*改名暂时兼容*/
-.center {
+.Easy3wFlow .center {
   float: left;
   position: relative;
   left: 50%;
 }
-.flowmain .flowtop {
+.Easy3wFlow .flowmain .flowtop {
   height: 28px;
 }
-.flowmain .flowcircle {
+.Easy3wFlow .flowmain .flowcircle {
   float: left;
   margin-top: 5px;
   width: 22px;
@@ -737,8 +768,7 @@ s {
   position: relative;
   left: -50%;
 }
-/*renderTop有几个大节点时（3-9）*/
-.flowmain .flowline2 {
+.Easy3wFlow .flowmain .flowline2 {
   float: left;
   margin-top: 15px;
   width: 30.8%;
@@ -747,7 +777,7 @@ s {
   position: relative;
   left: -50%;
 }
-.flowmain .flowline3 {
+.Easy3wFlow .flowmain .flowline3 {
   float: left;
   margin-top: 15px;
   width: 30.6%;
@@ -756,7 +786,7 @@ s {
   position: relative;
   left: -50%;
 }
-.flowmain .flowline4 {
+.Easy3wFlow .flowmain .flowline4 {
   float: left;
   margin-top: 15px;
   width: 19.8%;
@@ -765,7 +795,7 @@ s {
   position: relative;
   left: -50%;
 }
-.flowmain .flowline5 {
+.Easy3wFlow .flowmain .flowline5 {
   float: left;
   margin-top: 15px;
   width: 14.4%;
@@ -774,7 +804,7 @@ s {
   position: relative;
   left: -50%;
 }
-.flowmain .flowline6 {
+.Easy3wFlow .flowmain .flowline6 {
   float: left;
   margin-top: 15px;
   width: 11.2%;
@@ -783,7 +813,7 @@ s {
   position: relative;
   left: -50%;
 }
-.flowmain .flowline7 {
+.Easy3wFlow .flowmain .flowline7 {
   float: left;
   margin-top: 15px;
   width: 9.03%;
@@ -792,7 +822,7 @@ s {
   position: relative;
   left: -50%;
 }
-.flowmain .flowline8 {
+.Easy3wFlow .flowmain .flowline8 {
   float: left;
   margin-top: 15px;
   width: 7.4%;
@@ -801,7 +831,7 @@ s {
   position: relative;
   left: -50%;
 }
-.flowmain .flowline9 {
+.Easy3wFlow .flowmain .flowline9 {
   float: left;
   margin-top: 15px;
   width: 6.348%;
@@ -810,85 +840,84 @@ s {
   position: relative;
   left: -50%;
 }
-.flowmid {
+.Easy3wFlow .flowmid {
   height: 34px;
 }
-/*renderMid下的有几个flowtext（3-9）*/
-.flowmid .flowtext2 {
+.Easy3wFlow .flowmid .flowtext2 {
   width: 32.4%;
   float: left;
   /*浮动区块居中，必须配合.float-center使用*/
   position: relative;
   left: -65.5%;
 }
-.flowmid .flowtext3 {
+.Easy3wFlow .flowmid .flowtext3 {
   width: 32.4%;
   float: left;
   /*浮动区块居中，必须配合.float-center使用*/
   position: relative;
   left: -65.5%;
 }
-.flowmid .flowtext4 {
+.Easy3wFlow .flowmid .flowtext4 {
   width: 21.6%;
   float: left;
   /*浮动区块居中，必须配合.float-center使用*/
   position: relative;
   left: -60%;
 }
-.flowmid .flowtext5 {
+.Easy3wFlow .flowmid .flowtext5 {
   width: 16.2%;
   float: left;
   /*浮动区块居中，必须配合.float-center使用*/
   position: relative;
   left: -57.5%;
 }
-.flowmid .flowtext6 {
+.Easy3wFlow .flowmid .flowtext6 {
   width: 13.1%;
   float: left;
   /*浮动区块居中，必须配合.float-center使用*/
   position: relative;
   left: -56%;
 }
-.flowmid .flowtext7 {
+.Easy3wFlow .flowmid .flowtext7 {
   width: 10.8%;
   float: left;
   /*浮动区块居中，必须配合.float-center使用*/
   position: relative;
   left: -54.8%;
 }
-.flowmid .flowtext8 {
+.Easy3wFlow .flowmid .flowtext8 {
   width: 9.13%;
   float: left;
   /*浮动区块居中，必须配合.float-center使用*/
   position: relative;
   left: -54%;
 }
-.flowmid .flowtext9 {
+.Easy3wFlow .flowmid .flowtext9 {
   width: 8%;
   float: left;
   /*浮动区块居中，必须配合.float-center使用*/
   position: relative;
   left: -53%;
 }
-.flowmid .floawt1 {
+.Easy3wFlow .flowmid .floawt1 {
   text-align: center;
   height: 24px;
   line-height: 32px;
   font-size: 14px;
 }
-.flowmid .floawt2 {
+.Easy3wFlow .flowmid .floawt2 {
   text-align: center;
   height: 20px;
   line-height: 26px;
   font-size: 12px;
 }
-.flowbottom {
+.Easy3wFlow .flowbottom {
   position: relative;
   margin-top: 5px;
   height: 35px;
   margin-left: 32px;
 }
-.flowbottom .flowdocfirst {
+.Easy3wFlow .flowbottom .flowdocfirst {
   float: left;
   margin-left: 10px;
   height: 35px;
@@ -898,7 +927,7 @@ s {
   position: relative;
   left: -50%;
 }
-.flowbottom .flowdoc {
+.Easy3wFlow .flowbottom .flowdoc {
   display: inline-block;
   margin: 0 2px;
   height: 35px;
@@ -906,116 +935,114 @@ s {
   /*浮动区块居中，必须配合.float-center使用*/
   position: relative;
 }
-.flowbottom .flowdoc .flowdoct1 {
+.Easy3wFlow .flowbottom .flowdoc .flowdoct1 {
   margin-top: 6px;
 }
-/*.flow-bottom .flow-doc .flow-doc-t2{margin-top:12px;}*/
-.flowbottom .flowdoc .flowdoct1 a {
+.Easy3wFlow .flowbottom .flowdoc .flowdoct1 a {
   color: #00ccff;
   text-decoration: none;
   font-weight: bold;
 }
-.flowbottom .flowdoc .flowdoct1 a:hover {
+.Easy3wFlow .flowbottom .flowdoc .flowdoct1 a:hover {
   color: #ad7c59;
 }
-/*后续附加内容样式*/
-.flowmain .projectinfo {
+.Easy3wFlow .flowmain .projectinfo {
   margin-top: 30px;
   margin-left: 10px;
   height: 108px;
 }
-.flowmain .projectinfo .projectcontent {
+.Easy3wFlow .flowmain .projectinfo .projectcontent {
   margin-top: 10px;
   width: 960px;
   height: 68px;
   background: #f2f2f2;
 }
-.flowmain .projectinfo .projectcontent div {
+.Easy3wFlow .flowmain .projectinfo .projectcontent div {
   float: left;
   margin-left: 10px;
   width: 470px;
   height: 34px;
   line-height: 34px;
 }
-.flowmain .moudleprovider {
+.Easy3wFlow .flowmain .moudleprovider {
   margin-top: 10px;
   margin-left: 10px;
 }
-.flowmain .businesslog {
+.Easy3wFlow .flowmain .businesslog {
   margin-top: 10px;
   margin-left: 10px;
 }
-.flowmain .fasttrack {
+.Easy3wFlow .flowmain .fasttrack {
   margin-top: 10px;
   margin-left: 10px;
   height: 40px;
 }
-.flowmain .fasttrack .fasttrackl input {
+.Easy3wFlow .flowmain .fasttrack .fasttrackl input {
   width: 84px;
   height: 22px;
 }
-.flowmain .fasttrack .fasttrackl button {
+.Easy3wFlow .flowmain .fasttrack .fasttrackl button {
   width: 56px;
   height: 26px;
 }
-.flowmain .fasttrack .fasttrackr a {
+.Easy3wFlow .flowmain .fasttrack .fasttrackr a {
   color: #26619d;
 }
-.flowmain .fasttrack .fasttrackr a:hover {
+.Easy3wFlow .flowmain .fasttrack .fasttrackr a:hover {
   text-decoration: none;
   color: #ad7c59;
 }
-.flowmain .workbench {
+.Easy3wFlow .flowmain .workbench {
   margin-top: 10px;
   margin-left: 10px;
 }
-.flowmain .workbench .hd {
+.Easy3wFlow .flowmain .workbench .hd {
   height: 30px;
   width: 960px;
   background: #fafafa;
   border-bottom: 1px solid #dbdee1;
 }
-.flowmain .workbench .hd li {
+.Easy3wFlow .flowmain .workbench .hd li {
   float: left;
   width: 100px;
   height: 28px;
   line-height: 26px;
   text-align: center;
 }
-.flowmain .workbench .hd li.on {
+.Easy3wFlow .flowmain .workbench .hd li.on {
   border: 1px solid #ececec;
   border-top: 2px solid #038edd;
   border-bottom: 1px solid #fff;
   font-weight: bold;
 }
-.flowmain .projectquery {
+.Easy3wFlow .flowmain .projectquery {
   margin-top: 10px;
   margin-left: 10px;
 }
-.flowmain .projectquery .querycondition {
+.Easy3wFlow .flowmain .projectquery .querycondition {
   width: 960px;
   height: 210px;
   margin-bottom: 10px;
   background: #f2f2f2;
 }
-.flowmain .projectquery .querycondition table td {
+.Easy3wFlow .flowmain .projectquery .querycondition table td {
   border: none;
 }
-.flowmain .projectquery .querycondition table span {
+.Easy3wFlow .flowmain .projectquery .querycondition table span {
   float: right;
   text-align: right;
   font-weight: bold;
   width: 120px;
 }
-.flowmain .projectquery .querycondition table input {
+.Easy3wFlow .flowmain .projectquery .querycondition table input {
   float: left;
   width: 220px;
 }
-.flowmain .projectquery .querycondition table select {
+.Easy3wFlow .flowmain .projectquery .querycondition table select {
   float: left;
   width: 224px;
 }
-.flowmain .projectquery .querycondition button {
+.Easy3wFlow .flowmain .projectquery .querycondition button {
   margin-top: 10px;
   margin-left: 430px;
   width: 100px;
@@ -1027,130 +1054,119 @@ s {
   vertical-align: middle;
   background: #075c9a;
 }
-.flowmain .historyProj {
+.Easy3wFlow .flowmain .historyProj {
   margin-top: 10px;
   margin-left: 10px;
 }
-.flowmain .historyProj .choose {
+.Easy3wFlow .flowmain .historyProj .choose {
   margin-top: 20px;
   height: 40px;
 }
-.flowmain .historyProj .choose button {
+.Easy3wFlow .flowmain .historyProj .choose button {
   width: 80px;
   height: 30px;
   border: none;
   border-radius: 6px;
 }
-/*以下为独立样式*/
-.flowmain .haierblue {
+.Easy3wFlow .flowmain .haierblue {
   background: #5867ad;
 }
-.flowmain .haierdeepblue {
+.Easy3wFlow .flowmain .haierdeepblue {
   background: #5867ad;
 }
-.flowmain .haierorange {
+.Easy3wFlow .flowmain .haierorange {
   background: #ad7c59;
 }
-.flowmain .haierlightgrey {
+.Easy3wFlow .flowmain .haierlightgrey {
   background: #f2f2f2;
 }
-.flowmain .haiergrey {
+.Easy3wFlow .flowmain .haiergrey {
   background: #c9c9c9;
 }
-.flowmain .haierdeepgrey {
+.Easy3wFlow .flowmain .haierdeepgrey {
   background: #666;
 }
-.flowmain .textblue {
+.Easy3wFlow .flowmain .textblue {
   color: #5867ad;
 }
-.flowmain .textorange {
+.Easy3wFlow .flowmain .textorange {
   color: #ad7c59;
 }
-.flowmain .textgrey {
+.Easy3wFlow .flowmain .textgrey {
   color: #999999;
 }
-.flowmain .textgrey a {
+.Easy3wFlow .flowmain .textgrey a {
   color: #999999;
 }
-.flowmain .textgrey a:hover {
+.Easy3wFlow .flowmain .textgrey a:hover {
   color: #ad7c59;
 }
-.flowmain .bold {
+.Easy3wFlow .flowmain .bold {
   font-weight: bold;
 }
-.flowmain .w1 {
+.Easy3wFlow .flowmain .w1 {
   width: 960px;
 }
-/*1个*/
-.flowmain .w2 {
+.Easy3wFlow .flowmain .w2 {
   width: 480px;
 }
-/*2个*/
-.flowmain .w3 {
+.Easy3wFlow .flowmain .w3 {
   padding: 0 21px;
 }
-/*3个*/
-.flowmain .w4 {
+.Easy3wFlow .flowmain .w4 {
   width: 232px;
 }
-/*4个*/
-.flowmain .w5 {
+.Easy3wFlow .flowmain .w5 {
   width: 184px;
 }
-/*5个*/
-.flowmain .w6 {
+.Easy3wFlow .flowmain .w6 {
   width: 151px;
 }
-/*6个*/
-.flowmain .w7 {
+.Easy3wFlow .flowmain .w7 {
   width: 128px;
 }
-/*7个*/
-.flowmain .w8 {
+.Easy3wFlow .flowmain .w8 {
   width: 116px;
 }
-/*8个*/
-.flowmain .w9 {
+.Easy3wFlow .flowmain .w9 {
   width: 97px;
 }
-/*9个*/
-.flowmain .w10 {
+.Easy3wFlow .flowmain .w10 {
   width: 87px;
 }
-/*10个*/
-.flowmain .toplineblue {
+.Easy3wFlow .flowmain .toplineblue {
   border-top: 5px solid #5867ad;
 }
-.flowmain .toplineorange {
+.Easy3wFlow .flowmain .toplineorange {
   border-top: 5px solid #ad7c59;
 }
-.flowmain .toplinegray {
+.Easy3wFlow .flowmain .toplinegray {
   border-top: 5px solid #ccc;
 }
-.flowmain .borderblue {
+.Easy3wFlow .flowmain .borderblue {
   border: 1px solid #5867ad;
 }
-.flowmain .borderorange {
+.Easy3wFlow .flowmain .borderorange {
   border: 1px solid #ad7c59;
 }
-.flowmain .borderblueDashed {
+.Easy3wFlow .flowmain .borderblueDashed {
   border: 1px dashed #5867ad;
 }
-.flowmain .borderorangeDashed {
+.Easy3wFlow .flowmain .borderorangeDashed {
   border: 1px dashed #ad7c59;
 }
-.flowmain .bordergrayDashed {
+.Easy3wFlow .flowmain .bordergrayDashed {
   border: 1px dashed #ccc;
 }
-.flowmain .bordergray {
+.Easy3wFlow .flowmain .bordergray {
   border: 1px solid #ccc;
 }
-.flowmain .flowbottomtextblue {
+.Easy3wFlow .flowmain .flowbottomtextblue {
   text-align: center;
   line-height: 35px;
   color: #5867ad;
 }
-.flowmain .flowdoc img {
+.Easy3wFlow .flowmain .flowdoc img {
   display: inline-block;
   position: absolute;
   right: 0;
@@ -1158,28 +1174,28 @@ s {
   z-index: 1;
   width: 21px;
 }
-.flowmain .flowbottomtextorange {
+.Easy3wFlow .flowmain .flowbottomtextorange {
   text-align: center;
   line-height: 35px;
 }
-.flowmain .flowbottomtextorange a {
+.Easy3wFlow .flowmain .flowbottomtextorange a {
   color: #ad7c59;
   font-weight: bold;
 }
-.flowmain .flowbottomtextgrey {
+.Easy3wFlow .flowmain .flowbottomtextgrey {
   text-align: center;
   line-height: 35px;
   color: #999999;
 }
-.flowmain .flowbottomtextgrey a {
+.Easy3wFlow .flowmain .flowbottomtextgrey a {
   text-align: center;
   line-height: 35px;
   color: #999999;
 }
-.flowmain .hide {
+.Easy3wFlow .flowmain .hide {
   display: none;
 }
-.hint {
+.Easy3wFlow .hint {
   position: relative;
   z-index: 1;
   top: 14px;
@@ -1192,25 +1208,25 @@ s {
   -webkit-border-radius: 8px;
   border-radius: 8px;
 }
-.hint ul li {
+.Easy3wFlow .hint ul li {
   text-align: left;
   margin-left: 6px;
   line-height: 30px;
   font-size: 14px;
 }
-.flowmain .square {
+.Easy3wFlow .flowmain .square {
   float: left;
   width: 6px;
   height: 18px;
 }
-.flowmain .title {
+.Easy3wFlow .flowmain .title {
   height: 22px;
 }
-.flowmain .title .title-text {
+.Easy3wFlow .flowmain .title .title-text {
   float: left;
   margin-left: 5px;
 }
-.flowmain table {
+.Easy3wFlow .flowmain table {
   margin: 0;
   padding: 0;
   margin-top: 6px;
@@ -1218,26 +1234,26 @@ s {
   border-spacing: 0;
   width: 960px;
 }
-.flowmain tr {
+.Easy3wFlow .flowmain tr {
   line-height: 30px;
   text-align: center;
   vertical-align: middle;
 }
-.flowmain td {
+.Easy3wFlow .flowmain td {
   border: 1px solid #e5e5e5;
 }
-.flowmain .table-title {
+.Easy3wFlow .flowmain .table-title {
   background: #f2f2f2;
   font-weight: bold;
 }
-.flowmain .table-page {
+.Easy3wFlow .flowmain .table-page {
   margin-top: 10px;
   height: 36px;
 }
-.flowmain .table-page .table-page-r {
+.Easy3wFlow .flowmain .table-page .table-page-r {
   margin-right: 30px;
 }
-.flowmain .table-page .table-page-r a {
+.Easy3wFlow .flowmain .table-page .table-page-r a {
   float: left;
   margin-left: 5px;
   width: 20px;
@@ -1248,206 +1264,1452 @@ s {
   font-size: 12px;
   color: #333333;
 }
-.flowmain .table-page .table-page-r a:hover {
+.Easy3wFlow .flowmain .table-page .table-page-r a:hover {
   background: #038edd;
 }
-.flowmain .table-page .choose-on {
+.Easy3wFlow .flowmain .table-page .choose-on {
   background: #038edd;
 }
-.flowmain .table-page .table-page-r a.page-change {
+.Easy3wFlow .flowmain .table-page .table-page-r a.page-change {
   width: 50px;
 }
-.flowmain .left {
+.Easy3wFlow .flowmain .left {
   text-align: left;
 }
-.flowmain .right {
+.Easy3wFlow .flowmain .right {
   text-align: right;
 }
-.flowmain .center {
+.Easy3wFlow .flowmain .center {
   text-align: center;
 }
-.flowmain .fl {
+.Easy3wFlow .flowmain .fl {
   float: left;
 }
-.flowmain .fr {
+.Easy3wFlow .flowmain .fr {
   float: right;
 }
-.marAuto3 {
+.Easy3wFlow .marAuto3 {
   position: absolute;
   left: 50%;
   margin-left: -225px;
 }
-/*三个节点*/
-.marAuto2 {
+.Easy3wFlow .marAuto2 {
   position: absolute;
   left: 50%;
   margin-left: -150px;
 }
-/*两个节点*/
-.marAuto1 {
+.Easy3wFlow .marAuto1 {
   position: absolute;
   left: 50%;
   margin-left: -75px;
 }
-/*一个节点*/
-.scrollY .ant-table-tbody > .ant-table-row .e3wGridShortText {
-  text-align: center;
+.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;
 }
-.scrollY .ant-table-tbody > .ant-table-row .e3wGridLongText {
-  text-align: left;
+.Easy3wFlowTight .flowtop {
+  width: 100%;
 }
-.scrollY .ant-table-tbody > .ant-table-row .e3wGridNumber {
-  text-align: right;
+.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;
 }
-.scrollY .ant-table-tbody > .ant-table-row .e3wMaxText {
-  text-align: left;
-  max-width: 240px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp2 .flowline2 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
 }
-.scrollY .ant-table-thead > tr > th {
-  text-align: center;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp2:last-child {
+  width: calc((100% / 2 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 2 - 22px) / 2);
 }
-.scrollX .ant-table-thead > tr > th {
-  word-break: keep-all;
-  white-space: nowrap;
-  text-align: center;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp3:first-child {
+  width: calc((100% / 3 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 3 - 22px) / 2);
 }
-.scrollX .ant-table-tbody > .ant-table-row td {
-  max-width: 240px;
-  word-break: keep-all;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp3 {
+  width: calc(100% / 3);
+  float: left;
 }
-.scrollX .ant-table-tbody > .ant-table-row .e3wText {
-  white-space: normal;
-  text-align: left;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp3 .flowline3 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
 }
-.scrollX .ant-table-tbody > .ant-table-row .e3wGridShortText {
-  text-align: center;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp3:last-child {
+  width: calc((100% / 3 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 3 - 22px) / 2);
 }
-.scrollX .ant-table-tbody > .ant-table-row .e3wGridLongText {
-  text-align: left;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp4:first-child {
+  width: calc((100% / 4 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 4 - 22px) / 2);
 }
-.scrollX .ant-table-tbody > .ant-table-row .e3wGridNumber {
-  text-align: right;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp4 {
+  width: calc(100% / 4);
+  float: left;
 }
-.scrollX .ant-table-tbody > .ant-table-row .e3wMaxText {
-  text-align: left;
-  max-width: 240px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp4 .flowline4 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
 }
-.scrollPrint .ant-table-thead > tr > th {
-  text-align: center;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp4:last-child {
+  width: calc((100% / 4 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 4 - 22px) / 2);
 }
-.scrollPrint .ant-table-tbody > .ant-table-row td {
-  max-width: 240px;
-  word-break: keep-all;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp5:first-child {
+  width: calc((100% / 5 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 5 - 22px) / 2);
 }
-.scrollPrint .ant-table-tbody > .ant-table-row .e3wText {
-  text-align: left;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp5 {
+  width: calc(100% / 5);
+  float: left;
 }
-.scrollPrint .ant-table-tbody > .ant-table-row .e3wGridShortText {
-  text-align: center;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp5 .flowline5 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
 }
-.scrollPrint .ant-table-tbody > .ant-table-row .e3wGridLongText {
-  text-align: left;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp5:last-child {
+  width: calc((100% / 5 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 5 - 22px) / 2);
 }
-.scrollPrint .ant-table-tbody > .ant-table-row .e3wGridNumber {
-  text-align: right;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp6:first-child {
+  width: calc((100% / 6 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 6 - 22px) / 2);
 }
-.scrollPrint .ant-table-tbody > .ant-table-row .e3wMaxText {
-  max-width: 240px;
-  text-align: left;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp6 {
+  width: calc(100% / 6);
+  float: left;
 }
-.butt {
-  background-color: #1890ff;
-  color: #fff;
-  font-size: 14px;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp6 .flowline6 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
 }
-.butt:visited,
-.butt:focus,
-.butt:hover,
-.butt:active {
-  background-color: #1890ff;
-  color: #fff;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp6:last-child {
+  width: calc((100% / 6 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 6 - 22px) / 2);
 }
-.onRow tr:hover {
-  cursor: pointer;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp7:first-child {
+  width: calc((100% / 7 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 7 - 22px) / 2);
 }
-.ant-upload-list-item {
-  width: -moz-max-content;
-  width: max-content;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp7 {
+  width: calc(100% / 7);
+  float: left;
 }
-.ant-upload-list-item .ant-upload-list-item-info {
-  width: -moz-max-content;
-  width: max-content;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp7 .flowline7 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
 }
-.ant-upload-list-item .anticon-cross {
-  right: -2px;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp7:last-child {
+  width: calc((100% / 7 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 7 - 22px) / 2);
 }
-.e3wFormItem .ant-form-item {
-  margin-bottom: 8px;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp8:first-child {
+  width: calc((100% / 8 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 8 - 22px) / 2);
 }
-.e3wFootBtn {
-  margin: 0px 8px;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp8 {
+  width: calc(100% / 8);
+  float: left;
 }
-.positionDiv {
-  position: absolute;
-  right: 32px;
-  top: 16px;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp8 .flowline8 {
+  float: left;
+  margin-top: 15px;
+  height: 4px;
+  width: calc(100% - 22px);
 }
-.e3wPositionA {
-  font-size: 15px;
-  color: #5468b2;
-  font-weight: 900;
-  margin-left: 15px;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp8:last-child {
+  width: calc((100% / 8 - 22px) / 2 + 22px);
+  padding-right: calc((100% / 8 - 22px) / 2);
 }
-.e3wFootCard {
-  padding-top: 8px;
+.Easy3wFlowTight .flowtop .floatcenter .renderTopTemp9:first-child {
+  width: calc((100% / 9 - 22px) / 2 * 3 + 22px);
+  padding-left: calc((100% / 9 - 22px) / 2);
 }
-.e3wResult {
-  text-align: center;
-  width: 72%;
+.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;
 }
-.e3wResult .e3wResultIcon {
-  font-size: 72px;
-  line-height: 72px;
-  margin-bottom: 24px;
+.Easy3wFlowTight .flowmid .floatcenter div.flowtext2 {
+  width: calc(100% / 2);
+  float: left;
 }
-.e3wResult .e3wResultIcon > .e3wResultSuccess {
-  color: #52c41a;
+.Easy3wFlowTight .flowmid .floatcenter div.flowtext3 {
+  width: calc(100% / 3);
+  float: left;
 }
-.e3wResult .e3wResultIcon > .e3wResultError {
-  color: #f5222d;
+.Easy3wFlowTight .flowmid .floatcenter div.flowtext4 {
+  width: calc(100% / 4);
+  float: left;
 }
-.e3wResult .e3wResultTitle {
-  font-size: 24px;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 500;
-  line-height: 32px;
-  margin-bottom: 16px;
+.Easy3wFlowTight .flowmid .floatcenter div.flowtext5 {
+  width: calc(100% / 5);
+  float: left;
 }
-.e3wResult .e3wResultDescription {
-  font-size: 14px;
-  line-height: 22px;
-  color: rgba(0, 0, 0, 0.45);
-  margin-bottom: 24px;
+.Easy3wFlowTight .flowmid .floatcenter div.flowtext6 {
+  width: calc(100% / 6);
+  float: left;
 }
-.e3wResult .e3wResultExtra {
-  background: #fafafa;
-  padding: 24px 40px;
-  border-radius: 2px;
-  text-align: left;
+.Easy3wFlowTight .flowmid .floatcenter div.flowtext7 {
+  width: calc(100% / 7);
+  float: left;
 }
-.e3wResult .e3wResultActions {
-  margin-top: 32px;
+.Easy3wFlowTight .flowmid .floatcenter div.flowtext8 {
+  width: calc(100% / 8);
+  float: left;
 }
-.e3wResult .e3wResultActions e3wResultButton:not(:last-child) {
-  margin-right: 8px;
+.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;
+}
+.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;
+}
+.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;
+}
+.butt {
+  background-color: #1890ff;
+  color: #fff;
+  font-size: 14px;
+}
+.butt:visited,
+.butt:focus,
+.butt:hover,
+.butt:active {
+  background-color: #1890ff;
+  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;
+}
+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;
+}
+.e3wFormBtn {
+  margin-right: 8px;
+}
+.positionDiv {
+  position: absolute;
+  right: 32px;
+  top: 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;
 }