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