.wrapper[data-v-47dbd7c2]{padding:22px 12px 12px 12px}.search-wrapper[data-v-47dbd7c2]{position:relative;display:flex;box-sizing:border-box;height:26px;width:100%;background-color:#e5e3e2;border:1px solid #d9d7d6;border-radius:2px}.search-wrapper .searchInput[data-v-47dbd7c2]{flex:1;font-size:12px;padding:6px;background-color:#e5e3e2;outline:none}.search-wrapper .searchInput[data-v-47dbd7c2]:focus{background-color:#f2efee}.search-wrapper .icon-search[data-v-47dbd7c2]{display:inline-block;width:24px;height:24px;font-size:14px;line-height:24px;text-align:center}.search-wrapper .searchInput-delete[data-v-47dbd7c2]{display:block;position:absolute;outline:none;top:0;right:0;width:24px;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAJFBMVEUAAACysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrIIg5e5AAAAC3RSTlMAcffkx0IcAopiuTB56aAAAADDSURBVDjL7ZO9DgFBFIVHBNGpNEqh2UYkotgXkEwjFAoNWo1GoddpdB5CZXeIOC/H3FiKO5vzALtf+82Zv3uvKSkuteOwO5nm2UOMD+klbOsWglsF9RxfRsGDo0wnoeM3+NHXtmH/2u2UbgKvtXftK3BWugo8TAe4mS0wUHrpTQVo+TV3pU8QJUvwVNpC4hKGUzqGxCWMVOkIEpcwEqL55vxq/GH8W/SnjklJSEFJO7Bm0swy3aONzMdAs/dDtDAlheUNgke1MOUMlfgAAAAASUVORK5CYII=);background-size:26px;background-position:50%;background-repeat:no-repeat;cursor:pointer}[data-v-b570e64e]{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline}.msglist[data-v-b570e64e]{height:540px;overflow-y:auto}.msglist .sessionlist[data-v-b570e64e]{display:flex;padding:12px;transition:background-color .1s;font-size:0}.msglist .sessionlist[data-v-b570e64e]:hover{background-color:#dcdcdc}.msglist .sessionlist.active[data-v-b570e64e]{background-color:#c4c4c4}.msglist .sessionlist .avatar[data-v-b570e64e]{border-radius:2px;margin-right:12px}.msglist .sessionlist .list-right[data-v-b570e64e]{position:relative;flex:1;margin-top:4px}.msglist .sessionlist .name[data-v-b570e64e]{display:inline-block;vertical-align:top;font-size:14px}.msglist .sessionlist .time[data-v-b570e64e]{float:right;color:#999;font-size:10px;vertical-align:top}.msglist .sessionlist .lastmsg[data-v-b570e64e]{position:absolute;font-size:12px;width:130px;height:15px;line-height:15px;color:#999;bottom:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.message1[data-v-44359a9a]{width:100%;height:450px}.message1 .header1[data-v-44359a9a]{height:60px;padding:28px 0 0 30px;box-sizing:border-box;border-bottom:1px solid #e7e7e7}.message1 .header1 .friendname[data-v-44359a9a]{font-size:18px}.message1 .message-wrapper[data-v-44359a9a]{min-height:390px;max-height:390px;padding:10px 15px;box-sizing:border-box;overflow-y:auto;border-bottom:1px solid #e7e7e7}.message1 .message-wrapper .message1[data-v-44359a9a]{margin-bottom:15px}.message1 .message-wrapper .time[data-v-44359a9a]{width:100%;font-size:12px;margin:7px auto;text-align:center}.message1 .message-wrapper .time span[data-v-44359a9a]{display:inline-block;padding:4px 6px;color:#fff;border-radius:3px;background-color:#dcdcdc}.message1 .message-wrapper .main1 .avatar1[data-v-44359a9a]{float:left;margin-left:15px;border-radius:3px}.message1 .message-wrapper .main1 .content[data-v-44359a9a]{display:inline-block;margin-left:10px;position:relative;padding:6px 10px;max-width:330px;min-height:36px;line-height:24px;box-sizing:border-box;font-size:14px;text-align:left;word-break:break-all;background-color:#fafafa;border-radius:4px}.message1 .message-wrapper .main1 .content[data-v-44359a9a]:before{content:" ";position:absolute;top:12px;right:100%;border:6px solid transparent;border-right-color:#fafafa}.message1 .message-wrapper .self[data-v-44359a9a]{text-align:right}.message1 .message-wrapper .self .avatar1[data-v-44359a9a]{float:right;margin:0 15px}.message1 .message-wrapper .self .content[data-v-44359a9a]{background-color:#b2e281}.message1 .message-wrapper .self .content[data-v-44359a9a]:before{right:-12px;vertical-align:middle;border-right-color:transparent;border-left-color:#b2e281}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d;text-decoration:none;-webkit-backface-visibility:hidden}li{list-style:none}body,html{width:100%;height:100%;overflow-y:hidden}body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background-image:url(../img/bg.231ab726.png);background-size:cover}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{border-radius:6px;background:rgba(0,0,0,.1)}.content[data-v-2e6ce577]{display:flex;width:800px}.content .msglist[data-v-2e6ce577]{width:250px;background:#e6e6e6}.content .chatbox[data-v-2e6ce577]{flex:1}