ucservice/dist/ucservice.css

统一通信服务

.video-main{position:absolute;top:0;left:-25px;right:-12px;bottom:-18px}.video-main-full{position:absolute;top:1px;left:1px;right:1px;bottom:1px}.video-main-full>li,.video-main>li{border:1px solid #aaa;float:left;position:relative}.video-main-full>li.loading,.video-main>li.loading{background:#000}.video-main-full>li:hover,.video-main>li:hover{border:1px solid #ffb951}.video-main-full>li.sel,.video-main>li.sel{border:1px solid #ef8601}.video-main-full.mode-1>li,.video-main.mode-1>li{width:98.5%;height:98.5%;list-style:none}.video-main-full.mode-1>li .info,.video-main.mode-1>li .info{font-size:20px;bottom:40px}.video-main-full>li .info-self,.video-main>li .info-self{position:absolute;left:3.8rem;top:.26rem;font-size:1rem;z-index:9;padding:3px 15px 3px;border-radius:3px;background-color:#6495ed;display:none!important}.video-main-full>li .compere-icon,.video-main>li .compere-icon{display:none}.video-main-full>li.loading .compere-icon,.video-main-full>li.loading .info-self,.video-main>li.loading .compere-icon,.video-main>li.loading .info-self{display:inline-block!important}.video-main.mode-4>li{width:49%;height:49%;list-style:none}.video-main.mode-4>li .info{font-size:18px;bottom:20px}.video-main.mode-6>li{width:33.33%;height:33.33%}.video-main.mode-6>li .info{font-size:14px;bottom:13px}.video-main.mode-6 .screen-1{width:66.66%;height:66.65%}.video-main.mode-6 .screen-1 .info{font-size:18px;bottom:30px}.video-main.mode-9>li{width:32.5%;height:32.5%;list-style:none}.video-main.mode-9>li .info{font-size:12px;bottom:14px}.video-main.mode-16>li{width:24.5%;height:24.5%;list-style:none}.video-main.mode-16>li .info{font-size:8px;bottom:10px}.video-box{-o-object-fit:fill;object-fit:fill;display:none;width:100%;height:100%}.video-main .video-box.scale-scene{-o-object-fit:fill!important;object-fit:fill!important}.video-main.mode-4 .close-btn{width:1.1rem;height:1.1rem}.video-main.mode-9 .close-btn{width:.95rem;height:.95rem}.video-main.mode-16 .close-btn{width:.85rem;height:.85rem}.video-main.mode-4 .autoscreen-btn,.video-main.mode-4 .fullscreen-btn{width:1.1rem;height:1.1rem}.video-main.mode-4 .autoscreen-btn,.video-main.mode-9 .fullscreen-btn{width:.95rem;height:.95rem}.video-main.mode-4 .autoscreen-btn,.video-main.mode-16 .fullscreen-btn{width:.85rem;height:.85rem}.video-main.mode-4 .recv-audio-btn{bottom:-4px;right:1.8rem;width:2.5rem;height:2.5rem}.video-main.mode-9 .recv-audio-btn{bottom:-3px;right:1.6rem;width:2.2rem;height:2.2rem}.video-main.mode-16 .recv-audio-btn{bottom:-2px;right:1.4rem;width:2rem;height:2rem}.video-main.mode-4 .unrecv-audio-btn{bottom:-4px;right:1.8rem;width:2.5rem;height:2.5rem}.video-main.mode-9 .unrecv-audio-btn{bottom:-3px;right:1.6rem;width:2.2rem;height:2.2rem}.video-main.mode-16 .unrecv-audio-btn{bottom:-2px;right:1.4rem;width:2rem;height:2rem}.video-main.mode-4 .rotate-btn{bottom:3px;right:4.8rem;width:1.5rem;height:1.5rem}.video-main.mode-9 .rotate-btn{bottom:3px;right:4.2rem;width:1.42rem;height:1.42rem}.video-main.mode-16 .rotate-btn{bottom:3px;right:3.7rem;width:1.3rem;height:1.3rem}.video-main.mode-4 .scale-btn{bottom:7px;right:7.5rem;width:1rem;height:1rem}.video-main.mode-9 .scale-btn{bottom:6px;right:7rem;width:.9rem;height:.9rem}.video-main.mode-16 .scale-btn{bottom:7px;right:6rem;width:.8rem;height:.8rem}.video-main.mode-9 .stream-loading{width:11.4rem;height:2.1rem;line-height:2.1rem;font-size:15px;background-size:15px}.video-main.mode-16 .stream-loading{width:9.3rem;height:2.1rem;line-height:2.1rem;font-size:14px;background-size:14px;margin-left:5.7rem}.video-main.mode-16 .real-result,.video-main.mode-16 .result{font-size:12px}.stream-loading{width:14rem;height:2.1rem;line-height:2.1rem;position:absolute;top:50%;left:50%;margin-top:-1rem;margin-left:-7.1rem;color:#fff;font-size:1.14rem;padding-left:2.1rem}.info{color:#fff;left:10px;width:67%}.info,.operate-btn{position:absolute;float:left;z-index:1}.operate-btn{width:100%;height:1.5rem;right:1px;bottom:2px;cursor:pointer}.send-audio-btn,.unsend-audio-btn{bottom:-8px;right:70px;width:3rem;height:3rem}.rotate-btn,.send-audio-btn,.unsend-audio-btn{position:absolute;border:0;float:left;background-size:100% 100%;background-color:transparent}.rotate-btn{bottom:1px;right:6.07rem;width:1.75rem;height:1.75rem}.rotate-btn.bggray,.scale-btn.bggray{filter:contrast(.5)}.scale-btn{position:absolute;bottom:5px;right:9.5rem;border:0;width:1.25rem;height:1.25rem;float:left;background-size:100% 100%;background-color:transparent}.recv-audio-btn,.unrecv-audio-btn{position:absolute;bottom:-8px;right:30px;border:0;width:3rem;height:3rem;float:left;background-size:100% 100%;background-color:transparent}.autoscreen-btn,.fullscreen-btn{right:calc(100% - 2.5rem);width:1.35rem;height:1.35rem}.autoscreen-btn,.close-btn,.fullscreen-btn{position:absolute;bottom:5px;border:0;background-size:100% 100%;background-color:transparent}.close-btn{right:5px;width:1.25rem;height:1.25rem;float:left}.operation{position:absolute;width:100%;height:12%;bottom:0;background:rgba(0,0,0,.3);color:#fff}.hide{display:none}