.common-area[data-v-4799e77e]{margin:15px auto 0;position:relative;width:calc(100% - 40px);height:calc(100% - 80px);background:#fff}.common-area .area-form[data-v-4799e77e]{position:relative}.common-area .area-form-title[data-v-4799e77e]{position:absolute;color:#333;font-size:16px;font-weight:700;padding:20px 10px 0 10px;height:50px;background:#fff}.common-area .area-form-title img[data-v-4799e77e]{width:16px;vertical-align:middle}.common-area .area-form-content[data-v-4799e77e]{padding:30px 15px}.common-area .area-form-content>div[data-v-4799e77e]{width:100%;min-height:30px;border:1px solid #ececec;border-radius:4px}.common-area .area-title[data-v-4799e77e]{display:flex;align-items:center;color:#333;font-size:16px;font-weight:700;padding:20px 10px 0 10px}.common-area .area-title img[data-v-4799e77e]{width:16px;margin-right:5px}.shade[data-v-34464d7f]{width:100%;height:calc(100% - 40px);background-color:#fff;position:absolute;top:40px;left:0;z-index:9}.spinner[data-v-34464d7f]{margin:auto;text-align:center;position:absolute;left:0;right:0;top:50%;width:60px;display:flex;justify-content:space-between;z-index:10}.spinner>div[data-v-34464d7f]{width:15px;height:15px;background-color:#2d8cf0;border-radius:100%;display:inline-block;animation:bouncedelay-34464d7f 1.4s ease-in-out infinite;animation-fill-mode:both}.spinner .bounce1[data-v-34464d7f]{animation-delay:-.32s}.spinner .bounce2[data-v-34464d7f]{animation-delay:-.16s}@keyframes bouncedelay-34464d7f{0%,80%,to{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.base-table[data-v-4e4a554b]{position:relative;min-height:640px;color:#fff;padding:0 10px}[data-v-4e4a554b] .ivu-table:before{background:#fff}[data-v-4e4a554b] .ivu-table-header th{font-size:14px;background-color:#fff;color:#333;border-bottom:1px solid #f2f9ff}[data-v-4e4a554b] .demo-table-info-row td{color:#666;font-size:12px;margin:0 10px;border-bottom:1px solid #f2f9ff}[data-v-4e4a554b] .ivu-table td{border-bottom:1px solid #f2f9ff;height:60px}[data-v-4e4a554b] .ivu-table-tip{display:none}[data-v-4e4a554b] .ivu-table-tip td{background-color:#f2f9ff;font-weight:700}.empty[data-v-4e4a554b]{width:100%;height:calc(100% - 40px);background-color:#fff;position:absolute;top:40px;left:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty img[data-v-4e4a554b]{width:180px}.empty span[data-v-4e4a554b]{font-size:16px;font-weight:500;line-height:17px;color:#999;margin-top:30px}[data-v-fb9a07ba] .ivu-page{font-size:14px;background:#f2f7ff;padding:20px 0}[data-v-fb9a07ba] .ivu-page-item-active{background-color:#2683f5}:hover a[data-v-fb9a07ba],[data-v-fb9a07ba] .ivu-page-item-active a{color:#fff}[data-v-fb9a07ba] .ivu-table-cell{display:flex;justify-content:center}.upload[data-v-7ce3c070]{display:flex;font-size:12px}.upload span[data-v-7ce3c070]{margin-right:10px}[data-v-7ce3c070] .ivu-upload{width:225px;height:110px}[data-v-7ce3c070] .ivu-upload p{color:#2683f5}.container[data-v-e91f0cb6]{width:100%;height:calc(100% - 45px);padding:12px}.container .title[data-v-e91f0cb6]{width:100%;display:flex;align-items:center;font-size:16px;font-weight:700;margin-bottom:12px}.container .title .line[data-v-e91f0cb6]{width:6px;height:20px;background:#409eff;margin-right:10px}.container .attendance[data-v-e91f0cb6]{width:100%;height:100%;background:#fff;padding:20px 15px;overflow-y:auto}.container .attendance .content[data-v-e91f0cb6]{width:100%;height:calc(100% - 36px);display:flex}.container .attendance .content .cameras[data-v-e91f0cb6]{width:180px;height:100%;border:1px solid #e9e9e9;border-radius:8px}.container .attendance .content .cameras .label[data-v-e91f0cb6]{width:100%;height:40px;font-size:16px;font-weight:700;color:#515a6e;line-height:40px;margin-bottom:10px;padding-left:15px;background:#d7d7d7}.container .attendance .content .cameras-body[data-v-e91f0cb6]{width:100%;height:calc(100% - 50px);overflow-y:auto}.container .attendance .content .cameras-body .cameraName[data-v-e91f0cb6]{width:100%;height:6.25%;display:flex;align-items:center;cursor:pointer;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}.container .attendance .content .cameras-body .camera-name-active[data-v-e91f0cb6],.container .attendance .content .cameras-body .cameraName[data-v-e91f0cb6]:hover{background:#ebf7ff}.container .attendance .content .base[data-v-e91f0cb6]{width:60%;height:100%;margin-left:50px}.container .attendance .content .base-head[data-v-e91f0cb6]{width:180px;height:40px;font-size:16px;font-weight:700;color:#515a6e;line-height:40px;padding-left:15px;background:#d7d7d7;border-radius:8px 8px 0 0}.container .attendance .content .base-body[data-v-e91f0cb6]{width:100%;height:calc(100% - 40px);border:1px solid #e9e9e9;border-radius:0 8px 8px 8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:80px 0}.container .attendance .content .base-body .info[data-v-e91f0cb6]{font-size:16px}.container .attendance .content .base-body .info>div[data-v-e91f0cb6]{height:60px;display:flex;align-items:center}.container .attendance .content .base-body .info>div .label[data-v-e91f0cb6]{min-width:80px;margin-right:20px}[data-v-e91f0cb6] .ivu-input{font-size:16px}