.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}.attendanceBox[data-v-37aeb8c8]{height:calc(100vh - 70px);position:relative}.attendanceBox .header[data-v-37aeb8c8]{padding:10px 10px 0 10px}.attendanceBox .mid[data-v-37aeb8c8]{height:calc(100vh - 190px);margin:10px 0;overflow:auto}.attendanceBox .mid .operation[data-v-37aeb8c8]{padding:5px;border-top:1px solid #cfd7e5}.attendanceBox .footer[data-v-37aeb8c8]{padding-left:20px;position:absolute;bottom:50px;width:calc(100vh + 200px);background-color:#fff}.list[data-v-37aeb8c8]{padding-right:0;display:flex;justify-content:flex-start;flex-wrap:wrap}.button[data-v-37aeb8c8],.item[data-v-37aeb8c8]{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-37aeb8c8],.item .shadow[data-v-37aeb8c8]{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-37aeb8c8],.item .shadow i[data-v-37aeb8c8]{line-height:70px;margin:0 5px;font-size:16px;color:#fff}.button[data-v-37aeb8c8]{font-size:14px;color:#999;display:flex;align-items:center;justify-content:center}