.control-layout{width:100%;height:100%}.control-layout .yun-control{position:relative;height:160px}.control-layout .control-circle,.control-layout .yun-control{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}.control-layout .control-circle{border-radius:50%}.control-layout .control-circle-outer{width:130px;height:130px;color:#fff;position:relative;background:#252c3c;border:1px solid #656f82}.control-layout .control-circle-outer .triangle{position:absolute;font-size:12px;color:#989fb0;cursor:pointer}.control-layout .control-circle-outer .triangle i{font-size:13px}.control-layout .control-circle-outer .triangle:hover{color:#00cba6}.control-layout .control-circle-outer .triangle.no-triangle{color:#666;cursor:not-allowed}.control-layout .control-circle-outer .triangle-up{top:10px}.control-layout .control-circle-outer .triangle-tl{top:25px;left:25px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.control-layout .control-circle-outer .triangle-rl{top:25px;right:25px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.control-layout .control-circle-outer .triangle-left{left:12px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.control-layout .control-circle-outer .triangle-bl{left:25px;bottom:25px}.control-layout .control-circle-outer .triangle-bottom{bottom:10px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.control-layout .control-circle-outer .triangle-brl{right:25px;bottom:25px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.control-layout .control-circle-outer .triangle-right{right:12px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.control-layout .control-circle-outer .control-circle-inner{width:45px;height:45px;background:-webkit-gradient(linear,left bottom,left top,from(#363e50),to(#989fb0));background:linear-gradient(0deg,#363e50,#989fb0);-webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,.28);box-shadow:0 3px 6px 0 rgba(0,0,0,.28);margin:3px}.control-layout .volPrcent{height:120px;margin-left:15px}.control-layout .yun-tool{height:40px;color:#fff;border-top:1px solid #000}.control-layout .yun-tool>div i{margin:0 10px;cursor:pointer}.control-layout .yun-tool>div.no-isFocus i{color:#888;cursor:not-allowed}.font20{font-size:20px}.video_box[data-v-7aab2f0a]{position:relative;width:100%;height:100%}.video_box .player[data-v-7aab2f0a]{width:100%;height:100%}.video_box video[data-v-7aab2f0a]{width:100%;height:100%;display:block;-o-object-fit:fill;object-fit:fill}.video_box .snap-btn[data-v-7aab2f0a]{display:none;position:absolute;font-size:13px;top:10px;right:10px;padding:5px 10px;border-radius:10px;cursor:pointer;background:#353a40}.video_box:hover .snap-btn[data-v-7aab2f0a]{display:block}.vjs-tech[data-v-7aab2f0a]{pointer-events:none}.monitor-wall-layout .wall-left{width:300px;background:#171b26}.monitor-wall-layout .wall-left .control-box{height:240px;background:#161a1e}.monitor-wall-layout .wall-left .control-box .content{height:calc(100% - 40px);-webkit-box-sizing:border-box;box-sizing:border-box}.monitor-wall-layout .wall-title{height:40px;padding:0 15px;line-height:40px;background:#21242b;color:#fff;opacity:.5;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box}.monitor-wall-layout .list-box{overflow-y:auto}.monitor-wall-layout .list-box .item{cursor:pointer;color:#fff;font-weight:400}.monitor-wall-layout .list-box .item i{color:#0687ee;padding-right:8px}.monitor-wall-layout .list-box .item .monitor{margin-bottom:5px}.monitor-wall-layout .list-box .item .monitor:last-child{margin-bottom:0}.monitor-wall-layout .device-active{color:#0687ee}.monitor-wall-layout .wall-right{width:calc(100% - 300px)}.full-monitor-wall .cell-content{height:calc(100% + 10px);margin-top:-10px}.cell-controll{padding:10px;padding-bottom:0}.cell-controll .btn{height:32px;min-width:90px;text-align:center;line-height:30px;border-radius:5px;border:1px solid #007bee;background:#fff;color:#0c82f0;cursor:pointer;margin-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.cell-controll .btn:last-child{margin-right:0}.cell-controll .btn-active,.cell-controll .btn:hover{background:#007bee;color:#fff}.cell-content{width:100%;height:calc(100% - 42px)}.cell-content,.wall-cell{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.wall-cell{background:#353a40;color:#fff;font-size:20px;margin-top:10px;margin-left:10px;-webkit-transition:all .5s;transition:all .5s;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;border:1px solid #000}.wall-cell .cell-vedio{width:100%;height:100%}.active-cell{border-color:#53e3a6;border-color:red;-webkit-box-shadow:2px -2px 8px 2px rgba(255,0,0,.5);box-shadow:2px -2px 8px 2px rgba(255,0,0,.5)}.single-cell{width:calc(100% - 10px);height:calc(100% - 10px)}.quare-cell{width:calc(50% - 10px);height:calc(50% - 10px)}.nine-cell{width:calc(33.33333% - 10px);height:calc(33.33333% - 10px)}.sixten-cell{width:calc(25% - 10px);height:calc(25% - 10px)}.no-sign{width:100%;height:100%;background:#424242}.no-sign img{width:25%}.monitor-wall-layout .swipperBoxMain .swiper-button-white{width:26px;height:90px;font-size:14px;text-align:center;background-color:rgba(0,123,238,.5)}.monitor-wall-layout .swipperBoxMain .swiper-button-white:hover{background-color:#007bee}.monitor-wall-layout .swipperBoxMain .swiper-button-next{right:5px}.monitor-wall-layout .swipperBoxMain .swiper-button-next:after,.monitor-wall-layout .swipperBoxMain .swiper-button-prev:after,.monitor-wall-layout .swipperBoxMain .swiper-container-rtl .swiper-button-next:after,.monitor-wall-layout .swipperBoxMain .swiper-container-rtl .swiper-button-prev:after{font-size:20px}.monitor-wall-layout .carouselItem .itemInfo{width:94%;margin:0 auto}.tabTit{text-align:center;font-size:14px;font-family:PingFang SC;font-weight:400;color:#818181;line-height:25px}.tabTit span{opacity:.6}.tabTit span:hover{cursor:pointer}.tabTit span.activeSpan{color:#01caa6;opacity:1}.yun-chat,.yun-control{height:calc(100% - 25px)}.chatFooter{width:100%;height:100%;position:relative;padding:0 6px}.chatFooter .baseStyle{text-align:center;width:100%;line-height:20px;font-size:12px;border-radius:8px}.chatFooter .baseStyle.loadDoing{color:#00b4ff;background-color:rgba(0,180,255,.1)}.chatFooter .baseStyle.loadFalse{color:#ff9000;background-color:rgba(255,144,0,.1)}.chatFooter .baseStyle.loadTrue{color:#01caa6;background-color:rgba(1,202,166,.1)}.chatFooter .btnBox{margin-top:8px}.chatFooter .btnBox .cancel{background-color:hsla(0,0%,60.4%,.1);height:24px;padding:0 7px;font-size:14px;line-height:24px;border-radius:3px}.chatFooter .btnBox .cancel:hover{cursor:pointer}.chatFooter .msgInfo{width:100%;text-align:center;position:relative;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.chatFooter .msgInfo .baseCirce{display:inline-block;margin:0 auto;border-radius:50%}.chatFooter .msgInfo .bigCirce{width:130px;height:130px;background:rgba(1,202,166,.1)}.chatFooter .msgInfo .bigCirce .normalCirce{width:110px;height:110px;margin-top:10px;background:rgba(1,202,166,.2)}.chatFooter .msgInfo .bigCirce .normalCirce .smallCirce{width:90px;height:90px;margin-top:10px;background:#01caa6;color:#fff;font-size:50px;font-weight:700;line-height:90px;text-align:center}.chatFooter .msgInfo .bigCirce .normalCirce .smallCirce:hover{cursor:pointer}