.iconfujian{color:#3495fb}.contractDetails{height:100%}.contractDetails section{height:calc(100% - 12vw);-webkit-overflow-scrolling:touch;overflow:scroll}.contractDetails section .msg-wrapper{background-color:#f0f0f0;padding-top:5.3333vw}.contractDetails section .msg-wrapper .van-cell{display:-webkit-flex;display:flex}.contractDetails section .msg-wrapper .van-cell .van-cell__title{-webkit-flex:1;flex:1}.contractDetails section .msg-wrapper .van-cell .van-cell__value{-webkit-flex:2;flex:2}.contractDetails section .msg-wrapper .van-cell .van-cell__left-icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.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 .attachmentReturnBtn{width:100%;height:8vw;border:1px solid #91d5ff;background:#e6f7ff;font-size:3.2vw;color:#1890ff;text-align:left;padding-left:2.6667vw}.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% - 33.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:4vw;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.6667vw;left:-10.4vw}.contractDetails section .flowChartList .procedureList .listBox h4{font-size:4.2667vw;line-height:4.8vw;color:#0285fe;padding-left:9.3333vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDgxREEyRjk2MUI4MTFFQTg1RUNCQTY3NjE1NDE4MjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDgxREEyRkE2MUI4MTFFQTg1RUNCQTY3NjE1NDE4MjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0ODFEQTJGNzYxQjgxMUVBODVFQ0JBNjc2MTU0MTgyNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0ODFEQTJGODYxQjgxMUVBODVFQ0JBNjc2MTU0MTgyNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrDeZ+YAAADGSURBVHjalJJBCsIwEEWTkIUbW7ouWG/hSqgbdx7Cw3iOIngLFwquegtd9ADaTREJ/pEfGCEqfnhkMv3TTjOxbhMM5UAFSjBmrgcduICX0fPBCMxAZt5VkAloweD45pRZK6PHebYRzbJfgxpYcAANeNBTefYcJeaV2kt8B1vuS2knV4Y60c5Sxbkz/ylIwVUljgnTXsW95zkXTDRcF1zlp3eqoLMYnHxl/uNYRTdwcpxgy8Q3s3hCnPQg1WD64Wqc49V4CjAAE6omeU48rGcAAAAASUVORK5CYII=) 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 .opinions{margin-top:1.6vw;margin-left:9.6vw;background:#eef7ff;padding:1.6vw 4vw;position:relative;overflow:hidden}.contractDetails section .flowChartList .procedureList .listBox .opinions .opinion-text{display:-webkit-box;font-size:3.7333vw;line-height:5.3333vw;color:#155a9a;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.contractDetails section .flowChartList .procedureList .listBox .opinions.show-all .opinion-text{display:-webkit-flex;display:flex}.contractDetails section .flowChartList .procedureList .listBox .opinions.show-all .iconshuangjiantouxia{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.contractDetails section .flowChartList .procedureList .listBox .opinions .iconshuangjiantouxia{position:absolute;right:.5333vw;top:7.4667vw;font-size:4.2667vw;color:#0185fe}.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}