easy3wui 1.5.7 → 1.5.8-2.beta

package/assets/flow.css

@@ -4,295 +4,315 @@
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 /*流程图部分*/
-.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;
@@ -305,8 +325,7 @@
   position: relative;
   left: -50%;
 }
-/*renderTop有几个大节点时（3-9）*/
-.flowmain .flowline2 {
+.Easy3wFlow .flowmain .flowline2 {
   float: left;
   margin-top: 15px;
   width: 30.8%;
@@ -315,7 +334,7 @@
   position: relative;
   left: -50%;
 }
-.flowmain .flowline3 {
+.Easy3wFlow .flowmain .flowline3 {
   float: left;
   margin-top: 15px;
   width: 30.6%;
@@ -324,7 +343,7 @@
   position: relative;
   left: -50%;
 }
-.flowmain .flowline4 {
+.Easy3wFlow .flowmain .flowline4 {
   float: left;
   margin-top: 15px;
   width: 19.8%;
@@ -333,7 +352,7 @@
   position: relative;
   left: -50%;
 }
-.flowmain .flowline5 {
+.Easy3wFlow .flowmain .flowline5 {
   float: left;
   margin-top: 15px;
   width: 14.4%;
@@ -342,7 +361,7 @@
   position: relative;
   left: -50%;
 }
-.flowmain .flowline6 {
+.Easy3wFlow .flowmain .flowline6 {
   float: left;
   margin-top: 15px;
   width: 11.2%;
@@ -351,7 +370,7 @@
   position: relative;
   left: -50%;
 }
-.flowmain .flowline7 {
+.Easy3wFlow .flowmain .flowline7 {
   float: left;
   margin-top: 15px;
   width: 9.03%;
@@ -360,7 +379,7 @@
   position: relative;
   left: -50%;
 }
-.flowmain .flowline8 {
+.Easy3wFlow .flowmain .flowline8 {
   float: left;
   margin-top: 15px;
   width: 7.4%;
@@ -369,7 +388,7 @@
   position: relative;
   left: -50%;
 }
-.flowmain .flowline9 {
+.Easy3wFlow .flowmain .flowline9 {
   float: left;
   margin-top: 15px;
   width: 6.348%;
@@ -378,85 +397,84 @@
   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;
@@ -466,7 +484,7 @@
   position: relative;
   left: -50%;
 }
-.flowbottom .flowdoc {
+.Easy3wFlow .flowbottom .flowdoc {
   display: inline-block;
   margin: 0 2px;
   height: 35px;
@@ -474,116 +492,114 @@
   /*浮动区块居中，必须配合.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;
@@ -595,130 +611,119 @@
   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;
@@ -726,28 +731,28 @@
   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;
@@ -760,25 +765,25 @@
   -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;
@@ -786,26 +791,26 @@
   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;
@@ -816,45 +821,1051 @@
   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;
 }
-/*一个节点*/
+.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);
+}