.el_left{float:left}.el_right{float:right}.el_height{height:100%}.processArea{width:100%;height:100%;padding:.10417rem!important}.processArea .Procedure{width:100%;height:100%;padding-bottom:1.40625rem;position:relative}.processArea .Procedure .btns{position:absolute;top:0;right:0;z-index:15}.processArea .Procedure .btns button{width:.16667rem;height:.16667rem;padding:0;font-size:.10417rem;border-radius:.02604rem;margin-left:.10417rem;vertical-align:bottom}.processArea .Procedure.noneBusinessProcessId{padding-bottom:0}.processArea div .textarea{width:86%;height:.96354rem;position:absolute;margin:0 7%;bottom:.34375rem}.processArea div .textarea:before{position:absolute;top:.0625rem;left:.05208rem}.processArea div .textarea textarea{width:100%;height:100%;resize:none;border:.00521rem solid #d7d7d7;padding:.05208rem;background:#f9f9f9;font:.08333rem/.09375rem 微软雅黑;border-radius:.04167rem;text-indent:.15625rem}.processArea div .textarea textarea::-webkit-input-placeholder{color:#d7d7d7;font-size:.08333rem}.processArea div .textarea textarea::-moz-placeholder{color:#d7d7d7;font-size:.08333rem}.processArea div .textarea textarea:-ms-input-placeholder{color:#d7d7d7;font-size:.08333rem}.processArea div form{width:86%;height:.34375rem;padding-top:.09375rem;overflow:hidden;position:absolute;bottom:0;left:0;margin:0 7%}.processArea div form input{width:.3125rem;height:.17708rem;float:right;font:.08333rem 微软雅黑;color:#fff;background:#1577d2;border:none;border-radius:.01563rem}.flowChartBox{width:100%;height:100%;overflow-y:hidden;position:relative}.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)}.flowChartBox a:nth-of-type(2){top:auto;bottom:0;display:none;box-shadow:0 -.02604rem .03646rem rgba(105,124,144,.36)}.flowChartBox a i{font-size:.08333rem;line-height:.10417rem}.flowChartBox #flowChart{position:absolute;left:0;right:0;top:.05208rem;bottom:.01042rem;width:100%;height:calc(100% - .05208rem);overflow:hidden;overflow-y:auto}.flowChartBox #flowChart .procedureList{position:relative;padding-bottom:.10417rem}.flowChartBox #flowChart .procedureList:last-child:before{display:none}.flowChartBox #flowChart .procedureList:before{content:"";width:0;height:100%;border-left:.00521rem solid #d7d7d7;position:absolute;top:.0625rem;left:.10417rem}.flowChartBox #flowChart .procedureList.countersignatureNode .countersignatureTitle{display:flex;position:relative;z-index:9;color:#0285fe;font-size:.08333rem;line-height:.125rem;padding-left:.0625rem;padding-bottom:.10417rem}.flowChartBox #flowChart .procedureList.countersignatureNode .countersignatureTitle:before{content:"";width:.05208rem;height:.00521rem;background:#d7d7d7;position:absolute;top:.0625rem;left:.21354rem}.flowChartBox #flowChart .procedureList.countersignatureNode .countersignatureTitle:after{content:"";width:.00521rem;height:calc(100% - .0625rem);background:#d7d7d7;position:absolute;top:.0625rem;left:.26563rem}.flowChartBox #flowChart .procedureList.countersignatureNode .countersignatureTitle i{width:.125rem;height:.125rem;margin-right:.10417rem;background-color:#0078fb;border-radius:50%;font-size:.0625rem;color:#fff;text-align:center;line-height:.125rem}.flowChartBox #flowChart .procedureList.countersignatureNode .listBox{padding-left:.36458rem;position:relative}.flowChartBox #flowChart .procedureList.countersignatureNode .listBox:after{content:"";width:.00521rem;height:100%;background:#d7d7d7;position:absolute;top:0;left:.26563rem}.flowChartBox #flowChart .procedureList.countersignatureNode .listBox:last-child:after{height:.0625rem}.flowChartBox #flowChart .procedureList.countersignatureNode .listBox h4{position:relative;margin-left:0;padding-left:0}.flowChartBox #flowChart .procedureList.countersignatureNode .listBox h4:before{content:"";width:.03646rem;height:.03646rem;background:#0078fb;border-radius:50%;position:absolute;top:.05208rem;left:-.11458rem}.flowChartBox #flowChart .procedureList.countersignatureNode .listBox h4 span{padding:0}.flowChartBox #flowChart .procedureList .listBox{padding-bottom:.10417rem}.flowChartBox #flowChart .procedureList .listBox h4{font-size:.08333rem;line-height:.125rem;padding-left:.05208rem;margin-bottom:.05208rem;margin-left:.07813rem;display:flex;position:relative;z-index:9}.flowChartBox #flowChart .procedureList .listBox h4:before{content:"";width:.05208rem;height:.05208rem;border-radius:650%;background:#0078fb;position:absolute;top:.03646rem;left:0}.flowChartBox #flowChart .procedureList .listBox h4 span{font-size:.09375rem;color:#0078fb;padding:0 .05208rem;position:relative;font-weight:600}.flowChartBox #flowChart .procedureList .listBox .userInfo{display:flex;width:100%}.flowChartBox #flowChart .procedureList .listBox .userInfo .infoBox{width:calc(100% - .26042rem);padding-left:.10417rem}.flowChartBox #flowChart .procedureList .listBox .userInfo .infoBox>div{overflow:hidden}.flowChartBox #flowChart .procedureList .listBox .userInfo span{display:inline-block;font-size:.08333rem;line-height:.08333rem;margin-bottom:.05208rem}.flowChartBox #flowChart .procedureList .listBox .userInfo span.headPortrait{width:.20833rem;height:.20833rem;position:relative}.flowChartBox #flowChart .procedureList .listBox .userInfo span.headPortrait img{width:.20833rem;height:.20833rem}.flowChartBox #flowChart .procedureList .listBox .userInfo span.headPortrait i{position:absolute;bottom:-.04167rem;right:-.05208rem;width:.10417rem;height:.10417rem;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}.flowChartBox #flowChart .procedureList .listBox .userInfo span.name{color:#333}.flowChartBox #flowChart .procedureList .listBox .userInfo span.state{color:#868fa3;font-size:.07292rem;line-height:.07292rem;margin:0}.flowChartBox #flowChart .procedureList .listBox .userInfo span.time{color:#979ea7;font-size:.06771rem}.flowChartBox #flowChart .procedureList .listBox ul{background:#f8f8f8;margin-left:.3125rem;margin-top:.02604rem;padding:0 .09375rem}.flowChartBox #flowChart .procedureList .listBox ul li{padding:.07292rem 0;border-bottom:.00521rem solid #d7d7d7}.flowChartBox #flowChart .procedureList .listBox ul li:last-child{border-bottom:none}.flowChartBox #flowChart .procedureList .listBox ul h5{padding-left:.13021rem;position:relative;font-size:.07292rem;line-height:.10417rem;color:#4a4a4a;margin-bottom:.05208rem}.flowChartBox #flowChart .procedureList .listBox ul h5:before{position:absolute;left:0;color:#979ea6;font-size:.09375rem}.flowChartBox #flowChart .procedureList .listBox ul div{text-align:right}.flowChartBox #flowChart .procedureList .listBox ul div span{display:inline-block;height:.10417rem;font-size:.0625rem;line-height:.10417rem;padding:0 .02604rem}.flowChartBox #flowChart .procedureList .listBox ul div span:before{margin-right:.02604rem}.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:.07292rem;color:#a77b54;border:.00521rem solid #ddd}.commentBox{width:100%;height:1.40625rem;position:absolute;bottom:0;left:0}.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}