.task-process-list{background-color:#fff;padding:10px;border-radius:5px;width:90%;margin:5px auto}.task-process-list .title{line-height:30px;font-size:14px;font-weight:700;text-indent:5px}.task-process-list .van-loading{text-align:center;position:absolute;z-index:9999999;width:80px;height:80px;line-height:80px;background-color:#fff;border-radius:10px;left:calc(50% - 40px);top:25vh}.task-process-list section{width:100%}.task-process-list section .flow-status{display:flex;flex-direction:row}.task-process-list section .flow-status .flow-status-head{width:50px}.task-process-list section .flow-status .flow-status-head .user-head-block{width:45px;margin:5px 5px 0 5px;height:45px;font-size:14px;border-radius:5px;color:#fff;line-height:45px;text-align:center;position:relative;background-color:#409eff}.task-process-list section .flow-status .flow-status-head .user-head-block .over-status,.task-process-list section .flow-status .flow-status-head .user-head-block .single-user{line-height:45px}.task-process-list section .flow-status .flow-status-head .user-head-block .user-group{line-height:45px;font-size:20px}.task-process-list section .flow-status .flow-status-head .user-head-block .status-icon{height:13px;width:13px;text-align:center;border-radius:10px;position:absolute;bottom:-1px;right:-1px;background-color:#fff}.task-process-list section .flow-status .flow-status-head .user-head-block .status-icon .van-icon{height:10px;width:10px;font-size:12px;position:absolute;bottom:2px;right:3px}.task-process-list section .flow-status .flow-status-head .connect-line{width:0;border-left:2px solid #dce3eb;height:calc(100% - 38px);min-height:10px;margin:2px auto}.task-process-list section .flow-status .flow-status-head .connect-dashed-line{width:0;border-left:2px dashed #dce3eb;height:calc(100% - 35px);min-height:10px;margin:2px auto}.task-process-list section .flow-status .flow-status-content{width:calc(100% - 50px);padding:5px}.task-process-list section .flow-status .flow-status-content .flow-status-content-title .status-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:14px;line-height:24px;color:#333;display:inline-block;width:calc(100% - 80px);vertical-align:middle}.task-process-list section .flow-status .flow-status-content .flow-status-content-title .approve-time{display:inline-block;vertical-align:middle;width:80px;color:#ccc;font-size:10px;text-align:right}.task-process-list section .flow-status .flow-status-content .flow-status-content-approver{display:flex;flex-direction:row;flex-wrap:wrap}.task-process-list section .flow-status .flow-status-content .flow-status-content-approver .approver-block{width:30px;height:30px;border-radius:3.5px;color:#fff;text-align:center;line-height:30px;margin:5px;margin-left:0;background-color:#409eff;position:relative;font-size:10px}.task-process-list section .flow-status .flow-status-content .flow-status-content-approver .approver-block .status-icon{height:10px;width:10px;text-align:center;border-radius:5px;position:absolute;bottom:-1px;right:-1px;background-color:#fff}.task-process-list section .flow-status .flow-status-content .flow-status-content-approver .approver-block .status-icon .van-icon{height:8px;width:8px;font-size:8px;position:absolute;bottom:1.2px;right:1.2px}.task-process-list section .flow-status .flow-status-content .flow-status-content-action{line-height:18px;color:#999}.task-process-list section .flow-status .flow-status-content .flow-status-content-comment .comment-text{position:relative;padding:1px 10px 1px 10px;margin:5px auto;background-color:#efefef}.task-process-list section .flow-status .flow-status-content .flow-status-content-comment .comment-text img{position:absolute;right:5px;bottom:10px}.task-process-list section .flow-status .flow-status-content .flow-status-content-cclist{color:#999;font-size:12px}.task-process-list section .flow-status .flow-status-content .flow-status-content-cclist .cc-block{display:flex;flex-direction:row;flex-wrap:wrap}.task-process-list section .flow-status .flow-status-content .flow-status-content-cclist .cc-block .cc-item{font-size:10px;width:30px;height:30px;border-radius:3.5px;color:#fff;text-align:center;line-height:30px;margin:5px;margin-left:0;background-color:#409eff}.task-process-list section .flow-status .flow-status-content .flow-status-content-remark .remark-text{padding:1px 5px;margin:5px auto;background-color:#efefef}