.iconfujian{color:#3495fb}.contractDetails{height:100%}.contractDetails section{height:calc(100% - 12vw);-webkit-overflow-scrolling:touch;overflow:scroll}.contractDetails section .contract-msg_list ul li{padding:20px 0;border:1px solid #f0f0f0;display:-webkit-flex;display:flex;line-height:5.3333vw}.contractDetails section .contract-msg_list ul li p{font-size:4.2667vw;color:#333;-webkit-flex:1;flex:1}.contractDetails section .contract-msg_list ul li span{font-size:4.2667vw;width:13.3333vw;text-align:center;line-height:5.3333vw}.contractDetails section .contract-msg_list ul li span:first-child{font-size:5.8667vw;color:#5588f1}.contractDetails section .contract-msg_list ul li span:last-child{font-size:3.7333vw;color:#979ea7}.contractDetails section .appendix_list ul li{padding:10px 0;border:1px solid #f0f0f0;display:-webkit-flex;display:flex;line-height:13.3333vw}.contractDetails section .appendix_list ul li span{font-size:4.2667vw;width:13.3333vw;text-align:center;height:13.3333vw;line-height:13.3333vw}.contractDetails section .appendix_list ul li span:first-child{font-size:5.8667vw}.contractDetails section .appendix_list ul li span:last-child{font-size:3.7333vw;color:#979ea7}.contractDetails section .appendix_list ul li span.icontupian:before{color:#8573e2}.contractDetails section .appendix_list ul li span.iconpdf1:before{color:#ff5562}.contractDetails section .appendix_list ul li span.iconbg-word:before{color:#548dfe}.contractDetails section .appendix_list ul li span.iconxls:before{color:#48cb81}.contractDetails section .appendix_list ul li span.iconPPT:before{color:#ff9333}.contractDetails section .appendix_list ul li span.icontxt:before{color:#f60}.contractDetails section .appendix_list ul li div{-webkit-flex:1;flex:1}.contractDetails section .appendix_list ul li div p{font-size:4.2667vw;color:#000;line-height:6.4vw}.contractDetails section .appendix_list ul li div p:last-child{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;font-size:3.7333vw}.contractDetails section .appendix_list ul li div p:last-child em{font-size:3.7333vw;color:#979ea7}.contractDetails section .flowChartList{width:100%;height:100%;overflow:hidden;overflow-y:auto;padding:5.3333vw}.contractDetails section .flowChartList .procedureList{position:relative;padding-bottom:6.6667vw}.contractDetails section .flowChartList .procedureList:last-child:before{display:none}.contractDetails section .flowChartList .procedureList:before{height:100%;top:3.2vw;left:5.3333vw}.contractDetails section .flowChartList .procedureList.countersignatureNode:after,.contractDetails section .flowChartList .procedureList:before{content:"";width:1px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAICAYAAADTLS5CAAAAAXNSR0IArs4c6QAAABpJREFUCB1jnDl/Zf0/hn+MTAxQgMmAyeCjASpNBGWzcjMaAAAAAElFTkSuQmCC) repeat-y;position:absolute}.contractDetails section .flowChartList .procedureList.countersignatureNode:after{height:calc(100% - 25.3333vw);top:2.9333vw;left:13.3333vw}.contractDetails section .flowChartList .procedureList.countersignatureNode .countersignatureTitle{display:-webkit-flex;display:flex;position:relative;z-index:9;color:#fa6400;font-size:4.2667vw;line-height:6.4vw;padding-left:2.6667vw;margin-bottom:5.3333vw}.contractDetails section .flowChartList .procedureList.countersignatureNode .countersignatureTitle:before{content:"";width:2.6667vw;height:1px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAAXNSR0IArs4c6QAAABZJREFUCB1jnD5v+X8GNJCZFMkIEwIAY14EApw727kAAAAASUVORK5CYII=) repeat-x;position:absolute;top:2.6667vw;left:10.9333vw}.contractDetails section .flowChartList .procedureList.countersignatureNode .countersignatureTitle i{width:6.4vw;height:6.4vw;background:#fa6400;color:#fff;text-align:center;line-height:6.4vw;font-size:4.2667vw;border-radius:50%;margin-right:5.3333vw}.contractDetails section .flowChartList .procedureList.countersignatureNode .listBox{padding-left:18.6667vw;position:relative}.contractDetails section .flowChartList .procedureList.countersignatureNode .listBox h4{color:#fa6400;position:relative}.contractDetails section .flowChartList .procedureList.countersignatureNode .listBox h4:before{content:"";width:9.3333vw;height:1px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAAXNSR0IArs4c6QAAABZJREFUCB1jnD5v+X8GNJCZFMkIEwIAY14EApw727kAAAAASUVORK5CYII=) repeat-x;position:absolute;top:2.1333vw;left:-9.3333vw}.contractDetails section .flowChartList .procedureList .listBox h4{font-size:4.8vw;line-height:4.8vw;color:#0285fe;padding-left:9.3333vw;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:3.2vw 3.2vw;background-position:0;margin-bottom:2.6667vw;margin-left:4vw;display:-webkit-flex;display:flex;position:relative;z-index:9}.contractDetails section .flowChartList .procedureList .listBox .userInfo{overflow:hidden;display:-webkit-flex;display:flex}.contractDetails section .flowChartList .procedureList .listBox .userInfo span{display:inline-block;font-size:4.2667vw;line-height:5.3333vw}.contractDetails section .flowChartList .procedureList .listBox .userInfo span.headPortrait{width:10.6667vw;height:10.6667vw;position:relative}.contractDetails section .flowChartList .procedureList .listBox .userInfo span.headPortrait img{width:10.6667vw;height:10.6667vw}.contractDetails section .flowChartList .procedureList .listBox .userInfo span.headPortrait i{position:absolute;bottom:0;right:0;width:4vw;height:4vw;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:4vw 4vw}.contractDetails section .flowChartList .procedureList .listBox .userInfo span.name{color:#333;margin-left:4vw}.contractDetails section .flowChartList .procedureList .listBox .userInfo span.state{color:#2bc671}.contractDetails section .flowChartList .procedureList .listBox .userInfo span.time{margin-left:4vw;color:#979ea7;font-size:3.4667vw}.contractDetails section .flowChartList .procedureList .listBox .userInfo div{width:100%}.contractDetails section .flowChartList .procedureList .listBox .userInfo .stateBox{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.contractDetails section .flowChartList .procedureList .listBox ul{margin-left:14.6667vw}.contractDetails section .flowChartList .procedureList .listBox ul li{padding:3.7333vw 0;border-bottom:1px solid #d7d7d7;font-size:3.7333vw;line-height:5.3333vw;color:#4a4a4a;margin-bottom:2.6667vw}.contractDetails section .flowChartList .procedureList .listBox ul li:last-child{border-bottom:none}