.el_left{float:left}.el_right{float:right}.el_height{height:100%}.processArea{width:100%;height:100%}.processArea .Procedure{width:100%;height:100%;padding-bottom:2.7rem;border-left:2px solid #e0e5eb;position:relative}.processArea .Procedure .btns{position:absolute;top:.1rem;right:.1rem;z-index:15}.processArea .Procedure .btns button{width:.32rem;height:.32rem;padding:0;font-size:.2rem;border-radius:5px;margin-left:.2rem;vertical-align:bottom}.processArea .Procedure.noneBusinessProcessId{padding-bottom:0}.processArea div .textarea{width:86%;height:1.85rem;position:absolute;margin:0 7%;bottom:.66rem}.processArea div .textarea:before{position:absolute;top:.12rem;left:.1rem}.processArea div .textarea textarea{width:100%;height:100%;resize:none;border:1px solid #d7d7d7;padding:.1rem;background:#f9f9f9;font:.16rem/.18rem 微软雅黑;border-radius:8px;text-indent:.3rem}.processArea div .textarea textarea::-webkit-input-placeholder{color:#d7d7d7;font-size:16px}.processArea div .textarea textarea::-moz-placeholder{color:#d7d7d7;font-size:16px}.processArea div .textarea textarea:-ms-input-placeholder{color:#d7d7d7;font-size:16px}.processArea div form{width:86%;height:.66rem;padding-top:.18rem;overflow:hidden;position:absolute;bottom:0;left:0;margin:0 7%}.processArea div form input{width:.6rem;height:.34rem;float:right;font:.16rem 微软雅黑;color:#fff;background:#1577d2;border:none;border-radius:3px}.flowChartBox{width:100%;height:100%;overflow-y:hidden;position:relative}.flowChartBox a{width:100%;height:.2rem;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;position:absolute;top:0;left:0;background:rgba(138,143,148,.78);z-index:9;-webkit-box-shadow:0 5px 7px rgba(105,124,144,.36);box-shadow:0 5px 7px rgba(105,124,144,.36)}.flowChartBox a:nth-of-type(2){top:auto;bottom:0;display:none;-webkit-box-shadow:0 -5px 7px rgba(105,124,144,.36);box-shadow:0 -5px 7px rgba(105,124,144,.36)}.flowChartBox a i{font-size:.16rem;line-height:.2rem}.flowChartBox #flowChart{position:absolute;left:0;right:0;top:.1rem;bottom:.02rem;width:100%;height:calc(100% - .1rem);overflow:hidden;overflow-y:auto;padding:.2rem}.flowChartBox #flowChart .procedureList{position:relative;padding-bottom:.2rem}.flowChartBox #flowChart .procedureList:last-child:before{display:none}.flowChartBox #flowChart .procedureList:before{height:100%;top:.12rem;left:.25rem}.flowChartBox #flowChart .procedureList.countersignatureNode:after,.flowChartBox #flowChart .procedureList:before{content:"";width:1px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAICAYAAADTLS5CAAAAAXNSR0IArs4c6QAAABpJREFUCB1jnDl/Zf0/hn+MTAxQgMmAyeCjASpNBGWzcjMaAAAAAElFTkSuQmCC) repeat-y;position:absolute}.flowChartBox #flowChart .procedureList.countersignatureNode:after{height:calc(100% - 1.3rem);top:.17rem;left:.5rem}.flowChartBox #flowChart .procedureList.countersignatureNode .countersignatureTitle{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:9;color:#0285fe;font-size:.16rem;line-height:.32rem;padding-left:.1rem;margin-bottom:.2rem}.flowChartBox #flowChart .procedureList.countersignatureNode .countersignatureTitle:before{content:"";width:.1rem;height:1px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAAXNSR0IArs4c6QAAABZJREFUCB1jnD5v+X8GNJCZFMkIEwIAY14EApw727kAAAAASUVORK5CYII=) repeat-x;position:absolute;top:.16rem;left:.41rem}.flowChartBox #flowChart .procedureList.countersignatureNode .countersignatureTitle i{width:.32rem;height:.32rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAVZQTFRFAAAAAAD/AID/AIv/AJn/AJT/AI//AJD/AJL/AJL/AJL/AJD/AJH/AJT/AJL/AJH/AJH/AJL/AJH/AJH/AJL/AJH/AJH/AJH/AJH/AJL/AJH/AJH/AJH/AJL/AJH/B5T/CpX/C5X/DJb/EJf/EJj/Epj/FJn/GJv/J6H/KqP/LqT/Oqr/O6r/PKr/Ra7/S7H/U7T/V7b/Wrf/Zbz/Zrz/Z73/ab7/bb//bsD/b8D/b8H/cMH/ccH/csL/dcP/ecX/esX/fMb/fcb/fcf/fsf/hsr/h8v/iMv/icv/isz/i8z/js7/kM//lND/ldD/ldH/l9L/oNX/oNb/o9f/pNf/pdj/rtz/u+H/v+P/wOP/w+X/xOX/z+r/0er/0uv/0+z/2u//2+//4PH/5fT/5/T/7vf/7/j/8fn/8vn/8/r/9Pr/9fr/9vv/+vz/+/3//P3//v7/////lGb6SgAAAB50Uk5TAAECCw8fICc2P1tcZmaDjY6qq7XGz9rj5Onq9vn+Ybkd1AAAATZJREFUOMuVk1dXwkAQRhMIvfe+gg17bFGxgAZ7QxF7xRo1IvP/X3RBg3F3Lff1u2fO2Z35OE6HJRCwcGwETxKhpEdgxAZnDDWIOQ203BZCGiEbEZt8KfSFlM+ki43uBPpGwm3UYt4eQRQidr6ZW4OIQdDaEMKISZgQsvm5LFPIrC73PQDc9GxspqnCPkiH8M7BOOxShSfoV7BwOwB3VKEKYhULVyJcUAXxuZTDQm5bGaIJXWV1r/0I4Ly78riVIYWOs/r02D2eoC5M1Y/bCGENdibgg5USTBLCda1X+RReB2uXhPByMgoa+VOVEBalpZZQlmTKM9dbQoX6D+nhmYJcLMrzsyOdzG1S1/3rwXC8I0qLow7+r0eLMfv1Z+83/7c4uHqueDOOuwys8npxeb3CD/0m6/8Gu2J3nnZny48AAAAASUVORK5CYII=) repeat-x;margin-right:.2rem}.flowChartBox #flowChart .procedureList.countersignatureNode .listBox{padding-left:.7rem;position:relative}.flowChartBox #flowChart .procedureList.countersignatureNode .listBox h4{position:relative}.flowChartBox #flowChart .procedureList.countersignatureNode .listBox h4:before{content:"";width:.35rem;height:1px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAAXNSR0IArs4c6QAAABZJREFUCB1jnD5v+X8GNJCZFMkIEwIAY14EApw727kAAAAASUVORK5CYII=) repeat-x;position:absolute;top:.1rem;left:-.35rem}.flowChartBox #flowChart .procedureList .listBox{padding-bottom:.2rem}.flowChartBox #flowChart .procedureList .listBox h4{font-size:.16rem;line-height:.24rem;padding-left:.35rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAAXNSR0IArs4c6QAAAEhQTFRFAAAAAKr/AID/AID/AIn/AJL/AJL/AI//AJX/AI//AJD/AI3/AI//AJH/AJL/AI//AJL/AJH/AJH/AJH/AJD/AJH/AJH/AJH/k5FRigAAABd0Uk5TAAMGCA0VHCIkKS4vMjM/Ult2pMPE7vpBkxOCAAAAbklEQVQY063RyxKAIAhAUTOt1LCn8v9/WhE11jDTprs8GwGV4uquq9WzqukB+qYqzXqgvL3JOLhzhki38KjVO7INyzKwXhjnjJjnWOKYkEpjgRNy038oPiSOdAy/rsXw4priQeh04aRgv478+o4NuqgPhQYwv3AAAAAASUVORK5CYII=) no-repeat;background-size:.2rem .2rem;background-position:0;margin-bottom:.1rem;margin-left:.15rem;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:9}.flowChartBox #flowChart .procedureList .listBox h4 span{color:#1577d2;padding:0 .1rem;background:#e1f2ff;border:1px solid #9fd4fd;position:relative;font-weight:600;border-radius:0 6px 6px 0}.flowChartBox #flowChart .procedureList .listBox h4 span:before{content:"";border-top:.12rem solid transparent;border-right:.1rem solid #9fd4fd;border-bottom:.12rem solid transparent;position:absolute;top:0;left:-.11rem}.flowChartBox #flowChart .procedureList .listBox .userInfo{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.flowChartBox #flowChart .procedureList .listBox .userInfo .infoBox{width:calc(100% - .5rem);padding-left:.1rem}.flowChartBox #flowChart .procedureList .listBox .userInfo .infoBox>div{overflow:hidden}.flowChartBox #flowChart .procedureList .listBox .userInfo span{display:inline-block;font-size:.16rem;line-height:.29rem}.flowChartBox #flowChart .procedureList .listBox .userInfo span.headPortrait{width:.5rem;height:.5rem;position:relative}.flowChartBox #flowChart .procedureList .listBox .userInfo span.headPortrait img{width:.5rem;height:.5rem}.flowChartBox #flowChart .procedureList .listBox .userInfo span.headPortrait i{position:absolute;bottom:0;right:0;width:.2rem;height:.2rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAAXNSR0IArs4c6QAAAP9QTFRFAAAA//////////////////////////////////////////////////////////3+//3+//3+//3///7/////////////IMNqI8RsJMRsJMRtJcRtJcVtJsVtJsVuJ8VuJ8VvKMVvKcZvKsVwKsVxKsZwKsZxK8ZxRs2DRs2ERs6ER82ER86ETM+HUtCLXdOTXdSTeNuledulfNynfdyogN2qgd2qhN6tht6uiN+vid+wieCwjuGzjuG0j+G0leK4leK5luK5r+nKr+rKsOnKsOrKserLsurLsurM7/317/328Pz18Pz28P329fz5+v78+/38+/78/P79/f79////dFHm/wAAABd0Uk5TAAEiIyRJamuXmMLD4+Tl7e7w8PDw9vdqINrXAAABC0lEQVQY002Ra1uCQBBG18U7mmVibpsoFlBkqXShq3ZDLDK7vP//t7QsS/Z+PM/MMzNnCJHJF6uGUS3myTq03IBMo0wzVqhhGfrjsR8uUSso1kI0ZIxzxo4jtCTV6ni0TFfGtB5Q1wSsYGENXJWBtUAlR+jW+1DVubZlcS9uUlJCyDLWnwb7LESJ6JgwWePY5j0+TnYm0ImBERdVN9e8e4fVpc1HMFLYO/3E7RSrs11HwrT9IPgBvs654zJftKeDbB7gO2Fu51kMos3YEyvZ3auLPcFML96mJKeWd3p9uXyULJ+cOVufOcOGpoTMj6SQzuFcCZHq3l4SdU+vf+r+Sd5cS5bv0NttPXvHL1tkNitbQ1l8AAAAAElFTkSuQmCC) no-repeat;background-size:.2rem .2rem}.flowChartBox #flowChart .procedureList .listBox .userInfo span.name{color:#333}.flowChartBox #flowChart .procedureList .listBox .userInfo span.state{color:#fff;font-size:.14rem;padding:0 .05rem;line-height:.2rem;background:#21bc9a}.flowChartBox #flowChart .procedureList .listBox .userInfo span.time{color:#979ea7;font-size:.13rem}.flowChartBox #flowChart .procedureList .listBox ul{background:#f8f8f8;margin-left:.6rem;margin-top:.05rem;padding:0 .18rem}.flowChartBox #flowChart .procedureList .listBox ul li{padding:.14rem 0;border-bottom:1px solid #d7d7d7}.flowChartBox #flowChart .procedureList .listBox ul li:last-child{border-bottom:none}.flowChartBox #flowChart .procedureList .listBox ul h5{padding-left:.25rem;position:relative;font-size:.14rem;line-height:.2rem;color:#4a4a4a;margin-bottom:.1rem}.flowChartBox #flowChart .procedureList .listBox ul h5:before{position:absolute;left:0;color:#979ea6;font-size:.18rem}.flowChartBox #flowChart .procedureList .listBox ul div{text-align:right}.flowChartBox #flowChart .procedureList .listBox ul div span{display:inline-block;height:.2rem;font-size:.12rem;line-height:.2rem;padding:0 .05rem}.flowChartBox #flowChart .procedureList .listBox ul div span:before{margin-right:.05rem}.flowChartBox #flowChart .procedureList .listBox ul div span.commentUser{background:rgba(2,133,254,.1);color:#0285fe}.flowChartBox #flowChart .procedureList .listBox ul div span.commentTime{margin-left:.14rem;color:#a77b54;border:1px solid #ddd}.commentBox{width:100%;height:2.7rem;position:absolute;bottom:0;left:0}.FlowChart{height:100%}.FlowChart header{padding-right:.6rem;height:.6rem;background:#414a61}.FlowChart header p{font-size:.18rem;line-height:.6rem;text-indent:.24rem;text-align:center;color:#fff}.FlowChart .FlowContent{height:calc(100% - .6rem);padding:.2rem 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.FlowChart .FlowContent dl{height:100%;padding:0 .2rem;border-bottom:1px solid #f0f0f0}.FlowChart .FlowContent dl dt{font-size:.18rem;line-height:.18rem;color:#262c31;border-left:4px solid #1577d2;padding-left:.2rem;margin-bottom:.2rem}.FlowChart .FlowContent dl dd{height:calc(100% - .4rem);overflow-y:auto}.FlowChart .FlowContent dl dd ul{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.FlowChart .FlowContent dl dd ul>li{position:relative;margin-right:.5rem;margin-bottom:.3rem}.FlowChart .FlowContent dl dd ul>li:before{font-size:.24rem;position:absolute;right:-.38rem;top:.3rem;margin-top:-.12rem;color:#979ea7}.FlowChart .FlowContent dl dd ul>li:last-child{margin-right:0}.FlowChart .FlowContent dl dd ul>li:last-child:before{display:none}.FlowChart .FlowContent dl dd ol.countersignNode{padding:.2rem;border:1px solid #abceee;background:#f7fbff;position:relative}.FlowChart .FlowContent dl dd ol.countersignNode:before{content:"";width:.36rem;height:.36rem;position:absolute;top:0;left:0;background:url(../img/icon.bbfb74a8.png) no-repeat}.FlowChart .FlowContent dl dd ol li{width:auto;height:.8rem;border-radius:2px;border:1px solid #979ea7;margin-bottom:.14rem}.FlowChart .FlowContent dl dd ol li:last-child{margin-bottom:0}.FlowChart .FlowContent dl dd ol li.link .link_t{height:.3rem;padding:0 .15rem;background-color:rgba(151,158,167,.1)}.FlowChart .FlowContent dl dd ol li.link .link_t span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FlowChart .FlowContent dl dd ol li.link .link_t span.node{font-size:.16rem;line-height:.3rem;font-weight:600;color:#979ea7}.FlowChart .FlowContent dl dd ol li.link .link_t span.time{margin-left:.2rem;font-size:.12rem;line-height:.3rem;color:#979ea7}.FlowChart .FlowContent dl dd ol li.link .link_b{height:.5rem;padding:0 .15rem}.FlowChart .FlowContent dl dd ol li.link .link_b .headPortrait{width:.3rem;height:.3rem;margin:.1rem .1rem .1rem 0;position:relative}.FlowChart .FlowContent dl dd ol li.link .link_b .headPortrait img{width:.3rem;height:.3rem}.FlowChart .FlowContent dl dd ol li.link .link_b .headPortrait i{width:.14rem;height:.14rem;border-radius:50%;position:absolute;bottom:-.04rem;right:-.04rem}.FlowChart .FlowContent dl dd ol li.link .link_b .user{font-size:.14rem;line-height:.5rem}.FlowChart .FlowContent dl dd ol li.link .link_b .user span{color:#979ea7}.FlowChart .FlowContent dl dd ol li.apply{border-color:#2bc671}.FlowChart .FlowContent dl dd ol li.apply:before{color:#2bc671}.FlowChart .FlowContent dl dd ol li.apply .link_t{background-color:rgba(43,198,113,.1)}.FlowChart .FlowContent dl dd ol li.apply .link_t span.node{color:#2bc671}.FlowChart .FlowContent dl dd ol li.apply .link_b .headPortrait i{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACW0lEQVQ4jY2UT0iTYRzHP++zvdRG6pYoSpsFTTboVmSK85AHD0vTY+tQRIc6FcuocyTe1E7VIbFuGWQ1cmCHOjjJEXQLVAaizgbBdIvc5tbr0+Hdu+b2Sn3hgR/P8/t9eX5/vj9FSokJAkA/4Ae8pbslYB4IAx9qIqSUlcctpXwv/41ZKWVbZaxS8aNTwEegOVP8yUxyhthWjER+EwC3zU2Xs5PB1kEa1HqAH0Av8A0oE7UBX4DmaCrKePwRO9qOWcrYLXaGPSH8jX6D7CywLkrvTwySkeXRA0kAslqWkeVRoqkoQHMpFgH0AYFMMcNYfAKJafEB6G06j81iQyIZi0+QLqZBb0xAABcB3iXDZLXsgSRB1yXut98jr+XLP3uTfGs89wugB+Dz9uKBJD2Nfq62XQH0GhmIbcUM0y8AH8BGbmNfsFN1AtCg1nP75C0AXiam+S2LZZ+NXMIwfYIqWBUrl11BXpyZov1IO0FXkDprHY9XnzK1/pzdvULZVxWqYe4K9InFbXMDIBSBJjUsioWbJ24w0NLP6+8zhJPhmpRbDrUY5qpAH3u6nJ0AFPYKTG++4sHSQ3x1XpZ/rfBsbdK0dueOdhjmvCKl7APm0sU0175e39e57sZu1rJrJP7Wogy7xc7U6UkcqgPggkAXYMShOhj2hFBQys4LqQVTEgWFYU/IIIkAkRqJzKeijMXHyWk503RsFht3PXdqJFIt2k9AkyHaxa0YiVwCq7DiOnyMDmcHQ61DpqKtXiPHpZSR/1gjkZKv6RqpRAAYQJ96L1AAVtA7PAvMVQf8AUAqVahQLFQUAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%}.FlowChart .FlowContent dl dd ol li.apply .link_b .user span{color:#2bc671}.FlowChart .FlowContent dl dd ol li.pendingApproval{border-color:#fc9a27}.FlowChart .FlowContent dl dd ol li.pendingApproval:before{color:#fc9a27}.FlowChart .FlowContent dl dd ol li.pendingApproval .link_t{background-color:rgba(252,154,39,.1)}.FlowChart .FlowContent dl dd ol li.pendingApproval .link_t span.node{color:#fc9a27}.FlowChart .FlowContent dl dd ol li.pendingApproval .link_b .headPortrait i{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAByklEQVQ4jZWUwU4TURSGv3s7DMh0I5TuGAMsICVx5w4WmMaYBn0EomzZ13eoD+CGkPgKxo5oSlmwdEdCISaUiLumlgUdAkPH42J66diOOvzJJOfeuf+fc889/1EiQgJKwDqwAiz2906AA+AD8GWEISLxb1ZEPsr/URURN85VsYyWgTqQl9sLrr9vE7TrhFdnAGScBexckQn3FWrsIUALeAocAXdCLvAVyAetXfzGG6R3mXRllJXFKVSw88+N2BPgXPf/vzMi3cOtP0Smik2mis1BKXpduodbBK1dgHyfiwaeASUJOviNMpBY/OHK4jfK/Ap+QvQwJQ28BLj+8R7pdVOIDDK7Od8xy3UNrAIE7VpqEYOgXTfhigUsAYT+6T9J8ToBdGrzhFd3e0t6hHEPKDVmwhuLqGMfZ5wFwsvjkcOd2vxfhfQD14RnmqjtsXPFe2dk59ZMeKCJvMP47AbKyqYWUVaWcXfTLKuayICetqdxChVApZHBKVTQ9jSAB3gJFvmEf1RGQj9ZIuPgLL8dsciwafeBmYFp9wj9Jkrb6Mk57NwaE+7rRNMOj5FHIuKlGCNe/2ziGImjBLwg6vpFIAC+Eb1wFfg8TPgNDl8b6J0vn5QAAAAASUVORK5CYII=) no-repeat;background-size:100% 100%}.FlowChart .FlowContent dl dd ol li.pendingApproval .link_b .user span{color:#fc9a27}.FlowChart .FlowContent dl dd ol li.notPass{border-color:#f54848}.FlowChart .FlowContent dl dd ol li.notPass:before{color:#f54848}.FlowChart .FlowContent dl dd ol li.notPass .link_t{background-color:rgba(254,72,72,.1)}.FlowChart .FlowContent dl dd ol li.notPass .link_t span.node{color:#f54848}.FlowChart .FlowContent dl dd ol li.notPass .link_b .headPortrait i{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABuklEQVQ4ja3UP0ubURQG8F9eMiSC2RpQqB0NZFLQyS4ORa0tCIIfQdd8EBGnop9BHEp9JQrt4GSqboXSpaRDlI6K/7rcDjfRNyZWhz7w8j7c+5yHe8895+RCCPpgDvOYwmh77TsO8BF7PREhhOz3MoTwKTyNnRDCSDY2lzlRFZ9RdnFBmnJywtlZ3B0eZnycmRkGB+E3pvENd0Yj+IqyRoPNTa6u+l2ZYpHlZSYnO2YT+JW0tz/cmayvP24C19dR02hAuR0rF0J4g7rzc2q1KHwOikXW1iiV4G0e70G93m1SqzExwd4el5csLHB8zOrq/cl2d1lagvkErxETm8X2NiEwPc3sbORbW92a+5ipBBXQanWLmk2OjsjnKRRiULPZrTk97bBK4l8YGLjnhULvfj7fYbeJWLGxTrKoVKhWYy5ubyOvVLo15XKH/UzEso/FlsXiYvynKfv73WsdjI112MF/e/5EbMBUqRQrNpd72iSXi9pokiLtbZHDQzY2uLnpb1IosLLS0yIPm/YLXnQ1basVX2doKObkkaZ9OEZehRDSZ4yRtK3tO0aymMM7sepH8Qc/xBfeQf1hwF+ZLhrndEjnZgAAAABJRU5ErkJggg==) no-repeat;background-size:100% 100%}.FlowChart .FlowContent dl dd ol li.notPass .link_b .user span{color:#f54848}.flowPathTips{padding:.14rem 0;text-align:center}.flowPathTips ul li{border-bottom:1px solid #f0f0f0;padding-bottom:.14rem;padding-top:.14rem}.flowPathTips ul li:first-child{padding-top:0}.flowPathTips ul li>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flowPathTips ul li>div .state{white-space:nowrap;height:.2rem;font-size:.12rem;line-height:.2rem;position:relative;background:-webkit-gradient(linear,left top,right top,from(#55a7fe),to(#3e79c5));background:linear-gradient(90deg,#55a7fe,#3e79c5);color:#fff;padding:0 3px}.flowPathTips ul li>div .state:before{content:"";width:0;height:0;border-top:.1rem solid transparent;border-left:.1rem solid #3e79c5;border-bottom:.1rem solid transparent;position:absolute;left:100%}.flowPathTips ul li>div .state.read{background:-webkit-gradient(linear,left top,right top,from(#cbcccd),to(#b6b7b8));background:linear-gradient(90deg,#cbcccd,#b6b7b8)}.flowPathTips ul li>div .state.read:before{border-left-color:#b6b7b8}.flowPathTips ul li>div p{font-size:.14rem;line-height:.2rem;width:calc(100% - .5rem);padding-right:.14rem;text-align:left}.flowPathTips ul li>p{font-size:.12rem;color:#979ea7;text-align:right;padding-right:.14rem;margin-top:.1rem}.flowPathTips .el-button{margin-top:.14rem}