.el-dialog__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-dialog{-webkit-transform:none;transform:none;left:0;position:relative;margin:0 auto;background:#eceff5;border-radius:2px;margin-top:0!important}.el-dialog__header{background:#fff;height:44px;line-height:44px;padding:0 0 0 28px;border-radius:4px 4px 0 0;border-bottom:2px solid #dee6e8}.el-dialog__headerbtn .el-dialog__close{color:#1d1d1f;font-weight:700}.el-dialog__title{font-weight:700;font-size:16px;color:#2b2c2e}.el-dialog__headerbtn{top:15px}.el-dialog__body{color:#f2f2f2;font-weight:700}.el-dialog .el-button--medium{border-radius:18px}.el-dialog .el-button--primary{background:#2daada;border-color:#2daada}.el-dialog .el-button--info{background:#fff;border-color:#fff;color:#3a4043}.el-slider__runway{margin:0;background:#5e5e5e}.el-slider__bar{background:#f2f2f2}.el-slider__button-wrapper{height:14px;width:6px;top:-4px}.el-slider__button{width:6px;height:14px;border:none;border-radius:4px;position:absolute;top:0}.el-empty{padding:160px 0}.el-empty__description{margin-top:12px}.el-table__empty-text{line-height:22px}.el-empty__description p{font-size:16px;color:#898d95}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Source Han Sans CN-Bold,Source Han Sans CN}body,html{height:100%;margin:0;padding:0}body,html{width:100%}#app,.app-wrapper{min-width:1270px;min-height:100vh;background:#2d3a4b}.app-main{width:100%;height:100%;position:relative}a:active,a:focus{outline:none}a,a:focus,a:hover{cursor:pointer;color:inherit;text-decoration:none}.pointer{cursor:pointer}.text-center{text-align:center}.text-right{text-align:right}.text-nowrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.width120{width:120px}.width200{width:200px}.dialog-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tipSubmitBtn{background:#2daada;border-color:#2daada;border-radius:18px 18px 18px 18px}.tipSubmitBtn.is-active,.tipSubmitBtn:active,.tipSubmitBtn:focus,.tipSubmitBtn:hover{background:#09bbff;border-color:#09bbff}.dot{width:6px;height:6px;display:inline-block;border-radius:3px}.onDot{background:#00d585}.offDot{background:#cc2a00}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2);-webkit-border-radius:6px}::-webkit-scrollbar-thumb:vertical{height:15px;background-color:hsla(0,0%,49%,.7);-webkit-border-radius:6px}::-webkit-scrollbar-thumb:horizontal{width:15px;background-color:hsla(0,0%,49%,.7);-webkit-border-radius:6px}[data-v-18ee1ef4] .el-dialog{width:346px}.content[data-v-18ee1ef4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content .tip[data-v-18ee1ef4]{font-size:14px;color:#101214}.navbar[data-v-797e31be]{height:50px;line-height:50px;width:100%;min-width:1100px;border-bottom:1px solid #ddd;background:#fff}.navbar .infoBox[data-v-797e31be]{padding:0 50px 0 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.navbar .platInfo[data-v-797e31be]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar .platInfo .platName[data-v-797e31be]{font-size:20px;color:#1e2224;font-weight:700}.navbar .rightBox[data-v-797e31be]{display:-webkit-box;display:-ms-flexbox;display:flex}.navbar .logOut[data-v-797e31be]{font-size:16px;color:#2e3538;margin-left:30px}.login-container[data-v-37dfd6fc]{height:100%;width:100%;overflow:hidden}.login-container .contentBox[data-v-37dfd6fc]{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-container .rightBox[data-v-37dfd6fc]{width:300px;padding:0 50px 70px;border-radius:18px;color:#fff}.login-container .loginTitle[data-v-37dfd6fc]{font-size:26px;color:#eee;text-align:center;font-weight:700;margin:0 auto 40px}.login-container .login-form[data-v-37dfd6fc]{width:332px;border-radius:18px}.login-container .formTitle[data-v-37dfd6fc]{font-size:16px;margin-bottom:14px}.login-container .el-form-item[data-v-37dfd6fc]{margin-bottom:24px}.login-container .formItemBox[data-v-37dfd6fc] .el-form-item__content{line-height:16px}.login-container .loginBtn[data-v-37dfd6fc]{width:100%;height:42px;background:#2daada;border-radius:21px;font-size:18px;border:none}.login-container .loginDisabledBtn[data-v-37dfd6fc]{opacity:.6}.login-container[data-v-37dfd6fc] .el-input__inner{height:42px;line-height:42px;font-size:14px;background:#f0f4f7}.login-container[data-v-37dfd6fc] .el-input__suffix{right:0}.login-container .eyeStyle[data-v-37dfd6fc]{margin:9px 12px;cursor:pointer}.login-container .checkboxStyle[data-v-37dfd6fc]{width:18px}.login-container[data-v-37dfd6fc] .el-checkbox__label{font-size:14px;color:#fff}.wscn-http404-container[data-v-8fc51f94]{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:40%;left:50%}.wscn-http404[data-v-8fc51f94]{position:relative;width:1200px;padding:0 50px;overflow:hidden}.wscn-http404 .pic-404[data-v-8fc51f94]{position:relative;float:left;width:600px;overflow:hidden}.wscn-http404 .pic-404__parent[data-v-8fc51f94]{width:100%}.wscn-http404 .pic-404__child[data-v-8fc51f94]{position:absolute}.wscn-http404 .pic-404__child.left[data-v-8fc51f94]{width:80px;top:17px;left:220px;opacity:0;-webkit-animation-name:cloudLeft-data-v-8fc51f94;animation-name:cloudLeft-data-v-8fc51f94;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s}.wscn-http404 .pic-404__child.mid[data-v-8fc51f94]{width:46px;top:10px;left:420px;opacity:0;-webkit-animation-name:cloudMid-data-v-8fc51f94;animation-name:cloudMid-data-v-8fc51f94;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}.wscn-http404 .pic-404__child.right[data-v-8fc51f94]{width:62px;top:100px;left:500px;opacity:0;-webkit-animation-name:cloudRight-data-v-8fc51f94;animation-name:cloudRight-data-v-8fc51f94;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes cloudLeft-data-v-8fc51f94{0%{top:17px;left:220px;opacity:0}20%{top:33px;left:188px;opacity:1}80%{top:81px;left:92px;opacity:1}to{top:97px;left:60px;opacity:0}}@keyframes cloudLeft-data-v-8fc51f94{0%{top:17px;left:220px;opacity:0}20%{top:33px;left:188px;opacity:1}80%{top:81px;left:92px;opacity:1}to{top:97px;left:60px;opacity:0}}@-webkit-keyframes cloudMid-data-v-8fc51f94{0%{top:10px;left:420px;opacity:0}20%{top:40px;left:360px;opacity:1}70%{top:130px;left:180px;opacity:1}to{top:160px;left:120px;opacity:0}}@keyframes cloudMid-data-v-8fc51f94{0%{top:10px;left:420px;opacity:0}20%{top:40px;left:360px;opacity:1}70%{top:130px;left:180px;opacity:1}to{top:160px;left:120px;opacity:0}}@-webkit-keyframes cloudRight-data-v-8fc51f94{0%{top:100px;left:500px;opacity:0}20%{top:120px;left:460px;opacity:1}80%{top:180px;left:340px;opacity:1}to{top:200px;left:300px;opacity:0}}@keyframes cloudRight-data-v-8fc51f94{0%{top:100px;left:500px;opacity:0}20%{top:120px;left:460px;opacity:1}80%{top:180px;left:340px;opacity:1}to{top:200px;left:300px;opacity:0}}.wscn-http404 .bullshit[data-v-8fc51f94]{position:relative;float:left;width:300px;padding:30px 0;overflow:hidden}.wscn-http404 .bullshit__oops[data-v-8fc51f94]{font-size:32px;line-height:40px;color:#1482f0;margin-bottom:20px;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wscn-http404 .bullshit__headline[data-v-8fc51f94],.wscn-http404 .bullshit__oops[data-v-8fc51f94]{font-weight:700;opacity:0;-webkit-animation-name:slideUp-data-v-8fc51f94;animation-name:slideUp-data-v-8fc51f94;-webkit-animation-duration:.5s;animation-duration:.5s}.wscn-http404 .bullshit__headline[data-v-8fc51f94]{font-size:20px;line-height:24px;color:#222;margin-bottom:10px;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wscn-http404 .bullshit__info[data-v-8fc51f94]{font-size:13px;line-height:21px;color:grey;margin-bottom:30px;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wscn-http404 .bullshit__info[data-v-8fc51f94],.wscn-http404 .bullshit__return-home[data-v-8fc51f94]{opacity:0;-webkit-animation-name:slideUp-data-v-8fc51f94;animation-name:slideUp-data-v-8fc51f94;-webkit-animation-duration:.5s;animation-duration:.5s}.wscn-http404 .bullshit__return-home[data-v-8fc51f94]{display:block;float:left;width:110px;height:36px;background:#1482f0;border-radius:100px;text-align:center;color:#fff;font-size:14px;line-height:36px;cursor:pointer;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes slideUp-data-v-8fc51f94{0%{-webkit-transform:translateY(60px);transform:translateY(60px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideUp-data-v-8fc51f94{0%{-webkit-transform:translateY(60px);transform:translateY(60px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.errPage-container[data-v-9019ac9a]{width:800px;max-width:100%;margin:100px auto}.errPage-container .pan-back-btn[data-v-9019ac9a]{background:#008489;color:#fff;border:none!important}.errPage-container .pan-gif[data-v-9019ac9a]{margin:0 auto;display:block}.errPage-container .pan-img[data-v-9019ac9a]{display:block;margin:0 auto;width:100%}.errPage-container .text-jumbo[data-v-9019ac9a]{font-size:60px;font-weight:700;color:#484848}.errPage-container .list-unstyled[data-v-9019ac9a]{font-size:14px}.errPage-container .list-unstyled li[data-v-9019ac9a]{padding-bottom:5px}.errPage-container .list-unstyled a[data-v-9019ac9a]{color:#008489;text-decoration:none}.errPage-container .list-unstyled a[data-v-9019ac9a]:hover{text-decoration:underline}.timelineBox[data-v-36ae0c98]{background:#000;border:1px solid #303030;display:-webkit-box;display:-ms-flexbox;display:flex;height:48px;width:440px}.opacityHalf[data-v-36ae0c98]{opacity:.5}.timelineLeft[data-v-36ae0c98],.timelineRight[data-v-36ae0c98]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#191919;border-right:1px solid #303030;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:20px}.timelineCenterWrap[data-v-36ae0c98]{overflow:hidden;width:400px;position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:-30px}.showDateBox[data-v-36ae0c98]{position:absolute;width:400px;height:30px;z-index:10}.webRTCVideo[data-v-2b770551]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.deviceBox[data-v-2b770551]{width:250px;min-height:calc(100vh - 50px);border-right:1px solid #303030;-ms-flex-negative:0;flex-shrink:0}.deviceGroupBox[data-v-2b770551]{padding:15px 9.7% 25px 15.7%}.deviceListTitle[data-v-2b770551]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 0;border-bottom:1px solid #474747;color:#86f84d}.loadImg[data-v-2b770551]{vertical-align:bottom}.deviceListCon[data-v-2b770551]{font-size:16px;color:#f2f2f2;height:calc(100% - 105px);padding-bottom:10px;overflow:auto}.deviceLoadingBox[data-v-2b770551]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;color:#f4f9fd}.deviceLoadingBox i[data-v-2b770551]{font-size:50px;color:#666b6e;margin-bottom:20px}.noDeviceBox[data-v-2b770551]{font-size:16px;color:#f2f2f2;text-align:center;position:relative;top:30%}.deviceItem[data-v-2b770551]{width:74.6%;height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding:0 9.7% 0 15.7%;border-bottom:1px solid #303133}.deviceItem[data-v-2b770551]:active,.deviceItem[data-v-2b770551]:focus,.deviceItem[data-v-2b770551]:hover,.selectedDeviceVideo[data-v-2b770551]{background:#202224;color:#09bbff}.playVideoBox[data-v-2b770551]{width:calc(100% - 650px);background:#f0f2f5;padding:20px 20px 0}.noVideoBox[data-v-2b770551]{width:100%;height:100%;background:#101010;font-size:24px;color:#f2f2f2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.videoBox[data-v-2b770551]{margin:0 auto 20px;min-height:330px;aspect-ratio:16/9;max-width:1100px;background:#101010 url(/static/img/noVideo.a63cd38.png) 50% 50% no-repeat}.videoItem[data-v-2b770551]{width:100%;height:100%}.video-container[data-v-2b770551]{display:inline-block;width:calc(100% - 1px);height:calc(100% - 1px);aspect-ratio:16/9;position:relative}.video-container .videoFailBox[data-v-2b770551],.video-container .videoLoadingBox[data-v-2b770551]{width:100%;height:100%;background:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;color:#f4f9fd}.video-container .videoFailBox i[data-v-2b770551],.video-container .videoLoadingBox i[data-v-2b770551]{font-size:50px;color:#666b6e;margin-bottom:20px}.video-container .videoFailBox .retryBtn[data-v-2b770551],.video-container .videoLoadingBox .retryBtn[data-v-2b770551]{margin-top:30px;padding:14px 36px;background:#202224;border-radius:24px;color:#09bbff}.video-container .videoFailBox .stateDes[data-v-2b770551],.video-container .videoLoadingBox .stateDes[data-v-2b770551]{margin-top:20px}.borderLeft1[data-v-2b770551]{border-left:1px solid #303030}.borderBottom1[data-v-2b770551]{border-bottom:1px solid #303030}video[data-v-2b770551]{width:100%;height:100%}video[data-v-2b770551]::-webkit-media-controls-mute-button,video[data-v-2b770551]::-webkit-media-controls-timeline{display:none}video[data-v-2b770551]::-webkit-media-controls-toggle-closed-captions-button,video[data-v-2b770551]::-webkit-media-controls-volume-slider{display:none}.videoWrapHead[data-v-2b770551]{width:100%;height:10%;line-height:10%;position:absolute;top:0;background:rgba(0,0,0,.24);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px}.videoWrapHead .videoWrapHeadLeft[data-v-2b770551]{margin-left:1.45%}.videoWrapHead .deviceName[data-v-2b770551]{color:#f4f9fd;margin-right:10px}.videoWrapHead .deviceNetStatus[data-v-2b770551]{font-size:16px}.videoWrapHead .deviceOnline[data-v-2b770551]{color:#00d585}.videoWrapHead .deviceOffline[data-v-2b770551]{color:#ea4506}.videoWrapHead .calling[data-v-2b770551]{color:#00d585}.videoWrapHead .stopVideoBtn[data-v-2b770551]{margin-right:1.8%}.videoWrapHead .stopVideoImg[data-v-2b770551]{width:22px;height:22px;vertical-align:middle}.noVideoWrapHead[data-v-2b770551]{background:#121212}.videoWrapHeadFulling .calling[data-v-2b770551],.videoWrapHeadFulling .deviceName[data-v-2b770551]{font-size:18px}.videoWrapHeadFulling .deviceNetStatus[data-v-2b770551]{font-size:16px}.showPtz[data-v-2b770551]{width:12%;aspect-ratio:1/1;position:absolute;bottom:6%;right:2.68%}.videoWrapDirection[data-v-2b770551]{width:100%;height:100%;background:url(/static/img/directionBg.0a14255.png) no-repeat;background-size:100% 100%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.directionBtnBox[data-v-2b770551]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;width:100%;height:100%;border-radius:50%;cursor:pointer}.directionBtn[data-v-2b770551]{width:50%;height:50%;position:relative;overflow:hidden}.directionBtn[data-v-2b770551]:active,.directionBtn[data-v-2b770551]:focus,.directionBtn[data-v-2b770551]:hover{background:url(/static/img/directionActive.4ae7974.png) no-repeat;background-size:100% 100%}.directionLeftBtn[data-v-2b770551]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.directionUpBtn[data-v-2b770551]{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.directionDownBtn[data-v-2b770551]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cameraControl[data-v-2b770551]{height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0 10px;max-width:1100px;margin:0 auto}.cameraControl .el-input[data-v-2b770551]{width:200px}.leftFlexBox[data-v-2b770551]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0 10px;gap:20px;max-width:1100px;margin:0 auto}.rightControlBox[data-v-2b770551]{margin-right:15px}.infoBox[data-v-2b770551]{width:400px;-ms-flex-negative:0;flex-shrink:0;background:#f0f2f5}.infoBox[data-v-2b770551] .redBg{background:#e87575}.infoBox[data-v-2b770551] .lightRedBg{background:#fde2e2}.infoBox[data-v-2b770551] .yellowBg{background:#edec6a}.infoBox[data-v-2b770551] .aquaBg{background:#bcf3a0}.infoBox[data-v-2b770551] .greenBg{background:#74c54c}.infoBox .detailInfo[data-v-2b770551]{font-size:16px;font-weight:700;margin:8px 0}[data-v-2b770551] .ptzBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dirBtn[data-v-2b770551]{width:60px}.marrgt20[data-v-2b770551]{margin-right:20px}.marBtm10[data-v-2b770551]{margin-bottom:10px}.visibleNone[data-v-2b770551]{visibility:hidden}.el-button--primary[data-v-2b770551]:focus,.el-button--primary[data-v-2b770551]:hover{background-color:#409eff;border-color:#409eff}.svg-icon[data-v-c8a70580]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}