.header[data-v-121bd43e]{padding:10px 10px 0 10px}.footer[data-v-121bd43e]{padding-left:20px}.mid[data-v-121bd43e]{height:calc(100vh - 500px);margin:10px 0;overflow:auto}.el-input[data-v-121bd43e]{width:180px}.attendanceSummaryBox[data-v-db4c4908]{height:calc(100vh - 130px);position:relative}.attendanceSummaryBox .header[data-v-db4c4908]{padding:10px 10px 0 10px}.attendanceSummaryBox .mid[data-v-db4c4908]{height:calc(100vh - 190px);margin:10px 0;overflow:auto}.attendanceSummaryBox .mid .operation[data-v-db4c4908]{padding:5px;border-top:1px solid #cfd7e5}.attendanceSummaryBox .footer[data-v-db4c4908]{padding-left:20px;position:absolute;bottom:0;width:calc(100vh + 200px);background-color:#fff}.attendanceBox[data-v-7a515dad]{height:calc(100vh - 70px);position:relative}.attendanceBox .header[data-v-7a515dad]{padding:10px 10px 0 10px}.attendanceBox .mid[data-v-7a515dad]{height:calc(100vh - 290px);margin:10px 0;overflow:auto}.attendanceBox .mid .operation[data-v-7a515dad]{padding:5px;border-top:1px solid #cfd7e5}.attendanceBox .footer[data-v-7a515dad]{padding-left:20px;position:absolute;bottom:50px;width:calc(100vh + 200px);background-color:#fff}.list[data-v-7a515dad]{padding-right:0;display:flex;justify-content:flex-start;flex-wrap:wrap}.button[data-v-7a515dad],.item[data-v-7a515dad]{position:relative;height:70px;margin-right:30px;margin-bottom:20px;width:190px;padding:10px;line-height:22px;text-align:left;background:#fff;border:1px solid #eee;border-radius:5px;cursor:pointer}.button .shadow[data-v-7a515dad],.item .shadow[data-v-7a515dad]{position:absolute;height:70px;width:190px;padding:10px;background:rgba(0,0,0,.5);top:0;left:0;display:flex;align-items:center;justify-content:center}.button .shadow i[data-v-7a515dad],.item .shadow i[data-v-7a515dad]{line-height:70px;margin:0 5px;font-size:16px;color:#fff}.button[data-v-7a515dad]{font-size:14px;color:#999;display:flex;align-items:center;justify-content:center}