.box-card[data-v-294b9300]{margin-bottom:10px}[data-v-294b9300] .demo-drawer__footer{display:flex;justify-content:center;width:100%;padding-bottom:20px}[data-v-294b9300] .demo-drawer__footer .el-button{width:15%}[data-v-294b9300] .el-drawer__header{margin-bottom:0;padding:15px}[data-v-294b9300] textarea{border:none;height:165px;resize:none;box-sizing:border-box;padding:20px}.nickName[data-v-294b9300]{cursor:pointer;height:50px;text-align:center;line-height:50px;position:fixed;width:100%;background:#fff;color:#2440b3;z-index:2;font-weight:800;font-size:16px;box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.box-right[data-v-294b9300]{width:100%;height:100vh;overflow:hidden}.box-right .recvfrom[data-v-294b9300]{width:100%;height:calc(100% - 200px);background:#f1f1f1;border-bottom:1px solid #d3d1d1}.box-right .recvfrom .news-top[data-v-294b9300]{height:100%;padding-top:60px;overflow:auto}.box-right .recvfrom .news-top ul[data-v-294b9300]{width:100%;overflow:hidden}.box-right .recvfrom .news-top ul li[data-v-294b9300]{display:flex;overflow:hidden;width:100%;padding:5px 20px;box-sizing:border-box}.box-right .recvfrom .news-top ul li.other[data-v-294b9300]{flex-flow:row-reverse;justify-content:flex-end}.box-right .recvfrom .news-top ul li.self[data-v-294b9300]{justify-content:flex-end}.box-right .recvfrom .news-top ul li .avatar img[data-v-294b9300]{height:30px;width:30px;border-radius:50%}.box-right .recvfrom .news-top ul li .msg[data-v-294b9300]{padding:8px;min-height:80px;width:100%;box-sizing:border-box}.box-right .recvfrom .news-top ul li[data-v-294b9300]:after{clear:both;content:"";display:inline-block}.box-right .recvfrom .news-top ul li .msg .msg-text[data-v-294b9300]{background-color:#fff;border-radius:5px;padding:8px 15px;line-height:20px;position:relative;margin-top:5px;word-wrap:break-word}.box-right .recvfrom .news-top ul li.other .avatar[data-v-294b9300]{padding-top:20px}.box-right .recvfrom .news-top ul li.other .msg[data-v-294b9300]{left:40px}.box-right .recvfrom .news-top ul li.self .msg-name[data-v-294b9300]{text-align:right}.box-right .recvfrom .news-top ul li .msg-name[data-v-294b9300]{color:#888383;font-size:12px}[data-v-294b9300] textarea{height:80%!important}.box-right .recvfrom .news-top ul li .msg-name span[data-v-294b9300]{margin:0 5px}.box-right .recvfrom .news-top ul li.self .msg-name[data-v-294b9300]{width:100%;display:flex;flex-flow:row-reverse}.box-right .recvfrom .news-top ul li.self .avatar[data-v-294b9300]{padding-top:20px}.box-right .recvfrom .news-top ul li.self .msg[data-v-294b9300]{right:38px}.box-right .recvfrom .news-top ul li.self .msg-text[data-v-294b9300]{background:#b1dfff;max-width:80%!important;float:right}.box-right .recvfrom .news-top ul li.other .msg-text[data-v-294b9300]{max-width:80%!important;float:left}.box-right .sendto[data-v-294b9300]{width:100%;height:200px;overflow:hidden;position:relative}.box-right .sendto .but-text[data-v-294b9300],.el-textarea[data-v-294b9300]{height:100%}.box-right .sendto .but-text .el-input[data-v-294b9300]{border:none!important;font-size:22px;margin-left:20px;width:100%;height:150px}.box-right .sendto .but-text .button[data-v-294b9300]{float:right;padding:7px 45px;background-color:#3bb4f2;margin-right:10px;position:absolute;right:0;bottom:10px}.other .msg-text[data-v-294b9300]:before{content:"";position:absolute;width:0;height:0;left:-10px;border:5px solid transparent;border-right-color:#fff}.self .msg-text[data-v-294b9300]:after{content:"";position:absolute;width:0;height:0;right:-10px;top:10px;border:5px solid transparent;border-right-color:#b1dfff;transform:rotate(180deg)}