.conversation-container[data-v-1a86452d]{width:100%;height:100%;display:flex;background:#fff}.conversation-list[data-v-1a86452d]{width:220px;border-right:1px solid #eee;display:flex;flex-direction:column;padding:10px;position:relative}.conversation-list-title[data-v-1a86452d]{font-size:15px;margin:5px 10px;color:rgba(0,0,0,.9)}.conversation-list-body[data-v-1a86452d]{overflow-y:auto;max-height:350px;scrollbar-width:none;-ms-overflow-style:none}.conversation-list-body[data-v-1a86452d]::-webkit-scrollbar{display:none}.conversation-item[data-v-1a86452d]{display:flex;padding:10px;cursor:pointer}.conversation-item-head[data-v-1a86452d]{position:relative;margin-right:5px}.conversation-item-avatar[data-v-1a86452d]{width:40px;height:40px;border-radius:4px}.conversation-item-unread[data-v-1a86452d]{position:absolute;top:-9px;right:-9px;width:18px;height:18px;line-height:18px;border-radius:50%;text-align:center;color:#fff;font-size:12px;background-color:#fa5151}.conversation-item-info[data-v-1a86452d]{flex:1;display:flex;flex-direction:column;justify-content:space-between}.item-info-top[data-v-1a86452d]{display:flex;justify-content:space-between;align-items:center}.item-info-name[data-v-1a86452d]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;font-size:15px;width:80px;line-height:25px;color:#333}.item-info-time[data-v-1a86452d]{color:#666;font-size:12px}.item-info-bottom[data-v-1a86452d]{display:flex;align-items:center}.item-info-message[data-v-1a86452d]{font-size:12px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:150px;color:#606266}.item-info-failed[data-v-1a86452d]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAP1BMVEUAAADsWDrvWTrvWTruWjvuWTvsVz3rVEDuWTvuWTvuWDruWjvvWTvvWjruWTv////ygmzwblPvY0f0l4TxeGB8BezSAAAADnRSTlMAYN+v75BQEIDPsM/Pf6ieeMkAAACGSURBVBjTbZDbEoMgDESTgKC9bET7/9/aajBUcV/YnNmZkKVdmYMAr8DUlCKqxPGAP72NjTYtxd5hY2y+qC7m0g+K2Vl1NhczMa4QTKGHD5p6KIQe4h5KNZ8Gn74I6wpfxIBf5F/K8XqRbBXVoGo5gq2kUoPjqSYvycRyoJioicMESOC8T1/VVRDZtVqLEwAAAABJRU5ErkJggg==) no-repeat 50%;background-size:12px;width:12px;height:12px;margin-right:2px}.item-info-sending[data-v-1a86452d]{background:url(data:image/gif;base64,R0lGODlhEAAQALMMAKqooJGOhp2bk7e1rZ2bkre1rJCPhqqon8PBudDOxXd1bISCef///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAAMACwAAAAAEAAQAAAET5DJyYyhmAZ7sxQEs1nMsmACGJKmSaVEOLXnK1PuBADepCiMg/DQ+/2GRI8RKOxJfpTCIJNIYArS6aRajWYZCASDa41Ow+Fx2YMWOyfpTAQAIfkEBQAADAAsAAAAABAAEAAABE6QyckEoZgKe7MEQMUxhoEd6FFdQWlOqTq15SlT9VQM3rQsjMKO5/n9hANixgjc9SQ/CgKRUSgw0ynFapVmGYkEg3v1gsPibg8tfk7CnggAIfkEBQAADAAsAAAAABAAEAAABE2QycnOoZjaA/IsRWV1goCBoMiUJTW8A0XMBPZmM4Ug3hQEjN2uZygahDyP0RBMEpmTRCKzWGCkUkq1SsFOFQrG1tr9gsPc3jnco4A9EQAh+QQFAAAMACwAAAAAEAAQAAAETpDJyUqhmFqbJ0LMIA7McWDfF5LmAVApOLUvLFMmlSTdJAiM3a73+wl5HYKSEET2lBSFIhMIYKRSimFriGIZiwWD2/WCw+Jt7xxeU9qZCAAh+QQFAAAMACwAAAAAEAAQAAAETZDJyRCimFqbZ0rVxgwF9n3hSJbeSQ2rCWIkpSjddBzMfee7nQ/XCfJ+OQYAQFksMgQBxumkEKLSCfVpMDCugqyW2w18xZmuwZycdDsRACH5BAUAAAwALAAAAAAQABAAAARNkMnJUqKYWpunUtXGIAj2feFIlt5JrWybkdSydNNQMLaND7pC79YBFnY+HENHMRgyhwPGaQhQotGm00oQMLBSLYPQ9QIASrLAq5x0OxEAIfkEBQAADAAsAAAAABAAEAAABE2QycmUopham+da1cYkCfZ94UiW3kmtbJuRlGF0E4Iwto3rut6tA9wFAjiJjkIgZAYDTLNJgUIpgqyAcTgwCuACJssAdL3gpLmbpLAzEQA7) no-repeat 50%;background-size:12px;width:12px;height:12px;margin-right:2px}.conversation-main[data-v-1a86452d]{flex:1;background:#fff}