.barBox.Bg[data-v-c56ef6fa]{background:url(../../assets/img/barBg.db6d2449.png) no-repeat;background-position:50%;background-size:contain}.barBox .title[data-v-c56ef6fa]{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}.barBox .title span[data-v-c56ef6fa]{padding:10px 18px;color:#00f8ff;font-size:.22rem;cursor:pointer}.barBox[data-v-35dfe9f6]{position:relative}.barBox.Bg[data-v-35dfe9f6]{background:url(../../assets/img/barBg.db6d2449.png) no-repeat;background-position:50%;background-size:contain}.barBox .title[data-v-35dfe9f6]{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}.barBox .title span[data-v-35dfe9f6]{padding:10px 18px;color:#00f8ff;font-size:.22rem;cursor:pointer}.barBox.Bg[data-v-04c9289f]{background:url(../../assets/img/barBg.db6d2449.png) no-repeat;background-position:50%;background-size:contain}.barBox .title[data-v-04c9289f]{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}.barBox .title span[data-v-04c9289f]{padding:10px 18px;color:#00f8ff;font-size:22px;cursor:pointer}.payroll{width:100%;height:calc(100vh - 100px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:PingFangSC-Medium,PingFang SC}.payroll .titles{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:30px;padding:0 15px;margin:10px 0}.payroll .titles .back{display:inline-block;cursor:pointer}.payroll .titles .showItem{vertical-align:inherit;color:#fff;margin-left:30px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.payroll .titles .showItem .icon{vertical-align:bottom}.payroll .titles .showItem .txt{margin:0 8px;vertical-align:bottom;color:#abb5c4;font-size:.14rem}.payroll .titles .showItem .detail_Txt{margin:0 8px;color:#569bd2;font-size:.14rem}.payroll .titles .timeList{display:inline-block;float:right}.payroll .titles .timeList .time_s{display:inline-block;padding:3px 8px;font-size:.1rem;background:#165994;-webkit-transform:skewX(-30deg);transform:skewX(-30deg);cursor:pointer;font-weight:400;color:#fff;border:1px solid #3984c7}.payroll .titles .timeList .time_s.cur{background:#2a7acc}.payroll .titles .timeList .time_s span{display:inline-block;-webkit-transform:skewX(30deg);transform:skewX(30deg)}.payroll .details_body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.payroll .details_body,.payroll .details_body .echartBox{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.payroll .details_body .echartBox{height:3.5rem;background:url(../../assets/img/itemBg.35805e49.png) no-repeat;background-position:50%;background-size:cover;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.payroll .details_body .echartBox .item{width:30%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.payroll .details_body .echartBox .item .item_title{padding:15px}.payroll .details_body .echartBox .item .item_title .icon{display:inline-block;width:20px;height:20px;vertical-align:middle}.payroll .details_body .echartBox .item .item_title .txt{font-size:.2rem;color:#fff;vertical-align:middle}.payroll .details_body .echartBox .item .item_body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.payroll .details_body .echartBox .item .item_body .left_box .box_item{margin:8px 0}.payroll .details_body .echartBox .item .item_body .left_box .box_item .item_icon{width:50px;height:50px;margin:0 20px;display:inline-block;background:rgba(50,127,214,.3);padding:10px;border-radius:50%}.payroll .details_body .echartBox .item .item_body .left_box .box_item .item_icon img{width:100%;height:100%}.payroll .details_body .echartBox .item .item_body .left_box .box_item .item_txt{display:inline-block;height:50px;line-height:50px;vertical-align:top;color:#fff;font-size:.18rem}.payroll .details_body .tableBox{width:100%;height:50%;padding:0 20px}.payroll .details_body .tableBox .el-table .cell{text-align:center}.payroll .details_body .tableBox .el-table .el-table__row{border:1px solid #2d4c69;border-top:none}.payroll .details_body .tableBox .el-table .current-row:hover td,.payroll .details_body .tableBox .el-table .current-row td,.payroll .details_body .tableBox .el-table .el-table__row.hover-row td{background:rgba(107,215,232,.3)}