@media screen and (min-width:1700px){html{font-size:100px}}@media screen and (min-width:1550px) and (max-width:1699px){html{font-size:84px}}@media screen and (min-width:1400px) and (max-width:1549px){html{font-size:74px}}@media screen and (min-width:1300px) and (max-width:1399px){html{font-size:68px}}@media screen and (min-width:1150px) and (max-width:1300px){html{font-size:60px}}@media screen and (max-width:1150px){html{font-size:50px}}.el_left{float:left}.el_right{float:right}.el_height{height:100%}.processArea{width:100%;height:100%;padding:.2rem!important}.processArea .Procedure{width:100%;height:100%;padding-bottom:2.7rem;position:relative}.processArea .Procedure .btns{position:absolute;top:0;right:0;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}.flowChartBox #flowChart .procedureList{position:relative;padding-bottom:.2rem}.flowChartBox #flowChart .procedureList:last-child:before{display:none}.flowChartBox #flowChart .procedureList:before{content:"";width:0;height:100%;border-left:1px solid #d7d7d7;position:absolute;top:.12rem;left:.2rem}.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:.24rem;padding-left:.12rem;padding-bottom:.2rem}.flowChartBox #flowChart .procedureList.countersignatureNode .countersignatureTitle:before{content:"";width:.1rem;height:1px;background:#d7d7d7;position:absolute;top:.12rem;left:.41rem}.flowChartBox #flowChart .procedureList.countersignatureNode .countersignatureTitle:after{content:"";width:1px;height:calc(100% - .12rem);background:#d7d7d7;position:absolute;top:.12rem;left:.51rem}.flowChartBox #flowChart .procedureList.countersignatureNode .countersignatureTitle i{width:.24rem;height:.24rem;margin-right:.2rem;background-color:#0078fb;border-radius:50%;font-size:.12rem;color:#fff;text-align:center;line-height:.24rem}.flowChartBox #flowChart .procedureList.countersignatureNode .listBox{padding-left:.7rem;position:relative}.flowChartBox #flowChart .procedureList.countersignatureNode .listBox:after{content:"";width:1px;height:100%;background:#d7d7d7;position:absolute;top:0;left:.51rem}.flowChartBox #flowChart .procedureList.countersignatureNode .listBox:last-child:after{height:.12rem}.flowChartBox #flowChart .procedureList.countersignatureNode .listBox h4{position:relative;margin-left:0;padding-left:0}.flowChartBox #flowChart .procedureList.countersignatureNode .listBox h4:before{content:"";width:.07rem;height:.07rem;background:#0078fb;border-radius:50%;position:absolute;top:.1rem;left:-.22rem}.flowChartBox #flowChart .procedureList.countersignatureNode .listBox h4 span{padding:0}.flowChartBox #flowChart .procedureList .listBox{padding-bottom:.2rem}.flowChartBox #flowChart .procedureList .listBox h4{font-size:.16rem;line-height:.24rem;padding-left:.1rem;margin-bottom:.1rem;margin-left:.15rem;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:9}.flowChartBox #flowChart .procedureList .listBox h4:before{content:"";width:.1rem;height:.1rem;border-radius:650%;background:#0078fb;position:absolute;top:.07rem;left:0}.flowChartBox #flowChart .procedureList .listBox h4 span{font-size:.18rem;color:#0078fb;padding:0 .1rem;position:relative;font-weight:600}.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:.2rem}.flowChartBox #flowChart .procedureList .listBox .userInfo .infoBox>div{overflow:hidden}.flowChartBox #flowChart .procedureList .listBox .userInfo span{display:inline-block;font-size:.16rem;line-height:.16rem;margin-bottom:.1rem}.flowChartBox #flowChart .procedureList .listBox .userInfo span.headPortrait{width:.4rem;height:.4rem;position:relative}.flowChartBox #flowChart .procedureList .listBox .userInfo span.headPortrait img{width:.4rem;height:.4rem}.flowChartBox #flowChart .procedureList .listBox .userInfo span.headPortrait i{position:absolute;bottom:-.08rem;right:-.1rem;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:#868fa3;font-size:.14rem;line-height:.14rem;margin:0}.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}.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}