.el-flow-record{font-size:14px;color:#3E3A39;padding:20px;background-color:#fafafa}.el-flow-record .status{color:#4C85FF}.el-flow-record .scroll-box{width:auto;overflow-x:scroll}.el-flow-record ul li{float:left;list-style-type:none;margin-right:15px}.el-flow-record .el-row{margin-bottom:20px}.el-flow-record ul,.el-flow-record ul li{margin:0;padding:0}.el-flow-record ul li[class=flow-item],.el-flow-record ul li[class=sample-item]{border-radius:10px;-webkit-box-shadow:0 0 12px rgba(0,0,0,.12);box-shadow:0 0 12px rgba(0,0,0,.12);text-align:center;border:2px solid #fff}.el-flow-record ul li[class=sample-item]{cursor:pointer;margin-bottom:15px}.el-flow-record ul li[back='0']{color:red}.el-flow-record ul li[clickable='0']{cursor:pointer}.el-flow-record ul li[class=flow-item],.el-flow-record ul li[class=flow-direct]{padding:18px 16px}.el-flow-record ul li[class=flow-direct] .arrow-line{padding:0 15px}.el-flow-record .arrow-line-high{border-bottom:3px solid #67BCFF;position:absolute;top:40%;white-space:nowrap;text-align:center}.el-flow-record .arrow-line-high:after{border:10px solid transparent;border-left-color:#67BCFF;position:absolute;right:-11px;top:10px;content:''}.el-flow-record .arrow-line-gray{border-bottom:3px solid #CBCDCD;position:absolute;top:40%;white-space:nowrap;text-align:center}.el-flow-record .arrow-line-gray:after{border:10px solid transparent;border-left-color:#CBCDCD;position:absolute;right:-11px;top:10px;content:''}.el-flow-record ul li[class=flow-direct]{min-width:50px;vertical-align:top;padding-top:3%}.el-flow-record ul li[class=flow-direct] div:first-child{position:relative;padding:0 15px}.el-flow-record .scroll{width:100%;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;padding-bottom:20px}.el-flow-record .scroll>li{display:inline-block;float:none}.el-flow-record .date-time-item{white-space:nowrap}.el-flow-record .check-items,.el-flow-record .main-flow,.el-flow-record .sub-flow{background-color:#fff;padding:15px;margin-bottom:16px;border:1px solid #eee;border-radius:10px}.el-flow-record .check-items .el-table__expanded-cell,.el-flow-record .main-flow .el-table__expanded-cell,.el-flow-record .sub-flow .el-table__expanded-cell{padding:5px 5px 5px 0!important}.el-flow-record .check-items:hover,.el-flow-record .main-flow:hover,.el-flow-record .sub-flow:hover{border:1px solid #67BCFF}.el-flow-record .flow-title{font-size:24px;color:#67BCFF;text-align:center;padding:32px 0;font-weight:700;display:none}.el-flow-record .flow-items-padding{padding-left:10px}.el-flow-record #main-flow-records[show='1'],.el-flow-record #sub-flow-records[show='1'],.el-flow-record #sub_badge_flow_show[show='1']{display:none}.el-flow-record #main-flow-records[show='0'],.el-flow-record #sub-flow-records[show='0'],.el-flow-record #sub_badge_flow_show[show='0']{display:block}.el-flow-record .sample-list-box{max-height:150px;overflow-y:scroll;padding:10px 0}