.room[data-v-6f5b78ec]{width:100%;height:100%;background:linear-gradient(to top left,#3d494d,#000)}.btngroup[data-v-6f5b78ec]{width:100%;padding:10px;box-sizing:border-box;display:flex;justify-content:space-between;background-color:var(--zColor)}.trtc-h-li[data-v-6f5b78ec]{line-height:40px}.el-footer[data-v-6f5b78ec],.el-header[data-v-6f5b78ec]{background-color:#b3c0d1;color:var(--el-text-color-primary);text-align:center;line-height:60px}.el-footer[data-v-6f5b78ec]{line-height:60px}.el-aside[data-v-6f5b78ec]{background-color:#d3dce6;color:var(--el-text-color-primary);text-align:center}.el-main[data-v-6f5b78ec]{background-color:#e9eef3;color:var(--el-text-color-primary);text-align:center}.el-container[data-v-6f5b78ec]{margin-bottom:40px}.trtc-c-li[data-v-6f5b78ec]{align-items:center}.streamList[data-v-6f5b78ec]{padding:10px;box-sizing:border-box;justify-content:space-between}.remoteVideos[data-v-6f5b78ec]{width:100%;height:calc(100% - 60px);display:flex;flex-wrap:wrap;margin-top:2px;overflow-y:auto}.hat-video[data-v-6f5b78ec]{width:100%;height:100%}.remote[data-v-6f5b78ec]{width:32%;height:47%;margin-right:20px}.remoteVideos-item video[data-v-6f5b78ec]{width:100%;height:100%;border:2px solid var(--btnColor)}.peerPool[data-v-6f5b78ec]{width:400px;height:400px;position:fixed;right:0;bottom:0;border:1px solid grey}.peerPools[data-v-6f5b78ec]{width:100%;height:100%;overflow-y:scroll;display:flex;flex-wrap:wrap}.peerItem[data-v-6f5b78ec]{width:200px;word-break:break-all;height:200px;overflow-y:scroll}.btngroup button[data-v-6f5b78ec]{margin:0 10px}.video[data-v-6f5b78ec]{height:100%;display:flex}.video-box[data-v-6f5b78ec]{width:400px;height:44%;display:flex;justify-content:center;margin-top:2px;margin-right:20px;border:2px solid var(--btnColor)}.icon[data-v-6f5b78ec]{width:25px;height:25px;cursor:pointer}.video-cc[data-v-6f5b78ec]{transform:rotate(90deg)}.localStream[data-v-6f5b78ec]{width:100%;display:flex;justify-content:center;align-items:center}