.WorkOrderOverview{margin:-12px -12px -12px -12px;padding:12px}.WorkOrderOverview .split-padding{padding:6px}.WorkOrderOverview .splitPaddingTop{padding-top:6px}.WorkOrderOverview .splitPaddingBottom{padding-bottom:6px}.WorkOrderOverview .splitPaddingLeft{padding-left:6px}.WorkOrderOverview .splitPaddingRight{padding-right:6px}.WorkOrderOverview .contentWrapper{padding:0}.WorkOrderOverview .contentWrapper .overview{background:linear-gradient(180deg,#0062c4,#002d5a);border-radius:8px}.WorkOrderOverview .contentWrapper .row-1{height:170px}.WorkOrderOverview .contentWrapper .row-2{height:390px}.WorkOrderOverview .contentWrapper .row-3{height:100%}.WorkOrderOverview .contentWrapper .averageTime,.WorkOrderOverview .contentWrapper .complete-statistics,.WorkOrderOverview .contentWrapper .first-response,.WorkOrderOverview .contentWrapper .new-orderorder,.WorkOrderOverview .contentWrapper .overtime-complete,.WorkOrderOverview .contentWrapper .solve-time{background:linear-gradient(0deg,#242b3a,#1b212d);box-shadow:0 12px 23px 0 rgba(62,73,84,.04);border-radius:8px}[data-theme=dark] .WorkOrderOverview .number-up{color:#fb5c5f!important}[data-theme=dark] .WorkOrderOverview .number-down{color:#1bb934!important}.WorkOrderOverview .content-body{display:flex;padding:0;margin:0 0 10px}.WorkOrderOverview .content-body .car-info{flex:1;list-style:none;border-right:1px solid #bbb;height:110px;padding:0 10px}.WorkOrderOverview .content-body .car-info .car-info-label{font-size:16px;line-height:22px}.WorkOrderOverview .content-body .car-info .car-info-value{font-size:48px;line-height:70px;font-weight:600;margin-left:20px}.WorkOrderOverview .content-body .car-info .car-info-create{line-height:18px;margin-left:20px;font-size:14px}.WorkOrderOverview .content-body .car-info:last-child{border-right:none}.WorkOrderOverview .full{width:100%}.WorkOrderOverview .header{display:flex;justify-content:space-between;padding:10px;align-items:center}.WorkOrderOverview .header .el-button{width:60px}.WorkOrderOverview .title{display:flex;font-size:18px;font-weight:600}.WorkOrderOverview .overview-but-group .overview-button{width:65px;height:30px;font-size:12px;line-height:30px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;overflow:hidden}[data-theme=dark] .WorkOrderOverview .overview-but-group .overview-button{color:#bcbdbf!important}[data-theme=dark] .WorkOrderOverview .overview-but-group .overview-button:hover{color:#fff!important}.WorkOrderOverview .overview-but-group .overview-button .bottom{position:relative;top:-2px;height:2px;width:100%}[data-theme=dark] .WorkOrderOverview .overview-but-group .overview-button .bottom{background-color:#bcbdbf!important;background:#bcbdbf!important}[data-theme=dark] .WorkOrderOverview .overview-but-group .current-button{color:#fff!important}.WorkOrderOverview .overview-but-group .current-button .bottom{height:6px;border-top-left-radius:6px;border-top-right-radius:6px;position:relative;top:-6px}[data-theme=dark] .WorkOrderOverview .overview-but-group .current-button .bottom{background-color:#fff!important;background:#fff!important}.WorkOrderOverview .average-time-button,.WorkOrderOverview .complete-statistics-button,.WorkOrderOverview .first-response-button,.WorkOrderOverview .overtime-complete-button,.WorkOrderOverview .solve-time-button{width:65px;height:30px;font-size:12px;line-height:30px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;overflow:hidden}.WorkOrderOverview .average-time-button .bottom,.WorkOrderOverview .complete-statistics-button .bottom,.WorkOrderOverview .first-response-button .bottom,.WorkOrderOverview .overtime-complete-button .bottom,.WorkOrderOverview .solve-time-button .bottom{position:relative;top:-2px;height:2px;width:100%}[data-theme=dark] .WorkOrderOverview .average-time-button .bottom,[data-theme=dark] .WorkOrderOverview .complete-statistics-button .bottom,[data-theme=dark] .WorkOrderOverview .first-response-button .bottom,[data-theme=dark] .WorkOrderOverview .overtime-complete-button .bottom,[data-theme=dark] .WorkOrderOverview .solve-time-button .bottom{background-color:#bcbdbf!important;background:#bcbdbf!important}[data-theme=dark] .WorkOrderOverview .average-time-button,[data-theme=dark] .WorkOrderOverview .complete-statistics-button,[data-theme=dark] .WorkOrderOverview .first-response-button,[data-theme=dark] .WorkOrderOverview .overtime-complete-button,[data-theme=dark] .WorkOrderOverview .solve-time-button{color:#bcbdbf!important}.WorkOrderOverview .year-add-title{display:flex;justify-content:space-around;align-items:center;margin:16px 40px;height:56px;background:#242b3a;box-shadow:0 12px 23px 0 rgba(62,73,84,.04);border-radius:17px}.WorkOrderOverview .year-add-title-count{font-family:Source Han Sans SC;font-weight:700;font-size:36px}[data-theme=dark] .WorkOrderOverview .year-add-title-count{color:#007fff!important}.WorkOrderOverview .iconSpan{padding-left:8px}[data-theme=dark] .WorkOrderOverview .dangerColor{color:#fb5c5f!important}[data-theme=dark] .WorkOrderOverview .average-time-button:hover,[data-theme=dark] .WorkOrderOverview .complete-statistics-button:hover,[data-theme=dark] .WorkOrderOverview .current-button,[data-theme=dark] .WorkOrderOverview .first-response-button:hover,[data-theme=dark] .WorkOrderOverview .overtime-complete-button:hover,[data-theme=dark] .WorkOrderOverview .solve-time-button:hover{color:#136eb4!important}.WorkOrderOverview .current-button .bottom{height:6px;border-top-left-radius:6px;border-top-right-radius:6px;position:relative;top:-6px}[data-theme=dark] .WorkOrderOverview .current-button .bottom{background-color:#136eb4!important;background:#136eb4!important}