.first-part[data-v-0b753987]{width:270px;min-width:270px;display:flex;flex-direction:column;height:100%;overflow:hidden;border-right:2px solid #c3c3c3}.first-part .friends-title[data-v-0b753987]{height:40px;min-height:40px;display:flex;align-items:center;justify-content:space-around;border-bottom:2px solid #c3c3c3}.first-part .friends-title .tab[data-v-0b753987]{width:90px;height:40px;line-height:40px;text-align:center;cursor:pointer}.first-part .friends-title .tab-chose[data-v-0b753987]{color:#ffd04b}.frist-part[data-v-d77a66f2]{width:250px;min-width:250px;background-color:hsla(0,0%,100%,.7);height:100%;overflow:hidden;border-right:1px solid #c3c3c3;display:flex;flex-direction:column}.frist-part .tab-list[data-v-d77a66f2]{width:100%;margin-top:20px;display:flex;justify-content:space-around}.frist-part .tab-list .tab-item[data-v-d77a66f2]{flex:1 1 auto;height:40px;line-height:40px;text-align:center;color:#333;font-size:14px;border-bottom:2px solid #eee;cursor:pointer}.frist-part .tab-list .tab-item-chose[data-v-d77a66f2]{color:#00a2ff;border-bottom:2px solid #00a2ff}.frist-part .operation-btns[data-v-d77a66f2]{height:40px;min-height:40px;border-top:2px solid #eee;display:flex;justify-content:space-around;align-items:center}.frist-part .operation-btns i[data-v-d77a66f2]{cursor:pointer}.all-convs[data-v-d77a66f2]{width:370px;min-width:370px}.tool-bar[data-v-68bdb8ca]{height:40px;min-height:40px;width:100%;position:relative;display:flex;justify-content:space-between;border-top:2px solid #c3c3c3}.tool-bar .tool-start[data-v-68bdb8ca]{display:flex;align-items:center;justify-content:flex-start}.tool-bar .tool-start .tool[data-v-68bdb8ca]{justify-self:start;margin-left:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.tool-bar .tool-start .tool .icon[data-v-68bdb8ca],.tool-bar .tool-start .tool .label[data-v-68bdb8ca]{height:24px;width:24px;min-width:24px;cursor:pointer}.tool-bar .tool-start .remittance-window[data-v-68bdb8ca]{left:112px}.tool-bar .tool-end[data-v-68bdb8ca]{display:flex;justify-content:flex-start;align-items:center}.tool-bar .tool-end .tool[data-v-68bdb8ca]{justify-self:start;margin-right:4px;width:24px;min-width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.tool-bar[data-v-68bdb8ca] .reply-drawer .rtl{max-width:310px}.tool-bar[data-v-68bdb8ca] .reply-drawer .el-drawer__body{width:310px;padding:0 5px}.anwser-window[data-v-94fd63c2]{flex:1 1 auto;display:flex;flex-direction:column;background-color:#fff;overflow:hidden}.anwser-window .show-content[data-v-94fd63c2]{flex:1 1 auto;overflow:hidden;display:flex;border-radius:5px}.anwser-window .show-content .show-content-textarea[data-v-94fd63c2]{flex:auto;resize:none;line-height:20px;font-size:16px;padding:5px;border:1px solid #dcdfe6;margin:2px}.anwser-window .show-content .show-content-textarea[data-v-94fd63c2]:focus{outline:none!important}.anwser-window .show-content .show-content-video[data-v-94fd63c2]{max-height:100%;margin:2px auto 0}.anwser-window .show-content .show-content-img[data-v-94fd63c2]{object-fit:scale-down;margin:0 auto;margin-top:2px}.anwser-window .show-content .show-content-voice[data-v-94fd63c2]{margin:auto}.anwser-window .show-content .show-content-file[data-v-94fd63c2]{padding:0 10px;width:100%;max-width:100%;line-height:20px;text-align:center;align-self:center;word-break:break-all}.anwser-window .opration-btn[data-v-94fd63c2]{display:flex;justify-content:space-between;align-items:center}.anwser-window .opration-btn .chats-bottom[data-v-94fd63c2]{margin-left:10px}.anwser-window .opration-btn .el-button[data-v-94fd63c2]{width:100px;margin:3px}.tool-bar[data-v-5abb8d24]{height:40px;min-height:40px;width:100%;position:relative;display:flex;justify-content:space-between;border-top:1px solid #c3c3c3}.tool-bar .tool-start[data-v-5abb8d24]{display:flex;align-items:center;justify-content:flex-start}.tool-bar .tool-start .tool-icon[data-v-5abb8d24]{font-size:24px;margin-left:10px}.tool-bar .tool-start .tool-icon .label[data-v-5abb8d24],.tool-bar .tool-start .tool-icon[data-v-5abb8d24]{cursor:pointer;display:flex;align-items:center;justify-content:center}.tool-bar .tool-end[data-v-5abb8d24]{display:flex;justify-content:flex-start;align-items:center}.tool-bar .tool-end .tool-icon[data-v-5abb8d24]{cursor:pointer;font-size:24px;margin-right:10px;align-items:center;justify-content:center}.tool-bar[data-v-5abb8d24] .gh-dialog{height:100%;overflow:hidden}.tool-bar[data-v-5abb8d24] .gh-dialog .el-dialog{height:70%;overflow:hidden;display:flex;flex-direction:column}.tool-bar[data-v-5abb8d24] .gh-dialog .el-dialog .el-dialog__body{flex:1 1 auto;padding:0;overflow:hidden;height:100%}.big-img-box[data-v-46ce9c3e]{position:absolute;top:0;right:-200px}.show-chats[data-v-46ce9c3e]{height:70%;position:relative;overflow-x:hidden;overflow-y:auto}.show-chats .chat-item[data-v-46ce9c3e]{display:flex;flex-direction:column;margin:5px}.show-chats .chat-item .chat-time[data-v-46ce9c3e]{width:200px;height:20px;font-size:14px;line-height:20px;border-radius:5px;color:#fff;margin:5px auto;align-self:center;text-align:center;background:#dadada}.show-chats .chat-item .chat-content[data-v-46ce9c3e]{display:flex;position:relative;padding-top:10px;font-size:12px;color:#303133}.show-chats .chat-item .chat-content .img[data-v-46ce9c3e]{width:42px;height:42px;margin:5px 5px 5px 0;font-size:14px}.show-chats .chat-item .chat-content .member-info[data-v-46ce9c3e]{max-width:60%;position:absolute;color:#909399;top:0;left:58px}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e]{max-width:60%;min-height:40px;line-height:25px;padding:5px;margin-left:7px;border-radius:5px;display:flex;align-items:center;position:relative;background:#fff;word-break:break-all;border:1px solid #e7e7e7}.show-chats .chat-item .chat-content .content-content .chat-picture[data-v-46ce9c3e]{display:flex;align-items:center}.show-chats .chat-item .chat-content .content-content .chat-voice[data-v-46ce9c3e]{width:300px;max-width:100%;display:flex;align-items:center}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-video{display:flex;align-items:center;position:relative}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-video .play-video{color:#98e165;position:absolute;font-size:50px;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-system{color:grey}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-system a{color:#41c0fc}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-link{flex-direction:column;width:300px;max-width:100%;cursor:pointer}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-link .link-title{font-size:16px;font-weight:600}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-link .link-content{display:flex;align-items:center;justify-content:space-between}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-link .link-content .link-des{flex:auto;color:#aaa;font-size:14px;margin-right:5px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-link .link-content .link-img{max-width:50px;max-height:50px;min-height:50px;min-width:50px;border-radius:5px}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-link .link-type{color:#aaa;margin-top:5px;text-align:start;border-top:1px solid #e8eaec}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-file{flex-direction:column;width:300px;max-width:100%;cursor:pointer}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-file .file-title{font-size:16px;font-weight:600}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-file .file-content{display:flex;align-items:center;justify-content:space-between}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-file .file-content .file-des{flex:auto;color:#aaa;font-size:14px;margin-right:5px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-file .file-content .file-icon{font-size:30px;margin-right:20px}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-file .file-type{color:#aaa;margin-top:5px;text-align:start;border-top:1px solid #e8eaec}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-app{width:300px;max-width:100%;cursor:pointer;display:flex;flex-direction:column}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-app .app-des{display:flex}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-app .app-des .app-icon{width:20px;height:20px}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-app .app-des .app-source{width:100%;font-size:12px;margin-left:5px;color:grey}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-app .app-title{width:100%;height:30px;font-size:14px;font-weight:600;line-height:30px}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-app .app-content{display:flex;align-items:center;justify-content:space-between}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-app .app-content .app-des{flex:auto;color:#aaa;font-size:14px;margin-right:5px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-app .app-content .app-img{max-width:50px;max-height:50px;min-height:50px;min-width:50px;border-radius:5px}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-app .app-img{align-self:center;max-width:200px}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-app .app-typestr{height:25px;margin-top:5px;line-height:25px;color:grey;text-align:start;border-top:1px solid #aaa}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-namecard{width:300px;max-width:100%;cursor:pointer}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-namecard .namecard-info{display:flex;align-items:center}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-namecard .namecard-info .namecard-img{height:50px;width:50px;min-width:50px;border-radius:5px}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-namecard .namecard-info .namecard-nickname{width:250px;font-size:14px;margin-left:5px}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-namecard .namecard-tip{color:grey;margin-top:5px;border-top:1px solid #aaa}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-luckmoney{width:300px;max-width:100%;background:#fa9d3b;cursor:pointer}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-luckmoney .luck-info{display:flex;align-items:center;height:60px;width:100%}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-luckmoney .luck-info .luck-img{max-width:50px}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-luckmoney .luck-info .wish-open{display:flex;flex-direction:column}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-luckmoney .luck-info .luck-wish{width:200px;font-size:14px;margin-left:10px;color:#fff}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-luckmoney .luck-info .luck-flag{width:60px;font-size:14px;margin-left:10px;color:#fff}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-luckmoney .luck-info .money-opened{margin-left:10px;color:#fff}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-luckmoney .luckmoney-tip{color:grey;background:#fff;margin-top:5px}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-luckmoney:hover{background:rgba(250,157,59,.9)}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-moneytran{width:300px;max-width:100%;background:#fa9d3b;cursor:pointer}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-moneytran .moneytran-info{display:flex;align-items:center;height:60px;width:100%}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-moneytran .moneytran-info .moneytran-img{max-width:30px;margin-left:10px}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-moneytran .moneytran-info .moneytran-feed,.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-moneytran .moneytran-info .moneytran-flag{font-size:14px;margin-left:10px;color:#fff}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-moneytran .moneytran-tip{color:grey;background:#fff;margin-top:5px}.show-chats .chat-item .chat-content .content-content[data-v-46ce9c3e] .chat-moneytran:hover{background:rgba(250,157,59,.9)}.show-chats .chat-item .chat-content .send-state[data-v-46ce9c3e]{display:flex;align-items:center;justify-content:center}.show-chats .chat-item .chat-content .chat-room[data-v-46ce9c3e]{margin-top:20px}.show-chats .chat-item .chat-content .triangle[data-v-46ce9c3e]:before{content:"";border:6px solid transparent;border-right:6px solid #e7e7e7;position:absolute;top:10px;left:-13px}.show-chats .chat-item .chat-content .triangle[data-v-46ce9c3e]:after{content:"";border:6px solid transparent;border-right:6px solid #fff;position:absolute;top:10px;left:-12px}.show-chats .chat-item .chat-content .triangle[data-v-46ce9c3e]:hover{background-color:#f6f6f6}.show-chats .chat-item .chat-content .triangle[data-v-46ce9c3e]:hover:after{content:"";border:6px solid transparent;border-right:6px solid #f6f6f6;position:absolute;top:10px;left:-12px}.show-chats .chat-item .chat-content .triangle-send[data-v-46ce9c3e]{margin-right:7px;background:#9eea6a}.show-chats .chat-item .chat-content .triangle-send[data-v-46ce9c3e]:before{content:"";border:6px solid transparent;border-left:6px solid #e7e7e7;position:absolute;top:10px;right:-13px}.show-chats .chat-item .chat-content .triangle-send[data-v-46ce9c3e]:after{content:"";border:6px solid transparent;border-left:6px solid #9eea6a;position:absolute;top:10px;right:-12px}.show-chats .chat-item .chat-content .triangle-send[data-v-46ce9c3e]:hover{background-color:#98e165}.show-chats .chat-item .chat-content .triangle-send[data-v-46ce9c3e]:hover:after{border-left:6px solid #98e165}.show-chats .chat-item .chat-content .system-info[data-v-46ce9c3e]{border:none;max-width:80%;margin:0 auto;background:inherit}.show-chats .chat-item .chat-content-send[data-v-46ce9c3e]{flex-direction:row-reverse}.show-chats .chat-item .chat-content-send .img[data-v-46ce9c3e]{margin:5px 0 5px 5px}.show-chats[data-v-46ce9c3e] .detail-dialog{overflow:hidden}.show-chats[data-v-46ce9c3e] .detail-dialog .el-dialog{overflow:hidden;height:500px;min-width:500px;display:flex;flex-direction:column}.show-chats[data-v-46ce9c3e] .detail-dialog .el-dialog .el-dialog__body{overflow:hidden;margin:auto;flex:1 1 auto;display:flex;align-items:center;justify-content:center}.show-chats[data-v-46ce9c3e] .detail-dialog .el-dialog .el-dialog__body .detail-dialog-img{max-height:100%;max-width:100%;overflow:auto}.show-chats[data-v-46ce9c3e] .detail-dialog .el-dialog .el-dialog__body .detail-dialog-img::-webkit-scrollbar{width:4px;height:4px;background-color:#f4f4f5}.show-chats[data-v-46ce9c3e] .detail-dialog .el-dialog .el-dialog__body .detail-dialog-img::-webkit-scrollbar-thumb{border-radius:4px;background-color:#b3d8ff}.show-chats[data-v-46ce9c3e] .detail-dialog .el-dialog .el-dialog__body .detail-dialog-video{max-height:100%;width:auto}.show-chats .chat-no[data-v-46ce9c3e]{width:100%;height:100%;background-image:url(../../static/img/kdd64.b21b5e4d.png);background-repeat:no-repeat;background-color:#fff;background-position:50%}.show-chats .member-detail[data-v-46ce9c3e]{display:flex;flex-direction:column}.show-chats .member-detail[data-v-46ce9c3e] .el-dialog{width:500px}.show-chats .member-detail[data-v-46ce9c3e] .el-dialog .el-dialog__body{padding:20px}.show-chats .member-detail .member-detail-info[data-v-46ce9c3e]{display:flex}.show-chats .member-detail .member-detail-info .member-detail-text[data-v-46ce9c3e]{display:flex;flex-direction:column;justify-content:space-between;margin-left:20px;overflow:hidden}.show-chats .member-detail .member-detail-btns[data-v-46ce9c3e]{display:flex;justify-content:space-around;margin-top:20px}.show-chats .hb-details[data-v-46ce9c3e]{display:flex;flex-direction:column}.show-chats .hb-details[data-v-46ce9c3e] .el-dialog{width:500px}.show-chats .hb-details[data-v-46ce9c3e] .el-dialog .el-dialog__body{padding:20px}.show-chats .hb-details .hb-btns[data-v-46ce9c3e]{margin-top:10px}.anwser-window[data-v-8cb0c9e4]{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;position:relative}.anwser-window .show-content[data-v-8cb0c9e4]{flex:1 1 auto;overflow:hidden;display:flex;border-radius:5px}.anwser-window .show-content .show-content-textarea[data-v-8cb0c9e4]{flex:auto;resize:none;line-height:20px;font-size:16px;padding:5px;border:1px solid #dcdfe6;margin:2px}.anwser-window .show-content .show-content-textarea[data-v-8cb0c9e4]:focus{outline:none!important}.anwser-window .show-content .show-content-video[data-v-8cb0c9e4]{max-height:100%;margin:2px auto 0}.anwser-window .show-content .show-content-img[data-v-8cb0c9e4]{object-fit:scale-down;margin:0 auto;margin-top:2px}.anwser-window .show-content .show-content-voice[data-v-8cb0c9e4]{margin:auto}.anwser-window .show-content .show-content-file[data-v-8cb0c9e4]{padding:0 10px;width:100%;max-width:100%;line-height:20px;text-align:center;align-self:center;word-break:break-all}.anwser-window .opration-btn[data-v-8cb0c9e4]{height:50px;min-height:50px;align-self:flex-end;display:flex;justify-content:space-between;width:100%;align-items:center;padding:0 5px}.anwser-window .opration-btn .quote-msg[data-v-8cb0c9e4]{flex:1 1 auto;display:flex;align-items:center;margin-left:2px;margin-right:20px;overflow:hidden}.anwser-window .opration-btn .quote-msg .quote-content[data-v-8cb0c9e4]{background:#f2f2f2;display:flex;padding:5px;overflow:hidden}.anwser-window .opration-btn .quote-msg .close-btn[data-v-8cb0c9e4]{cursor:pointer;display:inline-block;margin-left:10px;height:20px;width:20px;min-width:20px;border-radius:10px;text-align:center;line-height:16px;font-size:16px;background:#cfcfcf;color:#fff}.anwser-window .opration-btn .right-btns[data-v-8cb0c9e4]{display:flex}.anwser-window .opration-btn .right-btns .el-button[data-v-8cb0c9e4]{width:100px;margin:5px}.conversation-chats[data-v-4ece2d6e]{flex:1 1 auto;display:flex;flex-direction:column;height:100%;overflow:hidden;border-right:2px solid #c3c3c3}.conversation-chats .chats-title[data-v-4ece2d6e]{height:40px;min-height:40px;display:flex;align-items:center;justify-content:flex-start;border-bottom:2px solid #c3c3c3}.conversation-chats .chats-title .avatar[data-v-4ece2d6e]{width:30px;height:30px;margin-left:5px}.conversation-chats .chats-title .avatars[data-v-4ece2d6e]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;background:#ecf5ff}.conversation-chats .chats-title .avatars .avatar-1[data-v-4ece2d6e]{width:100%;height:100%}.conversation-chats .chats-title .avatars .avatar-2[data-v-4ece2d6e],.conversation-chats .chats-title .avatars .avatar-3[data-v-4ece2d6e]{width:45%;height:45%}.conversation-chats .chats-title .avatars .avatar-4[data-v-4ece2d6e],.conversation-chats .chats-title .avatars .avatar-5[data-v-4ece2d6e],.conversation-chats .chats-title .avatars .avatar-6[data-v-4ece2d6e],.conversation-chats .chats-title .avatars .avatar-7[data-v-4ece2d6e],.conversation-chats .chats-title .avatars .avatar-8[data-v-4ece2d6e],.conversation-chats .chats-title .avatars .avatar-9[data-v-4ece2d6e]{width:30%;height:30%}.conversation-chats .chats-title .address[data-v-4ece2d6e],.conversation-chats .chats-title .gender[data-v-4ece2d6e],.conversation-chats .chats-title .members-number[data-v-4ece2d6e],.conversation-chats .chats-title .nick-name[data-v-4ece2d6e]{font-size:14px;margin-left:10px}.conversation-chats .chats-title .nick-name[data-v-4ece2d6e]{max-width:250px}.conversation-chats .chats-content[data-v-4ece2d6e]{flex:1 1 auto;display:flex;flex-direction:column;overflow-y:auto;background-color:#fff}.conversation-chats .chats-content .input-window[data-v-4ece2d6e]{height:35%;background:#fff;width:100%;display:flex;flex-direction:column}.fast-reply[data-v-1a506378]{width:100%;height:100%;overflow:auto;display:flex;flex-direction:column;align-items:center}.fast-reply .reply-nav[data-v-1a506378]{width:100%;margin-bottom:5px}.fast-reply .reply-nav .el-radio-button[data-v-1a506378]{width:50%}.fast-reply .reply-nav .el-radio-button[data-v-1a506378] .el-radio-button__inner{width:100%;height:40px;line-height:40px;padding:0}.fast-reply .common-replys[data-v-1a506378]{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;position:relative}.fast-reply .common-replys .common-groups[data-v-1a506378]{margin-bottom:5px}.fast-reply .common-replys .common-groups .common-groups-tname[data-v-1a506378]{width:100%;display:flex;justify-content:space-between;align-items:center;background:#f5f5f5;padding:10px 0}.fast-reply .common-replys .common-groups .common-groups-tname i[data-v-1a506378],.fast-reply .common-replys .common-groups .common-groups-tname span[data-v-1a506378]{color:#000}.fast-reply .common-replys .common-groups .common-groups-tname span[data-v-1a506378]{width:70%;padding-left:5px;font-size:14px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fast-reply .common-replys .common-groups .common-groups-tname i[data-v-1a506378]{width:10%;text-align:center;font-size:16px;cursor:pointer}.fast-reply .common-replys .common-groups .common-groups-tname i[data-v-1a506378]:hover{color:#4bbcfb}.fast-reply .common-replys .common-groups .every-reply[data-v-1a506378]{margin-top:5px;margin-bottom:5px;width:90%;padding:10px 0;cursor:pointer}.fast-reply .common-replys .common-groups .every-reply .cp-name[data-v-1a506378]{display:flex;justify-content:space-between;align-items:center}.fast-reply .common-replys .common-groups .every-reply .cp-name .cpname[data-v-1a506378]{margin-left:5px;font-size:14px;width:70%;color:#333}.fast-reply .common-replys .common-groups .every-reply .cp-name .remove[data-v-1a506378],.fast-reply .common-replys .common-groups .every-reply .cp-name .show-cp[data-v-1a506378]{width:10%;font-size:14px;text-align:center;cursor:pointer}.fast-reply .common-replys .common-groups .every-reply .reply-detail[data-v-1a506378]{padding:10px}.fast-reply .common-replys .common-groups .every-reply p[data-v-1a506378]{margin-left:3%;width:94%;font-size:12px;line-height:20px;word-break:break-all}.fast-reply .common-replys .common-groups .every-reply audio[data-v-1a506378],.fast-reply .common-replys .common-groups .every-reply img[data-v-1a506378],.fast-reply .common-replys .common-groups .every-reply video[data-v-1a506378]{width:auto;height:auto;max-width:80%;min-width:80%;min-height:40px;margin-left:10%}.fast-reply .common-replys .add-my-reply[data-v-1a506378]{width:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fast-reply .selected[data-v-1a506378]{color:#3b7957}.chat-no[data-v-3ff377e0]{width:100%;height:100%;background-image:url(../../static/img/kdd64.b21b5e4d.png);background-repeat:no-repeat;background-color:#fff;background-position:50%}.big-img-box[data-v-3ff377e0]{position:absolute;top:0;right:-200px}.show-chats[data-v-3ff377e0]{height:70%;overflow-x:hidden;overflow-y:scroll}.show-chats[data-v-3ff377e0] .quote-content{padding:2px 5px;background-color:#e8e8e8}.show-chats .chat-item[data-v-3ff377e0]{display:flex;flex-direction:column;margin:5px}.show-chats .chat-item .chat-time[data-v-3ff377e0]{font-size:12px;padding:5px 10px;border-radius:5px;color:#fff;margin:5px auto;background:#dadada}.show-chats .chat-item .chat-content[data-v-3ff377e0]{display:flex;position:relative;padding-top:10px;font-size:12px;color:#303133}.show-chats .chat-item .chat-content .member-info[data-v-3ff377e0]{max-width:60%;position:absolute;color:#909399;top:0;left:48px}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0]{max-width:60%;min-height:40px;line-height:25px;padding:5px;margin-left:7px;border-radius:5px;align-items:center;position:relative;background:#fff;word-break:break-all;border:1px solid #e7e7e7}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-img{width:100px;height:auto}.show-chats .chat-item .chat-content .content-content .chat-text[data-v-3ff377e0]{font-size:14px}.show-chats .chat-item .chat-content .content-content .chat-picture[data-v-3ff377e0]{width:100px;display:flex;align-items:center}.show-chats .chat-item .chat-content .content-content .chat-voice[data-v-3ff377e0]{width:300px;max-width:100%;display:flex;align-items:center}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-video{display:flex;align-items:center;position:relative}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-video .play-video{color:#98e165;position:absolute;font-size:50px;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-video .video-box{width:200px;height:auto}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-video .video-box-no{width:100px;height:auto}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-system{color:grey}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-system a{color:#41c0fc}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-link{flex-direction:column;width:300px;max-width:100%;cursor:pointer}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-link .link-title{font-size:14px;font-weight:600}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-link .link-content{display:flex;align-items:center;justify-content:space-between}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-link .link-content .link-des{flex:auto;color:#aaa;font-size:10px;margin-right:5px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-link .link-content .link-img{max-width:50px;max-height:50px;min-height:50px;min-width:50px;border-radius:5px}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-link .link-type{color:#aaa;margin-top:5px;text-align:start;border-top:1px solid #e8eaec}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-file{flex-direction:column;width:300px;max-width:100%;cursor:pointer}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-file .file-title{font-size:14px;font-weight:600}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-file .file-content{display:flex;align-items:center;justify-content:space-between}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-file .file-content .file-des{flex:auto;color:#aaa;font-size:12px;margin-right:5px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-file .file-content .file-icon{font-size:30px;margin-right:20px}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-file .file-type{color:#aaa;margin-top:5px;text-align:start;border-top:1px solid #e8eaec}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-app{width:300px;max-width:100%;cursor:pointer;display:flex;flex-direction:column}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-app .app-des{display:flex}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-app .app-des .app-icon{width:20px;height:20px}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-app .app-des .app-source{width:100%;font-size:12px;margin-left:5px;color:grey}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-app .app-title{width:100%;height:30px;font-size:12px;font-weight:600;line-height:30px}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-app .app-img{align-self:center;max-width:200px}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-app .app-typestr{height:25px;margin-top:5px;line-height:25px;color:grey;text-align:start;border-top:1px solid #aaa}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-namecard{width:300px;max-width:100%;cursor:pointer}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-namecard .namecard-info{display:flex;align-items:center}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-namecard .namecard-info .namecard-img{height:50px;width:50px;min-width:50px;border-radius:5px}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-namecard .namecard-info .namecard-nickname{width:250px;font-size:14px;margin-left:5px}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-namecard .namecard-tip{color:grey;margin-top:5px;border-top:1px solid #aaa}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-luckmoney{width:300px;max-width:100%;background:#fa9d3b;cursor:pointer}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-luckmoney .luck-info{display:flex;align-items:center;height:60px;width:100%}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-luckmoney .luck-info .luck-img{max-width:50px}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-luckmoney .luck-info .wish-open{display:flex;flex-direction:column}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-luckmoney .luck-info .luck-wish{width:200px;font-size:14px;margin-left:10px;color:#fff}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-luckmoney .luck-info .luck-flag{width:60px;font-size:14px;margin-left:10px;color:#fff}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-luckmoney .luck-info .money-opened{margin-left:10px;color:#fff}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-luckmoney .luckmoney-tip{color:grey;background:#fff;margin-top:5px}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-luckmoney:hover{background:rgba(250,157,59,.9)}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-moneytran{width:300px;max-width:100%;background:#fa9d3b;cursor:pointer}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-moneytran .moneytran-info{display:flex;align-items:center;height:60px;width:100%}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-moneytran .moneytran-info .moneytran-img{max-width:30px;margin-left:10px}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-moneytran .moneytran-info .moneytran-feed,.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-moneytran .moneytran-info .moneytran-flag{font-size:14px;margin-left:10px;color:#fff}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-moneytran .moneytran-tip{color:grey;background:#fff;margin-top:5px}.show-chats .chat-item .chat-content .content-content[data-v-3ff377e0] .chat-moneytran:hover{background:rgba(250,157,59,.9)}.show-chats .chat-item .chat-content .content-content .mask[data-v-3ff377e0]{width:1px;height:1px;position:absolute;right:15px;bottom:20px}.show-chats .chat-item .chat-content .send-state[data-v-3ff377e0]{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap}.show-chats .chat-item .chat-content .chat-room[data-v-3ff377e0]{margin-top:20px}.show-chats .chat-item .chat-content .triangle[data-v-3ff377e0]:before{content:"";border:6px solid transparent;border-right:6px solid #e7e7e7;position:absolute;top:10px;left:-13px}.show-chats .chat-item .chat-content .triangle[data-v-3ff377e0]:after{content:"";border:6px solid transparent;border-right:6px solid #fff;position:absolute;top:10px;left:-12px}.show-chats .chat-item .chat-content .triangle[data-v-3ff377e0]:hover{background-color:#f6f6f6}.show-chats .chat-item .chat-content .triangle[data-v-3ff377e0]:hover:after{content:"";border:6px solid transparent;border-right:6px solid #f6f6f6;position:absolute;top:10px;left:-12px}.show-chats .chat-item .chat-content .triangle-send[data-v-3ff377e0]{margin-right:7px;background:#9eea6a}.show-chats .chat-item .chat-content .triangle-send[data-v-3ff377e0]:before{content:"";border:6px solid transparent;border-left:6px solid #e7e7e7;position:absolute;top:10px;right:-13px}.show-chats .chat-item .chat-content .triangle-send[data-v-3ff377e0]:after{content:"";border:6px solid transparent;border-left:6px solid #9eea6a;position:absolute;top:10px;right:-12px}.show-chats .chat-item .chat-content .triangle-send[data-v-3ff377e0]:hover{background-color:#98e165}.show-chats .chat-item .chat-content .triangle-send[data-v-3ff377e0]:hover:after{border-left:6px solid #98e165}.show-chats .chat-item .chat-content .system-info[data-v-3ff377e0]{border:none;max-width:80%;margin:0 auto;background:inherit}.show-chats .chat-item .chat-content .system-info .verify-text[data-v-3ff377e0]{color:#41c0fc;font-size:14px;cursor:pointer}.show-chats .chat-item .chat-content-send[data-v-3ff377e0]{flex-direction:row-reverse}.more-item[data-v-3ff377e0]{padding:5px;margin:3px;border-radius:4px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #e7e7e7;cursor:default;transition:background-color .3s ease}.more-item[data-v-3ff377e0]:hover{cursor:pointer}.room-info[data-v-8a3854c8]{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:0 5px}.room-info .el-button[data-v-8a3854c8]{padding:2px}.room-info .friend-item[data-v-8a3854c8]{width:100%;margin:5px 0}.room-info .friend-item .friend-item-title[data-v-8a3854c8]{background:#b3d8ff;padding:5px;display:flex;justify-content:space-between}.room-info .friend-item .friend-item-title .btns[data-v-8a3854c8],.room-info .friend-item .friend-item-title .tip[data-v-8a3854c8]{line-height:20px}.room-info .friend-item .friend-item-content[data-v-8a3854c8]{background:#fff;min-height:30px;padding:5px}.room-info .friend-item .owner[data-v-8a3854c8]{display:flex;justify-content:flex-start;align-items:center}.room-info .friend-item .owner .owner-name[data-v-8a3854c8]{margin-left:5px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.room-info .friend-item .avatars[data-v-8a3854c8]{display:flex;flex-wrap:wrap}.room-info .friend-item .avatars .avatar[data-v-8a3854c8]{width:60px;margin:2px}.room-info .friend-item .avatars .not-friend[data-v-8a3854c8]{border:1px solid orange}.room-info .friend-item .friend-item-footer[data-v-8a3854c8]{background:#fff;width:100%}.room-info .friend-item .friend-item-footer .footer-btn[data-v-8a3854c8]{width:150px;margin:5px 75px}.room-info .member-detail[data-v-8a3854c8]{display:flex;flex-direction:column}.room-info .member-detail[data-v-8a3854c8] .el-dialog{width:500px}.room-info .member-detail[data-v-8a3854c8] .el-dialog .el-dialog__body{padding:20px}.room-info .member-detail .member-detail-info[data-v-8a3854c8]{display:flex}.room-info .member-detail .member-detail-info .member-detail-text[data-v-8a3854c8]{display:flex;flex-direction:column;justify-content:space-between;margin-left:20px;overflow:hidden}.room-info .member-detail .member-detail-btns[data-v-8a3854c8]{display:flex;justify-content:space-around;margin-top:20px}.conversation-chats[data-v-0a6c84b5]{height:100%;flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;background-color:hsla(0,0%,100%,.7);border-right:1px solid #c3c3c3}.conversation-chats .chats-title[data-v-0a6c84b5]{height:70px;min-height:70px;display:flex;align-items:center;justify-content:space-around;color:#333;justify-content:flex-start;padding-left:5px;border:1px solid #fff}.conversation-chats .chats-title .address[data-v-0a6c84b5],.conversation-chats .chats-title .gender[data-v-0a6c84b5],.conversation-chats .chats-title .members-number[data-v-0a6c84b5],.conversation-chats .chats-title .nick-name[data-v-0a6c84b5]{font-size:14px;margin-left:10px}.conversation-chats .chats-title .nick-name[data-v-0a6c84b5]{max-width:250px}.conversation-chats .chats-content[data-v-0a6c84b5]{flex:1 1 auto;display:flex;flex-direction:column;overflow-y:auto}.conversation-chats .chats-content .input-window[data-v-0a6c84b5]{height:30%;background:hsla(0,0%,100%,.7);width:100%;display:flex;flex-direction:column}.chose[data-v-ffcbae24]{background-color:#fff458;color:#000}.label-remark[data-v-ffcbae24]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.label-remark .friend-item[data-v-ffcbae24]{width:100%;margin:5px 0}.label-remark .friend-item .friend-item-title[data-v-ffcbae24]{height:30px;padding:5px;background:#b3d8ff;display:flex;align-items:center;justify-content:space-between}.label-remark .friend-item .friend-item-title .btns[data-v-ffcbae24],.label-remark .friend-item .friend-item-title .tip[data-v-ffcbae24]{line-height:20px}.label-remark .friend-item .friend-item-content[data-v-ffcbae24]{background:#fff;min-height:30px;padding:5px}.label-remark .friend-item .friend-item-content .phone-item[data-v-ffcbae24]{padding:5px 0}.label-remark .friend-item .friend-item-content .phone-item .delete-one-phone[data-v-ffcbae24]{margin-left:20px}.label-remark .friend-item .friend-item-content .el-tag[data-v-ffcbae24]{margin:2px}[data-v-54620a61] .el-input__inner:focus{border:1px solid #dcdfe6}.fast-reply[data-v-54620a61]{flex:1 1 auto;padding:5px;overflow:auto;display:flex;flex-direction:column}.fast-reply .common-groups[data-v-54620a61]{margin-bottom:5px}.fast-reply .common-groups .common-groups-tname[data-v-54620a61]{width:100%;display:flex;justify-content:space-between;align-items:center;background:#f5f5f5;padding:10px 5px;color:#000;font-size:16px;font-weight:600}.fast-reply .common-groups .common-groups-tname .reply-btns .fa+.fa[data-v-54620a61]{cursor:pointer;margin-left:10px}.fast-reply .common-groups .every-reply[data-v-54620a61]{width:100%;padding:10px 0;cursor:pointer}.fast-reply .common-groups .every-reply .cp-name[data-v-54620a61]{display:flex;justify-content:space-between;align-items:center}.fast-reply .common-groups .every-reply .cp-name .cpname[data-v-54620a61]{margin-left:5px;font-size:14px;width:70%;color:#333}.fast-reply .common-groups .every-reply .cp-name .show-cp[data-v-54620a61]{font-size:14px;cursor:pointer;width:40px;display:flex;align-items:center;justify-content:space-between}.fast-reply #replyDetail[data-v-54620a61]{width:200px;min-height:40px;padding:10px;color:#f5f5f5;background:#4fc4ff;position:absolute;top:0;right:340px;z-index:11111!important;border-radius:5px}.conversation-tools[data-v-1c2ca490]{width:300px;min-width:300px;display:flex;flex-direction:column;height:100%;overflow:hidden}.conversation-tools .tools-title[data-v-1c2ca490]{height:40px;min-height:40px;display:flex;align-items:center;justify-content:space-around;border-bottom:2px solid #c3c3c3}.conversation-tools .tools-title .tab[data-v-1c2ca490]{width:90px;height:40px;line-height:40px;text-align:center;cursor:pointer}.conversation-tools .tools-title .tab-chose[data-v-1c2ca490]{color:#ffd04b}.conversation-tools .tools-content[data-v-1c2ca490]{height:100%;padding:5px;flex:1 1 auto;display:flex;flex-direction:column;overflow-y:auto;background:#f4f4f5;background-color:#fff}.conversation-tools1[data-v-3a67fa21]{width:400px;transition:width .2s ease}.conversation-tools1[data-v-3a67fa21],.conversation-tools2[data-v-3a67fa21]{height:100%;padding-bottom:20px;background-color:#fff;overflow:hidden;display:flex;flex-direction:column}.conversation-tools2[data-v-3a67fa21]{width:0;transition:width .3s ease}.tab-list[data-v-3a67fa21]{width:100%;display:flex}.tab-list .tab-item[data-v-3a67fa21]{flex:1 1 auto;height:40px;line-height:40px;text-align:center;color:#333;font-size:14px;border-bottom:2px solid #eee;cursor:pointer}.tab-list .tab-item-chose[data-v-3a67fa21]{color:#00a2ff;border-bottom:2px solid #00a2ff}.coversation-view[data-v-1ba589db]{display:flex;flex:1 1 auto;overflow:hidden;justify-content:space-between}.conversation-page[data-v-539bf38b]{width:100%;height:100%;flex:1 1 auto;display:flex;justify-content:space-between;position:relative;background:url(../../static/img/dataBg.4a6482c2.png);background-size:100% 100%}.conversation-page #draggableWrap[data-v-539bf38b]{position:absolute;top:calc(100vh - 200px);left:calc(100vw - 200px);z-index:1001;max-width:500px}.conversation-page #draggableWrap .tip[data-v-539bf38b]{background:#fff;width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.auto-reply-list[data-v-dc053542]{height:100%;width:99%;display:flex;flex-direction:column;justify-content:space-between}.auto-reply-list .seach-box[data-v-dc053542]{padding-bottom:10px}.big-img-box[data-v-3ae34f99]{width:10px;position:absolute;top:-200px}.my-circles[data-v-3ae34f99]{width:100%;overflow:hidden;display:flex;flex-direction:column;border-right:1px solid #c3c3c3}.my-circles .my-circles-title[data-v-3ae34f99]{display:flex;align-items:center}.my-circles .my-circles-title p[data-v-3ae34f99]{padding:10px;color:#333;font-size:14px;font-weight:600}.my-circles .loading-circle[data-v-3ae34f99]{height:40px;line-height:40px;align-self:center}.my-circles .no-circles[data-v-3ae34f99]{flex:1 1 auto;overflow:auto;display:flex;align-items:center;justify-content:center}.my-circles .circles-list[data-v-3ae34f99]{flex:1 1 auto;overflow:auto;display:flex;padding:10px;flex-direction:column}.my-circles .circles-list .circles-list-item[data-v-3ae34f99]{width:95%;margin:auto;min-height:200px;background:hsla(0,0%,100%,.5);border-radius:8px;margin-bottom:20px}.my-circles .circles-list .circles-list-item .circle-header[data-v-3ae34f99]{width:95%;min-height:130px;margin:auto;display:flex;align-items:center;margin-top:20px;justify-content:space-between}.my-circles .circles-list .circles-list-item .circle-header .circle-left[data-v-3ae34f99]{width:48%;height:130px;display:flex;flex-direction:column;justify-content:space-around}.my-circles .circles-list .circles-list-item .circle-header .circle-left .circle-left-header[data-v-3ae34f99]{width:100%;height:55px;display:flex;align-items:center}.my-circles .circles-list .circles-list-item .circle-header .circle-left .circle-left-txt1[data-v-3ae34f99]{width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.my-circles .circles-list .circles-list-item .circle-header .circle-right[data-v-3ae34f99]{width:48%}.my-circles .circles-list .circles-list-item .circle-header .circle-right .imgs[data-v-3ae34f99]{width:100%;height:100px;border-radius:8px;overflow:hidden;display:flex;justify-content:space-evenly;flex-wrap:wrap;position:relative}.my-circles .circles-list .circles-list-item .circle-header .circle-right .imgs .mask[data-v-3ae34f99]{width:24%;max-width:100px;height:100px;position:absolute;right:0;background-color:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center}.my-circles .circles-list .circles-list-item .circle-header .circle-right .imgs img[data-v-3ae34f99]{width:24%;max-width:100px;height:100px}.my-circles .circles-list .circles-list-item .circle-bottom[data-v-3ae34f99]{width:95%;margin:auto;display:flex;align-items:center;justify-content:space-between;margin-top:10px}.likes-box[data-v-3ae34f99]{display:flex;align-items:center;flex-wrap:wrap;position:relative;height:40px;margin-bottom:10px}.likes-box i[data-v-3ae34f99]{font-size:14px;color:red;margin-right:5px;margin-left:5px}.likes-box>div[data-v-3ae34f99]{flex:1 1 auto;display:flex;align-items:center}.likes-box>div div[data-v-3ae34f99]{display:flex;flex-wrap:wrap}.likes-box>div div span[data-v-3ae34f99]{font-size:14px;line-height:30px}.likes-box>div div img[data-v-3ae34f99]{height:25px;width:25px;margin:5px 5px;transition:all .6s;cursor:pointer}.likes-box>div div img[data-v-3ae34f99]:hover{transform:scale(2)}.comment-box[data-v-3ae34f99]{width:95%;margin:auto;margin-bottom:10px;border-radius:15px;display:flex;flex-direction:column;background-color:#fff;padding:10px}.comment-box .every-comment[data-v-3ae34f99]{width:100%;display:flex;align-items:center;margin-bottom:1px}.comment-box .every-comment img[data-v-3ae34f99]{height:36px;width:36px;margin:5px 5px;border-radius:5px;text-align:center;cursor:pointer}.comment-box .every-comment .comment-info[data-v-3ae34f99]{flex:1 1 auto;overflow:hidden}.comment-box .every-comment .comment-info .name-time[data-v-3ae34f99]{display:flex;height:20px;line-height:20px;justify-content:space-between}.comment-box .every-comment .comment-info .name-time span[data-v-3ae34f99]:first-child{font-size:12px;color:#5f739a;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.comment-box .every-comment .comment-info .name-time span[data-v-3ae34f99]:nth-child(2){font-size:12px;text-align:center;color:#b2b2b2}.comment-box .every-comment .comment-info .reply-1[data-v-3ae34f99]{flex:1 1 auto;display:flex;justify-content:space-between;align-items:center;height:20px;line-height:20px}.comment-box .every-comment .comment-info .reply-1 .reply-to-friend[data-v-3ae34f99]{display:flex;cursor:pointer;width:80%;overflow:hidden;font-size:12px}.comment-box .every-comment .comment-info .reply-1 .reply-to-friend .comment-content[data-v-3ae34f99]{width:400px;word-wrap:break-word}.comment-box .every-comment .comment-info .reply-1 .reply-to-friend .reply-friend-name[data-v-3ae34f99]{color:#4bbcfb}.comment-box .every-comment .comment-info .reply-1 i[data-v-3ae34f99]{width:10%;text-align:center;color:grey;font-size:14px;cursor:pointer}.comment-box .every-comment .comment-info .reply-1 i[data-v-3ae34f99]:hover{color:#4bbcfb}.expression-icon[data-v-0633f9a2]{cursor:pointer;font-size:24px}.friend-circle-send[data-v-3b9a25ea]{overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}.friend-circle-send .set-circle-type[data-v-3b9a25ea]{display:flex;padding:0 10px}.friend-circle-send .set-circle-type .circle-type-item[data-v-3b9a25ea]{width:80px;font-size:14px;color:#333;padding:5px 8px;cursor:pointer;display:flex;align-items:center;justify-content:space-evenly}.friend-circle-send .set-circle-type .circle-type-item-select[data-v-3b9a25ea]{color:#00a2ff;background-color:#fff7e8;border-radius:15px}.friend-circle-send .set-send-content[data-v-3b9a25ea]{height:90%;overflow-y:scroll;margin:4px;padding:4px;border:1px solid #dadada;display:flex;flex-direction:column;justify-content:space-between}.friend-circle-send .set-send-content .set-circle-link[data-v-3b9a25ea]{display:flex;align-items:center}.friend-circle-send .set-send-content .add-pictures[data-v-3b9a25ea]{position:relative}.friend-circle-send .set-send-content .add-pictures[data-v-3b9a25ea] .set-image-ulrs{width:100%}.friend-circle-send .set-send-content .add-pictures[data-v-3b9a25ea] .set-image-ulrs .el-upload--picture-card{width:110px;height:110px;line-height:110px}.friend-circle-send .set-send-content .add-pictures[data-v-3b9a25ea] .set-image-ulrs .el-upload-list__item{width:110px;height:110px}.friend-circle-send .set-send-content .add-pictures[data-v-3b9a25ea] .hide .el-upload--picture-card{display:none}.friend-circle-send .set-send-content .add-video[data-v-3b9a25ea]{display:flex;flex-direction:column;align-items:center}.friend-circle-send .set-send-content .add-video .add-video-label[data-v-3b9a25ea]{cursor:pointer}.friend-circle-send .set-send-content .add-video video[data-v-3b9a25ea]{height:100px;width:auto}.friend-circle-send .set-send-content .add-video .video-name-delete[data-v-3b9a25ea]{display:flex;align-items:center;height:30px;min-height:30px}.friend-circle-send .set-send-content .add-video .video-name-delete i[data-v-3b9a25ea]{cursor:pointer}.friend-circle-send .set-send-content .resource-box[data-v-3b9a25ea]{width:100%;overflow:auto;display:flex;flex-wrap:wrap;border:1px solid #dadada}.friend-circle-send .set-send-content .qq-expression[data-v-3b9a25ea]{padding:2px;position:absolute;left:22px;top:185px}.friend-circle-send .set-send-content[data-v-3b9a25ea] .set-circle-link .el-input--suffix,.friend-circle-send .set-send-content[data-v-3b9a25ea] .set-circle-link .el-textarea{width:50%}.friend-circle-send .set-send-content .set-circle-comment[data-v-3b9a25ea]{width:100%;position:relative}.friend-circle-send .set-send-content .set-circle-comment p[data-v-3b9a25ea]{margin-left:10px;cursor:pointer}.friend-circle-send .set-send-content .set-circle-comment[data-v-3b9a25ea] .add-commnet-area{position:absolute;bottom:32px;margin-bottom:5px}.friend-circle-send .set-send-content .set-circle-comment[data-v-3b9a25ea] .add-commnet-area .el-textarea__inner{background-color:#fdfdfd}.friend-circle-send .send-circle-opration[data-v-3b9a25ea]{height:100px;display:flex;justify-content:center;align-items:center;margin-top:10px}.friend-circle-send[data-v-3b9a25ea] .dialog-visible .el-dialog__body{display:flex;justify-content:center;align-items:center}.friend-circle-send[data-v-3b9a25ea] .dialog-visible .el-dialog__body .circle-send-dialog{max-width:500px;max-height:500px}.wxList[data-v-3b9a25ea]{width:100%;max-height:200px;min-height:100px;overflow:auto;overflow-y:scroll;border:1px solid silver;padding:5px;margin-top:5px;display:flex;flex-wrap:wrap}.wxList .wxItem[data-v-3b9a25ea]{height:80px;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.wxList .wxItem img[data-v-3b9a25ea]{width:40px;height:40px;border-radius:50%}.wxList .wxItem .wxName[data-v-3b9a25ea]{width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.wxList .nowxItem[data-v-3b9a25ea]{height:80px;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:not-allowed;filter:grayscale(1)}.wxList .nowxItem img[data-v-3b9a25ea]{width:40px;height:40px;border-radius:50%}.wxList .nowxItem .wxName[data-v-3b9a25ea]{width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.friend-circle[data-v-07879582]{width:100%;height:100%;padding:10px}.send-circle[data-v-07879582]{width:100%;height:100%;padding:5px 10px;display:flex;flex-direction:column}.send-circle[data-v-07879582] .el-tabs__content{flex:1 1 auto;overflow:auto}.send-circle[data-v-07879582] .el-tabs__content .el-tab-pane{height:100%}.group-send[data-v-4b6500cc]{flex:1 1 auto;display:flex;overflow:hidden}.group-send .filter-box[data-v-4b6500cc]{width:189px;min-width:189px;height:100%;padding:5px 5px 0 5px;border:1px solid #eee;overflow:hidden;display:flex;flex-direction:column}.group-send .filter-box .tab-title[data-v-4b6500cc]{width:100%;display:flex}.group-send .filter-box .tab-title p[data-v-4b6500cc]{width:50%;height:40px;color:#999;font-size:14px;line-height:40px;font-weight:500;cursor:pointer;text-align:center;border-bottom:1px solid #ddd}.group-send .filter-box .tab-title .tabChose[data-v-4b6500cc]{color:#00a2ff;border-bottom:1px solid #00a2ff}.group-send .filter-box .labels-list[data-v-4b6500cc]{width:100%;flex:1 1 auto;overflow:auto}.group-send .filter-box .labels-list .label-item[data-v-4b6500cc]{display:flex;align-items:center;color:#333;font-size:14px;height:26px;cursor:pointer}.group-send .filter-box .labels-list .label-item p[data-v-4b6500cc]{margin-left:5px;width:150px;height:26px;line-height:26px}.group-send .filter-box .labels-list .current-label[data-v-4b6500cc]{color:#00a2ff}.group-send .filter-box .labels-list .label-disabled[data-v-4b6500cc]{color:#c0c4cc;cursor:not-allowed}.group-send .filter-box .labels-list .label-disabled input[data-v-4b6500cc]{cursor:not-allowed;color:#c0c4cc;border:1px solid #c0c4cc}.group-send .friends-list[data-v-4b6500cc]{flex:1 1 auto;height:100%;padding:10px;overflow:hidden;display:flex;flex-direction:column}.group-send .friends-list .friends-list-title[data-v-4b6500cc]{display:flex;align-items:center;justify-content:space-between;padding:0 0 10px 0}.group-send .friends-list .friends-list-title p[data-v-4b6500cc]{font-size:14px;color:#999}.group-send .friends-list .friends-list-title .search-input[data-v-4b6500cc]{width:200px;height:32px}.group-send .friends-list[data-v-4b6500cc] .el-table{width:100%;height:100%;overflow:auto}.group-send .friends-list[data-v-4b6500cc] .el-table .el-table__header-wrapper{min-height:40px;display:flex;align-items:center;background-color:rgba(255,159,0,.0509803922)}.group-send .friends-list[data-v-4b6500cc] .el-table .el-table__header-wrapper .el-table__header th{background-color:rgba(255,159,0,.0509803922);padding:0;border-bottom:none}.group-send .friends-list[data-v-4b6500cc] .el-table td{padding:5px}.group-send .chat-rooms-list[data-v-4b6500cc]{flex:1 1 auto;padding:14px;overflow:auto;display:flex;flex-wrap:wrap;align-content:flex-start}.group-send .chat-rooms-list .room-item[data-v-4b6500cc]{width:200px;height:58px;border-radius:5px;margin:0 16px 16px 0;background-color:#f7f7f5;display:flex;align-items:center;padding:0 17px}.group-send .chat-rooms-list .room-item p[data-v-4b6500cc]{width:150px}.group-send .friends-chosed[data-v-4b6500cc]{width:209px;min-width:209px;display:flex;flex-direction:column;border-left:1px solid #eee}.group-send .friends-chosed .third-box-title[data-v-4b6500cc]{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#333;padding:5px;height:40px;line-height:40px}.group-send .friends-chosed .friends-chose-list[data-v-4b6500cc]{flex:1 1 auto;overflow:auto;display:flex;flex-wrap:wrap;align-content:flex-start}.group-send .friends-chosed .friends-chosed-btns[data-v-4b6500cc]{height:50px;min-height:50px;width:100%;display:flex;justify-content:center;align-items:center;background-color:#f9f9f9}.group-send .friends-chosed .friends-chosed-btns .el-button[data-v-4b6500cc]{width:82px;height:32px}.qq-expression[data-v-4b6500cc]{padding:2px;position:absolute;left:100px;top:250px}[data-v-4b6500cc] .chat-link{flex-direction:column;width:300px;max-width:100%;cursor:pointer}[data-v-4b6500cc] .chat-link .link-title{font-size:14px;font-weight:600}[data-v-4b6500cc] .chat-link .link-content{display:flex;align-items:center;justify-content:space-between}[data-v-4b6500cc] .chat-link .link-content .link-des{flex:auto;color:#aaa;font-size:10px;margin-right:5px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}[data-v-4b6500cc] .chat-link .link-content .link-img{max-width:50px;max-height:50px;min-height:50px;min-width:50px;border-radius:5px}[data-v-4b6500cc] .chat-link .link-type{color:#aaa;margin-top:5px;text-align:start;border-top:1px solid #e8eaec}[data-v-4b6500cc] .chat-app{width:300px;max-width:100%;cursor:pointer;display:flex;flex-direction:column}[data-v-4b6500cc] .chat-app .app-des{display:flex}[data-v-4b6500cc] .chat-app .app-des .app-icon{width:20px;height:20px}[data-v-4b6500cc] .chat-app .app-des .app-source{width:100%;font-size:12px;margin-left:5px;color:grey}[data-v-4b6500cc] .chat-app .app-title{width:100%;height:30px;font-size:12px;font-weight:600;line-height:30px}[data-v-4b6500cc] .chat-app .app-img{align-self:center;max-width:200px}[data-v-4b6500cc] .chat-app .app-typestr{height:25px;margin-top:5px;line-height:25px;color:grey;text-align:start;border-top:1px solid #aaa}.group-send-log[data-v-66d564ff]{height:100%;width:100%;padding:0 20px;overflow:hidden;display:flex;align-items:flex-start;flex-direction:column}.group-send-log[data-v-66d564ff] .group-send-log-table{width:100%;height:100%}.group-send-log[data-v-66d564ff] .group-send-log-table .el-table__header-wrapper{min-height:40px;display:flex;align-items:center;background-color:rgba(255,159,0,.0509803922)}.group-send-log[data-v-66d564ff] .group-send-log-table .el-table__header-wrapper .el-table__header th{background-color:rgba(255,159,0,.0509803922);padding:0;border-bottom:none}.group-assistant[data-v-538d4630]{width:100%;height:100%;padding:20px;flex:1 1 auto;overflow:hidden;display:flex;flex-direction:column}.group-assistant .group-assistant-title[data-v-538d4630]{color:#333;font-size:14px;padding:5px 20px;display:flex;align-items:center;justify-content:space-between}.group-assistant .group-assistant-title .log-type[data-v-538d4630]{display:flex;align-items:center;height:30px}.group-assistant .group-assistant-title .log-type p[data-v-538d4630]{margin-right:10px}.conversation-list[data-v-249aab78]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #c3c3c3;padding:5px}.conversation-list .search-box[data-v-249aab78]{padding:5px 0 5px}.conversation-list .friends-content[data-v-249aab78]{flex:1 1 auto;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.conversation-list .friends-content .friend-info[data-v-249aab78]{height:60px;min-height:60px;cursor:pointer;display:flex;align-items:center}.conversation-list .friends-content .friend-info .avatar-tip[data-v-249aab78]{height:40px;width:40px;position:relative;display:flex;align-items:center}.conversation-list .friends-content .friend-info .avatar-tip .tip[data-v-249aab78]{width:20px;height:20px;line-height:20px;position:absolute;top:-10px;right:-10px;background:red;border-radius:10px;color:#fff;text-align:center}.conversation-list .friends-content .friend-info .nick-content[data-v-249aab78]{margin-left:10px;width:100px;min-width:100px}.conversation-list .friends-content .friend-info .nick-content .friend-nick[data-v-249aab78]{color:#333;height:26px;line-height:26px;font-size:14px}.conversation-list .friends-content .friend-info .nick-content .chat-content[data-v-249aab78]{height:20px;line-height:20px;color:#999;font-size:12px}.conversation-list .friends-content .friend-info .time-disturb[data-v-249aab78]{width:80px;min-width:80px;color:#999;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column}.conversation-list .friends-content .friend-info .time-disturb .opration-btns[data-v-249aab78]{display:flex;justify-content:space-around;width:70px}.conversation-list .friends-content .friend-info .time-disturb .opration-btns .sigle-fresh[data-v-249aab78]:hover{color:#41c0fc}.conversation-list .friends-content .friend-info .time-disturb .opration-btns .msg-silent[data-v-249aab78],.conversation-list .friends-content .friend-info .time-disturb .opration-btns .top-convs[data-v-249aab78]{color:#00a2ff}.conversation-list .friends-content .friend-info[data-v-249aab78]:hover{background-color:#dfdede}.conversation-list .friends-content .current-info-null[data-v-249aab78]{text-align:center;margin-top:10px}.conversation-list .friends-content .selected[data-v-249aab78],.conversation-list .friends-content .selected[data-v-249aab78]:hover{background:#fff;border-radius:6px;border:1px solid #dfe1e3}.convers-list-all[data-v-9ee569fe]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #c3c3c3;padding:0 5px}.convers-list-all .all-convs-tabs[data-v-9ee569fe]{height:40px;min-height:40px;display:flex;align-items:center}.convers-list-all .search-box[data-v-9ee569fe]{padding:5px 0 5px}.convers-list-all .friends-content[data-v-9ee569fe]{flex:1 1 auto;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.convers-list-all .friends-content .friend-info[data-v-9ee569fe]{height:59px;min-height:59px;overflow:hidden;display:flex;cursor:pointer}.convers-list-all .friends-content .friend-info .avatar-tip[data-v-9ee569fe]{height:59px;width:59px;position:relative;display:flex;align-items:center;padding-left:5px}.convers-list-all .friends-content .friend-info .avatar-tip .tip[data-v-9ee569fe]{width:20px;height:20px;position:absolute;top:0;right:0;background:red;border-radius:10px;color:#fff;text-align:center}.convers-list-all .friends-content .friend-info .nick-content[data-v-9ee569fe]{width:220px;min-width:220px;padding-left:9px;display:flex;flex-direction:column;align-self:center}.convers-list-all .friends-content .friend-info .nick-content .chat-content[data-v-9ee569fe],.convers-list-all .friends-content .friend-info .nick-content .friend-nick[data-v-9ee569fe]{height:20px;line-height:20px}.convers-list-all .friends-content .friend-info .nick-content .friend-nick[data-v-9ee569fe]{color:#333;font-size:14px}.convers-list-all .friends-content .friend-info .nick-content .chat-content[data-v-9ee569fe]{color:#999;font-size:12px}.convers-list-all .friends-content .friend-info .time-disturb[data-v-9ee569fe]{width:70px;min-width:70px;color:#999;display:flex;align-items:center;justify-content:space-around;flex-direction:column}.convers-list-all .friends-content .friend-info .time-disturb .sigle-fresh[data-v-9ee569fe]:hover{color:#41c0fc}.convers-list-all .friends-content .friend-info .time-disturb .opration-btns[data-v-9ee569fe]{display:flex;justify-content:space-between;width:50px}.convers-list-all .friends-content .friend-info .time-disturb .opration-btns .msg-silent[data-v-9ee569fe],.convers-list-all .friends-content .friend-info .time-disturb .opration-btns .top-convs[data-v-9ee569fe]{color:#00a2ff}.convers-list-all .friends-content .friend-info[data-v-9ee569fe]:hover{background-color:#dedcdb}.convers-list-all .friends-content .current-info-null[data-v-9ee569fe]{text-align:center;margin-top:10px}.convers-list-all .friends-content .selected[data-v-9ee569fe],.convers-list-all .friends-content .selected[data-v-9ee569fe]:hover{background:#fff;border-radius:6px;border:1px solid #dfe1e3}.convers-list-all .operation-btns[data-v-9ee569fe]{background-color:#f3f3f3;height:50px;min-height:50px;display:flex;justify-content:space-around;align-items:center}.convers-list-all .operation-btns i[data-v-9ee569fe]{cursor:pointer}.friends-list[data-v-d93fda5c]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #c3c3c3;padding:5px}.friends-list .search-box[data-v-d93fda5c]{padding:5px 0 5px}.friends-list .friends-content[data-v-d93fda5c]{flex:1 1 auto;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.friends-list .friends-content .friend-info[data-v-d93fda5c]{height:60px;min-height:60px;overflow:hidden;display:flex;align-items:center;cursor:pointer}.friends-list .friends-content .friend-info .avatar-tip[data-v-d93fda5c]{display:flex;align-items:center}.friends-list .friends-content .friend-info .nick-content[data-v-d93fda5c]{margin-left:10px;width:130px;min-width:130px}.friends-list .friends-content .friend-info .nick-content .friend-nick[data-v-d93fda5c]{text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:20px;color:#333;font-size:14px}.friends-list .friends-content .friend-info .opration-btns[data-v-d93fda5c]{margin-left:10px;display:flex;justify-content:space-between;width:40px}.friends-list .friends-content .friend-info .opration-btns .sigle-fresh[data-v-d93fda5c]:hover{color:#41c0fc}.friends-list .friends-content .friend-info[data-v-d93fda5c]:hover{background-color:#dedcdb}.friends-list .friends-content .current-info-null[data-v-d93fda5c]{text-align:center;margin-top:10px}.friends-list .friends-content .selected[data-v-d93fda5c],.friends-list .friends-content .selected[data-v-d93fda5c]:hover{background:#fff;border-radius:6px;border:1px solid #dfe1e3}.conversation-friends[data-v-6f95d866]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #c3c3c3;padding:5px}.conversation-friends .search-box[data-v-6f95d866]{padding:5px 0 5px}.conversation-friends .friends-content[data-v-6f95d866]{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.conversation-friends .friends-content .friend-info[data-v-6f95d866]{height:60px;min-height:60px;cursor:pointer;display:flex;align-items:center}.conversation-friends .friends-content .friend-info .avatar-tip[data-v-6f95d866]{display:flex;align-items:center}.conversation-friends .friends-content .friend-info .nick-content[data-v-6f95d866]{margin-left:5px;width:130px;min-width:130px;display:flex;flex-direction:column;align-self:center}.conversation-friends .friends-content .friend-info .nick-content .friend-nick[data-v-6f95d866]{text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:20px;color:#333;font-size:14px}.conversation-friends .friends-content .friend-info .opration-btns[data-v-6f95d866]{margin-left:5px;display:flex;justify-content:space-between;width:40px}.conversation-friends .friends-content .friend-info .opration-btns .sigle-fresh[data-v-6f95d866]:hover{color:#00a2ff}.conversation-friends .friends-content .friend-info[data-v-6f95d866]:hover{background-color:#dedcdb}.conversation-friends .friends-content .current-info-null[data-v-6f95d866]{text-align:center;margin-top:10px}.conversation-friends .friends-content .selected[data-v-6f95d866],.conversation-friends .friends-content .selected[data-v-6f95d866]:hover{background:#fff;border-radius:6px;border:1px solid #dfe1e3}.conversation-list[data-v-b8c41d00]{width:270px;min-width:270px;display:flex;flex-direction:column;height:100%;overflow:hidden;border-right:2px solid #c3c3c3}.conversation-list .friends-bottom[data-v-b8c41d00]{height:40px;min-height:40px;display:flex;align-items:center;justify-content:space-around;border-top:2px solid #c3c3c3}.conversation-list .search-box[data-v-b8c41d00]{padding:5px;background-color:#fff}.conversation-list .friends-content[data-v-b8c41d00]{flex:1 1 auto;display:flex;flex-direction:column;overflow-y:scroll;background-color:#fff;margin-bottom:5px}.conversation-list .friends-content .friend-info[data-v-b8c41d00]{height:50px;width:260px;overflow:hidden;min-height:50px;display:flex;cursor:pointer;margin-top:2px}.conversation-list .friends-content .friend-info .avatar-tip[data-v-b8c41d00]{height:50px;width:50px;position:relative;display:flex;align-items:center;justify-content:center}.conversation-list .friends-content .friend-info .avatar-tip .img[data-v-b8c41d00]{width:36px;height:36px;margin:5px;font-size:14px}.conversation-list .friends-content .friend-info .avatar-tip .avatars[data-v-b8c41d00]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;background:#ecf5ff}.conversation-list .friends-content .friend-info .avatar-tip .avatars .avatar-1[data-v-b8c41d00]{width:100%;height:100%}.conversation-list .friends-content .friend-info .avatar-tip .avatars .avatar-2[data-v-b8c41d00],.conversation-list .friends-content .friend-info .avatar-tip .avatars .avatar-3[data-v-b8c41d00]{width:45%;height:45%}.conversation-list .friends-content .friend-info .avatar-tip .avatars .avatar-4[data-v-b8c41d00],.conversation-list .friends-content .friend-info .avatar-tip .avatars .avatar-5[data-v-b8c41d00],.conversation-list .friends-content .friend-info .avatar-tip .avatars .avatar-6[data-v-b8c41d00],.conversation-list .friends-content .friend-info .avatar-tip .avatars .avatar-7[data-v-b8c41d00],.conversation-list .friends-content .friend-info .avatar-tip .avatars .avatar-8[data-v-b8c41d00],.conversation-list .friends-content .friend-info .avatar-tip .avatars .avatar-9[data-v-b8c41d00]{width:30%;height:30%}.conversation-list .friends-content .friend-info .avatar-tip .tip[data-v-b8c41d00]{border:1px solid red;width:20px;height:20px;position:absolute;top:0;right:0;background:red;border-radius:10px;color:#fff;text-align:center}.conversation-list .friends-content .friend-info .nick-content[data-v-b8c41d00]{width:140px;display:flex;flex-direction:column;align-self:center;font-size:12px}.conversation-list .friends-content .friend-info .nick-content .chat-content[data-v-b8c41d00]{max-width:100%;height:20px;line-height:20px}.conversation-list .friends-content .friend-info .nick-content .friend-nick[data-v-b8c41d00]{max-width:100%;line-height:20px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.conversation-list .friends-content .friend-info .time-disturb[data-v-b8c41d00]{width:70px;min-width:70px;display:flex;align-items:center;justify-content:space-around;flex-direction:column}.conversation-list .friends-content .friend-info .time-disturb .sigle-fresh[data-v-b8c41d00]:hover{color:#41c0fc}.conversation-list .friends-content .friend-info .time-disturb .opration-btns[data-v-b8c41d00]{display:flex;justify-content:space-around;width:40px}.conversation-list .friends-content .friend-info[data-v-b8c41d00]:hover{background-color:#dedcdb}.conversation-list .friends-content .current-info-null[data-v-b8c41d00]{text-align:center;margin-top:10px}.conversation-list .friends-content .selected[data-v-b8c41d00],.conversation-list .friends-content .selected[data-v-b8c41d00]:hover{background-color:#c8c6c6}.customer-list[data-v-3f42eada]{width:270px;min-width:270px;display:flex;flex-direction:column;height:100%;overflow:hidden;border-right:2px solid #c3c3c3}.customer-list .search-box[data-v-3f42eada]{padding:5px;background-color:#fff}.customer-list .friends-content[data-v-3f42eada]{flex:1 1 auto;display:flex;flex-direction:column;overflow-y:scroll;background-color:#fff}.customer-list .friends-content .friend-info[data-v-3f42eada]{width:100%;height:50px;min-height:50px;overflow:hidden;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:space-between}.customer-list .friends-content .friend-info .friend-nick[data-v-3f42eada]{width:170px;line-height:20px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.customer-list .friends-content .friend-info .opration-btns[data-v-3f42eada]{display:flex;justify-content:space-around;width:40px}.customer-list .friends-content .friend-info[data-v-3f42eada]:hover{background-color:#dedcdb}.customer-list .friends-content .selected[data-v-3f42eada],.customer-list .friends-content .selected[data-v-3f42eada]:hover{background-color:#c8c6c6}.customer-list .friends-bottom[data-v-3f42eada]{height:40px;min-height:40px;display:flex;align-items:center;justify-content:space-around;border-top:2px solid #c3c3c3}.conversation-friends[data-v-765260d0]{width:270px;min-width:270px;display:flex;flex-direction:column;height:100%;overflow:hidden;border-right:2px solid #c3c3c3}.conversation-friends .search-box[data-v-765260d0]{padding:5px;background-color:#fff}.conversation-friends .friends-content[data-v-765260d0]{flex:1 1 auto;display:flex;flex-direction:column;overflow-y:scroll;background-color:#fff}.conversation-friends .friends-content .friend-info[data-v-765260d0]{width:100%;height:50px;min-height:50px;overflow:hidden;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:space-between}.conversation-friends .friends-content .friend-info .friend-nick[data-v-765260d0]{width:170px;line-height:20px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.conversation-friends .friends-content .friend-info .opration-btns[data-v-765260d0]{display:flex;justify-content:space-around;width:40px}.conversation-friends .friends-content .friend-info[data-v-765260d0]:hover{background-color:#dedcdb}.conversation-friends .friends-content .selected[data-v-765260d0],.conversation-friends .friends-content .selected[data-v-765260d0]:hover{background-color:#c8c6c6}.conversation-friends .friends-bottom[data-v-765260d0]{height:40px;min-height:40px;display:flex;align-items:center;justify-content:space-around;border-top:2px solid #c3c3c3}