.clockIn{width:100%;padding:20px 10px;box-sizing:border-box}.clockIn,.clockIn .el-card{height:100%}.clockIn .dialog__header{background-color:#ccc}.clockIn .top{height:50px}.clockIn .top .search{width:500px;display:flex;justify-content:space-around;float:left}.clockIn .top .search .el-date-editor{margin-right:20px}.clockIn .top .search .el-button{float:right;background-color:#66b1ff;border-color:#66b1ff}.clockIn .top .el-button{float:right;background-color:#67c23a;border-color:#67c23a}.clockIn .table{margin-top:10px;position:relative}.clockIn .table .cover{position:absolute;top:10px;left:10px;background:#f0f8ff;z-index:200;width:30px;height:30px}.clockIn .table .control{display:flex;justify-content:space-around}.clockIn .table .control>span{color:#1890ff;cursor:pointer}.clockIn .table_foot{display:flex;justify-content:space-between;padding:10px}.clockIn .table_foot .table_foot_left{width:200px;display:flex;align-items:center;justify-content:space-around}.clockIn .el-table th{background:#f0f8ff}.clockIn .header ul{text-align:center}.clockIn .header ul li{list-style-type:none;display:inline-block}.clockIn .header ul li span:nth-of-type(odd){font-weight:700;margin-right:10px}.clockIn .header ul li:last-child{float:right}.clockIn .header ul li:first-child{float:left}.clockIn .center{margin-top:20px}.clockIn .center ul{display:flex}.clockIn .center ul li{vertical-align:middle;list-style-type:none;display:inline-block;line-height:26px}.clockIn .center ul li div{border-top:2px solid #3a97fd;border-bottom:2px solid #3a97fd;box-sizing:border-box}.clockIn .center ul li{width:40px;height:30px}.clockIn .center ul li:first-child{background-color:#3a97fd;color:#fff}.clockIn .center ul li:last-child{border-right:2px solid #3a97fd}.clockIn .center ul li:first-child,.clockIn .center ul li:nth-child(3),.clockIn .center ul li:nth-child(5),.clockIn .center ul li:nth-child(7){width:calc(100% - 550px)}.clockIn .footer{border:1px solid #ccc;border-radius:4px;margin-top:20px;padding:0 20px}.clockIn .footer .workOrderInfo .workOrderLi{margin-bottom:15px}.clockIn .footer .workOrderInfo .workOrderLi span{float:left;width:100px;display:inline-block}.clockIn .footer .workOrderInfo .workOrderLi span:first-child{font-weight:700}.clockIn .footer .workOrderInfo .workOrderLi p{width:85%;display:inline-block}.clockIn .footer .workOrderInfo .workOrderLi:first-child,.clockIn .footer .workOrderInfo .workOrderLi:nth-child(2),.clockIn .footer .workOrderInfo .workOrderLi:nth-child(3),.clockIn .footer .workOrderInfo .workOrderLi:nth-child(4){display:inline-block;width:50%}.clockIn .footer .el-carousel__item h3{color:#475669;font-size:14px;opacity:.75;line-height:200px;margin:0}.clockIn .footer .el-carousel__item:nth-child(2n){background-color:#99a9bf}.clockIn .footer .el-carousel__item:nth-child(odd){background-color:#d3dce6}.clockIn .footer .infinite-list-wrapper{height:376px!important}.clockIn .blueWhite{background:url(../../assets/img/blue-white.8a438ca9.png) no-repeat 50%}.clockIn .whiteWhite{background:url(../../assets/img/white-white.8db77b6a.png) no-repeat 50%}.clockIn .blueBlue{background:url(../../assets/img/blue-blue.6d505d21.png) no-repeat 50%}.clockIn .blueSizeWhiteBack{color:#3a97fd;background-color:#fff}.clockIn .whiteSizeBlueBack{color:#fff;background-color:#3a97fd}.clockIn .imgStatus{display:inline-block;height:26px;padding:4px;vertical-align:middle}.clockIn .toBeAssigned{color:#999}.clockIn .assigned,.clockIn .toBeAssigned{display:inline-block;vertical-align:middle}.clockIn .assigned{color:#0c3}.clockIn .assigned .imgStatus{height:34px;padding:0}.clockIn .processed{color:#1890ff}.clockIn .closed,.clockIn .processed{display:inline-block;vertical-align:middle}.clockIn .closed{color:#333}.clockIn .el-dialog__header{border-radius:5px;padding:14px 20px 10px;background-color:#ccc}