.modal-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);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;z-index:100000000}.modal-header{font-size:18px;color:#303133}.modal-wrapper{width:400px;padding:20px 20px;background:#fff;position:relative;font-size:14px;border-radius:4px}.modal-body{padding:24px 0;font-size:14px;color:#606266}.close{position:absolute;right:30px;top:20px}.modal-footer{text-align:right}[data-v-c3b19c10] video::-webkit-media-controls-enclosure{display:none!important}.list[data-v-3d8bff0c]{list-style:none;padding:0;margin:0}.line-box[data-v-d66a70a6]{padding-left:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:40px}.basetitle[data-v-d66a70a6]{width:100%;height:45px;line-height:45px;background-color:#e5f3ff;padding-left:15px;font-weight:500;font-size:16px}.auth[data-v-5b3f09f2]{background:#fff;position:absolute;width:100%;height:100%;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}.rotatebox[data-v-303007f0]{position:absolute;right:10px;bottom:60px;width:130px;height:130px;z-index:9999}.rotate[data-v-303007f0]{width:130px;height:130px;border-radius:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sector[data-v-303007f0]{position:absolute;width:65px;height:65px;border-radius:60px 0 0}.sector1[data-v-303007f0]{background:rgba(0,0,0,.6)}.sector2[data-v-303007f0]{left:0;bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);background:rgba(0,0,0,.6)}.sector3[data-v-303007f0]{right:0;top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);background:rgba(0,0,0,.6)}.sector4[data-v-303007f0]{right:0;bottom:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);background:rgba(0,0,0,.6)}.cricle[data-v-303007f0]{position:absolute;width:26px;height:26px;z-index:23;border-radius:30px;background:rgba(0,94,200,.396078431372549);left:50%;top:50%;margin:-13px 0 0 -13px}.deviceimg[data-v-6f80a228]{width:100%;height:166px}.settime[data-v-6f80a228],.sharebox[data-v-6f80a228]{padding:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.shareleft[data-v-6f80a228]{width:290px;border-right:1px solid #ccc}.sharelink[data-v-6f80a228]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sharetitle[data-v-6f80a228]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[data-v-c3b19c10] .offline{color:#fff;text-align:center;padding-top:10%;font-size:16px}[data-v-c3b19c10] .offline1{color:#fff;text-align:center;margin-top:16px;font-size:16px}[data-v-c3b19c10] .offline2{text-align:center;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:9;cursor:pointer}.list li[data-v-3d8bff0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0}.line-box span[data-v-d66a70a6],.line-box div[data-v-d66a70a6]{display:inline-block}.line-box div[data-v-d66a70a6]{width:75px;letter-spacing:auto;text-align:justify;-moz-text-align-last:justify;text-align-last:justify}.sector[data-v-303007f0]:before{position:absolute;content:"";display:block;left:50%;top:50%;margin:-3px 0 0 -3px;width:0;height:0}.sector1[data-v-303007f0]:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border:6px solid transparent;border-bottom:5px solid #fff}.sector2[data-v-303007f0]:before{border:6px solid transparent;border-top:5px solid #fff;-webkit-transform:rotate(134deg);transform:rotate(134deg)}.sector3[data-v-303007f0]:before{border:6px solid transparent;border-top:5px solid #fff;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.sector4[data-v-303007f0]:before{border:6px solid transparent;border-bottom:5px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.deviceimg img[data-v-6f80a228]{width:100%}.sharelink span[data-v-6f80a228]{width:90px}.sharelink p[data-v-6f80a228]{margin:10px 0}.list li div[data-v-3d8bff0c]{width:320px;padding-left:16px}.list li div span[data-v-3d8bff0c]{display:block;padding:4px 0}.dialog[data-v-3d8bff0c] .el-dialog__body{padding-left:30px;padding-right:30px;padding-bottom:30px}.header-title .textimg .titletext[data-v-d66a70a6],.header-title .textimg[data-v-d66a70a6]{display:-webkit-box;display:-ms-flexbox;display:flex}.sector[data-v-303007f0]:hover{background:linear-gradient(89deg,rgba(122,205,255,.4980392156862745),rgba(33,119,255,0))}.cricle[data-v-303007f0]:hover{background:#007aff}[data-v-c3b19c10] .offline2 .offlinetext{display:inline-block!important;height:41px;line-height:41px;width:130px;text-align:center;border-radius:41px;font-size:16px;color:#fff;background-color:#1890ff;border-color:#1890ff;margin-top:20px;cursor:pointer}.header-title .textimg .titletext[data-v-d66a70a6]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.header-title .textimg .cameraimg[data-v-d66a70a6]{width:50px;height:50px;margin-right:20px}.header-title .textimg .titletext .cameratext[data-v-d66a70a6]{display:-webkit-box;display:-ms-flexbox;display:flex;height:25px;line-height:25px;font-weight:500;font-size:16px}.header-title .textimg .titletext .el-tag[data-v-d66a70a6]{border:0;padding-left:6px;height:25px;line-height:25px}.header-title .textimg .titletext .cameratext .devicevipicon[data-v-d66a70a6]{width:26px;height:26px}p[data-v-c3b19c10]{margin-top:5px}video[data-v-c3b19c10]{-o-object-fit:fill!important;object-fit:fill!important}.tongdao[data-v-c3b19c10]{font-size:12px;padding-left:20px}.viptext[data-v-c3b19c10]{padding:3px 6px}.viplevelicon[data-v-c3b19c10]{width:20px;-webkit-transform:translate(-18px,4px);transform:translate(-18px,4px)}.downloadpc[data-v-c3b19c10]{cursor:pointer;color:#007aff;text-decoration:underline}.devicedepartment[data-v-c3b19c10]{display:inline-block;width:300px}[data-v-c3b19c10] .el-dialog__body{border-bottom:1px solid #ccc;padding:0 70px 10px}.moreicon[data-v-c3b19c10]{width:15px;height:15px;-webkit-transform:translate(-23px,3px);transform:translate(-23px,3px);opacity:0}[data-v-c3b19c10] .popoverpublic{-webkit-transform:translateY(-8px);transform:translateY(-8px);min-width:40px;padding:0;-webkit-box-shadow:3px 3px 3px 3px rgba(0,0,0,.2);box-shadow:3px 3px 3px 3px rgba(0,0,0,.2)}.offlinebox[data-v-c3b19c10]{width:100%;height:100%;text-align:center;padding-top:8%;position:absolute;z-index:9;top:0}.playcountdown[data-v-c3b19c10]{z-index:10}.helpdoc[data-v-c3b19c10]{top:12%}[data-v-c3b19c10] .el-tree-node__expand-icon{display:none}.offlinebox div[data-v-c3b19c10]{font-size:16px;color:#fff;padding-bottom:20px}.offlinebox .helpurl[data-v-c3b19c10]{color:#1890ff;cursor:pointer}[data-v-c3b19c10] .popoverpublic .playvideo,[data-v-c3b19c10] .popoverpublic .devicemsg{padding:5px 15px}[data-v-c3b19c10] .popoverpublic .playvideo{border-bottom:1px solid #ddd}.offlinebox .lockimg[data-v-c3b19c10]{width:50px;margin-bottom:20px}.offlinebox .text2[data-v-c3b19c10],.offlinebox .text2 div[data-v-c3b19c10]{font-size:14px}.offlinebox .text2 div[data-v-c3b19c10]{color:#1890ff;cursor:pointer;display:inline-block;text-decoration:underline}[data-v-c3b19c10] .popoverpublic .playvideo:hover{background:#f5f7fa}[data-v-c3b19c10] .popoverpublic .devicemsg:hover{background:#f5f7fa}.expanded[data-v-c3b19c10],[data-v-c3b19c10] .is-expanded>.el-tree-node__content .el-icon-caret-right{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[data-v-c3b19c10] .el-tree-node__content:hover .devicetext .moreicon{opacity:1}[data-v-c3b19c10] .el-tree>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__content{padding-left:26px!important}[data-v-c3b19c10] .el-icon-caret-right{margin-right:1px}.toplayback[data-v-c3b19c10]{margin-right:10px}.funItem[data-v-c3b19c10]{display:-webkit-box;display:-ms-flexbox;display:flex}.allmuted[data-v-c3b19c10]{margin-right:10px}.controlsBot[data-v-c3b19c10]{opacity:0;width:100%;height:56px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.9019607843137255)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.9019607843137255));position:absolute;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-left:20px;z-index:9}.play[data-v-c3b19c10]{position:absolute;width:100%;height:100%;overflow:auto}.el-radio-group[data-v-c3b19c10]{margin-right:-60px}.company[data-v-c3b19c10]{color:#606266;font-size:16px;margin-left:10px;margin-bottom:8px}[data-v-c3b19c10] .el-tree__empty-text{-webkit-transform:translate(5%,-50%);transform:translate(5%,-50%)}.monitor[data-v-c3b19c10]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.company i[data-v-c3b19c10]{font-size:20px;margin-right:2px}.controlsBot .dropdown-wrapper[data-v-c3b19c10]{position:relative}.controlsBot .pageButton[data-v-c3b19c10]{display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff}.controlsBot .controlsItem[data-v-c3b19c10]{width:20px;height:20px;margin-top:10px;margin-right:25px}.controlsBot .volumeItem[data-v-c3b19c10]{display:-webkit-box;display:-ms-flexbox;display:flex;width:110px}.controlsBot .pageButton div[data-v-c3b19c10]{cursor:pointer;border-radius:4px;border:1px solid #fff;font-size:14px;height:30px;line-height:30px;text-align:center;width:90px;margin-top:10px}.controlsBot .controlsItem img[data-v-c3b19c10]{width:20px;height:20px;cursor:pointer}[data-v-c3b19c10] .el-radio-button:first-child .el-radio-button__inner{border-radius:3px 0 0 3px}.controlsBot .volumeItem .el-slider[data-v-c3b19c10]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(-9px);transform:translateY(-9px);margin-right:8px}[data-v-c3b19c10] .qhww-player-container .qhww-controlbar .qhww-btn-pause,[data-v-c3b19c10] .qhww-player-container .qhww-controlbar .qhww-btn-play{display:none}.controlsBot .Clarityselect .el-select[data-v-c3b19c10] .el-input__inner{height:30px;width:90px;text-align:center}.controlsBot .Clarityselect[data-v-c3b19c10] .el-input--suffix .el-input__inner{background:transparent!important;color:#fff;border:1px solid #fff;height:30px;padding:0 12px 0 2px}.controlsBot .Clarityselect[data-v-c3b19c10] .el-input--suffix .el-input__suffix-inner{position:absolute;right:0}.controlsBot .Clarityselect[data-v-c3b19c10] .el-input--suffix .el-input__icon{width:15px;line-height:30px}[data-v-c3b19c10] .qhww-player-container{width:100%;height:100%}.main-key[data-v-c3b19c10]{width:220px;margin-left:10px;margin-bottom:10px}[data-v-c3b19c10] .el-dropdown-menu__item{padding:0 26px 0 16px!important}[data-v-c3b19c10] .menuactive{color:#007aff;background:#fff;position:relative}.menuactive[data-v-c3b19c10]:before{position:absolute;display:block;width:10px;height:10px;right:12px;font-family:element-icons;content:"\e6da"}.monitor[data-v-c3b19c10] .el-tree-node__loading-icon{display:none}.monitor .input-with-select[data-v-c3b19c10]{margin-bottom:5px}.monitor .tree-span[data-v-c3b19c10]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-block;width:100%}.monitor[data-v-c3b19c10] .custom-tree-node{display:inline-block;width:100%}.monitor .tree-else[data-v-c3b19c10]{display:-webkit-box;display:-ms-flexbox;display:flex}.monitor .device-list-container[data-v-c3b19c10]{width:240px;padding-top:15px;background-color:#fff;height:calc(100vh - 48px);-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;overflow:auto}.monitor .device-main-container[data-v-c3b19c10]{margin-left:255px;width:100%;height:100%;background-color:#fff;margin-top:15px;margin-right:15px}.el-dropdown-menu__item[data-v-c3b19c10]:focus,[data-v-c3b19c10] .el-dropdown-menu__item:hover{background:none;color:#606266}.monitor .device-list-container .device-list[data-v-c3b19c10]{width:100%;height:88%}.monitor .device-list-container .el-tree[data-v-c3b19c10]{background-color:#fff;min-width:100%;display:inline-block;padding-left:10px}.el-dropdown-menu__item.menuactive[data-v-c3b19c10]:focus,.el-dropdown-menu__item.menuactive[data-v-c3b19c10]:hover{color:#007aff}[data-v-c3b19c10] .qhww-player-container .qhww-controlbar .qhww-right-wrap{display:none}.monitor .device-main-container .device-inner-container .monitor-container[data-v-c3b19c10]{min-width:1000px;min-height:calc(100vh - 200px);width:calc(100vw - 400px)}.monitor .device-list-container .el-tree[data-v-c3b19c10] .treetext .el-tag{-webkit-transform:translateX(-15px);transform:translateX(-15px)}.monitor .device-list-container .el-tree[data-v-c3b19c10] .treetext .title{display:inline-block;-webkit-transform:translateX(-14px);transform:translateX(-14px)}.monitor .device-main-container .device-inner-container .monitor-container .monitor-top[data-v-c3b19c10]{width:calc(100vw - 445px);margin-top:5px;margin-bottom:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.monitor .device-main-container .device-inner-container .monitor-container .monitor-inner-content[data-v-c3b19c10]{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff}.monitor .device-main-container .device-inner-container .monitor-container .monitor-content[data-v-c3b19c10],.monitor .device-main-container .device-inner-container .monitor-container .monitor-top .mianzetext[data-v-c3b19c10]{margin-left:15px}.monitor .device-main-container .device-inner-container .monitor-container .monitor-top .mianzetext[data-v-c3b19c10]{line-height:32px;background-color:#e6f0ff;padding-left:8px;padding-right:8px;border:1px solid #007aff;color:#333}.monitor .device-main-container .device-inner-container .monitor-container .monitor-content .canvasEle[data-v-c3b19c10]{position:absolute;width:100%;height:100%;top:0;left:0}.monitor .device-main-container .device-inner-container .monitor-container .monitor-content .monitor-grid[data-v-c3b19c10]{width:calc(100vw - 400px)}.monitor .device-main-container .device-inner-container .monitor-container .monitor-content .monitor-grid4[data-v-c3b19c10]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.monitor .device-main-container .device-inner-container .monitor-container .monitor-top .mianzetext .el-icon[data-v-c3b19c10]{color:#007aff;width:20px;height:20px;display:inline-block}.monitor .device-main-container .device-inner-container .monitor-container .monitor-content .monitor-grid .monitor-grid-item[data-v-c3b19c10]{width:calc(100vw - 400px);height:calc(56.25vw - 225px);position:relative;background:#303030 url(https://p2.ssl.qhimg.com/t01edb7755458fbd862.png) 50% no-repeat;margin-bottom:1px}.monitor .device-main-container .device-inner-container .monitor-container .monitor-content .monitor-grid4 .monitor-grid-item[data-v-c3b19c10]{-webkit-box-flex:49%;-ms-flex:49%;flex:49%;margin-right:1px}.monitor .device-main-container .device-inner-container .monitor-container .monitor-content .monitor-grid .monitor-grid-item .monitor-tip[data-v-c3b19c10]{position:absolute;color:#fff;top:50%;left:50%;margin-top:-50px;width:100%;text-align:center;-webkit-transform:translate(-50%);transform:translate(-50%)}.monitor .device-main-container .device-inner-container .monitor-container .monitor-content .monitor-grid .monitor-grid-item .monitor-pause-img[data-v-c3b19c10],.monitor .device-main-container .device-inner-container .monitor-container .monitor-content .monitor-grid .monitor-grid-item .monitor-poster-content[data-v-c3b19c10]{position:absolute;width:100%;height:100%;left:0;top:0}.monitor .device-main-container .device-inner-container .monitor-container .monitor-content .monitor-grid .monitor-grid-item .monitor-poster-content[data-v-c3b19c10]{z-index:1}.monitor .device-main-container .device-inner-container .monitor-container .monitor-content .monitor-grid .monitor-grid-item .monitor-pause-img img[data-v-c3b19c10]{width:100%}.monitor .device-main-container .device-inner-container .monitor-container .monitor-content .monitor-grid .monitor-grid-item .monitor-poster-content[data-v-c3b19c10]:after{position:absolute;top:50%;left:50%;display:block;width:80px;height:80px;content:"";background:#565656;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%}.monitor .device-main-container .device-inner-container .monitor-container .monitor-content .monitor-grid .monitor-grid-item .monitor-poster-content .play-icon[data-v-c3b19c10]{position:absolute;z-index:9;width:100%;height:100%;top:0;left:0;background:url(https://p3.ssl.qhimg.com/t01d2f1856b2c0fa3e7.png) no-repeat 50%;background-size:90px 90px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.monitor .device-main-container .device-inner-container .monitor-container .monitor-content .monitor-grid .monitor-grid-item .monitor-poster-content .monitor-poster[data-v-c3b19c10]{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.monitor .device-main-container .device-inner-container .monitor-container .monitor-content .monitor-grid .monitor-grid-item .monitor-info .close-monitor-btn[data-v-c3b19c10]{position:absolute;top:18px;right:8px;z-index:15;background:rgba(0,0,0,.2);color:#fff;border:none}.monitor .device-main-container .device-inner-container .monitor-container .monitor-content .monitor-grid .monitor-grid-item .monitor-info .monitor-device-name[data-v-c3b19c10]{position:absolute;top:10px;left:10px;width:100%;margin:0;font-size:13px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.monitor .device-main-container .device-inner-container .monitor-container .monitor-content .monitor-grid .monitor-grid-item .monitor-info .close-monitor-btn[data-v-c3b19c10]:hover{color:#007aff;background:#fff}