.attendance-table-wrap[data-v-7df813db]{--attendance-select-height:32px;--attendance-missing-color:#ff5703;--attendance-normal-color:var(--color-green);--attendance-leave-color:var(--color-yellow);--attendance-quit-color:var(--color-red-warning)}.attendance-table-wrap .status-select[data-v-7df813db]{--input-height:var(--attendance-select-height);width:100px}.attendance-table-wrap .status-select.green-select[data-v-7df813db]{--input-color:var(--attendance-normal-color)}.attendance-table-wrap .status-select.yellow-select[data-v-7df813db]{--input-color:var(--attendance-leave-color)}.attendance-table-wrap .status-select.red-select[data-v-7df813db]{--input-color:var(--attendance-missing-color)}.attendance-table-wrap .status-select.warn-select[data-v-7df813db]{--input-color:var(--attendance-quit-color)}.attendance-table-wrap .remark-wrap[data-v-7df813db]{max-height:200px;overflow:auto}.attendance-table-wrap .student-status[data-v-7df813db]{display:flex;align-items:center}.attendance-table-wrap .student-status-dot[data-v-7df813db]{flex:0 0 auto;width:8px;height:8px;margin-right:5px;border-radius:50%}.attendance-table-wrap .student-status-dot.is-normal[data-v-7df813db]{background-color:var(--attendance-normal-color)}.attendance-table-wrap .student-status-dot.is-leave[data-v-7df813db]{background-color:var(--attendance-leave-color)}.attendance-table-wrap .student-status-dot.is-quit[data-v-7df813db]{background-color:var(--attendance-quit-color)}.attendance-table-wrap .edit-btn[data-v-7df813db]{display:inline-block;padding:0 13px}.attendance-table-wrap .edit-btn[data-v-7df813db]:first-child{margin-right:10px}.attendance-table-wrap .modal-wrap[data-v-7df813db]{width:390px;min-height:289px;padding:15px 20px;background-color:var(--color-white);box-shadow:0 12px 24px 4px rgba(0,0,0,.15),0 8px 12px 3px rgba(0,0,0,.08),0 4px 8px 2px rgba(0,0,0,.08)}.attendance-table-wrap .modal-wrap .modal-title[data-v-7df813db]{display:flex;justify-content:space-between;font-size:24px;font-weight:700;line-height:36px;color:var(--color-gray-1)}.attendance-table-wrap .modal-wrap .submit-btn[data-v-7df813db]{width:100%}@media screen and (max-width:1190px){.attendance-table-wrap .modal-wrap[data-v-7df813db]{width:350px}}.page-checkin-wrap[data-v-51a7f9be]{--page-padding:30px 0 0;--tip-width:500px;--screen-wrap-flex-wrap:nowrap;--screen-wrap-justify-content:flex-end;--screen-select-width:168px;--qrcode-width:188px;--qrcode-margin:0 0 0 10px;width:100%;max-width:1190px;padding:var(--page-padding);margin:0 auto}.page-checkin-wrap .tip-ul-wrap[data-v-51a7f9be]{display:flex;justify-content:flex-end}.page-checkin-wrap .tip-ul[data-v-51a7f9be]{width:var(--tip-width)}.page-checkin-wrap .title[data-v-51a7f9be]{font-size:20px;font-weight:600;line-height:30px;color:var(--color-gray-1)}.page-checkin-wrap .date-wrap[data-v-51a7f9be]{font-size:16px;line-height:24px}.page-checkin-wrap .date-wrap .date[data-v-51a7f9be]{font-weight:600;color:var(--color-black)}.page-checkin-wrap .date-wrap .time[data-v-51a7f9be]{margin-left:20px;color:var(--color-gray-3)}.page-checkin-wrap .screen-wrap[data-v-51a7f9be]{display:flex;flex-wrap:var(--screen-wrap-flex-wrap);align-items:center;justify-content:var(--screen-wrap-justify-content);width:100%}.page-checkin-wrap .screen-wrap .screen-select[data-v-51a7f9be]{width:var(--screen-select-width)}.page-checkin-wrap .screen-wrap .screen-select.green-select[data-v-51a7f9be]{--input-color:var(--color-green)}.page-checkin-wrap .screen-wrap .screen-select.yellow-select[data-v-51a7f9be]{--input-color:var(--color-yellow)}.page-checkin-wrap .screen-wrap .screen-select.red-select[data-v-51a7f9be]{--input-color:var(--color-red-warning)}.page-checkin-wrap .screen-wrap .qrcode[data-v-51a7f9be]{width:var(--qrcode-width);padding:0 28px;margin:var(--qrcode-margin)}@media screen and (max-width:1190px){.page-checkin-wrap[data-v-51a7f9be]{--page-padding:30px 15px;--tip-width:100%;--screen-wrap-flex-wrap:wrap;--screen-wrap-justify-content:center;--screen-select-width:100%;--qrcode-width:100%;--qrcode-margin:10px 0 0}}