.el-dialog__wrapper .v-modal{-ms-touch-action:none!important;touch-action:none!important;pointer-events:auto!important}.el-dialog{-ms-touch-action:auto!important;touch-action:auto!important;pointer-events:auto!important}.header-page[data-v-6bc69f1f]{padding:0 34px;width:100%}.camera-list[data-v-6bc69f1f]{height:calc(100% - 120px);overflow:scroll;overflow-x:hidden;margin-left:20px;margin-top:30px;-webkit-overflow-scrolling:touch;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:scroll-position}.camera-list .el-radio[data-v-6bc69f1f]{pointer-events:auto;-ms-touch-action:manipulation;touch-action:manipulation}.camera-list .el-radio-group[data-v-6bc69f1f]{-ms-touch-action:pan-y;touch-action:pan-y}.dayString[data-v-6bc69f1f]{font-family:Be Vietnam Pro,sans-serif;font-size:16px;margin-left:5px;margin-top:-6px}.fileSize[data-v-6bc69f1f]{font-size:12px;margin-left:5px}.timeString[data-v-6bc69f1f]{font-family:Be Vietnam Pro,sans-serif;font-size:12px;margin-top:-4px}.file-content[data-v-6bc69f1f]{margin:20px;color:#9da7b2}.content-page[data-v-6bc69f1f]{color:#f2f2f2;width:100%;padding:10px;height:-webkit-fill-available;height:-moz-available;height:fill-available;min-height:calc(var(--vh, 1vh)*100 - 150px);max-height:calc(var(--vh, 1vh)*100 - 150px);overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;height:calc(var(--vh, 1vh)*100 - 300px)}.camera-box[data-v-6bc69f1f]{min-width:250px;max-width:250px;height:100%;background-color:#292f3b;border-radius:10px;-ms-flex-negative:0;flex-shrink:0;-ms-touch-action:auto;touch-action:auto}.view-box[data-v-6bc69f1f]{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#292f3b;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.video-view-box[data-v-6bc69f1f]{width:100%;max-height:calc(var(--vh, 1vh)*100 - 242px);-o-object-fit:contain;object-fit:contain}.file-box[data-v-6bc69f1f]{min-width:350px;max-width:400px;width:25vw;height:100%;background-color:#292f3b;border-radius:10px;-ms-flex-negative:0;flex-shrink:0}.view-box video[data-v-6bc69f1f]{height:100%}.sub-camera-text[data-v-6bc69f1f]{font-size:12px;color:#3886ff}.title-box[data-v-6bc69f1f]{font-size:26px;text-align:center;margin:10px 0}.title-header-page[data-v-6bc69f1f]{font-size:28px;color:#f2f2f2}.item-detail-box[data-v-6bc69f1f]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px}.detail-box-title-text[data-v-6bc69f1f]{margin-right:10px}.handle-btn-back[data-v-6bc69f1f]{cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:5px;margin-right:6px;background-color:#f5f5f5;padding:10px 16px;border-radius:10px}.title-camera-text[data-v-6bc69f1f]{font-size:28px;color:#f2f2f2}.image-detail[data-v-6bc69f1f]{-webkit-transition:all .5s;transition:all .5s}.image-detail[data-v-6bc69f1f]:hover{-webkit-transform:scale(1.4) rotate(12deg);transform:scale(1.4) rotate(12deg)}.detail-title[data-v-6bc69f1f],.title-camera-detail[data-v-6bc69f1f]{display:-webkit-box;display:-ms-flexbox;display:flex}.detail-title[data-v-6bc69f1f]{font-size:24px;color:#f2f2f2;margin-bottom:10px;margin-top:5px}.total-ele[data-v-6bc69f1f]{color:#51eca1;font-size:12px;margin-top:12px;margin-left:6px}.box-detail[data-v-6bc69f1f]{width:30%;background-color:#383b4d;padding-top:10px;height:calc(var(--vh, 1vh)*100 - 180px);padding:10px 15px;margin-left:10px;border-radius:8px;color:#f2f2f2;font-size:16px}@media screen and (max-width:991px){.content-page[data-v-6bc69f1f]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;padding:5px}.camera-box[data-v-6bc69f1f]{width:100%!important;min-width:100%!important;max-width:100%!important;height:auto;max-height:150px;margin-bottom:10px;margin-right:0;overflow:visible;-ms-touch-action:auto;touch-action:auto}.camera-list[data-v-6bc69f1f]{height:80px;-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;-ms-touch-action:pan-y;touch-action:pan-y}.view-box[data-v-6bc69f1f]{width:100%!important;max-width:100%!important;-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important;height:auto!important;margin-bottom:10px}.video-view-box[data-v-6bc69f1f]{width:100%!important;height:auto!important;max-height:calc(var(--vh, 1vh)*40)!important}.file-box[data-v-6bc69f1f]{width:100%!important;min-width:100%!important;max-width:100%!important}}