.left_info_content{position:absolute;height:98%;width:28%;bottom:0;left:.1rem;-webkit-transition:all .5s;transition:all .5s}.left_info_content.fold{left:-1000px}.btn_icon_show{top:.12rem;left:.1rem;-webkit-transform:rotate(180deg);transform:rotate(180deg)}._image,.btn_icon_show{cursor:pointer;position:absolute;height:.28rem;z-index:99}._image{top:0;right:0}.video_box_item[data-v-5d219f6c]{width:49%;height:2.2rem;margin-right:3%;margin-bottom:.2rem}.video_box_item[data-v-5d219f6c]:nth-child(2n){margin-right:0}.surveillance{position:relative;width:100%;height:90%;overflow:hidden;top:0;left:0;bottom:0;right:0}.surveillance .title{font-size:.18rem;color:hsla(0,0%,100%,.52);padding:.2rem 0}.surveillance .nav_left_head{background:rgba(2,26,57,.67);border-radius:8px;padding:0 .2rem;-webkit-box-sizing:border-box;box-sizing:border-box}.surveillance .list_class{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.surveillance .list_class,.surveillance .list_class .list_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.surveillance .list_class .list_item{cursor:pointer;float:left;margin-right:5%;width:30%;height:.58rem;font-size:.16rem;background:rgba(55,197,255,.3);margin-bottom:.2rem;-webkit-box-orient:vertical;-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}.surveillance .list_class .list_item .num{color:#fff;font-size:.16rem;margin-top:.05rem}.surveillance .list_class .list_item .name{color:#fff;font-size:.14rem}.surveillance .list_class .list_item:nth-child(3),.surveillance .list_class .list_item:nth-child(6){margin-right:0}.surveillance .nav_left_content{background:rgba(2,26,57,.67);margin-top:.1rem;padding:0 .2rem;-webkit-box-sizing:border-box;box-sizing:border-box;height:65%}.surveillance .nav_left_content .title{color:hsla(0,0%,100%,.52);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.surveillance .nav_left_content .title .type{height:.15rem;margin-left:.1rem}.surveillance .nav_left_content .monnitor_list{height:80%;overflow:auto}.surveillance .nav_left_content .monnitor_list .monitor{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:.2rem 0}.surveillance .nav_left_content .monnitor_list .monitor .monitor_name{font-size:.16rem;color:#fff}.surveillance .nav_left_content .monnitor_list .monitor .state_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.surveillance .nav_left_content .monnitor_list .monitor .state{font-size:.14rem;color:#95f203}.surveillance .nav_left_content .monnitor_list .monitor .off-line{color:hsla(0,0%,100%,.52)}.surveillance .nav_left_content .monnitor_list .monitor .state_type{width:.3rem;margin-left:.1rem}.surveillance .right_info{z-index:501;width:9rem;background:rgba(2,26,57,.67);position:absolute;right:.1rem;bottom:.1rem;-webkit-transition:all .5s;transition:all .5s}.surveillance .right_info .close_item{cursor:pointer;color:#4fc2ff;font-size:.2rem;position:absolute;left:0;top:0}.surveillance .right_info .video_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:.25rem .2rem .2rem;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-wrap:wrap;flex-wrap:wrap}.surveillance .right_info .video_box .video{width:100%;height:100%}.surveillance .right_info .video_box .video_box_item{width:48%;height:2.2rem;margin-right:3%;margin-bottom:.2rem}.surveillance .right_info .video_box .video_box_item:nth-child(2n){margin-right:0}.surveillance .right_info .video_box .video_box_item_nine{width:32%;height:1.4rem;background:#87ceeb;margin-right:2%;margin-bottom:.2rem}.surveillance .right_info .video_box .video_box_item_nine:nth-child(3),.surveillance .right_info .video_box .video_box_item_nine:nth-child(6),.surveillance .right_info .video_box .video_box_item_nine:nth-child(9){margin-right:0}.surveillance .info-close{visibility:visible;-webkit-transform:translateX(300%);transform:translateX(300%)}.cur{background:#2a7acc}.set_icon{position:relative;z-index:9999;font-size:.16rem;color:#fff;margin-left:.1rem!important}.surveillance .el-dialog{margin:15vh 0!important;height:3.8rem;width:4rem!important;right:-13rem!important}.surveillance .el-dialog__title{font-size:.2rem!important;padding-left:.1rem}.el-dialog__headerbtn{top:.1rem}.surveillance .setting{background:rgba(2,26,57,.67);position:absolute;top:.8rem;right:.1rem;height:3rem;width:4rem!important;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-align:center;-ms-flex-align:center;align-items:center}.surveillance .setting h3{text-align:center;font-size:.2rem;color:#fff;padding-top:.1rem}.surveillance .setting .el-input--medium{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.surveillance .setting .el-input__inner{background-color:#0d6fba!important;margin:.1rem auto;width:3rem}.surveillance .setting .el-dialog__footer{margin:.1rem auto}.surveillance .setting .btn{margin-top:.2rem}.backsite{cursor:pointer;position:absolute;top:.3rem;right:.5rem;font-size:.18rem!important;font-weight:700!important;color:#fff}.drop-down-enter-active,.drop-down-leave-active,.pull-up-enter-active,.pull-up-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center top;transform-origin:center top}.pull-up-enter-active,.pull-up-leave-active{-webkit-transform-origin:center bottom;transform-origin:center bottom}.drop-down-enter,.drop-down-leave-active,.pull-up-enter,.pull-up-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.drop-down-enter-active,.drop-down-leave-active{-webkit-transform-origin:center top;transform-origin:center top}