.head_main[data-v-32637a97]{display:flex;flex-direction:column}.head[data-v-32637a97]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:9vh}.head .head_left[data-v-32637a97]{font-size:37px;margin-left:6vw;text-shadow:2px 2px 5px #08305b;letter-spacing:8px;display:grid;grid-template-columns:auto 116px;grid-gap:1vw}.head .head_right[data-v-32637a97]{display:flex;width:15vw;justify-content:space-between;align-items:flex-end}.head .head_right .head_time[data-v-32637a97]{color:#0b64c3;font-size:1.6vmin}.head .head_right .close_img[data-v-32637a97]{height:36px;width:36px;margin-right:1vw;cursor:pointer}.top_bottom[data-v-32637a97]{position:absolute;bottom:0;left:1vw}.right_img[data-v-32637a97]{transform:scale(1);margin-top:3.5vh}.envionment[data-v-9cf34a74]{display:flex}.envionment .envionment_left[data-v-9cf34a74]{height:75.5vh;width:15vw;margin-left:3vh;margin-top:5vh}.envionment .envionment_left .line[data-v-9cf34a74]{height:1px;background-color:#6ecaff;width:14.5vw;margin-left:1vh;margin-top:4vh}.envionment .envionment_right[data-v-9cf34a74]{margin-left:4.5vw;height:69.5vh;width:67vw;margin-top:10vh;position:relative}.base_information[data-v-9cf34a74]{margin:.5vw;margin-bottom:0}.base_information .top_base[data-v-9cf34a74]{position:absolute;display:flex;align-items:center;top:.35vw;border-bottom:3px solid #f29700}.base_information .top_item[data-v-9cf34a74]{width:15px;height:15px;background:#00fefe;border-radius:10px;margin-left:.5vh;margin-right:.5vw;margin-top:.3vw}.base_information .top_zi[data-v-9cf34a74]{font-size:2vmin;text-align:center;color:#fff;font-weight:700;margin-top:.7vw;margin-bottom:.5vw;padding-right:.4vw}.top[data-v-9cf34a74]{display:flex;height:5vh;margin:2vh 10px 2vh 10px}.top .option[data-v-9cf34a74]{cursor:pointer}.top .num[data-v-9cf34a74],.top .option[data-v-9cf34a74]{display:flex;flex-direction:column;width:30%;align-items:center}.top .font[data-v-9cf34a74]{color:#1890ff}.monitor[data-v-9cf34a74]{width:100%;height:88%;overflow:auto;margin-top:4vh}.monitor[data-v-9cf34a74]::-webkit-scrollbar{height:0;width:0}.environmental-monitor[data-v-9cf34a74]{display:flex;flex-direction:row;width:100%;margin-top:9vh;margin-bottom:2vh}.environmental-monitor .item[data-v-9cf34a74]{display:flex;flex-direction:column;align-items:center}.moitor-type .name[data-v-9cf34a74]{font-size:16px;font-weight:400;color:#fdfbfb}.moitor-type .value[data-v-9cf34a74]{font-size:24px;font-weight:700;color:#fff}.moitor-type .unit[data-v-9cf34a74]{font-size:14px;font-weight:400;color:#fff;-webkit-background-clip:text;background-clip:text;text-fill-color:transparent}.view_bottom[data-v-9cf34a74]{height:60%;width:100%;margin-top:30px}.view_bottom .head[data-v-9cf34a74]{width:100%;justify-content:space-between}.view_bottom .head .head_left[data-v-9cf34a74],.view_bottom .head[data-v-9cf34a74]{display:flex;flex-direction:row;align-items:center}.online[data-v-9cf34a74]{background:#02a6ef}.offline[data-v-9cf34a74],.online[data-v-9cf34a74]{width:15px;height:15px;border-radius:10px;margin-right:20px}.offline[data-v-9cf34a74]{background:#fff}.on[data-v-9cf34a74]{margin-right:10px}.nn[data-v-9cf34a74]{margin-left:25px}[data-v-9cf34a74] .el-collapse{border-top:none;border-bottom:none;margin-left:1vw}[data-v-9cf34a74] .el-empty__description p{color:#fff;font-size:1.5vmin}[data-v-9cf34a74] .el-checkbox__inner{margin-left:1vw;margin-top:2.3vh}[data-v-9cf34a74] .el-checkbox__inner:after{border-color:#000}[data-v-9cf34a74] .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#fff}[data-v-9cf34a74] .el-select{width:7vw;background-color:transparent!important}[data-v-9cf34a74] .el-input--suffix .el-input__inner{background-color:transparent!important;border:1px solid #21bede;border-radius:0;height:3vh}[data-v-9cf34a74] .el-input__inner{color:#fff}[data-v-9cf34a74] .el-select .el-input .el-select__caret{color:#fff;font-size:14px;transition:transform .3s;transform:rotate(180deg);cursor:pointer;display:flex;align-items:center;justify-content:center}[data-v-9cf34a74] .el-select .el-input .el-select__caret.is-reverse{transform:rotate(0deg)}[data-v-9cf34a74] .el-select .el-input.is-focus .el-input__inner{border-color:#21bede}[data-v-9cf34a74] .el-scrollbar{background-color:#02154c;width:7vw}[data-v-9cf34a74] .el-popper[x-placement^=bottom] .popper__arrow{display:none}.el-select-dropdown__item[data-v-9cf34a74]:hover,[data-v-9cf34a74] .el-select-dropdown__item.hover{background-color:transparent}[data-v-9cf34a74] .el-select-dropdown__item{color:#fff;font-size:1.5vmin}[data-v-9cf34a74] .el-select-dropdown__item:first-child{border-bottom:2px solid #d8d8d8}[data-v-9cf34a74] .el-select-dropdown{border:1px solid #21bede;border-radius:0;margin-top:1px;margin-left:1px}[data-v-9cf34a74] .el-scrollbar .el-scrollbar__wrap{overflow-x:hidden}.video-all[data-v-9cf34a74]{margin-top:2vh;display:flex;align-items:center}.video-all .c_name[data-v-9cf34a74]{color:#02a6ef}.video-all .c_name[data-v-9cf34a74],.video-all .c_name_u[data-v-9cf34a74]{float:left;font-size:1.8vmin;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:20vmin;cursor:default}.video-all .c_name_u[data-v-9cf34a74]{color:#fff}[data-v-9cf34a74] .swiper-button-next{top:7%}.swiper-button-next[data-v-9cf34a74]:after,.swiper-button-prev[data-v-9cf34a74]:after{font-size:1vmin!important}.swiper-button-next[data-v-9cf34a74]{color:#01e4f7!important}[data-v-9cf34a74] .swiper-button-prev{top:7%;left:64vw;color:#fff!important}.total[data-v-9cf34a74]{font-size:18px;font-weight:700;margin-left:2vh}.line_img[data-v-9cf34a74]{position:absolute;left:22vw;top:5vh;display:flex;justify-content:center;align-items:center}.line_img .ll[data-v-9cf34a74]{height:77vh;width:4px}.line_img .paly[data-v-9cf34a74]{height:40px;width:40px;margin-right:-10px}[data-v-9cf34a74] .el-checkbox__inner:hover,[data-v-9cf34a74] .el-checkbox__input.is-checked .el-checkbox__inner{border-color:#fff}.el-checkbox[data-v-9cf34a74]{height:50px;display:flex;align-items:center}.selectt{background-color:transparent!important;border:1px solid #21bede;color:#fff}.selectt .el-select-dropdown{background-color:transparent;border:none}.selectt .el-select-dropdown .popper__arrow:after{border-bottom-color:transparent!important}.selectt .el-select-dropdown__item{color:#fff}.selectt .el-select-dropdown__item.hover,.selectt .el-select-dropdown__item:hover{background-color:transparent}.selectt .el-select-dropdown__item.selected{color:#1890ff}.selectt .popper__arrow,.selectt .popper__arrow:after{border-bottom-color:#21bede!important;border-top-color:#21bede!important}.video_img{text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;height:62vh}.video_img .noOnVideo{font-size:1.8vmin;margin-top:-10%}.environment[data-v-6ad90332],.environment_move[data-v-6ad90332]{background:url(../img/main_border.a9fe1349.png) no-repeat;background-size:100% 100%;width:1762px;height:86vh}.environment_move[data-v-6ad90332]{animation:show-6ad90332 .5s linear reverse}@keyframes show-6ad90332{0%{transform:translateX(0)}to{transform:translateX(100%)}}.video-view[data-v-673c9d06]{width:100%;height:88%}.video-view .video-box-list[data-v-673c9d06]{width:100%;height:74vh}.video-view .video-foot[data-v-673c9d06]{height:3vh;display:flex;justify-content:space-between;padding:0 13px;align-items:center}.video-0[data-v-673c9d06]{padding:10px;box-sizing:border-box}.video-0 .video-box-w[data-v-673c9d06]{position:relative;height:100%}.video-0 .video-box-w .video-box[data-v-673c9d06]{height:70vh}.video-0 .video-tit[data-v-673c9d06]{position:absolute;width:100%;height:30px;line-height:30px;background:rgba(55,55,55,.5);color:#fff;font-size:14px;padding:0 20px}.video-1[data-v-673c9d06]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:72vh;width:100%;margin-left:.5vh}.video-1 .video-box-w[data-v-673c9d06]{position:relative;padding-right:10px;width:100%}.video-1 .video-box-w .video-box[data-v-673c9d06]{height:35vh}.video-1 .video-tit[data-v-673c9d06]{position:absolute;width:calc(100% - 9px);height:30px;line-height:30px;background:rgba(55,55,55,.5);color:#fff;font-size:14px;padding:0 20px}.video-2[data-v-673c9d06]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:72vh;width:100%;margin-left:.5vh}.video-2 .video-box-w[data-v-673c9d06]{position:relative;padding-right:10px;width:100%}.video-2 .video-box-w .video-box[data-v-673c9d06]{height:23vh}.video-2 .video-tit[data-v-673c9d06]{position:absolute;width:calc(100% - 18px);height:30px;line-height:30px;background:rgba(55,55,55,.5);color:#fff;font-size:14px;padding:0 20px}video[data-v-673c9d06]{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.change-ul[data-v-673c9d06]{display:flex;width:50%}.change-ul img[data-v-673c9d06]{margin-right:10px}.active[data-v-673c9d06]{color:#009eef}.online[data-v-673c9d06]{background:#02a6ef}.offline[data-v-673c9d06],.online[data-v-673c9d06]{width:15px;height:15px;border-radius:10px;margin-right:20px}.offline[data-v-673c9d06]{background:#c0c4cc}[data-v-673c9d06] .el-aside{overflow:hidden;background:#fff;border-right:3px solid #e5e5e5}[data-v-673c9d06] .el-divider--horizontal{margin:10px 0}[data-v-673c9d06] .el-collapse-item__header{line-height:20px;background-color:transparent}.el-checkbox[data-v-673c9d06]{height:50px}.el-checkbox[data-v-673c9d06],.video-all[data-v-673c9d06]{display:flex;align-items:center}.video-all .c_name[data-v-673c9d06]{color:#02a6ef}.video-all .c_name[data-v-673c9d06],.video-all .c_name_u[data-v-673c9d06]{float:left;font-size:1.8vmin;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:89%;cursor:default}.video-all .c_name_u[data-v-673c9d06]{color:#fff}[data-v-673c9d06] .el-checkbox__input,[data-v-673c9d06] .el-checkbox__label{display:flex;align-items:center;height:100%}[data-v-673c9d06] .el-checkbox__input{margin:10px 0 10px 10px}.envionment[data-v-673c9d06]{display:flex}.envionment .envionment_left[data-v-673c9d06]{height:75.5vh;width:16vw;margin-left:2vh;margin-top:5vh}.envionment .envionment_left .line[data-v-673c9d06]{height:1px;background-color:#6ecaff;width:14.5vw;margin-left:1vh;margin-top:4vh}.envionment .envionment_right[data-v-673c9d06]{margin-left:1.5vw;height:70.5vh;width:73vw;margin-top:4.5vh;position:relative}.base_information[data-v-673c9d06]{margin:.5vw;margin-bottom:0}.base_information .top_base[data-v-673c9d06]{position:absolute;display:flex;align-items:center;top:.35vw}.base_information .top_item[data-v-673c9d06]{width:.2vw;height:2vh;border-radius:50px;background:linear-gradient(180deg,#1bc6ff,rgba(158,238,250,0));margin-left:.5vh;margin-right:.5vw}.base_information .top_zi[data-v-673c9d06]{font-size:1.9vmin;text-align:center;color:#fff;margin-top:.5vw;margin-bottom:.5vw}.top[data-v-673c9d06]{display:flex;height:5vh;margin:2vh 10px 2vh 10px}.top .option[data-v-673c9d06]{cursor:pointer}.top .num[data-v-673c9d06],.top .option[data-v-673c9d06]{display:flex;flex-direction:column;width:30%;align-items:center}.top .font[data-v-673c9d06]{color:#1890ff}.monitor[data-v-673c9d06]{width:100%;height:88%;overflow:auto;margin-top:4vh}.monitor[data-v-673c9d06]::-webkit-scrollbar{height:0;width:0}.on[data-v-673c9d06]{margin-right:10px}.nn[data-v-673c9d06]{margin-left:25px}[data-v-673c9d06] .el-checkbox__inner:after{border-color:#000}[data-v-673c9d06] .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#fff}[data-v-673c9d06] .el-collapse{border-top:none;border-bottom:none;margin-left:1vw}[data-v-673c9d06] .el-empty__description p{color:#fff;font-size:1.5vmin}[data-v-673c9d06] .el-pager li,[data-v-673c9d06] .el-pager li.active{background-color:transparent!important}[data-v-673c9d06] .el-pager li.active{color:#14c9c9;cursor:default}[data-v-673c9d06] .el-pager li:hover,[data-v-673c9d06] .el-pagination button:hover{color:#14c9c9}[data-v-673c9d06] .el-pagination button:disabled{color:#c0c4cc;background-color:transparent!important;cursor:not-allowed}[data-v-673c9d06] .btn-prev{color:#fff;background-color:transparent!important}[data-v-673c9d06] .number{color:#fff}[data-v-673c9d06] .btn-next{color:#fff;background-color:transparent!important}.total[data-v-673c9d06]{font-size:18px;font-weight:700;margin-left:2vh}.line_img[data-v-673c9d06]{position:absolute;left:17vw;top:5vh;display:flex;justify-content:center;align-items:center}.line_img .ll[data-v-673c9d06]{height:77vh;width:4px;margin-left:1vh}.line_img .paly[data-v-673c9d06]{height:40px;width:40px;margin-right:-10px;cursor:pointer}.ss[data-v-673c9d06]{animation:leftmove-673c9d06 .01s linear;animation-fill-mode:forwards}.sa[data-v-673c9d06]{animation:lengendmove-673c9d06 .1s linear;animation-fill-mode:forwards}@keyframes lengendmove-673c9d06{0%{transform:translate(0)}to{transform:translate(-15vw)}}@keyframes leftmove-673c9d06{0%{transform:translate(0)}to{transform:translate(-50vw)}}[data-v-673c9d06] .el-checkbox__inner:hover,[data-v-673c9d06] .el-checkbox__input.is-checked .el-checkbox__inner{border-color:#fff}.video_img[data-v-673c9d06]{text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.video_img .noOnVideo[data-v-673c9d06]{font-size:1.8vmin;margin-top:-9%}.vedio[data-v-076b951b]{position:relative}.vedio[data-v-076b951b],.vedio_move[data-v-076b951b]{background:url(../img/main_border.a9fe1349.png) no-repeat;background-size:100% 100%;width:1762px;height:86vh}.vedio_move[data-v-076b951b]{animation:show-076b951b .5s linear reverse}@keyframes show-076b951b{0%{transform:translateX(0)}to{transform:translateX(100%)}}[data-v-7805cef6] .el-dialog__body{padding:unset}[data-v-7805cef6] .el-dialog__header{display:none}[data-v-7805cef6] .el-dialog.is-fullscreen{overflow:hidden}.exit--btn[data-v-7805cef6]{position:fixed;top:2%;right:4%;width:105px;height:32px;border-radius:3px;opacity:1;background:rgba(250,98,98,.74);box-sizing:border-box;border:1px solid #ea0000;box-shadow:0 4px 10px 0 rgba(0,0,0,.3);font-size:14px;font-weight:400;line-height:17px;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer}.index_main[data-v-7fe08c80]{display:flex}.left[data-v-7fe08c80]{margin-left:4vw;height:86vh}.right[data-v-7fe08c80]{position:absolute;top:50%;right:0;transform:translateY(-50%);width:44px;display:grid;grid-gap:1vh}.right .right_item[data-v-7fe08c80]{background-color:rgba(36,42,45,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;writing-mode:vertical-lr;cursor:pointer;height:134px}.right .right_item .right_zi[data-v-7fe08c80]{font-size:1.9vmin;background:linear-gradient(180deg,#fff,#98ffff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;letter-spacing:5px}.no[data-v-7fe08c80]{background:url(../img/main_border.a9fe1349.png) no-repeat;background-size:100% 100%;width:90vw;height:86vh;position:relative;margin-left:5vw}.no .no_zi[data-v-7fe08c80]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.main[data-v-bc1af00c]{background:url(../img/bg.18cd7e84.jpg) no-repeat;background-size:100% 100%;height:100vh;width:100vw;overflow:hidden;color:#fff;display:flex;flex-direction:column}.top[data-v-bc1af00c]{position:relative}.bottom[data-v-bc1af00c]{margin-top:2vh;position:relative}