.el_left{float:left}.el_right{float:right}.el_height{height:100%}.processArea{width:100%;height:100%}.processArea .Procedure{width:100%;height:100%;border-left:.07292rem solid #eef3f8;position:relative}.processArea .Procedure .btns{position:absolute;top:.02604rem;right:.07813rem;z-index:15}.processArea .Procedure .btns button{width:.15625rem;height:.15625rem;padding:0;font-size:.09375rem;border-radius:.02083rem}.processArea .Procedure.noneBusinessProcessId{padding-bottom:0}.processArea .Procedure.noneBusinessProcessId .flowChartBox{height:100%}.processArea .flowChartBox{width:100%;height:calc(100% - 1.40625rem);padding:.07292rem;overflow-y:auto}.processArea .flowChartBox a{width:100%;height:.10417rem;box-sizing:border-box;text-align:center;position:absolute;top:0;left:0;background:rgba(138,143,148,.78);z-index:9;box-shadow:0 .02604rem .03646rem rgba(105,124,144,.36)}.processArea .flowChartBox a:nth-of-type(2){top:auto;bottom:0;display:none;box-shadow:0 -.02604rem .03646rem rgba(105,124,144,.36)}.processArea .flowChartBox a i{font-size:.08333rem;line-height:.10417rem}.processArea .flowChartBox #flowChart{position:relative;width:100%;overflow:hidden}.processArea .flowChartBox .procedureList{position:relative;padding-bottom:.10417rem}.processArea .flowChartBox .procedureList:last-child{padding-bottom:0}.processArea .flowChartBox .procedureList:last-child:before{display:none}.processArea .flowChartBox .procedureList:before{content:"";width:.00521rem;height:100%;border-left:.00521rem solid #d7d7d7;position:absolute;top:.0625rem;left:.10417rem}.processArea .flowChartBox .procedureList.countersignatureNode:after{content:"";width:.00521rem;height:.22917rem;border-left:.00521rem solid #d7d7d7;position:absolute;top:.05729rem;left:.26042rem}.processArea .flowChartBox .procedureList.countersignatureNode .countersignatureTitle{display:flex;position:relative;z-index:9;color:#0078fb;font-size:.08333rem;line-height:.125rem;padding-left:.05208rem;margin-bottom:.07292rem}.processArea .flowChartBox .procedureList.countersignatureNode .countersignatureTitle:before{content:"";width:.08854rem;height:.00521rem;border-top:.00521rem solid #d7d7d7;position:absolute;top:.05208rem;left:.17708rem}.processArea .flowChartBox .procedureList.countersignatureNode .countersignatureTitle i{width:.125rem;height:.125rem;background:#00beff;color:#fff;text-align:center;line-height:.125rem;font-size:.08333rem;border-radius:50%;margin-right:.10417rem}.processArea .flowChartBox .procedureList.countersignatureNode .listBox{padding-left:.39063rem;position:relative}.processArea .flowChartBox .procedureList.countersignatureNode .listBox:not(:last-child):before{content:"";width:.00521rem;height:100%;border:none;border-left:.00521rem solid #d7d7d7;position:absolute;top:.05208rem;left:.26042rem}.processArea .flowChartBox .procedureList.countersignatureNode .listBox h4{position:relative}.processArea .flowChartBox .procedureList.countersignatureNode .listBox h4:before{content:"";width:.1875rem;height:.00521rem;border:none;border-top:.00521rem solid #d7d7d7;position:absolute;top:.05208rem;left:-.20313rem}.processArea .flowChartBox .procedureList .listBox{padding-bottom:.10417rem}.processArea .flowChartBox .procedureList .listBox h4{font-size:.08333rem;line-height:.08333rem;color:#ec0003;margin:0 0 .05208rem .07292rem;display:flex;align-items:center;position:relative;z-index:9}.processArea .flowChartBox .procedureList .listBox h4:before{content:"";width:.0625rem;height:.0625rem;background:#fff;border:.02604rem solid #ec0003;border-radius:50%;margin-right:.10417rem}.processArea .flowChartBox .procedureList .listBox .userInfo{min-height:.20833rem;display:flex;justify-content:space-between}.processArea .flowChartBox .procedureList .listBox .userInfo .headPortrait{width:.20833rem;height:.20833rem;position:relative}.processArea .flowChartBox .procedureList .listBox .userInfo .headPortrait span{display:inline-block;width:.20833rem;height:.20833rem;border-radius:.07292rem;padding:.03125rem;line-height:.14583rem;font-size:.07292rem;color:#fff;text-align:center;background:linear-gradient(135deg,#b88dff,#4fe6fd)}.processArea .flowChartBox .procedureList .listBox .userInfo .headPortrait .icon{position:absolute;bottom:-.04167rem;right:-.04167rem;width:.10417rem;height:.10417rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAaFJREFUOE+tlD1LHFEUhp+zM6z4sQqCCJEgugoLKQQtUvkRYxUsFEF/gFhYBO0FC8HWxk5JlUohYCFi4bdVCBEEQUHFRgURBVdTrDvj1bPOhNllVGT3FlOcuee5533vOVcIWcaYr0A/0AbUeFvOgC1gXkRWc9MkGDDGNDwlzgIdYQcEYhvAkIgc+bH/IGNMK7AAVJrUJe7JNA8Xi5h/x5m9UhonUt2NVfcdKarS0DXQIyLbmf/68Sr5rRD3/BfO7iA4t+FF2THsph9YH/p82GetzAetq5wM5O+Aot9QJtgtcz5sQ0S+iGfsisq5X2t8uZJctB0j2nnoy+xS0Iwa5xyM4x5OZm2P1A5nTk3/6Q09wGocw05MaM6sgvaBxP1mMya5mwWyPk1h14+QWq6CtHqbvaS8iWj7jgYPFJQEYqmlCnDv3gXCKqPo243m3BYU9Ka09N4oOM/VPpz+BOM891aOtBfN9j0K6g1aEDB75vXrL4kjxR+zfDNX2sgu5F6/19n5N2RBR8SD5T+0vgkFeUaCjnrzp9OrVQYfNnV6LuxhewRmUfBGGSZJzAAAAABJRU5ErkJggg==) no-repeat;background-size:.10417rem .10417rem}.processArea .flowChartBox .procedureList .listBox .userInfo .headPortrait .icon.icon_pass{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:.10417rem .10417rem}.processArea .flowChartBox .procedureList .listBox .userInfo .info{width:calc(100% - .3125rem);margin-bottom:.04167rem;display:flex;justify-content:space-between;flex-direction:column}.processArea .flowChartBox .procedureList .listBox .userInfo .info .infoBox{display:flex;align-items:center;justify-content:space-between}.processArea .flowChartBox .procedureList .listBox .userInfo .info .name{font-size:.08333rem;color:#001a2c}.processArea .flowChartBox .procedureList .listBox .userInfo .info .time{color:#868fa3;font-size:.0625rem}.processArea .flowChartBox .procedureList .listBox .userInfo .info .state{color:#868fa3;color:#38b838}.processArea .flowChartBox .procedureList .listBox .opinions{margin-top:.05208rem;margin-left:.29167rem;background:#f5f8ff;padding:.03125rem .07813rem;position:relative;overflow:hidden;border:.00521rem solid #f0f0f0;border-radius:.01042rem}.processArea .flowChartBox .procedureList .listBox .opinions .opinion-text{display:-webkit-box;font-size:.07292rem;line-height:.10417rem;color:#2e658b;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.processArea .flowChartBox .procedureList .listBox .opinions.show-all .opinion-text{display:flex}.processArea .flowChartBox .procedureList .listBox .opinions.show-all .iconxiangxiajiantou{transform:rotate(180deg)}.processArea .flowChartBox .procedureList .listBox .opinions .iconxiangxiajiantou{position:absolute;right:.01042rem;top:.14583rem;font-size:.08333rem;color:#0185fe;cursor:pointer}.processArea .flowChartBox .procedureList .listBox ul{margin:.05208rem 0 0 .20833rem;background:#fafbfd;border-radius:.01042rem;background:#eef7ff}.processArea .flowChartBox .procedureList .listBox ul li{padding:.03125rem .05208rem}.processArea .flowChartBox .procedureList .listBox ul li:not(:last-child){border-bottom:.00521rem solid #f1f3fa}.processArea .flowChartBox .procedureList .listBox ul h5{position:relative;font-size:.07292rem;line-height:.09375rem;color:#155a9a}.processArea .flowChartBox .procedureList .listBox ul h5:not(:last-child){margin-bottom:.02604rem}.processArea .flowChartBox .procedureList .listBox ul div{padding-left:.10417rem}.processArea .flowChartBox .procedureList .listBox ul div span{display:inline-block;height:.10417rem;font-size:.0625rem;line-height:.10417rem;margin-right:.10417rem;color:#868fa3}.processArea .flowChartBox .procedureList .listBox ul div span:before{margin-right:.02604rem}.commentBox{width:100%;height:1.40625rem;padding:.07292rem}.commentBox .textarea{width:100%;height:.98958rem;position:relative}.commentBox .textarea:before{position:absolute;top:.0625rem;left:.05208rem}.commentBox .textarea textarea{width:100%;height:100%;resize:none;border:.00521rem solid #d7d7d7;padding:.05208rem;background:#f9f9f9;font:.08333rem/.09375rem 微软雅黑;border-radius:.02083rem;text-indent:.15625rem}.commentBox .textarea textarea::-webkit-input-placeholder{color:#d7d7d7;font-size:.08333rem}.commentBox .textarea textarea::-moz-placeholder{color:#d7d7d7;font-size:.08333rem}.commentBox .textarea textarea:-ms-input-placeholder{color:#d7d7d7;font-size:.08333rem}.commentBox form{width:100%;height:.32292rem;padding-top:.07292rem;overflow:hidden}.commentBox form input{width:.3125rem;height:.17708rem;float:right;font-size:.07292rem;color:#fff;background:#eb0002;border:none;border-radius:.01563rem}.FlowChart{height:100%}.FlowChart header{padding-right:.3125rem;height:.3125rem;background:#6a7ebe}.FlowChart header p{font-size:.09375rem;line-height:.3125rem;text-indent:.125rem;text-align:center;color:#fff}.FlowChart .FlowContent{height:calc(100% - .3125rem);padding:.10417rem 0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.FlowChart .FlowContent dl{height:100%;padding:0 .10417rem;border-bottom:.00521rem solid #f0f0f0}.FlowChart .FlowContent dl dt{font-size:.09375rem;line-height:.09375rem;color:#262c31;border-left:.02083rem solid #1577d2;padding-left:.10417rem;margin-bottom:.10417rem}.FlowChart .FlowContent dl dd{height:calc(100% - .20833rem);overflow-y:auto}.FlowChart .FlowContent dl dd ul{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:flex-start}.FlowChart .FlowContent dl dd ul>li{position:relative;margin-right:.26042rem;margin-bottom:.15625rem}.FlowChart .FlowContent dl dd ul>li:before{font-size:.125rem;position:absolute;right:-.19792rem;top:.15625rem;margin-top:-.0625rem;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:.10417rem;border:.00521rem solid #abceee;background:#f7fbff;position:relative}.FlowChart .FlowContent dl dd ol.countersignNode:before{content:"";width:.1875rem;height:.1875rem;position:absolute;top:0;left:0;background:url(../img/icon.bbfb74a8.png) no-repeat}.FlowChart .FlowContent dl dd ol li{width:auto;height:.41667rem;border-radius:.02083rem;border:.00521rem solid #979ea7;margin-bottom:.07292rem}.FlowChart .FlowContent dl dd ol li:last-child{margin-bottom:0}.FlowChart .FlowContent dl dd ol li.link .link_t{height:.15625rem;padding:0 .07813rem;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:.08333rem;line-height:.15625rem;font-weight:600;color:#979ea7}.FlowChart .FlowContent dl dd ol li.link .link_t span.time{margin-left:.10417rem;font-size:.0625rem;line-height:.15625rem;color:#979ea7}.FlowChart .FlowContent dl dd ol li.link .link_b{height:.26042rem;padding:0 .07813rem}.FlowChart .FlowContent dl dd ol li.link .link_b .headPortrait{width:.15625rem;height:.15625rem;margin:.05208rem .05208rem .05208rem 0;position:relative}.FlowChart .FlowContent dl dd ol li.link .link_b .headPortrait img{width:.15625rem;height:.15625rem}.FlowChart .FlowContent dl dd ol li.link .link_b .headPortrait i{width:.07292rem;height:.07292rem;border-radius:50%;position:absolute;bottom:-.02083rem;right:-.02083rem}.FlowChart .FlowContent dl dd ol li.link .link_b .user{font-size:.07292rem;line-height:.26042rem}.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:.07292rem 0;text-align:center}.flowPathTips ul li{border-bottom:.00521rem solid #f0f0f0;padding-bottom:.07292rem;padding-top:.07292rem}.flowPathTips ul li:first-child{padding-top:0}.flowPathTips ul li>div{display:flex;justify-content:space-between}.flowPathTips ul li>div .state{white-space:nowrap;height:.10417rem;font-size:.0625rem;line-height:.10417rem;position:relative;background:linear-gradient(90deg,#55a7fe,#3e79c5);color:#fff;padding:0 .01563rem}.flowPathTips ul li>div .state:before{content:"";width:0;height:0;border-top:.05208rem solid transparent;border-left:.05208rem solid #3e79c5;border-bottom:.05208rem solid transparent;position:absolute;left:100%}.flowPathTips ul li>div .state.read{background:linear-gradient(90deg,#cbcccd,#b6b7b8)}.flowPathTips ul li>div .state.read:before{border-left-color:#b6b7b8}.flowPathTips ul li>div p{font-size:.07292rem;line-height:.10417rem;width:calc(100% - .26042rem);padding-right:.07292rem;text-align:left}.flowPathTips ul li>p{font-size:.0625rem;color:#979ea7;text-align:right;padding-right:.07292rem;margin-top:.05208rem}.flowPathTips .el-button{margin-top:.07292rem}