.teamroom[data-v-35eb66e8]{width:1100px;margin:0 auto;height:100%;display:flex;flex-flow:column nowrap;background:#303237}.topdata[data-v-35eb66e8]{display:flex;align-items:center;height:80px;padding:0 10px}.topdata .avatar[data-v-35eb66e8]{width:54px;height:54px;border-radius:50%;overflow:hidden;margin-right:16px}.topdata .avatar img[data-v-35eb66e8]{width:100%;height:100%;display:block}.topdata .roomdata[data-v-35eb66e8]{flex:1;margin-right:16px}.topdata .roomdata .roomname[data-v-35eb66e8]{font-size:14px;color:#fff;margin-bottom:5px}.topdata .roomdata .roomname span[data-v-35eb66e8]{color:#9c9c9c;font-size:12px;margin-left:10px}.topdata .roomdata .host[data-v-35eb66e8]{display:flex;align-items:center}.topdata .roomdata .host .hosttag[data-v-35eb66e8]{display:flex;align-items:center;height:20px;background:#444546;margin-right:10px;padding:0 10px;border-radius:10px}.topdata .roomdata .host .hosttag img[data-v-35eb66e8]{display:block;margin-right:5px;width:11px}.topdata .roomdata .host .hosttag span[data-v-35eb66e8]{font-size:12px;color:#fff;line-height:12px}.topdata .roomdata .host .hostname[data-v-35eb66e8]{font-size:12px;color:#fff;margin-right:10px}.topdata .roomdata .host .usermath[data-v-35eb66e8]{font-size:12px;color:#9c9c9c}.topdata .operate[data-v-35eb66e8]{overflow:hidden}.topdata .operate .addpartner[data-v-35eb66e8]{margin-bottom:5px}.topdata .operate .addpartner button[data-v-35eb66e8]{height:26px;border-radius:13px;background:#25282c;color:#9c9c9c;font-size:12px;padding:0 10px;line-height:26px;cursor:pointer;border:0;outline:none}.topdata .operate .joinganme[data-v-35eb66e8]{display:flex;justify-content:flex-end}.topdata .operate .joinganme button[data-v-35eb66e8]{width:80px;height:30px;color:#fff;border-radius:6px;cursor:pointer;border:0;outline:none;font-size:12px;display:flex;align-items:center;justify-content:center}.topdata .operate .joinganme .appling[data-v-35eb66e8],.topdata .operate .joinganme .joinbtn[data-v-35eb66e8]{background:#0076f5}.topdata .operate .joinganme .appling span[data-v-35eb66e8]{font-size:12px;color:#fff;margin-right:5px}.topdata .operate .joinganme .appling img[data-v-35eb66e8]{width:14px;display:block;-webkit-animation:roll 2s linear infinite}.topdata .operate .joinganme .reject[data-v-35eb66e8]{background:#de2b2b}.topdata .operate .joinganme .startbtn[data-v-35eb66e8]{background:#009f1a}.roommain[data-v-35eb66e8]{flex-grow:1;height:10px;padding:0 10px;box-sizing:border-box;padding-bottom:10px;display:flex}.roommain .viwebox[data-v-35eb66e8]{height:100%;display:flex;flex-flow:column nowrap;flex:1;min-width:0;margin-right:10px}.roommain .viwebox .view[data-v-35eb66e8]{flex-grow:1;height:10px;background:#25282c;margin-bottom:10px;position:relative}.roommain .viwebox .view .el-image[data-v-35eb66e8]{width:100%;height:100%}.roommain .viwebox .member[data-v-35eb66e8]{background:#25282c;padding:10px 5px;display:flex;box-sizing:border-box}.roommain .viwebox .member .item[data-v-35eb66e8]{width:25%;padding:0 5px;height:108px;box-sizing:border-box}.roommain .viwebox .member .item .itemcontant[data-v-35eb66e8]{background:#303237;border-radius:6px;box-sizing:border-box;padding:0 15px;height:100%;padding-top:15px;position:relative}.roommain .viwebox .member .item .itemcontant .playerdata[data-v-35eb66e8]{display:flex;align-items:center;margin-bottom:15px;width:100%}.roommain .viwebox .member .item .itemcontant .playerdata .avatar[data-v-35eb66e8]{width:45px;height:45px;overflow:hidden;border-radius:50%;margin-right:10px}.roommain .viwebox .member .item .itemcontant .playerdata .avatar img[data-v-35eb66e8]{width:100%;height:100%;display:block}.roommain .viwebox .member .item .itemcontant .playerdata .playertext[data-v-35eb66e8]{flex:1;min-width:0}.roommain .viwebox .member .item .itemcontant .playerdata .playertext .name[data-v-35eb66e8]{font-size:12px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:12px;line-height:12px;margin-bottom:10px}.roommain .viwebox .member .item .itemcontant .playerdata .playertext .tag[data-v-35eb66e8]{display:flex;align-items:center;justify-content:center;height:20px;background:#444546;margin-right:10px;width:60px;border-radius:10px;color:#9c9c9c;font-size:12px}.roommain .viwebox .member .item .itemcontant .playerdata .playertext .tag img[data-v-35eb66e8]{display:block;margin-right:5px;width:11px}.roommain .viwebox .member .item .itemcontant .playerdata .playertext .tag span[data-v-35eb66e8]{font-size:12px;color:#fff;line-height:12px}.roommain .viwebox .member .item .itemcontant .operatetag[data-v-35eb66e8]{display:flex;height:25px}.roommain .viwebox .member .item .itemcontant .operatetag button[data-v-35eb66e8]{margin-right:10px;width:20px;display:block;height:20px;background:none;outline:none}.roommain .viwebox .member .item .itemcontant .operatetag button img[data-v-35eb66e8]{width:100%;display:block}.roommain .viwebox .member .item .itemcontant .playerset[data-v-35eb66e8]{position:absolute;right:10px;top:10px}.roommain .viwebox .member .item .itemcontant .playerset button[data-v-35eb66e8]{background:none;outline:none;cursor:pointer}.roommain .viwebox .member .item .nonebox[data-v-35eb66e8]{display:flex;align-items:center;justify-content:center;background:#303237;border-radius:6px;width:100%;height:100%;flex-flow:column nowrap}.roommain .viwebox .member .item .nonebox .pic[data-v-35eb66e8]{margin:0 auto;margin-bottom:10px}.roommain .viwebox .member .item .nonebox .pic img[data-v-35eb66e8]{display:block}.roommain .viwebox .member .item .nonebox .text[data-v-35eb66e8]{font-size:14px;color:#9c9c9c}.roommain .talkbox[data-v-35eb66e8]{height:100%;display:flex;flex-flow:column nowrap;width:272px;background:#25282c}.roommain .talkbox .roomplayers[data-v-35eb66e8]{background:#303237;box-sizing:border-box;padding:10px}.roommain .talkbox .roomplayers .title[data-v-35eb66e8]{font-size:14px;color:#fff;height:14px;margin-bottom:15px}.roommain .talkbox .roomplayers .title span[data-v-35eb66e8]{font-size:12px;color:#9c9c9c}.roommain .talkbox .roomplayers .playerlist[data-v-35eb66e8]{height:auto;overflow:hidden;max-height:0;transition:max-height .4s;-webkit-transition:max-height .4s;padding-right:5px}.roommain .talkbox .roomplayers .playerlist .item[data-v-35eb66e8]{display:flex;align-items:center;margin-bottom:5px}.roommain .talkbox .roomplayers .playerlist .item .avatar[data-v-35eb66e8]{width:24px;height:24px;border-radius:50%;overflow:hidden;margin-right:10px}.roommain .talkbox .roomplayers .playerlist .item .avatar img[data-v-35eb66e8]{width:100%;height:100%;display:block}.roommain .talkbox .roomplayers .playerlist .item .name[data-v-35eb66e8]{flex:1;min-width:0;margin-right:10px;font-size:14px;color:#fff}.roommain .talkbox .roomplayers .playerlist .item button[data-v-35eb66e8]{cursor:pointer;background:none;outline:none}.roommain .talkbox .roomplayers .playerlist .item[data-v-35eb66e8]:last-of-type{margin-bottom:0}.roommain .talkbox .roomplayers:hover .playerlist[data-v-35eb66e8]{height:auto;overflow-y:auto;max-height:120px}.roommain .talkbox .talkin[data-v-35eb66e8]{padding:10px;box-sizing:border-box;flex-grow:1;height:10px;overflow-y:auto;display:flex;flex-direction:column-reverse}.roommain .talkbox .talkin .talkitem[data-v-35eb66e8]{overflow:hidden;margin-bottom:10px}.roommain .talkbox .talkin .userinto[data-v-35eb66e8]{padding:10px 15px;background:#1a4069;color:#fff;font-size:14px;border-radius:20px;box-sizing:border-box;display:inline-block;width:auto}.roommain .talkbox .talkin .msgbar[data-v-35eb66e8]{padding:10px 15px;background:#303237;border-radius:20px;box-sizing:border-box;display:inline-flex;width:auto;max-width:80%;align-items:flex-start}.roommain .talkbox .talkin .msgbar .userid[data-v-35eb66e8]{color:#8f919a;font-size:14px;display:flex;align-items:center}.roommain .talkbox .talkin .msgbar .userid img[data-v-35eb66e8]{width:20px;margin-right:5px}.roommain .talkbox .talkin .msgbar .msg[data-v-35eb66e8]{color:#fff;font-size:14px;flex:1;display:flex;align-items:center;flex-wrap:wrap;min-width:0;line-height:20px}.roommain .talkbox .sendbox[data-v-35eb66e8]{display:flex;padding:10px;box-sizing:border-box;background:#2f2f2f}.roommain .talkbox .sendbox .sendinput[data-v-35eb66e8]{border-radius:15px;height:30px;background:#25282c;display:flex;align-items:center;padding:0 10px;margin-right:10px;flex:1;min-width:0;position:relative}.roommain .talkbox .sendbox .sendinput input[data-v-35eb66e8]{font-size:12px;color:#9c9c9c;background:none;border:0;outline:none;flex:1;min-width:0}.roommain .talkbox .sendbox .sendinput button[data-v-35eb66e8]{background:none;border:0;outline:none;width:20px;height:20px;cursor:pointer}.roommain .talkbox .sendbox .sendinput button img[data-v-35eb66e8]{width:100%;height:100%;display:block}.roommain .talkbox .sendbox .send[data-v-35eb66e8]{margin-right:10px;font-size:14px;color:#0076f5;background:none;cursor:pointer;outline:none}.roommain .talkbox .sendbox .giftbtn[data-v-35eb66e8]{width:22px;background:none;cursor:pointer;outline:none}.roommain .talkbox .sendbox .giftbtn img[data-v-35eb66e8]{width:100%;display:block}.applybox[data-v-35eb66e8]{position:fixed;z-index:20;left:50%;top:50%;transform:translate3d(-50%,-50%,0);width:320px;height:140px;background:#303237;border-radius:10px;padding:10px;box-sizing:border-box;display:flex;align-items:center;flex-flow:column nowrap;justify-content:center}.applybox .text[data-v-35eb66e8]{font-size:14px;color:#fff;text-align:center;margin-bottom:20px}.applybox .btn[data-v-35eb66e8]{display:flex;justify-content:center}.applybox .btn button[data-v-35eb66e8]{width:70px;height:30px;border-radius:6px;font-size:12px;color:#fff;cursor:pointer;outline:none;background:#0076f5;margin:0 5px}.applybox .btn .cancer[data-v-35eb66e8]{background:#9c9c9c}.playeroperate[data-v-35eb66e8]{position:fixed;z-index:20;left:50%;top:50%;transform:translate3d(-50%,-50%,0);width:320px;background:#303237;border-radius:10px;padding:20px 10px;box-sizing:border-box}.playeroperate .avatar[data-v-35eb66e8]{width:50px;height:50px;border-radius:50%;overflow:hidden;margin:0 auto;margin-bottom:10px}.playeroperate .avatar img[data-v-35eb66e8]{width:100%;height:100%;display:block}.playeroperate .nikename[data-v-35eb66e8]{font-size:14px;color:#fff;margin-bottom:5px;line-height:14px;text-align:center}.playeroperate .id[data-v-35eb66e8]{font-size:12px;color:#9c9c9c;margin-bottom:5px;text-align:center}.playeroperate .btns[data-v-35eb66e8]{display:flex;justify-content:center}.playeroperate .btns button[data-v-35eb66e8]{width:70px;height:26px;border-radius:6px;outline:none;cursor:pointer;margin:5px;font-size:12px;color:#fff;background:#0076f5}.playeroperate .close[data-v-35eb66e8]{position:absolute;top:-26px;right:-26px;cursor:pointer;width:26px}.playeroperate .close img[data-v-35eb66e8]{width:100%;display:block}.outroom[data-v-35eb66e8]{width:80px;height:30px;color:#fff;border-radius:6px 0 0 6px;text-align:center;line-height:30px;background:#0076f5;cursor:pointer;position:absolute;right:0;bottom:80px}.emojibox[data-v-35eb66e8]{display:flex;flex-wrap:wrap;height:120px;overflow-y:auto;background:#303237;padding:5px;box-sizing:border-box;position:absolute;right:0;left:0;bottom:40px;z-index:20}.emojibox .emojiitem[data-v-35eb66e8]{width:20%;display:flex;align-items:center;justify-content:center}.emojibox .emojiitem img[data-v-35eb66e8]{width:90%;display:block}