.bg[data-v-46348484]{height:100%;width:100%;background:url(../img/bg1.7010cbf8.jpg) no-repeat;background-size:cover;background:linear-gradient(to right bottom,#242d68,#74607c,#c79d91)}.Room[data-v-46348484]{width:900px;height:500px;margin:50px auto;display:flex}.Room .room-left[data-v-46348484]{background-color:#474574;padding-left:5px;padding-right:5px;display:flex;flex-direction:column;align-items:center;padding-top:10px}.Room .room-left .icon-liaotianqingqiu[data-v-46348484],.Room .room-left .icon-yonghu[data-v-46348484]{font-size:24px;padding-top:10px;cursor:pointer}.Room .room-left .active[data-v-46348484]{color:#ecf0f1}.Room .room-left img[data-v-46348484]{width:40px}.Room .room-center[data-v-46348484]{width:220px;background-color:#eeeae8;color:#000;display:flex;flex-direction:column}.Room .room-center .center-h[data-v-46348484]{padding:9.6px 10px;height:20px;border-bottom:1px solid #e7e7e7;box-shadow:1px 1px 1px hsla(0,0%,89.8%,.5490196078);display:flex;align-items:center}.Room .room-center .center-h img[data-v-46348484]{width:50px;height:50px}.Room .room-center .center-b[data-v-46348484]{flex:1;max-height:460px;width:220px;overflow:auto}.Room .room-center .center-b .user-item-name[data-v-46348484]{padding:5px 10px;height:40px;display:flex;align-items:center;border-bottom:1px solid #e7e7e7;box-shadow:1px 1px 1px #2980b9;font-size:17px}.Room .room-center .center-b .user-item[data-v-46348484]{padding:5px 10px;height:40px;display:flex;position:relative}.Room .room-center .center-b .user-item[data-v-46348484]:hover{background-color:#d8d7d7}.Room .room-center .center-b .user-item img[data-v-46348484]{width:40px;height:40px}.Room .room-center .center-b .user-item span[data-v-46348484]{margin-left:5px;white-space:nowrap;margin-top:5px}.Room .room-center .center-b .user-item div[data-v-46348484]{position:absolute;padding:0 4px 1px 4px;background-color:#d9001b;top:50%;transform:translateY(-50%);right:6px;color:#fff;border-radius:10px;font-size:2px}.Room .room-center .center-b .user-item p[data-v-46348484]{position:absolute;white-space:nowrap;bottom:5px;left:33px;text-overflow:ellipsis;font-size:12px;transform:scale(.75);overflow:hidden;text-align:left;width:200px;cursor:pointer}.Room .room-center .center-b .active_li[data-v-46348484]{background:#c4c4c5}.Room .room-center .center-b .gray[data-v-46348484]{-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}.Room .room-right[data-v-46348484]{flex:1;background-color:#f6f6f6;display:flex;flex-direction:column}.Room .room-right .name[data-v-46348484]{display:flex;justify-content:center;line-height:40px;font-size:16px;border-bottom:1px solid #e7e7e7}.Room .room-right .chatcontent[data-v-46348484]{height:300px}.Room .room-right .chatcontent .join[data-v-46348484]{text-align:center;color:#f5f5f5;overflow:auto;height:300px}.Room .room-right .chatcontent .join li[data-v-46348484]{padding:10px}.Room .room-right .chatcontent .my-message[data-v-46348484]{display:flex;justify-content:flex-end}.Room .room-right .chatcontent .my-message div[data-v-46348484]{display:flex;position:relative}.Room .room-right .chatcontent .my-message div[data-v-46348484]:after{content:"";right:38px;top:50%;transform:translateY(-50%);position:absolute;border-left:6px solid #9eea6a;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid transparent}.Room .room-right .chatcontent .my-message div .file[data-v-46348484]{max-width:330px;max-height:170px;margin-right:10px;cursor:pointer}.Room .room-right .chatcontent .my-message div .avatar[data-v-46348484]{width:40px;height:40px}.Room .room-right .chatcontent .my-message div span[data-v-46348484]{box-sizing:border-box;display:inline-block;border-radius:5px;line-height:32px;background-color:#9eea6a;color:#000;padding:5px;margin-right:10px;min-width:40px;max-width:500px;word-break:break-all;text-align:left;overflow:hidden}.Room .room-right .chatcontent .my-message div i[data-v-46348484]{position:absolute;left:-20px;color:#000;font-size:16px;top:35%}.Room .room-right .chatcontent .other-message[data-v-46348484]{position:relative;display:flex;justify-content:flex-start}.Room .room-right .chatcontent .other-message div[data-v-46348484]{display:flex;position:relative}.Room .room-right .chatcontent .other-message div[data-v-46348484]:before{content:"";left:40px;top:55%;transform:translateY(-50%);position:absolute;border-left:5px solid transparent;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #ccc}.Room .room-right .chatcontent .other-message div .file[data-v-46348484]{max-width:330px;max-height:170px;margin-top:14px;margin-left:10px;cursor:pointer}.Room .room-right .chatcontent .other-message div .avatar[data-v-46348484]{width:40px;height:40px}.Room .room-right .chatcontent .other-message div .username[data-v-46348484]{position:absolute;left:45px;top:-5px;font-size:13px;color:#b2b2b2;white-space:nowrap}.Room .room-right .chatcontent .other-message div .content[data-v-46348484]{margin-top:12px;box-sizing:border-box;display:inline-block;border-radius:5px;line-height:32px;background-color:#fff;color:#000;padding:5px;margin-left:10px;border:1px solid #ccc;min-width:40px;max-width:500px;word-break:break-all;text-align:left;overflow:hidden}.Room .room-right .sendMessage[data-v-46348484]{position:relative;flex:1;background-color:#fff;padding-left:10px}.Room .room-right .sendMessage .icon[data-v-46348484]{height:25px;padding-top:6px;display:flex}.Room .room-right .sendMessage .icon .icon-jietu[data-v-46348484],.Room .room-right .sendMessage .icon .icon-smile[data-v-46348484],.Room .room-right .sendMessage .icon .icon-wenjianjia[data-v-46348484]{font-size:20px;padding:0 6px;cursor:pointer}.Room .room-right .sendMessage .icon .icon-jietu[data-v-46348484]{font-size:23px!important}.Room .room-right .sendMessage textarea[data-v-46348484]{border:none;resize:none;outline:none;font-size:15px;padding-left:9px;padding-top:10px}.Room .room-right .sendMessage .sendMessage[data-v-46348484]{position:absolute;bottom:10px;right:10px;padding:4px 10px;background-color:#f5f5f5;border:1px solid #ccc}.Room .join[data-v-46348484]{color:#333;font-size:13px}.Room .send[data-v-46348484]{background-color:#2ecc71;color:#000}.Room .receive[data-v-46348484]{background-color:#fff;color:#000}.Room .fade-enter-active[data-v-46348484],.Room .fade-leave-active[data-v-46348484]{transition:opacity .5s}.Room .fade-enter[data-v-46348484],.Room .fade-leave-to[data-v-46348484]{opacity:0}