.radius-normal[data-v-92234ed6]{border-radius:8px}.radius-history[data-v-92234ed6]{border-top-right-radius:8px;border-bottom-right-radius:8px}.chat-window[data-v-92234ed6]{height:100%;width:100%;background-color:#272a37;position:relative;padding:10px;box-sizing:border-box}.chat-window .top[data-v-92234ed6]{margin-bottom:15px}.chat-window .top[data-v-92234ed6]:after{content:"";display:block;clear:both}.chat-window .top .head-pic[data-v-92234ed6]{float:left}.chat-window .top .info-detail[data-v-92234ed6]{float:left;margin:5px 20px 0}.chat-window .top .info-detail .name[data-v-92234ed6]{font-size:20px;font-weight:600;color:#fff}.chat-window .top .info-detail .detail[data-v-92234ed6]{color:#9e9e9e;font-size:12px;margin-top:2px}.chat-window .top .other-fun[data-v-92234ed6]{float:right;margin-top:20px;display:-ms-flexbox;display:flex;text-align:center}.chat-window .top .other-fun .span[data-v-92234ed6]{margin-right:30px;cursor:pointer;color:grey}.chat-window .top .other-fun .span i[data-v-92234ed6]{font-size:30px}.chat-window .top .other-fun input[data-v-92234ed6]{display:none}.chat-window .botoom[data-v-92234ed6]{width:100%;height:calc(100% - 85px);background-color:#323644;border-radius:20px;padding:20px;box-sizing:border-box;position:relative}.chat-window .botoom .chat-content[data-v-92234ed6]{width:100%;height:80%;overflow-y:scroll;padding:20px;box-sizing:border-box}.chat-window .botoom .chat-content[data-v-92234ed6]::-webkit-scrollbar{width:0;height:0;display:none}.chat-window .botoom .chat-content .chat-wrapper[data-v-92234ed6]{position:relative;word-break:break-all}.chat-window .botoom .chat-content .chat-wrapper .chat-friend[data-v-92234ed6]{width:100%;float:left;margin-bottom:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.chat-window .botoom .chat-content .chat-wrapper .chat-friend .chat-text[data-v-92234ed6]{max-width:90%;padding:20px;border-radius:20px 20px 20px 5px;background-color:#383c4b;color:#fff}.chat-window .botoom .chat-content .chat-wrapper .chat-friend .chat-text[data-v-92234ed6]:hover{background-color:#272a37}.chat-window .botoom .chat-content .chat-wrapper .chat-friend .chat-text pre[data-v-92234ed6]{white-space:break-spaces}.chat-window .botoom .chat-content .chat-wrapper .chat-friend .chat-img img[data-v-92234ed6]{max-width:300px;max-height:200px;border-radius:10px}.chat-window .botoom .chat-content .chat-wrapper .chat-friend .info-time[data-v-92234ed6]{margin:10px 0;color:#fff;font-size:14px}.chat-window .botoom .chat-content .chat-wrapper .chat-friend .info-time img[data-v-92234ed6]{width:30px;height:30px;border-radius:50%;vertical-align:middle;margin-right:10px}.chat-window .botoom .chat-content .chat-wrapper .chat-friend .info-time span[data-v-92234ed6]:last-child{color:#656873;margin-left:10px;vertical-align:middle}.chat-window .botoom .chat-content .chat-wrapper .chat-me[data-v-92234ed6]{width:100%;float:right;margin-bottom:20px;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}.chat-window .botoom .chat-content .chat-wrapper .chat-me .chat-text[data-v-92234ed6]{float:right;max-width:90%;padding:20px;border-radius:20px 20px 5px 20px;background-color:#1d90f5;color:#fff}.chat-window .botoom .chat-content .chat-wrapper .chat-me .chat-text[data-v-92234ed6]:hover{background-color:#1a81db}.chat-window .botoom .chat-content .chat-wrapper .chat-me .chat-img[data-v-92234ed6]{float:right;padding:20px;box-sizing:border-box;border-radius:20px 20px 5px 20px;background-color:#1d90f5}.chat-window .botoom .chat-content .chat-wrapper .chat-me .chat-img img[data-v-92234ed6]{max-width:300px;max-height:200px;border-radius:10px}.chat-window .botoom .chat-content .chat-wrapper .chat-me .info-time[data-v-92234ed6]{margin:10px 0;color:#fff;font-size:14px;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.chat-window .botoom .chat-content .chat-wrapper .chat-me .info-time img[data-v-92234ed6]{width:30px;height:30px;border-radius:50%;vertical-align:middle;margin-left:10px}.chat-window .botoom .chat-content .chat-wrapper .chat-me .info-time span[data-v-92234ed6]{line-height:30px}.chat-window .botoom .chat-content .chat-wrapper .chat-me .info-time span[data-v-92234ed6]:first-child{color:#656873;margin-right:10px;vertical-align:middle}.chat-window .botoom .chatInputs-nomarl[data-v-92234ed6]{width:90%;position:absolute;bottom:0;margin:3% 3% 1% 3%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.chat-window .botoom .chatInputs-nomarl .boxinput[data-v-92234ed6]{height:40px;background-color:#424656;border-radius:4px;border:1px solid #505567;position:relative;cursor:pointer;color:#fff}.chat-window .botoom .chatInputs-nomarl .boxinput img[data-v-92234ed6]{width:30px;height:30px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.chat-window .botoom .chatInputs-nomarl .emoji[data-v-92234ed6]{transition:.3s}.chat-window .botoom .chatInputs-nomarl .emoji[data-v-92234ed6]:hover{background-color:#2e313d;border:1px solid #474952}.chat-window .botoom .chatInputs-nomarl .area[data-v-92234ed6]{width:94%;background-color:#424656;box-sizing:border-box;border:none;transition:.2s;font-size:20px;color:#fff;font-weight:100;-ms-overflow-style:none;scrollbar-width:none}.chat-window .botoom .chatInputs-nomarl .area[data-v-92234ed6]:focus{outline:none;box-shadow:none}.chat-window .botoom .chatInputs-nomarl .inputs[data-v-92234ed6]{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:justify;justify-content:space-between;width:100%;background-color:#424656;border-radius:15px;border:2px solid #2287e1;padding:10px;box-sizing:border-box;transition:.2s;font-size:20px;color:#fff;font-weight:100;margin:0 20px}.chat-window .botoom .chatInputs-nomarl .inputs[data-v-92234ed6]:focus{outline:none}.chat-window .botoom .chatInputs-nomarl .send[data-v-92234ed6]{background-color:#1d90f5;border:0;transition:.3s;box-shadow:0 0 5px 0 #08f}.chat-window .botoom .chatInputs-nomarl .send[data-v-92234ed6]:hover{box-shadow:0 0 10px 0 #08f}.chat-window .botoom .chatInputs[data-v-92234ed6]{width:90%;position:absolute;bottom:0;margin:3% 3% 1% 3%;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap}.chat-window .botoom .chatInputs .boxinput[data-v-92234ed6]{height:40px;background-color:#424656;border-radius:4px;border:1px solid #505567;position:relative;cursor:pointer;color:#fff}.chat-window .botoom .chatInputs .boxinput img[data-v-92234ed6]{width:30px;height:30px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.chat-window .botoom .chatInputs .emoji[data-v-92234ed6]{transition:.3s}.chat-window .botoom .chatInputs .emoji[data-v-92234ed6]:hover{background-color:#2e313d;border:1px solid #474952}.chat-window .botoom .chatInputs .area[data-v-92234ed6]{width:94%;background-color:#424656;box-sizing:border-box;border:none;transition:.2s;font-size:20px;color:#fff;font-weight:100;-ms-overflow-style:none;scrollbar-width:none}.chat-window .botoom .chatInputs .area[data-v-92234ed6]:focus{outline:none;box-shadow:none}.chat-window .botoom .chatInputs .inputs[data-v-92234ed6]{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:justify;justify-content:space-between;width:calc(100% - 150px);background-color:#424656;border-radius:15px;border:2px solid #2287e1;padding:10px 20px;box-sizing:border-box;transition:.2s;font-size:20px;color:#fff;font-weight:100;margin:0 20px}.chat-window .botoom .chatInputs .inputs[data-v-92234ed6]:focus{outline:none}.chat-window .botoom .chatInputs .send[data-v-92234ed6]{background-color:#1d90f5;border:0;transition:.3s;box-shadow:0 0 5px 0 #08f}.chat-window .botoom .chatInputs .send[data-v-92234ed6]:hover{box-shadow:0 0 10px 0 #08f}.icon-btn[data-v-92234ed6]{font-size:22px;color:#fff}.head-portrait[data-v-92234ed6]{width:50px;height:50px;border-radius:50%;border:2px solid #fff;position:relative}.head-portrait[data-v-92234ed6]:before{content:"";width:15px;height:15px;z-index:1;display:block;border-radius:50%;background-color:#90e150;position:absolute;right:0}.head-portrait img[data-v-92234ed6]{width:45px;height:45px;border-radius:50%;box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);vertical-align:middle}.btn-line[data-v-92234ed6]{text-align:right;width:100%;box-sizing:border-box;padding:10px 17px 0 0}[data-v-92234ed6].hide .el-upload--picture-card{display:none}