.cameras .img-no-camera img{width:5rem!important;height:5rem!important}body,html{background:rgba(0,0,0,.7)}.el-message{min-width:13.125rem}.el-notification{width:13.125rem}.stream[data-v-a89edc30]{position:absolute;top:10px;right:10%}.stream .local-stream[data-v-a89edc30]{width:31.25rem;height:18.75rem;transform:none}.stream .remote-stream[data-v-a89edc30]{width:31.25rem;height:18.75rem}.cameras[data-v-a89edc30]{position:absolute;z-index:35}.cameras .camera-list[data-v-a89edc30]{display:flex;overflow-x:auto;z-index:28;position:relative}.cameras .toggle-bar[data-v-a89edc30]{position:absolute;width:100%;height:100%;background:#fff;box-shadow:0 3px 8px 0 rgba(0,0,0,.05)}.cameras .toggle-bar[data-v-a89edc30]:after{position:absolute;display:block;content:"";width:3.75rem;height:5px;background:#d0d0d0;border:1px solid #eee;border-radius:4px}.cameras .camera-item[data-v-a89edc30]{width:15rem;height:8.4375rem;flex-shrink:0;margin-right:1px;margin-top:2px;position:relative}.cameras .camera-item .camera-video[data-v-a89edc30]{width:100%;height:100%;background:#5f9ea0}.cameras .camera-item .camera-video[data-v-a89edc30] .camera-card{height:100%}.cameras .camera-item[data-v-a89edc30] .local_video video{transform:rotateY(0deg)!important}.cameras .camera-item .img-no-camera[data-v-a89edc30]{width:100%;height:100%;padding-top:10px;text-align:center;background:#fff;box-sizing:border-box}.camera-grid-layout[data-v-a89edc30]{position:fixed;top:0;left:0;z-index:35;width:100%;height:100%;background-color:rgba(0,0,0,.9)}.camera-grid-layout .camera-grid[data-v-a89edc30]{position:relative;width:100vw;height:100vh;background-color:rgba(0,0,0,.9)}.camera-grid-layout .camera-grid .camera-item[data-v-a89edc30]{box-sizing:border-box;box-shadow:inset 0 0 4px 0 rgba(67,180,152,.8)}.camera-grid-layout .camera-grid .camera-item .camera-video[data-v-a89edc30],.camera-grid-layout .camera-grid .camera-item .camera-video[data-v-a89edc30] .camera-card{width:100%;height:100%}.camera-grid-layout .camera-grid .camera-item .camera-video[data-v-a89edc30] video{width:100%;height:100%;object-fit:scale-down;transform:rotateY(0deg)!important}.camera-grid-layout .camera-grid .camera-item .img-no-camera[data-v-a89edc30]{padding-top:30%;box-sizing:border-box;text-align:center}.camera-grid-layout .camera-grid .camera-item .icon_microphone_not[data-v-a89edc30]{color:#aaa}.camera-grid-layout .camera-grid .camera-item .info-tool-bar[data-v-a89edc30]{width:calc(100% - 10px);position:absolute;bottom:10px;left:10px;right:0;display:flex;justify-content:space-between;color:#fff}.camera-grid-layout .camera-grid .camera-item .info-tool-bar .name[data-v-a89edc30]{height:1.5rem;line-height:1.5rem;padding:0 .75rem 0;font-size:.75rem;background:rgba(0,0,0,.5);border-radius:.75rem;box-sizing:border-box}.camera-grid-layout .camera-grid .camera-item .info-tool-bar .limits[data-v-a89edc30]{display:flex;justify-content:space-between;width:4.375rem}.camera-grid-layout .camera-grid .camera-item .info-tool-bar .limits .iconfont[data-v-a89edc30]{display:inline-block;width:1.5rem;height:1.5rem;line-height:1.5rem;margin-right:10px;font-size:.9375rem;text-align:center;background:rgba(0,0,0,.5);border-radius:.75rem;cursor:pointer}.camera-grid-layout .camera-grid .camera-item .info-tool-bar .limits .volume[data-v-a89edc30]{position:relative}.camera-grid-layout .camera-grid .camera-item .info-tool-bar .limits .volume .icon_microphone[data-v-a89edc30]{position:absolute;overflow:hidden;color:#42b983}.camera-grid-layout .camera-grid .camera-item .info-tool-bar .limits .volume .icon-float[data-v-a89edc30]{color:#fff;background:transparent;z-index:1}.camera-grid-layout .camera-grid .camera-grid-item[data-v-a89edc30]{position:absolute}.camera-grid-layout .camera-grid-right[data-v-a89edc30]{position:absolute;top:3.5rem;right:0;width:15rem;height:calc(100vh - 3.5rem);background-color:rgba(0,0,0,.9);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;outline:1px solid rgba(67,180,152,.9)}.camera-grid-layout .camera-grid-right .camera-item[data-v-a89edc30]{width:15rem;height:8.4375rem;flex-shrink:0;position:relative}.camera-grid-layout .camera-grid-right .camera-item .img-no-camera[data-v-a89edc30]{padding-top:15%;box-sizing:border-box;text-align:center}.camera-grid-layout .grid-operate[data-v-a89edc30]{position:absolute;bottom:3.125rem;right:10px}.play_pause[data-v-a89edc30]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.play_pause .iconfont[data-v-a89edc30]{font-size:1.875rem}.info-tool-bar[data-v-a89edc30]{width:calc(100% - 10px);position:absolute;z-index:2;bottom:10px;left:10px;right:0;display:flex;justify-content:space-between;color:#fff}.info-tool-bar .name[data-v-a89edc30]{height:1.5rem;line-height:1.5rem;padding:0 .75rem 0;font-size:.75rem;background:rgba(0,0,0,.5);border-radius:.75rem;box-sizing:border-box}.info-tool-bar .limits[data-v-a89edc30]{display:flex;justify-content:space-between;width:4.375rem;margin:0 8px}.info-tool-bar .limits .iconfont[data-v-a89edc30]{display:inline-block;cursor:pointer;padding:2px 5px;box-sizing:border-box;width:1.875rem;height:1.625rem;line-height:1.625rem;font-size:1.0625rem;text-align:center;background:rgba(0,0,0,.5);border-radius:.75rem}.info-tool-bar .limits .volume[data-v-a89edc30]{position:relative}.info-tool-bar .limits .volume .icon_microphone[data-v-a89edc30]{position:absolute;overflow:hidden;color:#42b983}.info-tool-bar .limits .volume .icon-float[data-v-a89edc30]{color:#fff;background:transparent;z-index:1}.volume-active[data-v-a89edc30]:after,.volume-active[data-v-a89edc30]:before{content:"";position:absolute;width:25%;height:25%;transition:.3s ease-in-out}.volume-active[data-v-a89edc30]:before{top:0;right:0;border-top:2px solid #43b498;border-right:3px solid #43b498;z-index:1}.volume-active[data-v-a89edc30]:after{left:0;bottom:0;border-bottom:2px solid #43b498;border-left:3px solid #43b498}.volume-active .camera-video[data-v-a89edc30]{position:relative}.volume-active .camera-video[data-v-a89edc30]:after,.volume-active .camera-video[data-v-a89edc30]:before{content:"";position:absolute;width:25%;height:25%;transition:.3s ease-in-out}.volume-active .camera-video[data-v-a89edc30]:before{top:0;left:0;border-top:2px solid #43b498;border-left:3px solid #43b498;z-index:1}.volume-active .camera-video[data-v-a89edc30]:after{right:0;bottom:0;border-bottom:2px solid #43b498;border-right:3px solid #43b498}.pop-call[data-v-a89edc30]{position:fixed;top:0;right:0;width:3.75rem;height:4.5rem;color:#43b498;background:#fff;border:1px solid #eee;box-shadow:0 3px 8px 0 rgba(0,0,0,.05);border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:36;box-sizing:border-box}.pop-call .icon_tel[data-v-a89edc30]{font-size:1.5rem}.pop-call .time[data-v-a89edc30]{margin-top:7px}.share-desk[data-v-a89edc30]{position:absolute;z-index:34;width:100%;height:100%;top:0;left:0;text-align:center;background-color:rgba(0,0,0,.85)}.share-desk .share-video[data-v-a89edc30]{width:100%;height:100%;align-items:center;justify-content:center;display:flex}.share-desk .share-video[data-v-a89edc30] .camera-card{height:100%}.share-desk .info-tool-bar[data-v-a89edc30]{width:calc(100% - 10px);position:absolute;bottom:10px;left:10px;right:0;display:flex;justify-content:space-between;color:#fff}.share-desk .info-tool-bar .name[data-v-a89edc30]{height:1.5rem;line-height:1.5rem;padding:0 .75rem 0;font-size:.75rem;background:rgba(0,0,0,.5);border-radius:.75rem;box-sizing:border-box}.share-grid[data-v-a89edc30]{z-index:35}.share-left[data-v-a89edc30]{width:calc(100% - 15rem)}.operate_icon[data-v-a89edc30]{position:absolute;top:50%;transform:translateY(-50%);right:0;z-index:36}.operate_icon .el-icon-s-fold[data-v-a89edc30],.operate_icon .el-icon-s-unfold[data-v-a89edc30]{color:#fff;position:absolute;right:0;margin-top:-1.25rem;margin-left:-1.25rem;cursor:pointer;font-size:1.25rem;background-color:rgba(0,0,0,.5);width:2.5rem;height:2.5rem;text-align:center;line-height:2.5rem;border-radius:1.25rem}.operate_icon .el-icon-s-unfold[data-v-a89edc30]{right:13.75rem}.cameras[data-v-a89edc30]{top:0;left:50%;transform:translateX(-50%);padding:0 0 1.5rem}.cameras .camera-item.active[data-v-a89edc30]{position:fixed;top:0;left:50%;transform:translate(-50%);transition:all .3s}.cameras .camera-item.under[data-v-a89edc30]{margin-top:8.625rem}.cameras .camera-item.underTop[data-v-a89edc30]{margin-top:9.125rem}.cameras .toggle-bar[data-v-a89edc30]:after{left:50%;transform:translateX(-50%);bottom:7px}.camera-star[data-v-a89edc30]{width:0;height:8.4375rem}.gray[data-v-a89edc30]{color:#999}