.chatroom[data-v-c9284c0c]{height:83vh;display:flex;align-content:space-between;background-color:#fff;margin-left:20px;margin-top:10px}.chatroom .left[data-v-c9284c0c]{padding:22px 22px 12px 0;width:395px;border-right:10px solid #f7f9fc;min-height:calc(83vh - 80px)}.chatroom .left .search[data-v-c9284c0c]{padding:0 16px;margin:0 12px;height:56px;background-color:#f7f9fc;border-radius:12px;display:flex;align-items:center}.chatroom .left .search .icon[data-v-c9284c0c]{height:24px;width:24px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAABEVBMVEUAAAAAAAAAJCQaGjMVFSsUFCcQICAOHCsNGygNGiYSGiMQGSkQGCgPFyYPFiQQFiYPFCkPGikPGSgPGScTGCYSFykSFigSFigPFycPFyYQGSYQGSgRFygRGScQGCgQGCgSGSgQFygQFycQFykSGCgRGCcRGCcRFyYRFygRGScSGCgRGSgRGCcQFygSFycRGCcRFyYRFygRGCcRFycRGSYRGCcSGCYSFygRGCcRGCcRGCYRFycQGSYQGSgSGCcSGCcRGCcQGCcQGCcRGScRGCcRGCcRGCcRGCcRGCcRGCcRFycRGCcRGCcRGCcRGCcRGCcRFycRGCcRGCcRGCcRFycRGCcRGCcRGCcRGCcRGCf///+aUL+VAAAAWXRSTlMAAQcKDA0QEhMUHR8gIiMvMjIzNDU4OTpCQ1FSWVtfYGZtbm90dnd4eXuAh4mOj5eZmqKkpqitrrGys7m6u7y9vsnK0NLX3uDh4+Tl5+vt7u/19vj6+vz9/pnX8yMAAAABYktHRFoDu6WiAAAA2klEQVQYGQXBhyKCARgAwKusKKtkJztk7z0bCtn+7/1fxB3QUz6tv3ceagUAqLxE82h77/orzocB0gdxWwK9K923acDB3zqAocfPAqhEFQDZRiuDnpe7FACUkg2UYxIAOOukOGmmAIC5KFI/BgDkYoH3HQBAOqq09wEA/bHI/Q0AoBizbP30AQCbv1nGYxUAZNpXcNbNAUAtKUH+7SkLwHKyC0x9NCYBmVp8jwLGmsnFfC49UNzsJIfPryOATLUdERG/lxOGGt0CQKpYXluaGYB863UQAAD5k8F/bYEeele5XB0AAAAASUVORK5CYII=);background-size:100% 100%}.chatroom .left .search .input[data-v-c9284c0c]{width:300px}.chatroom .left .search .input[data-v-c9284c0c] .el-input__inner{background-color:transparent;border:none}.chatroom .left .name-list[data-v-c9284c0c]{height:34.5vw;margin-top:24px;overflow-y:scroll}.chatroom .left .name-list .list-item[data-v-c9284c0c]{padding:16px 12px;display:flex;justify-content:space-between;align-items:center}.chatroom .left .name-list .list-item .item-left[data-v-c9284c0c]{display:flex;align-items:center}.chatroom .left .name-list .list-item .item-left .avatar[data-v-c9284c0c]{width:56px;height:56px;background-size:100% 100%;border-radius:28px}.chatroom .left .name-list .list-item .item-left .content[data-v-c9284c0c]{margin-left:16px;text-align:left}.chatroom .left .name-list .list-item .item-left .content .name[data-v-c9284c0c]{font-size:16px;font-weight:600}.chatroom .left .name-list .list-item .item-left .content .preview[data-v-c9284c0c]{width:215px;margin-top:8px;font-size:14px;color:#718096;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chatroom .left .name-list .list-item .item-right[data-v-c9284c0c]{display:flex;justify-content:center;align-items:center;flex-direction:column}.chatroom .left .name-list .list-item .item-right .time[data-v-c9284c0c]{width:72px;margin-top:10px;font-size:14px;color:#718096}.chatroom .left .name-list .list-item .item-right .no-read[data-v-c9284c0c]{margin-top:8px;height:24px;padding:0 9px;border-radius:12px;font-size:12px;color:#fff;line-height:24px}.chatroom .left .name-list .list-item .item-right .blue[data-v-c9284c0c]{background-color:#4263eb}.chatroom .left .name-list .list-item .item-right .grey[data-v-c9284c0c]{background-color:#a0aec0}.chatroom .left .name-list .item-hover[data-v-c9284c0c]:hover{background-color:#f9fafb;border-radius:12px}.chatroom .left .name-list .active[data-v-c9284c0c]{background-color:#4263eb;border-radius:12px}.chatroom .left .name-list .active .item-left[data-v-c9284c0c]{display:flex;align-items:center}.chatroom .left .name-list .active .item-left .avatar[data-v-c9284c0c]{width:56px;height:56px;background-size:100% 100%;border-radius:28px}.chatroom .left .name-list .active .item-left .content[data-v-c9284c0c]{margin-left:16px;text-align:left}.chatroom .left .name-list .active .item-left .content .name[data-v-c9284c0c]{font-size:16px;font-weight:600;color:#fff}.chatroom .left .name-list .active .item-left .content .preview[data-v-c9284c0c]{width:215px;margin-top:8px;font-size:14px;color:#dfebff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chatroom .left .name-list .active .item-right[data-v-c9284c0c]{display:flex;justify-content:center;align-items:center;flex-direction:column}.chatroom .left .name-list .active .item-right .time[data-v-c9284c0c]{width:72px;margin-top:10px;font-size:14px;color:#dfebff}.chatroom .left .name-list .active .item-right .no-read[data-v-c9284c0c]{margin-top:8px;height:24px;padding:0 9px;border-radius:12px;font-size:12px;color:#4263eb;line-height:24px}.chatroom .left .name-list .active .item-right .blue[data-v-c9284c0c]{background-color:#fff}.chatroom .right[data-v-c9284c0c]{width:100%;background-color:#f7f9fc;padding:10px 10px 0 0;min-height:calc(83vh - 140px)}.chatroom .right .top-box[data-v-c9284c0c]{height:90px;padding-left:24px;display:flex;align-items:center;background-color:#fff;border-top-right-radius:16px;border-top-left-radius:16px;border-bottom:1px solid #f1f2f4}.chatroom .right .top-box__avatar[data-v-c9284c0c]{height:48px;width:48px;border-radius:24px;background-size:100% 100%}.chatroom .right .top-box__name[data-v-c9284c0c]{margin-left:12px;font-size:16px;font-weight:600;color:#111827}.chatroom .right .chat-box[data-v-c9284c0c]{height:46vh;background-color:#fff;padding:22px 20px 20px;overflow-y:scroll}.chatroom .right .chat-box__left[data-v-c9284c0c]{text-align:left;margin-top:8px;font-size:14px;font-weight:500;color:#111827;display:flex;align-items:center}.chatroom .right .chat-box__left .msg[data-v-c9284c0c]{max-width:50%;padding:13px 12px;background-color:#f9fafb;border-radius:0 12px 12px 12px;position:relative}.chatroom .right .chat-box__left .msg .now[data-v-c9284c0c]{width:100px;position:absolute;bottom:0;left:calc(100% + 12px);font-size:12px;font-weight:500;color:#a0aec0}.chatroom .right .chat-box__left .img[data-v-c9284c0c]{width:300px;position:relative}.chatroom .right .chat-box__left .img[data-v-c9284c0c] .el-image__inner{border-radius:12px}.chatroom .right .chat-box__left .img .now[data-v-c9284c0c]{width:100px;position:absolute;bottom:0;left:calc(100% + 12px);font-size:12px;font-weight:500;color:#a0aec0}.chatroom .right .chat-box__right[data-v-c9284c0c]{text-align:left;margin-top:8px;font-size:14px;font-weight:500;color:#111827;display:flex;align-items:center;flex-direction:row-reverse}.chatroom .right .chat-box__right .msg[data-v-c9284c0c]{max-width:50%;padding:13px 12px;background-color:#4263eb;border-radius:12px 0 12px 12px;position:relative;color:#fff}.chatroom .right .chat-box__right .msg .now[data-v-c9284c0c]{width:100px;position:absolute;bottom:0;right:calc(100% + 12px);font-size:12px;font-weight:500;color:#a0aec0}.chatroom .right .chat-box__right .img[data-v-c9284c0c]{width:300px;position:relative}.chatroom .right .chat-box__right .img[data-v-c9284c0c] .el-image__inner{border-radius:12px}.chatroom .right .chat-box__right .img .now[data-v-c9284c0c]{width:100px;position:absolute;bottom:0;right:calc(100% + 12px);font-size:12px;font-weight:500;color:#a0aec0}.chatroom .right .bottom-box[data-v-c9284c0c]{padding:0 20px 25px;background-color:#fff;border-radius:0 0 16px 16px}.chatroom .right .bottom-box .input-box[data-v-c9284c0c]{padding:6px 0 0 0;border:2px solid #f7f9fc;border-radius:12px}.chatroom .right .bottom-box .input-box .textarea[data-v-c9284c0c]{height:90px}.chatroom .right .bottom-box .input-box .textarea .input-img[data-v-c9284c0c]{width:50px;position:relative;text-align:left;padding:10px 0 0 20px}.chatroom .right .bottom-box .input-box .textarea .input-img .delete[data-v-c9284c0c]{height:18px;width:18px;font-size:12px;background-color:rgba(0,0,0,.5);border-radius:9px;color:#fff;position:absolute;top:2px;right:-5px;display:flex;justify-content:center;align-items:center}.chatroom .right .bottom-box .input-box .textarea[data-v-c9284c0c] .el-textarea__inner{border:none}.chatroom .right .bottom-box .input-box .send-box[data-v-c9284c0c]{padding:0 20px;background-color:#f7f9fc;height:56px;margin-top:10px;display:flex;justify-content:space-between;align-items:center}.chatroom .right .bottom-box .input-box .send-box .quick[data-v-c9284c0c]{display:flex;align-items:center;position:relative}.chatroom .right .bottom-box .input-box .send-box .quick .emoji[data-v-c9284c0c]{width:20px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAtFBMVEUAAACZmcyqqtWStrafn7+Zs8yltMOeqsKirsWbsbydscSesMGiqsSfrMGfrL+irsGesMKgrL6hrMGercKgr76irL+hrcCersGhrb+frsCgrb6hrr+fsMCgrcGfrr+hr8Gfrb+grsChrsCgrcGgrsGgrsCfrsGgrsCgrsCgrsChrsCgrsCgrsCgrsChrsCgrsCgrsCgrcCgrsCgrsCgrsCgrsCgrsCgrsCgrsCgrsCgrsD////O0VtEAAAAOnRSTlMABQYHCAoRFRYXGh0eJSgpKisxMjM0QUJERUtMTU5Yb3BxcnN7vsDBwsPQ0dLT2Nna2+Tl5unv8Pr73lvQTAAAAAFiS0dEOzkO9GwAAADESURBVBgZBcGJQgEBFADA2XaVo9giEbHkPtMS3v9/WDMAAABArdOpAQDZZB8RsZukALyeYlEMBsUyfnKA1+tvF/gorzmQncoGQKM8pmAaXQB6MQb7BckoIRklrLZQi4LmLad5y5lGFe/xiQwyDKODTgwA4CveUIsC9Uce65jGE+wWWF5ms8sS6w0o4oOX+f0+f6EfY5D+lA1UKng+H1Igv5Y9oH/+awHkx1hNh8PvdRxaAKTFNiJiM34AAKrt9hMAAAD4B0KdFDN+UDayAAAAAElFTkSuQmCC);background-size:100% 100%}.chatroom .right .bottom-box .input-box .send-box .quick .image[data-v-c9284c0c]{margin-top:4px;margin-left:12px;width:17px;height:17px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAvVBMVEUAAAD///+qqtWfn7+qqsaktsiltMOeqsKirsWhqr2qs9Ckrb+esMGgr72gr8Wjsb+dsb6frL+frr+grb6frr+gr8Chr7+frcCgr8GhrcGgr8ChrcCgrsGhr7+hrcCgrMCgrsCfr8GfrMCgrsGgr7+hrsGgrcCfrsCgrsCgr8Ghr8Cgrb+hrMGgrsCgr8Chr8Cgr8GgrcCgrsCgrMCfr7+grsCgrsChrsCgrsCgrsCgrsCgrsCgrsCgrsCgrsAIJGjhAAAAPnRSTlMAAQYICQ4RFRYbGxwdIyMkJyhIS1hZXF1mZ2lqa2xtbm5vcnR8h4mNjo+SnJ2en6KssrO2uLm66/Dz9vn9/v62vLYAAAABYktHRAH/Ai3eAAAAo0lEQVQY002P2yKEUABFV4VKhg5NoSJzcZmbazGH9v9/lodK1uN62WsDUXLZk5wAZFZ/2AwiW8dHPXFtIxIZAHDPXYym5Ao6UarCV9GJwwOYbM8G4a5/vhcO0Ivjt/b+WU9OdH0RqCDXR5vDUi9f0rsKbtVeAaz0eVq2umOjebfyqkdm2nEzzPKw93xVYxh4GCWEtjFDumlsCOn/cylAON4P4ReoRRn31ms9DQAAAABJRU5ErkJggg==);background-size:100% 100%}.chatroom .right .bottom-box .input-box .send-box .quick .emoji-box[data-v-c9284c0c]{position:absolute;padding:5px;bottom:37px;left:24px;height:200px;width:400px;border-radius:10px;background-color:rgba(0,0,0,.2);display:flex;overflow-y:scroll;flex-wrap:wrap}.chatroom .right .bottom-box .input-box .send-box .quick .emoji-box[data-v-c9284c0c]::-webkit-scrollbar{display:none}.chatroom .right .bottom-box .input-box .send-box .btn[data-v-c9284c0c]{height:40px;width:89px;background-color:#4263eb;border-radius:10px;font-size:14px;color:#fff;display:flex;justify-content:center;align-items:center}.chatroom .right .bottom-box .input-box .send-box .btn .airplane[data-v-c9284c0c]{margin-right:8px;width:17px;height:17px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAA10lEQVQ4jdXUPQ5BQRSG4e9olKLW0pMorp8lCAuwBNZgH0oSWnoRiQXYhI6WQiReBZJrcjFzNXzdTGaenPnJkX49Fh8ATUl1SVtJSzPbpZaBGs85AVOgnBbskZwLMAuGgdYLMJ4FUPUFc8DBA/WvGBh6gHF4DOTfgSXgHIACbIDsw7AEdC6pcx9OJK2dJQVJA2eua2ZTScokFfrxbnz3AMVvj+yCoY8y4tWjcPs2R09oDlTeXwK0PbCgj93/qqIEMHKgR3MIgtz21ZAU6da+Vma2D6rqL3IFDTskhMlH73gAAAAASUVORK5CYII=);background-size:100% 100%}