.df-ac[data-v-7b197d62]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.df-ac[data-v-7b197d62],.df-jc[data-v-7b197d62]{display:-webkit-box;display:-ms-flexbox;display:flex}.df-jc[data-v-7b197d62]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ml-5[data-v-7b197d62]{margin-left:5px}[data-v-7b197d62] .el-dialog__body{padding:0 20px!important}.box-card[data-v-7b197d62]{color:#3a4357;height:500px;overflow:auto}.box-card .item-class[data-v-7b197d62]{gap:10px;margin-bottom:16px}.box-card .item-class .avatar-class[data-v-7b197d62],.box-card .item-class[data-v-7b197d62]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.box-card .item-class .avatar-class[data-v-7b197d62]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;background-color:#3291f8;padding:10px;border-radius:12%}.box-card .item-class .avatar-class img[data-v-7b197d62]{width:18px;height:18px}.box-card .item-class .item-name-class[data-v-7b197d62]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:3px}.box-card .item-class .item-name-class .success-color[data-v-7b197d62]{color:#07c160}.box-card .item-class .item-name-class .error-color[data-v-7b197d62]{color:#ff7272}.box-card .item-class .item-name-class .date-class[data-v-7b197d62]{font-size:14px}.empty-class[data-v-7b197d62]{height:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;padding:20px 0;color:#8299bc;font-size:14px}.empty-class img[data-v-7b197d62]{height:200px;width:200px}.df-ac[data-v-4d099ea5]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.df-ac[data-v-4d099ea5],.df-jc[data-v-4d099ea5]{display:-webkit-box;display:-ms-flexbox;display:flex}.df-jc[data-v-4d099ea5]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ml-5[data-v-4d099ea5]{margin-left:5px}.details-body[data-v-4d099ea5]{width:100%;padding:0 20px}.details-body .details-form[data-v-4d099ea5]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.details-body .details-form .form-item[data-v-4d099ea5]{margin:0 10px 20px 0;font-size:14px}.details-body .details-form .form-item .item-label[data-v-4d099ea5]{color:#666;margin-bottom:10px}.details-body .details-form .form-item .noData[data-v-4d099ea5]{margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.details-body .details-form .form-item .noData img[data-v-4d099ea5]{width:120px;height:120px;margin-bottom:10px}.details-body .details-form .form-item .noData span[data-v-4d099ea5]{color:#8299bc;font-size:12px}.details-body .process-flow[data-v-4d099ea5]{margin-top:24px;margin-bottom:40px}.details-body .process-flow .process-title[data-v-4d099ea5]{font-size:16px;font-weight:700;color:#333;margin-bottom:20px}.details-body .process-flow .process-list .process-item[data-v-4d099ea5]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin-bottom:32px}.details-body .process-flow .process-list .process-item[data-v-4d099ea5]:after{content:"";position:absolute;width:4px;bottom:-30px;background-color:#e5e5e5;top:42px;left:18px}.details-body .process-flow .process-list .process-item.last-approval[data-v-4d099ea5]:after{display:none}.details-body .process-flow .process-list .process-item[data-v-4d099ea5]:last-child{margin-bottom:0}.details-body .process-flow .process-list .process-item .process-node[data-v-4d099ea5]{position:relative;margin-right:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}.details-body .process-flow .process-list .process-item .process-node .node-icon[data-v-4d099ea5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;background-color:#3291f8;padding:20px;border-radius:8px;position:relative;width:28px;height:28px}.details-body .process-flow .process-list .process-item .process-node .node-icon img[data-v-4d099ea5]{width:26px;height:26px}.details-body .process-flow .process-list .process-item .process-node .node-icon .node-state-icon[data-v-4d099ea5]{position:absolute;bottom:-6px;right:-6px;border-radius:50%;border:2px solid #fff;padding:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.details-body .process-flow .process-list .process-item .process-node .node-icon .node-state-icon.success-icon[data-v-4d099ea5]{background-color:#07c160}.details-body .process-flow .process-list .process-item .process-node .node-icon .node-state-icon.error-icon[data-v-4d099ea5]{background-color:#ff7272}.details-body .process-flow .process-list .process-item .process-node .node-icon .node-state-icon.cancel-icon[data-v-4d099ea5],.details-body .process-flow .process-list .process-item .process-node .node-icon .node-state-icon.pending-icon[data-v-4d099ea5]{background-color:#8299bc}.details-body .process-flow .process-list .process-item .process-content[data-v-4d099ea5]{-webkit-box-flex:1;-ms-flex:1;flex:1}.details-body .process-flow .process-list .process-item .process-content .content-header[data-v-4d099ea5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:6px}.details-body .process-flow .process-list .process-item .process-content .content-header .process-step[data-v-4d099ea5]{color:#333;font-size:15px;font-weight:500}.details-body .process-flow .process-list .process-item .process-content .content-header .process-time[data-v-4d099ea5]{color:#999;white-space:nowrap;font-size:13px}.details-body .process-flow .process-list .process-item .process-content .process-info[data-v-4d099ea5]{color:#666;font-size:14px;line-height:1.6;margin-top:4px;margin-bottom:8px}.details-body .process-flow .process-list .process-item .process-content .applyRemark-class[data-v-4d099ea5]{padding:12px 16px;background-color:#f6f8fa;margin-top:8px;margin-bottom:8px;color:#666;border-radius:6px;font-size:14px;line-height:1.6;word-break:break-all}.details-body .process-flow .process-list .process-item .process-content .person-wrapper[data-v-4d099ea5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.details-body .process-flow .process-list .process-item .process-content .person-wrapper .user-name[data-v-4d099ea5]{width:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.details-body .process-flow .process-list .process-item .process-content .person-wrapper .user-name.view-all-btn[data-v-4d099ea5]{cursor:pointer;width:60px}.details-body .process-flow .process-list .process-item .process-content .person-wrapper .user-name.view-all-btn:hover .user-name-text[data-v-4d099ea5]{color:#3291f8}.details-body .process-flow .process-list .process-item .process-content .person-wrapper .user-name .user-name-icon[data-v-4d099ea5]{width:20px;height:20px;background-color:#3291f8;padding:15px;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.details-body .process-flow .process-list .process-item .process-content .person-wrapper .user-name .user-name-icon img[data-v-4d099ea5]{width:16px;height:16px}.details-body .process-flow .process-list .process-item .process-content .person-wrapper .user-name .user-name-text[data-v-4d099ea5]{font-size:12px;color:#666;margin-top:6px;text-align:center;word-break:break-all}.details-body .process-flow .process-list .process-item .process-content .person-wrapper .user-name .check-icon[data-v-4d099ea5]{position:absolute;top:-8px;right:6px;background-color:#fff;border:1px solid #fff;border-radius:50%}.details-body .process-flow .process-list .process-item .process-content .person-wrapper .person-list[data-v-4d099ea5]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;width:100%}.details-body .process-flow .process-list .process-item .process-content .person-wrapper .person-list .person-item[data-v-4d099ea5]{display:-webkit-box;display:-ms-flexbox;display:flex}.details-body .process-flow .process-list .process-item .process-content .person-wrapper .person-list .person-item .person-name[data-v-4d099ea5]{color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1}