.player:hover .player-control__bar{visibility:visible}.player .player-control__bar{width:100%;position:absolute;bottom:0;left:0;right:0;height:30px;z-index:100;background-color:rgba(43,51,63,.7);visibility:hidden}.player .pcb-volume{width:40px;height:30px;position:relative;float:left}.player .pcb-volume .pcb-volume__icon{height:18px;width:40px;color:#fff;font-size:18px;text-align:center;line-height:30px;position:absolute;top:12px}.player .pcb-volume .pcb-volume__icon div{cursor:pointer;margin-top:-12px}.player .pcb-fullscreen{font-size:18px;text-align:center;line-height:30px;color:#fff;float:right}.player .pcb-fullscreen div{cursor:pointer}.player .player-state{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;background:rgba(0,0,0,.7)}.popper-volume__control{padding:0;border:none;min-width:30px;width:30px;height:80px;background:transparent}.popper-volume__control .popper__arrow{display:none;height:12px;width:30px;border:none;background:rgba(43,51,63,.7);left:0!important}.popper-volume__control .popper__arrow:after,.popper-volume__control .popper__arrow:before{content:"";bottom:0;background:transparent}.popper-volume__control .pcb-volume__control{height:80px;background-color:rgba(43,51,63,.7);width:30px}.popper-volume__control .pcb-volume__control .el-slider{padding:15px 0}.popper-volume__control .pcb-volume__control .el-slider__runway{width:3px;background-color:rgba(115,133,159,.5);margin:0 14px}.popper-volume__control .pcb-volume__control .el-slider__runway .el-slider__bar{width:3px;background-color:#fff}.popper-volume__control .pcb-volume__control .el-slider__runway .el-slider__button-wrapper{width:31px;height:31px}.popper-volume__control .pcb-volume__control .el-slider__runway .el-slider__button{width:12px;height:12px;border:none}.classroom-tree__page{overflow:auto}.classroom-tree__page .classroomtree-aside__title{height:38px;background:rgba(213,221,235,.21);font-size:14px;line-height:38px;padding-left:14px;border-top:1px solid #e4e8ed;border-bottom:1px solid #e4e8ed}.classroom-tree__page .classroomtree-aside__input{margin-bottom:5px}.classroom-tree__page .classroomtree-aside__input .el-input__inner{border:none;border-bottom:1px solid #e4e8ed}.classroom-tree__page .classroomtree-aside__tree .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{border-left:4px solid #4f78ff}.classroom-tree__page .classroomtree-aside__tree .el-tree-node__content>.el-tree-node__expand-icon{margin-left:-4px}.classroom-tree__page .classroomtree-aside__tree .el-tree-node__content{border-left:4px solid #fff}.classroom-tree__page .classroomtree-aside__tree .tree-node{width:100%}.classroom-tree__page .classroomtree-aside__tree .tree-room{position:relative;padding-right:50px;height:25px;line-height:24px}.classroom-tree__page .classroomtree-aside__tree .tree-room .room-title{position:absolute;top:0;right:2px;font-size:12px;line-height:20px;border-radius:3px;height:20px;padding:0 4px;color:#008002}.classroom-tree__page .classroomtree-aside__tree .tree-room .room-title.early-warning{color:#e43839}.realtime-patrol__warp .no-data{display:flex;justify-content:center;align-items:center;height:calc(100% - 70px)}.realtime-patrol__warp .classroom-tree__page{border-right:1px solid #e9ebee}.realtime-patrol__warp .el-col-1005{width:20%}.realtime-patrol__warp .warp-main{padding:0 12px}.realtime-patrol__warp .warp-main .warp-filter{padding-top:6px;padding-bottom:6px;line-height:45px}.realtime-patrol__warp .warp-main .warp-filter .title{color:#2a2f44;font-weight:700;font-size:18px;margin-right:40px}.realtime-patrol__warp .warp-main .warp-filter .el-button--default{border:1px solid #4f78ff;color:#4f78ff}.realtime-patrol__warp .warp-main .warp-filter .filter-item{float:left;color:#7f7f7f;margin-right:30px}.realtime-patrol__warp .warp-main .warp-filter .filter-item div{display:inline-block}.realtime-patrol__warp .warp-main .warp-filter .filter-item.item-120 .el-select{width:120px}.realtime-patrol__warp .warp-main .warp-filter .filter-item.item-90 .el-select{width:90px}.realtime-patrol__warp .warp-main .warp-filter .filter-item.item-70 .el-select{width:70px}.realtime-patrol__warp .warp-main .warp-filter .filter-item.item-210 .el-input{width:210px}.realtime-patrol__warp .warp-main .warp-filter .iflysse-right{font-size:16px}.realtime-patrol__warp .warp-main .warp-filter .in-class{color:#4f78ff}.realtime-patrol__warp .warp-main .video-area{height:calc(100% - 70px)}.realtime-patrol__warp .warp-main .video-area.full-screen{background:#262626}.realtime-patrol__warp .warp-main .video-area.full-screen .video-list{overflow:auto;margin-top:5px;width:100%;height:calc(100% - 10px)}.realtime-patrol__warp .warp-main .video-area.full-screen .video-list .fullscreen-btn{padding-top:0}.realtime-patrol__warp .warp-main .video-area .video-list{height:100%;display:flex;justify-content:center;align-items:center}.realtime-patrol__warp .warp-main .video-area .video-list.layoutType-4 .el-col:nth-of-type(n+3){margin:0}.realtime-patrol__warp .warp-main .video-area .video-list.layoutType-4.area-center{overflow:hidden}.realtime-patrol__warp .warp-main .video-area .video-list.layoutType-6 .el-col:nth-of-type(n+4){margin:0}.realtime-patrol__warp .warp-main .video-area .video-list.layoutType-6.area-center{overflow:hidden}.realtime-patrol__warp .warp-main .video-area .video-list.layoutType-12 .el-col:nth-of-type(n+9){margin:0}.realtime-patrol__warp .warp-main .video-area .video-list.layoutType-12.area-center{overflow:hidden}.realtime-patrol__warp .warp-main .video-area .video-list.layoutType-20{display:block;overflow:auto}.realtime-patrol__warp .warp-main .video-area .video-list.layoutType-20 .el-col:nth-of-type(n+17){margin:0}.realtime-patrol__warp .warp-main .video-area .video-list.layoutType-20.area-center{display:flex;justify-content:center;align-items:center;overflow:hidden}.realtime-patrol__warp .warp-main .video-area .video-list .video-item{position:relative;padding-bottom:56.25%;height:0;color:#fff;width:100%}.realtime-patrol__warp .warp-main .video-area .video-list .video-title{position:absolute;height:40px;line-height:40px;background:rgba(0,0,0,.5);font-size:14px;top:0;left:0;width:calc(100% - 20px);z-index:1;padding:0 10px}.realtime-patrol__warp .warp-main .video-area .video-list .video-inclass{width:40px;height:40px;background:#005f21;border-radius:8px 0 0 8px;line-height:40px;font-size:20px;position:absolute;top:0;right:0;text-align:center;z-index:1}.realtime-patrol__warp .warp-main .video-area .video-list .video-concentration{position:absolute;right:52px;top:0;z-index:1;color:#fff;line-height:26px;padding:0 9px;border:1px solid #fff;border-radius:4px;margin:6px 0;cursor:pointer}.realtime-patrol__warp .warp-main .video-area .video-list .video-content{font-size:16px;height:100%;width:100%;position:absolute;display:flex;align-items:center;justify-content:center;background:#121212}.realtime-patrol__warp .warp-main .video-area .video-list .el-col{margin-bottom:1px}.realtime-patrol__warp .warp-main .video-area .fullscreen-btn{padding-top:30px;padding-bottom:20px;text-align:right}.realtime-patrol__warp .warp-main .video-area .fullscreen-btn .el-button--default{border:1px solid #4f78ff;color:#4f78ff}.realtime-patrol__warp .warp-main .video-area .fullscreen-btn .icon-patrol-screen-close{cursor:pointer;background-color:rgba(0,0,0,.33);margin-right:20px;border-radius:50%}@media screen and (max-width:1650px){.realtime-patrol__warp .warp-main .warp-filter .filter-item{margin-right:12px}.realtime-patrol__warp .warp-main .warp-filter .filter-item.item-120 .el-select{width:90px}.realtime-patrol__warp .warp-main .warp-filter .filter-item.item-90 .el-select{width:70px}.realtime-patrol__warp .warp-main .warp-filter .filter-item.item-70 .el-select{width:50px}.realtime-patrol__warp .warp-main .warp-filter .filter-item.item-210 .el-input{width:130px}.realtime-patrol__warp .el-input--suffix .el-input__inner{padding-right:10px}.realtime-patrol__warp .el-input--suffix .el-input__suffix{right:0}}