.left-box[data-v-04f7ae20]{background:#e5e5e5}.my-info[data-v-04f7ae20]{padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.fitem-photo[data-v-04f7ae20],.from-photo[data-v-04f7ae20],.my-photo-wrap[data-v-04f7ae20],.to-photo[data-v-04f7ae20]{-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;width:45px;height:45px;border-radius:50%;margin-right:10px}.fitem-photo img[data-v-04f7ae20],.from-photo img[data-v-04f7ae20],.my-photo-wrap img[data-v-04f7ae20],.to-photo img[data-v-04f7ae20]{width:40px}.my-name[data-v-04f7ae20]{font-size:18px}.chart-title[data-v-04f7ae20],.fname[data-v-04f7ae20],.my-name[data-v-04f7ae20]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.search-wrap[data-v-04f7ae20]{padding:0 10px 10px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.1);box-shadow:0 4px 4px rgba(0,0,0,.1)}.search-wrap[data-v-04f7ae20] .el-input-group__append{padding:0 8px}.search-input[data-v-04f7ae20]{width:calc(100% - 30px);margin-right:5px}.add-friend i[data-v-04f7ae20]{font-size:29px!important}.fitem[data-v-04f7ae20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:7px 10px;position:relative}.fitem[data-v-04f7ae20]:hover{background:#dbdbdb;cursor:pointer}.fitem.active[data-v-04f7ae20]{background:#c6c6c6}.badge[data-v-04f7ae20]{position:absolute;top:3px;right:10px;background:#f56c6c;color:#fff;border-radius:11px;min-width:18px;display:inline-block;text-align:center;font-size:12px;padding:2px;cursor:pointer}.fname[data-v-04f7ae20]{font-size:14px;color:#555}.right-box[data-v-04f7ae20]{background:#f5f5f5}.chart-title-wrap[data-v-04f7ae20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:1px solid #e7e7e7;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.1);box-shadow:0 4px 4px rgba(0,0,0,.1)}.msg-box[data-v-04f7ae20]{padding-top:10px;padding-bottom:20px}.msg[data-v-04f7ae20]{display:-webkit-box;display:-ms-flexbox;display:flex}.msg-txt[data-v-04f7ae20]{word-break:break-all}.msg-from[data-v-04f7ae20]{padding:5px 10px 5px 20%}.msg-to[data-v-04f7ae20]{padding:5px 20% 5px 10px}.msg-img[data-v-04f7ae20],.msg-txt[data-v-04f7ae20]{border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:6px;font-size:18px}.msg-to .msg-img[data-v-04f7ae20],.msg-to .msg-txt[data-v-04f7ae20]{background:#fff;color:#555;-webkit-box-shadow:0 0 10px rgba(0,0,0,.15);box-shadow:0 0 10px rgba(0,0,0,.15)}.msg-from .msg-img[data-v-04f7ae20],.msg-from .msg-txt[data-v-04f7ae20]{background:#66b1ff;color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,255,.15);box-shadow:0 0 10px rgba(0,0,255,.15)}.msg-fullname[data-v-04f7ae20]{font-size:12px;color:#8a8a8a;margin-bottom:3px}.msg-from .msg-fullname[data-v-04f7ae20]{text-align:right}.to-photo[data-v-04f7ae20]{margin-top:10px}.from-photo[data-v-04f7ae20]{margin-top:18px;margin-left:10px}.msg-from[data-v-04f7ae20]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.msg-img[data-v-04f7ae20]{max-width:200px;overflow:hidden}.msg-img img[data-v-04f7ae20]{max-width:200px}.chart-tool[data-v-04f7ae20]{-webkit-box-shadow:0 -4px 4px rgba(0,0,0,.1);box-shadow:0 -4px 4px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid rgba(0,0,0,.1);border-top:1px solid rgba(0,0,0,.1)}.chart-tool[data-v-04f7ae20] .el-link{margin-left:15px}.inputing-box[data-v-04f7ae20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px;margin-top:10px}.inputing-box[data-v-04f7ae20] .el-button{-webkit-box-flex:0;-ms-flex:0 0 80px;flex:0 0 80px;margin-left:10px}.min-charting[data-v-04f7ae20]{position:absolute;top:0;left:0;z-index:10}.photo-wrap[data-v-04f7ae20]{background:#9ba1dd;border-radius:50%;border:2px solid hsla(0,0%,100%,.8);-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);min-width:45px}.photo-wrap[data-v-04f7ae20],.text-photo[data-v-04f7ae20]{height:45px;-webkit-box-sizing:border-box;box-sizing:border-box}.text-photo[data-v-04f7ae20]{display:inline-block;color:#fff;font-size:27px;font-weight:700;text-align:center;width:45px}.no-data[data-v-04f7ae20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:22px;color:#aaa}.user-ctrl[data-v-04f7ae20]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ctrl-item[data-v-04f7ae20]{padding:8px 0}.user-ctrl-pop[data-v-04f7ae20]{min-width:100px;position:absolute}.top-warning[data-v-04f7ae20]{background:#f0f9eb;color:#67c23a;text-align:center;font-size:13px;padding:5px;position:relative;top:-9px;cursor:pointer}.icon-list[data-v-04f7ae20]{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border:1px solid #eaeefb}.icon-list li[data-v-04f7ae20]{cursor:pointer;padding:8px;border-right:1px solid #eee;border-bottom:1px solid #eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px}.icon-list li[data-v-04f7ae20]:hover{background:rgba(239,246,235,.73)}.chatText[data-v-04f7ae20]{height:115px;width:800px;border:1px solid #ccc;overflow-y:auto}.chatText[data-v-04f7ae20]:empty:before{color:#d3d3d3;content:attr(placeholder)}