img[data-v-d2dae02e]{width:100%;height:100%}.flc[data-v-d2dae02e]{display:flex;justify-content:center;align-items:center}[data-v-a83d16c2]::-webkit-scrollbar{width:5px;height:5px}[data-v-a83d16c2]::-webkit-scrollbar-track{-webkit-box-shadow:none;background-color:transparent;border-radius:3px}[data-v-a83d16c2]::-webkit-scrollbar-thumb{border-radius:7px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#e8e8e8}.im-wrp[data-v-a83d16c2]{height:100%;overflow-y:hidden}.im-wrp .t[data-v-a83d16c2]{width:100%;height:70px;justify-content:space-between;background:#02abf0;padding:0 20px}.im-wrp .t .t-info[data-v-a83d16c2],.im-wrp .t[data-v-a83d16c2]{display:flex;align-items:center}.im-wrp .t .t-info .icon-wrp[data-v-a83d16c2]{width:40px;height:40px}.im-wrp .t .t-info .info-wrp[data-v-a83d16c2]{line-height:25px}.im-wrp .t .t-info .info-wrp>p[data-v-a83d16c2]:first-of-type{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#fff;max-width:580px}.im-wrp .t .t-info .info-wrp>p[data-v-a83d16c2]:nth-of-type(2){font-size:12px;color:#fff}.im-wrp .t .t-btn>button[data-v-a83d16c2]{min-width:80px;height:30px;border-color:#fff!important;background:transparent!important}.im-wrp .b[data-v-a83d16c2]{width:100%;height:100%;background:#fff;display:flex}.im-wrp .b .l[data-v-a83d16c2]{flex:0 0 70%;height:calc(100% - 70px);display:flex;flex-direction:column;border-right:1px solid #eee}.im-wrp .b .l .chat[data-v-a83d16c2]{flex:1;padding:20px;overflow:scroll;display:flex;flex-direction:column;justify-content:space-between}.im-wrp .b .l .chat .cont[data-v-a83d16c2]{display:flex;margin-bottom:10px}.im-wrp .b .l .chat .cont img[data-v-a83d16c2]{width:40px;height:40px;margin:0 10px}.im-wrp .b .l .chat .cont .msg-wrp[data-v-a83d16c2]{padding:5px 15px;line-height:20px;margin-top:5px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1),0 1px 1px rgba(0,0,0,.06);position:relative;border-radius:6px;background:#d4d7de;max-width:18em;color:#161616;overflow-wrap:break-word;display:flex;flex-direction:column;align-self:center}.im-wrp .b .l .chat .cont .msg-wrp>div[data-v-a83d16c2]{display:flex;margin:5px 0;border-bottom:1px dashed #eee;padding:10px 0}.im-wrp .b .l .chat .cont .msg-wrp>div[data-v-a83d16c2]:last-of-type{border:none}.im-wrp .b .l .chat .cont .msg-wrp>div[data-v-a83d16c2]:hover{cursor:pointer}.im-wrp .b .l .chat .cont .msg-wrp .msg-img[data-v-a83d16c2]{width:80px;flex:0 0 80px;height:100%;margin-left:0;margin-right:20px}.im-wrp .b .l .chat .cont .msg-wrp .introduce[data-v-a83d16c2]{font-size:14px;font-weight:400;flex:1;display:flex;flex-direction:column;align-content:space-between}.im-wrp .b .l .chat .cont .msg-wrp .introduce h4[data-v-a83d16c2]{font-size:16px;font-weight:500}.im-wrp .b .l .chat .cont.my[data-v-a83d16c2]{flex-direction:row-reverse}.im-wrp .b .l .chat .cont.my .msg-wrp[data-v-a83d16c2]{flex-direction:column-reverse;background:#bbdeff;color:#161616}.im-wrp .b .l .chat .tip[data-v-a83d16c2]{text-align:center}.im-wrp .b .l .operation[data-v-a83d16c2]{position:relative;flex:0 0 40px;height:40px;line-height:40px;border:1px solid #eee;border-left:none;border-right:none;font-size:22px;box-sizing:border-box;display:flex;align-items:center}.im-wrp .b .l .operation i[data-v-a83d16c2]{padding-left:10px}.im-wrp .b .l .operation i[data-v-a83d16c2]:hover{cursor:pointer}.im-wrp .b .l .operation .smile-wrp[data-v-a83d16c2]{top:-5em;position:absolute;width:100%;height:5em;display:flex;flex-wrap:wrap;overflow-y:scroll;align-items:center;justify-content:flex-start;padding:5px 0;box-shadow:0 0 1px 1px rgba(0,0,0,.1);z-index:999;background:#fff}.im-wrp .b .l .operation .smile-wrp li[data-v-a83d16c2]{width:36px;height:36px;line-height:36px;text-align:center;padding:2px}.im-wrp .b .l .operation .smile-wrp li[data-v-a83d16c2]:hover{background:#eee;cursor:pointer}.im-wrp .b .l .msg[data-v-a83d16c2]{flex:0 0 128px;display:flex;flex-direction:column;font-size:18px}.im-wrp .b .l .msg textarea[data-v-a83d16c2]{flex:1;width:100%;height:100%;border:none;box-sizing:border-box;padding:10px;line-height:18px;resize:none}.im-wrp .b .l .msg textarea[data-v-a83d16c2]:focus,.im-wrp .b .l .msg textarea[data-v-a83d16c2]:hover{outline:none}.im-wrp .b .l .msg button[data-v-a83d16c2]{flex:0 0 30px;height:30px!important;margin:10px;line-height:30px!important;min-width:80px;width:80px;place-self:flex-end;border-color:#02a9ed!important;background:#02a9ed!important}.im-wrp .b .r[data-v-a83d16c2]{flex:1;padding:40px 20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.im-wrp .b .r img[data-v-a83d16c2]{width:200px;height:80px}.upload-wrp[data-v-a83d16c2]{position:relative;display:inline-block;overflow:hidden;width:36px;height:36px;line-height:36px}.upload-wrp[data-v-a83d16c2]:hover{cursor:pointer}.upload-wrp .file[data-v-a83d16c2]{width:100%;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.upload-wrp .file[data-v-a83d16c2]:hover{cursor:pointer!important}