.TimeIsFast,.TimeIsFast .el-radio-group{display:flex}.TimeIsFast .el-button-group{margin-right:10px}.TimeIsFast.minTime .el-date-editor{width:240px}.runningAlarm{height:calc(100% - 39px);position:relative}.runningAlarm .bodyNameStyle .bodyNameStyleHeader{height:50px;line-height:50px;background:#f0f1f5;padding:0 19px}.runningAlarm .bodyNameStyle .bodyNameStyleHeader .bodyNameStyleTitle{font-size:16px;font-weight:700;color:#454545}.runningAlarm .bodyNameStyle .bodyNameStyleHeader ul{float:right;display:inline-block;width:67%;display:flex;flex-wrap:nowrap;align-content:stretch;justify-content:space-around}.runningAlarm .bodyNameStyle .bodyNameStyleHeader ul li{display:inline-block;width:11.11111%;text-align:center;font-size:14px;cursor:pointer}.runningAlarm .bodyNameStyle .bodyNameStyleHeader .choosed{color:#fff;background:#3389d4}.runningAlarm .bodyNameStyle .bodyNameStyleHeader .choosed1{color:#777}.runningAlarm .bodyNameStyle .echartsHeader{position:relative;top:90px}.runningAlarm .bodyNameStyle .echartsHeader>div{width:50%;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between}.runningAlarm .bodyNameStyle .echartsHeader>div>span :first-child{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#666}.runningAlarm .bodyNameStyle .echartsHeader>div>span :last-child{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#282c33}.runningAlarm .bodyNameStyle .echartsClass{flex:1}.runningAlarm .bodyNameStyle .echartsClass #echartsColumn{height:100%}.flexStyle{display:flex;flex-direction:column}.downLoad .videoContent[data-v-727570d9]{max-height:440px;overflow-y:auto;overflow-x:hidden}.downLoad .videoList[data-v-727570d9]{padding:20px 10px 30px;border-bottom:1px dashed rgba(0,0,0,.12)}.downLoad .videoList[data-v-727570d9]:first-of-type{padding-top:0}.downLoad .videoList .videoList-top[data-v-727570d9]{display:flex;justify-content:space-between}.downLoad .videoList .videoList-top>div[data-v-727570d9]:first-of-type{font-weight:400;font-size:16px;color:rgba(0,0,0,.9);line-height:22px}.downLoad .videoList .videoList-top>div[data-v-727570d9]:nth-of-type(2){width:123px;height:28px;background:#409eff;border-radius:4px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.downLoad .videoList .videoList-top>div:nth-of-type(2) img[data-v-727570d9]{margin-right:4px}.downLoadMsg>div[data-v-727570d9]:nth-of-type(n+2){margin-top:15px}[data-v-727570d9] .el-slider__marks-text{transform:none;font-weight:400;font-size:12px;color:rgba(0,0,0,.6)}[data-v-727570d9] .el-slider__marks-text:nth-of-type(2){right:0!important;left:unset!important;word-break:normal}[data-v-727570d9] .el-slider__runway{height:4px}[data-v-727570d9] .el-slider__bar{height:4px;background-color:#3cbcff!important}[data-v-727570d9] .el-slider__button{border-width:4px;border-color:#3cbcff!important;width:9px;height:9px}#realtime{height:100%;display:flex;flex-direction:column;background:#020a25}.banner{display:flex;z-index:10;flex:0 0 100.8px;background:url(../img/banner.0e8a3977.png) no-repeat 50%;background-size:1536px 100.8px;padding:0 20px;justify-content:center;position:relative}.banner .setting{height:27px;line-height:27px;border-radius:35px;width:84px;font-size:14px;color:#25bcf0;text-align:center;border:1px solid #4fb2f6;margin-left:10px;cursor:pointer;position:absolute;right:25px;top:15px}.banner .banner_title{line-height:56px;font-size:20px;text-align:center;color:#fff;font-weight:500;font-size:30px}.banner .banner_open{position:absolute;right:10px;top:0;z-index:10;padding:12px}.content{flex:1;height:calc(100vh - 102px);padding:0 12px}.content .contents{padding:1px;position:relative}.content .contents .videos{background:#000;height:100%;position:relative;border:1px solid #1a7683}.content .contents .videos video{height:100%;width:100%}.content .contents .videos .videoControll{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.content .contents .videos .videoControll:hover .videoControllB,.content .contents .videos .videoControll:hover .videoControllB.videoback{transform:translateY(0)}.content .contents .videos .videoControll:hover .videosClose,.content .contents .videos .videoControll:hover .videosNum{top:0}.content .contents .videos .videoControll .videosNum{z-index:99;position:absolute;left:0;top:-24px;padding:5px 8px;color:#6dfffe;font-size:12px;transition:top .5s}.content .contents .videos .videoControll .videosName{z-index:99;position:absolute;top:5px;padding:4px 8px;color:#6dfffe;font-size:12px;transition:.5s;right:10px}.content .contents .videos .videoControll .videosClose{position:absolute;right:0;top:-36px;color:#6dfffe;font-size:22px;padding:5px;cursor:pointer;z-index:99;transition:top .5s}.content .contents .videos .videoControll .videoControllB{position:absolute;bottom:0;left:0;width:100%;z-index:20;transform:translateY(36px);transition:transform .5s;background:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(rgba(0,0,0,.59)));background:-moz-gradient(linear,0 0,0 100%,from(transparent),to(rgba(0,0,0,.9)));background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.9)))}.content .contents .videos .videoControll .videoControllB.videoback{transform:translateY(76px)}.content .contents .videos .videoControll .videoControllB .videoTop{display:flex;padding:0 36px}.content .contents .videos .videoControll .videoControllB .videoTop .video_time{color:#fff;line-height:31px;font-size:15px}.content .contents .videos .videoControll .videoControllB .videoTop .video_time .video_time_slider{position:absolute;width:90%;left:5%;top:-35px}.content .contents .videos .videoControll .videoControllB .videoTop .video_full{padding:5px;cursor:pointer}.content .contents .videos .videoControll .videoControllB .videoTop .video_flex{flex:1}.content .contents .videos .videoControll .videoControllB .videoTop .video_back,.content .contents .videos .videoControll .videoControllB .videoTop .video_distinct,.content .contents .videos .videoControll .videoControllB .videoTop .video_num{color:#6dfffe;line-height:35px;font-size:15px;padding:0 16px;cursor:pointer;white-space:nowrap}.content .contents .videos .videoControll .videoControllB .video_play,.content .contents .videos .videoControll .videoControllB .video_stop{padding:5px;cursor:pointer;color:#6dfffe}.content .contents .videos .videoControll .videoControllB .videoBottom{padding:0 38px}.content .contents .videos .videoControll .backDiv{width:100%;height:100%;top:0;left:0;z-index:1;position:absolute}.content .contents .videos .videoControll .backDiv .backitem{min-width:350px;max-width:100%;max-height:100%;min-height:200px;position:absolute;bottom:40px;right:0;background:#ccc;border-radius:10px}.content .contents .videos .videoControll .backDiv .backitem .backitem_title{padding:10px 0 0 20px}.content .contents .videos .videoControll .backDiv .el-input__inner{background-color:transparent;border-color:transparent}.content .contents .videos .videoControll .backDiv .el-date-editor .el-range-input{background-color:transparent}.content .contents .videos .videoControll .backDiv ::-webkit-input-placeholder{color:#606266}.content .contents .videos .videoControll .backDiv ::-moz-placeholder{color:#606266}.content .contents .videos .videoControll .backDiv :-ms-input-placeholder{color:#606266}.content .contents .videos .videoControll .backDiv .echartsList{height:100px;width:390px;margin-top:25px}.content .contents .videoTxt{position:absolute;color:red;top:0;left:0;width:100%}.content .contents .videoImg{background:url(../img/play.d457d24e.png);background-size:495px 364.8px;background-repeat:no-repeat;background-position:50%}.content .contents .videoImg,.content .contents .videoImgBg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.content .contents .videoImgBg{background:#060e2c}.content .contentDiv{max-width:1200px;height:675px;max-height:675px;margin:0 auto;background:#ccc;position:relative}.content .contentDiv video{width:100%;height:100%;background:#000}.content .contentDiv .videoControll{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.content .contentDiv .videoImg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/play.d457d24e.png);background-repeat:no-repeat;background-position:50%}.videoImg .el-loading-mask{z-index:10}.openInfo{width:100%;height:100%;position:fixed;left:0;top:0;z-index:3000}.openInfo .openInfoC{width:100%;height:calc(100% - 56px);margin-top:56px;background-color:#fff;font-size:16px}.openInfo .openInfoC .titles{display:inline-block;margin:5px 0 5px 5px}.openInfo .openInfoC .definStyle{padding:4px 10px;border-radius:4px;background-color:#ccc}.openInfo .openInfoC .definStyle span{display:inline-block;padding:6px 10px 4px;line-height:23px}.openInfo .openInfoC .windowStyle span{display:inline-block;padding:5px 10px 5px}.openInfo .openInfoC .timeInit{text-align:center;padding:10px 0}.el-popover.toppopover{color:#fff;background:rgba(0,0,0,.5);border:none;font-size:12px;padding:3px 6px;border-radius:3px;background-color:rgba(0,0,0,.8);text-align:center;white-space:nowrap;min-width:10px}.el-popper[x-placement^=top].toppopover .popper__arrow:after{border-top-color:rgba(0,0,0,.5)}.not-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mobile{background:#000}@media screen and (max-width:700px){.banner{justify-content:space-around}}@media screen and (max-height:700px){.content{padding-top:0}.content .contentDiv{height:100%}}.videoControll:hover .videosName{right:30px!important}.toppopover.el-popper[x-placement^=top] .popper__arrow:after{display:none}.toppopover.el-popper[x-placement^=top] .popper__arrow{border-top-color:#fff}