.userList .topleft[data-v-448aa670]{position:absolute;left:.625rem;top:.625rem;height:1.875rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 0 .375rem .375rem rgba(0,0,0,.01);background:#37c726;color:#fff;font-size:1rem;padding:0 .5625rem}.userList.showData[data-v-448aa670]{width:16.6875rem;height:calc(100% - 3.75rem);padding:.625rem;padding-right:0;box-sizing:border-box;background:#dee0e3;position:absolute;right:0;top:3.75rem;transition:all .3s;display:flex;flex-direction:column;justify-content:flex-start}.userList.showData.none[data-v-448aa670]{width:0}.userList.showData .swrap[data-v-448aa670]{height:100%}.userList.showData .user-one[data-v-448aa670]{overflow:hidden;width:15.4375rem;height:8.625rem;background:#383d44;margin-bottom:.625rem;position:relative;cursor:pointer;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center}.userList.showData .user-one .user-video[data-v-448aa670]{width:100%;display:block;height:100%;object-fit:cover}.userList.showData .user-one .fullScreen-btn[data-v-448aa670]{display:none}.userList.showData .user-one .user-name[data-v-448aa670]{position:absolute;left:50%;margin-left:-2.1875rem;top:50%;margin-top:-2.1875rem;height:4.375rem;width:4.375rem;background:#f54c47;border-radius:50%;text-align:center;font-size:1.375rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;line-height:4.375rem}.userList.showData .user-one .rightbtn[data-v-448aa670]{overflow:hidden;white-space:nowrap;max-width:90%;text-overflow:ellipsis;font-size:.875rem;cursor:pointer;z-index:10;position:absolute;left:.625rem;bottom:.625rem;height:1.375rem;line-height:1.375rem;padding-right:.375rem;background:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border-radius:.5rem;min-width:6.25rem;box-sizing:border-box}.userList.showData .user-one .rightbtn div[data-v-448aa670]{padding:0 .375rem;padding-bottom:.0625rem;box-sizing:border-box;height:100%;background:#37c726;border-radius:.375rem 0 0 .375rem;font-size:1rem;flex-direction:row;justify-content:center;align-items:center;color:#fff;display:flex}.userList.showData .user-one .rightbtn span[data-v-448aa670]{overflow:hidden;white-space:nowrap;position:relative;top:-.0625rem}.userList.showData .user-one .rightbtn img[data-v-448aa670]{height:1.125rem;width:1.125rem;object-fit:contain;display:block;margin:0 .3125rem;transition:all .25s ease-in-out}.userList.showData .user-one .user-namebox[data-v-448aa670]{z-index:10;position:absolute;left:.625rem;bottom:.625rem;height:1.875rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 0 .375rem .375rem rgba(0,0,0,.01)}.userList.showData .user-one .user-namebox .mic[data-v-448aa670]{height:1.875rem;width:1.875rem;display:flex;flex-direction:row;justify-content:center;align-items:center;background:#494d53}.userList.showData .user-one .user-namebox .mic img[data-v-448aa670]{height:1.25rem;width:1.25rem;object-fit:contain;display:block}.userList.showData .user-one .user-namebox .name[data-v-448aa670]{padding:0 .5625rem;display:flex;flex-direction:row;justify-content:center;align-items:center}.userList.showVideo[data-v-448aa670]{width:100%;height:100%;position:absolute;left:0;top:0;padding:3.75rem 0 0;box-sizing:border-box;z-index:5}.userList.showVideo .swrap[data-v-448aa670]{width:100%;height:100%}.userList.showVideo .swrap[data-v-448aa670] .el-scrollbar__view{display:flex;flex-direction:row;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap;min-height:100%;background:#222}.userList.showVideo .swrap.one .user-one[data-v-448aa670]{position:absolute;top:0;left:0;width:100%;height:100%}.userList.showVideo .swrap.one .user-one .user-name[data-v-448aa670]{height:15.4375rem;width:15.4375rem;font-size:6.875rem;line-height:15.4375rem}.userList.showVideo .swrap.two .user-one[data-v-448aa670]{width:48%;margin:0 1%;margin-top:.625rem;padding-bottom:27%;height:0}.userList.showVideo .swrap.two .user-one .user-video[data-v-448aa670]{position:absolute;top:0;left:0}.userList.showVideo .swrap.two .user-one .user-name[data-v-448aa670]{height:12.5rem;width:12.5rem;font-size:3.75rem;line-height:12.5rem}.userList.showVideo .swrap.three .user-one[data-v-448aa670]{margin-left:.625rem;margin-right:.625rem;margin-top:.625rem;width:40rem;height:22.5rem}.userList.showVideo .swrap.three .user-one .user-name[data-v-448aa670]{height:12.5rem;width:12.5rem;font-size:3.75rem;line-height:12.5rem}.userList.showVideo .swrap.more .user-one[data-v-448aa670]{margin-left:.625rem;margin-right:.625rem;margin-top:.625rem;width:37.5rem;height:21.0625rem}.userList.showVideo .user-one[data-v-448aa670]{overflow:hidden;height:10.625rem;width:18.75rem;background:#383d44;margin-bottom:1.25rem;position:relative;cursor:pointer;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center}.userList.showVideo .user-one .user-video[data-v-448aa670]{width:100%;display:block;height:100%;object-fit:cover}.userList.showVideo .user-one .user-video.contain[data-v-448aa670]{object-fit:contain}.userList.showVideo .user-one .fullScreen-btn[data-v-448aa670]{z-index:10;cursor:pointer;position:absolute;right:1.25rem;top:1.25rem;height:2.5rem;width:2.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center}.userList.showVideo .user-one .fullScreen-btn img[data-v-448aa670]{height:2.5rem;width:2.5rem;display:block}.userList.showVideo .user-one .user-name[data-v-448aa670]{position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;height:4.375rem;width:4.375rem;background:#f54c47;border-radius:50%;text-align:center;font-size:1.375rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;line-height:4.375rem}.userList.showVideo .user-one .rightbtn[data-v-448aa670]{font-size:1rem;cursor:pointer;position:absolute;left:1.25rem;bottom:1.25rem;height:2.375rem;background:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border-radius:.5rem;min-width:6.25rem;box-sizing:border-box}.userList.showVideo .user-one .rightbtn div[data-v-448aa670]{padding-bottom:.0625rem;box-sizing:border-box;height:100%;background:#37c726;border-radius:.375rem 0 0 .375rem;font-size:1rem;flex-direction:row;justify-content:center;align-items:center;color:#fff;display:flex;width:6.25rem!important}.userList.showVideo .user-one .rightbtn img[data-v-448aa670]{height:1.375rem;width:1.375rem;object-fit:contain;display:block;margin:0 .375rem}.userList.showVideo .user-one .rightbtn span[data-v-448aa670]{text-overflow:ellipsis;width:100%;overflow:hidden}.userList.showVideo .user-one .user-namebox[data-v-448aa670]{position:absolute;left:.625rem;bottom:.625rem;height:1.875rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 0 .375rem .375rem rgba(0,0,0,.01)}.userList.showVideo .user-one .user-namebox .mic[data-v-448aa670]{height:1.875rem;width:1.875rem;display:flex;flex-direction:row;justify-content:center;align-items:center;background:#494d53}.userList.showVideo .user-one .user-namebox .mic img[data-v-448aa670]{height:1.25rem;width:1.25rem;object-fit:contain;display:block}.userList.showVideo .user-one .user-namebox .name[data-v-448aa670]{padding:0 .5625rem;display:flex;flex-direction:row;justify-content:center;align-items:center}