.popup-r3[data-v-199e4372]{position:absolute;right:0;top:0;z-index:1000;padding-right:28px;width:0;opacity:0;overflow:hidden;background:none;transition:width .3s ease,opacity .5s ease}.popup-r3--show[data-v-199e4372]{width:100%;height:100%;opacity:1;background:rgba(0,0,0,.32);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.popup-r3__container[data-v-199e4372]{position:relative;width:1142px;height:629px;overflow:hidden;transition:width .3s ease}.popup-r3__container--playback[data-v-199e4372]{width:1450px}.popup-r3__card[data-v-199e4372]{box-shadow:inset 0 0 26px 0 rgba(1,104,255,.8);background-color:rgba(4,24,60,.98);border-radius:5px;height:629px;width:100%;border:1px solid #26e7ff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pr3-header[data-v-199e4372]{width:97%;height:36px;margin:13px 0 0 23px;-ms-flex-pack:justify;justify-content:space-between}.pr3-header[data-v-199e4372],.pr3-header__title-group[data-v-199e4372]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.pr3-header__icon[data-v-199e4372]{width:36px;height:36px}.pr3-header__title[data-v-199e4372]{background-image:linear-gradient(156deg,#fff 25.48%,#88b5e5);font-size:20px;font-family:PingFang SC-Semibold,sans-serif;font-weight:600;line-height:20px;margin-left:8px;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pr3-header__close[data-v-199e4372]{width:25px;height:25px;cursor:pointer}.pr3-subbar[data-v-199e4372]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:1100px;height:26px;margin:13px 0 0 15px}.pr3-subbar__label[data-v-199e4372]{color:#fff;font-size:14px}.pr3-subbar__name[data-v-199e4372]{color:#fff;font-size:18px;margin-left:175px}.pr3-subbar__time[data-v-199e4372]{color:#b5ceff;font-size:12px;margin-left:167px}.pr3-subbar__tag[data-v-199e4372]{background-color:#2fbe00;border-radius:3px;height:26px;width:87px;line-height:26px;text-align:center;color:#fff;font-size:16px;margin-left:auto;cursor:pointer}.pr3-subbar__tag--playback[data-v-199e4372]{background-color:#2760ff}.pr3-content[data-v-199e4372]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:98%;height:517px;margin:7px 0 17px 13px}.pr3-sidebar[data-v-199e4372]{width:235px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pr3-search[data-v-199e4372]{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:#0c3365;border-radius:2px;height:23px}.pr3-search__icon[data-v-199e4372]{width:12px;height:12px;margin-left:7px}.pr3-search__input[data-v-199e4372]{-ms-flex:1;flex:1;height:100%;background:transparent;border:none;outline:none;color:#fff;font-size:10px;padding:0 6px}.pr3-search__input[data-v-199e4372]:-ms-input-placeholder{color:#09739a;font-size:9px}.pr3-search__input[data-v-199e4372]::placeholder{color:#09739a;font-size:9px}.pr3-search__btn[data-v-199e4372]{background-color:#0770ad;height:23px;width:38px;border:none;color:#fff;font-size:10px;cursor:pointer}.pr3-tree[data-v-199e4372]{margin-top:9px}.pr3-tree__node[data-v-199e4372]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:23px;margin-bottom:5px;padding:0 8px;background-image:linear-gradient(90deg,rgba(54,120,202,0),rgba(54,120,202,.2) 50%,rgba(54,120,202,0));cursor:pointer}.pr3-tree__node--active .pr3-tree__title[data-v-199e4372]{color:#0abbed}.pr3-tree__icon[data-v-199e4372]{width:13px;height:11px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAUVJREFUeAF9UL1KA0EQnpndnEmqoI2dewiiXdLZaR4hlZV/YGFn3sALYu1hmSZapYydpdranAFBsPA2PsGliua4XefulByoGZhl/r755luEb3OOH3tgYAvBXH52N334xzB9qu3gFKzxOLUAFrmqDVDzw2/oX4CaF6hkAm+YjmWAfAkDOSKfJqYT+Y3oB0DsUakqRrIiQFYI2SF3zsvYpkURLJ09788YzoO64zgnYBLmkHsABgvX5kwck4AroGknqy5fvCgqIeuwI+6vcP/gD7WW5Q1R9UKlD12tuq91Q3aASJZ3XvMnMAjVbBjGFCcNSU4yUP2wBSauS5QAiX2w1rgkxRMPaQZvpxBj0NNHa1qyuBqv5HPEOI6pqXddnS5d74fKLkDPEnnJNB7qndWbjG3j9v0O5pgahLViTqIs7ucBdMuNivkXlid3l1P6jCAAAAAASUVORK5CYII=) no-repeat 50%/100% 100%;margin-right:3px}.pr3-tree__title[data-v-199e4372]{font-size:10px;color:#0abbed;-ms-flex:1;flex:1}.pr3-tree__arrow[data-v-199e4372]{width:12px;height:12px;transition:transform .2s ease}.pr3-tree__arrow--expanded[data-v-199e4372]{transform:rotate(180deg)}.pr3-camera-list[data-v-199e4372]{list-style:none;padding:0;margin:0}.pr3-camera-item[data-v-199e4372]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 10px 0 20px;height:23px;font-size:10px;cursor:pointer}.pr3-camera-item--active[data-v-199e4372]{background-image:linear-gradient(90deg,rgba(10,107,168,0),#0a6ba8 50%,rgba(10,107,168,0))}.pr3-camera-item--active .pr3-camera-item__name[data-v-199e4372]{color:#fff}.pr3-camera-item__name[data-v-199e4372]{color:#2190d1}.pr3-camera-item__status--online[data-v-199e4372]{color:#58f126}.pr3-camera-item__status--offline[data-v-199e4372]{color:#f12626}.pr3-video-player[data-v-199e4372]{width:878px;height:515px;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column}.pr3-video-player .pr3-main[data-v-199e4372]{width:100%;-ms-flex:1;flex:1}.pr3-video-player .pr3-main__box[data-v-199e4372]{background:url(../img/ac3657c1535f890ddcbab321069e52d4.ac3657c1.png) no-repeat 50%/100% 100%;width:100%;height:100%}.pr3-video-player .pr3-main--grid-1[data-v-199e4372]{width:100%;height:100%}.pr3-video-player .pr3-main--grid-4[data-v-199e4372]{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);-ms-grid-rows:(1fr)[2];grid-template-rows:repeat(2,1fr);gap:10px}.pr3-video-player .pr3-main--grid-6[data-v-199e4372]{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);-ms-grid-rows:(1fr)[2];grid-template-rows:repeat(2,1fr);gap:10px}.pr3-video-player .pr3-main--grid-9[data-v-199e4372]{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);-ms-grid-rows:(1fr)[3];grid-template-rows:repeat(3,1fr);gap:10px}.pr3-video-player .pr3-main--grid-16[data-v-199e4372]{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);-ms-grid-rows:(1fr)[4];grid-template-rows:repeat(4,1fr);gap:10px}.pr3-video-player .pr3-main--grid-25[data-v-199e4372]{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5,1fr);-ms-grid-rows:(1fr)[5];grid-template-rows:repeat(5,1fr);gap:10px}.pr3-controls[data-v-199e4372]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;background-color:#052e6d;width:876px;height:35px;padding:0 15px 0 23px}.pr3-controls--timeline[data-v-199e4372]{height:85px}.pr3-controls__group[data-v-199e4372]{display:-ms-flexbox;display:flex;gap:9px}.pr3-controls__btn[data-v-199e4372]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:#022046;border-radius:4px;height:28px;width:32px;border:1px solid #10488f}.pr3-controls__btn img[data-v-199e4372]{width:20px;height:20px}.pr3-controls__tools[data-v-199e4372]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:15px}.pr3-controls__tool-icon[data-v-199e4372]{width:20px;height:20px;cursor:pointer}.video-timeline[data-v-199e4372]{position:relative;width:100%;padding:20px 0 10px;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none}.video-timeline__tooltip[data-v-199e4372]{position:absolute;top:4px;transform:translateX(-50%);color:#fff;font-size:14px;font-weight:500;white-space:nowrap;font-family:PingFang SC,sans-serif}.video-timeline__track-wrapper[data-v-199e4372]{position:relative;height:16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.video-timeline__track-bg[data-v-199e4372]{position:absolute;width:100%;height:6px;background-color:hsla(0,0%,100%,.35);border-radius:3px}.video-timeline__track-fill[data-v-199e4372]{position:absolute;left:0;height:6px;background-color:#00beff;border-radius:3px;box-shadow:0 0 8px #00beff}.video-timeline__thumb[data-v-199e4372]{position:absolute;width:14px;height:14px;background-color:#00beff;border-radius:50%;transform:translate(-50%,-50%);top:50%;box-shadow:0 0 10px #00e4ff;cursor:grab;z-index:2}.video-timeline__thumb[data-v-199e4372]:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.video-timeline__ticks[data-v-199e4372]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-top:6px}.video-timeline__tick-item[data-v-199e4372]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:0}.video-timeline__tick-line[data-v-199e4372]{width:1px;height:5px;background-color:#00b4ed;opacity:.8}.video-timeline__tick-text[data-v-199e4372]{margin-top:6px;font-size:12px;color:#00b4ed;white-space:nowrap;font-family:PingFang SC,sans-serif}.pr3-playback[data-v-199e4372]{width:240px;height:446px;margin:11px 29px 0 0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pr3-ptz[data-v-199e4372]{width:203px;height:203px;background:url(../img/494ea2a3aa2088cee9f8add87495ba5e.494ea2a3.png) no-repeat 50%/100% 100%;margin-left:22px;-ms-flex-direction:column;flex-direction:column}.pr3-ptz[data-v-199e4372],.pr3-ptz__row[data-v-199e4372]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.pr3-ptz__row--middle[data-v-199e4372]{margin:14px 0;gap:13px}.pr3-ptz__btn[data-v-199e4372]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:37px;height:37px;border-radius:50%;background-color:#e8ebee;box-shadow:inset 2px 2px 6px 0 rgba(136,150,163,.58);cursor:pointer}.pr3-ptz__btn--center[data-v-199e4372]{width:77px;height:77px;background-image:linear-gradient(180deg,#0469fe,#78aeff);border:3px solid #4680e0;box-shadow:none}.pr3-ptz__icon[data-v-199e4372]{width:24px;height:24px}.pr3-ptz__icon--lg[data-v-199e4372]{width:38px;height:38px}.pr3-search-form[data-v-199e4372]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:15px;margin-top:19px;margin-left:12px}.pr3-search-form__field[data-v-199e4372]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;background-color:#0c2d66;border-radius:6px;width:226px;height:40px;border:1px solid #1258c1;padding:0 16px 0 20px;box-sizing:border-box}.pr3-search-form__label[data-v-199e4372]{color:#839cc5;font-size:14px}.pr3-search-form__icon[data-v-199e4372]{width:20px;height:20px}.pr3-search-form__submit[data-v-199e4372]{background-color:#1a76ff;border-radius:6px;height:40px;border:1px solid #1258c1;width:226px;color:#fff;font-size:16px;cursor:pointer}.pr3-result[data-v-199e4372]{margin-top:26px}.pr3-result__title[data-v-199e4372]{color:#1a76ff;font-size:12px}.pr3-result__item[data-v-199e4372]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:240px;margin-top:11px}.pr3-result__time[data-v-199e4372]{color:#b5ceff;font-size:12px}.pr3-result__btn[data-v-199e4372]{border-radius:4px;height:18px;width:40px;border:1px solid #b5ceff;background:transparent;color:#b5ceff;font-size:12px;cursor:pointer}