@charset "UTF-8";.Recommend[data-v-ddbfcd21]{height:100vh;overflow:scroll;display:flex}.bfa[data-v-ddbfcd21]{background:#fff;margin-top:20px;border-radius:20px}.blank[data-v-ddbfcd21]{margin:auto;padding-bottom:30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.blank .n1[data-v-ddbfcd21]{color:#181518;text-align:center;font-size:17px;font-style:normal;font-weight:600;line-height:20px;margin-top:10px}.blank .n2[data-v-ddbfcd21]{color:#c3c3c3;text-align:center;font-size:15px;font-style:normal;font-weight:400;line-height:normal;margin-top:10px}.Following[data-v-ddbfcd21]{background:white;display:flex}.Following .chatList[data-v-ddbfcd21]{border-right:solid 1px #e5e5e5;width:400px;height:100vh;overflow:scroll;padding-left:18px;padding-right:18px}.Following .chatList .user[data-v-ddbfcd21]{padding:12px 0;display:flex}.Following .chatList .user img[data-v-ddbfcd21]{width:56px;height:56px;flex-shrink:0;margin-right:14px;height:100%;border-radius:50%}.Following .chatList .user .cr[data-v-ddbfcd21]{flex:1;display:flex;flex-direction:column}.Following .chatList .user .top[data-v-ddbfcd21],.Following .chatList .user .bottom[data-v-ddbfcd21]{flex:1;display:flex;justify-content:space-between}.Following .chatList .user .name[data-v-ddbfcd21]{width:100%;word-wrap:break-word;color:#181518;font-size:18px;font-style:normal;font-weight:400;line-height:22px}.Following .chatList .user .msg[data-v-ddbfcd21]{overflow:hidden;text-overflow:ellipsis;color:#ababab;font-size:16px;font-style:normal;font-weight:400;line-height:20px}.Following .chatList .user .date[data-v-ddbfcd21]{color:#ababab;text-align:right;font-size:13px;font-style:normal;font-weight:400;line-height:17px}.Following .chatList .user .bdg[data-v-ddbfcd21]{display:inline-flex;height:20px;min-width:20px;padding:9px 6px;justify-content:flex-end;align-items:center;flex-shrink:0;background:#eb525b;color:#fff;font-size:13px;font-style:normal;font-weight:600;line-height:17px;border-radius:10px}.Following .chat[data-v-ddbfcd21]{height:100%;width:555px}.Following .chat .cfa[data-v-ddbfcd21]{height:100vh;display:flex;flex-direction:column}.Following .chat .cfa .chead[data-v-ddbfcd21]{border-bottom:solid 1px #e5e5e5;display:flex;justify-content:space-between;height:calc(56 / var(--design-size) * 100vw);padding:calc(8 / var(--design-size) * 100vw) calc(24 / var(--design-size) * 100vw) calc(8 / var(--design-size) * 100vw) calc(20 / var(--design-size) * 100vw);background:#fff;width:100%}.Following .chat .cfa .chead .cleft[data-v-ddbfcd21]{display:flex;align-items:center}.Following .chat .cfa .chead .cleft svg[data-v-ddbfcd21]{width:calc(24 / var(--design-size) * 100vw);height:calc(24 / var(--design-size) * 100vw);margin-right:calc(8 / var(--design-size) * 100vw)}.Following .chat .cfa .chead .cleft .avatar[data-v-ddbfcd21]{display:flex;justify-content:center;align-items:center;border-radius:calc(20 / var(--design-size) * 100vw);margin-right:calc(14 / var(--design-size) * 100vw)}.Following .chat .cfa .chead .cleft .info[data-v-ddbfcd21]{flex:1}.Following .chat .cfa .chead .cleft .info .name[data-v-ddbfcd21]{width:100%;word-wrap:break-word;color:#181518;font-size:calc(17 / var(--design-size) * 100vw);font-style:normal;font-weight:600;line-height:calc(20 / var(--design-size) * 100vw)}.Following .chat .cfa .chead .cleft .info .time[data-v-ddbfcd21]{color:#a0a0a0;font-size:calc(13 / var(--design-size) * 100vw);font-style:normal;font-weight:400;line-height:calc(18 / var(--design-size) * 100vw)}.Following .chat .cfa .chead .cright[data-v-ddbfcd21]{display:flex;align-items:center}.Following .chat .cfa .ccontent[data-v-ddbfcd21]{padding:20px 24px;flex:1;overflow:scroll}.Following .chat .cfa .ccontent .leftMsg[data-v-ddbfcd21]{display:flex;margin-bottom:40px}.Following .chat .cfa .ccontent .leftMsg .mleft[data-v-ddbfcd21]{margin-right:8px}.Following .chat .cfa .ccontent .leftMsg .mleft img[data-v-ddbfcd21]{width:32px;height:32px;border-radius:16px}.Following .chat .cfa .ccontent .leftMsg .mright .imgMsgItem[data-v-ddbfcd21]{display:block}.Following .chat .cfa .ccontent .leftMsg .mright .imgMsgItem img[data-v-ddbfcd21]{width:180px;height:240px;-o-object-fit:cover;object-fit:cover;border-radius:12px;margin-bottom:12px}.Following .chat .cfa .ccontent .leftMsg .mright .msgItem[data-v-ddbfcd21]{display:block;width:-moz-fit-content;width:fit-content;margin-bottom:12px;padding:10px 12px;border-radius:12px;background:#f8f8f8;color:#181518;font-size:17px;font-style:normal;font-weight:400;line-height:normal}.Following .chat .cfa .ccontent .rightMsg[data-v-ddbfcd21]{display:flex;margin-bottom:40px;flex-direction:row-reverse}.Following .chat .cfa .ccontent .rightMsg .mleft[data-v-ddbfcd21]{margin-right:8px}.Following .chat .cfa .ccontent .rightMsg .mleft img[data-v-ddbfcd21]{width:32px;height:32px;border-radius:16px}.Following .chat .cfa .ccontent .rightMsg .mright[data-v-ddbfcd21]{display:flex;flex-direction:column}.Following .chat .cfa .ccontent .rightMsg .mright .imgMsgItem[data-v-ddbfcd21]{display:flex;flex-direction:row-reverse}.Following .chat .cfa .ccontent .rightMsg .mright .imgMsgItem img[data-v-ddbfcd21]{width:180px;height:240px;-o-object-fit:cover;object-fit:cover;border-radius:12px;margin-bottom:12px;margin-right:8px}.Following .chat .cfa .ccontent .rightMsg .mright .msgItem[data-v-ddbfcd21]{align-self:end;display:block;width:-moz-fit-content;width:fit-content;margin-bottom:12px;padding:10px 12px;border-radius:12px;background:#e2ebff;color:#181518;font-size:17px;font-style:normal;font-weight:400;line-height:normal}.Following .chat .cfa .ccontent .time[data-v-ddbfcd21]{color:#ababab;font-size:13px;font-style:normal;font-weight:400;line-height:17px;margin-bottom:16px;text-align:center}.Following .chat .cbottom[data-v-ddbfcd21]{border-top:solid 1px #e5e5e5;width:100%}.Following .chat .cbottom .cmain[data-v-ddbfcd21]{background:#fff;padding:0 20px;align-items:center;display:flex;justify-content:space-between}.Following .chat .cbottom .cmain .input[data-v-ddbfcd21]{flex:1;position:relative}.Following .chat .cbottom .cmain .input svg[data-v-ddbfcd21]{width:28px;height:28px;flex-shrink:0;position:absolute;margin:0;right:26px;top:50%;transform:translateY(-50%)}.Following .chat .cbottom .cmain svg[data-v-ddbfcd21]{margin-right:20px}.Following .chat .cbottom .cmain svg[data-v-ddbfcd21]:last-child{margin:0}.Following .chat .cbottom .cmain .cmleft[data-v-ddbfcd21]{display:flex}.Following .chat .cbottom .del[data-v-ddbfcd21]{position:fixed;right:25px;bottom:10px;display:flex;width:48px;height:44px;padding:8px 10px;justify-content:center;align-items:center;flex-shrink:0;border-radius:28px;background:#fff;box-shadow:0 4px 16px #0000000a}.Following .chat .cbottom .emojiInput[data-v-ddbfcd21]{display:block;width:100%;height:335px;padding:14px 18px;overflow:scroll;background:#f8f8f8}.Following .chat .cbottom .emojiInput .text[data-v-ddbfcd21]{color:#a0a0a0;font-size:15px;font-style:normal;font-weight:400;line-height:18px;margin-bottom:17px}.Following .chat .cbottom .emojiInput .emojis[data-v-ddbfcd21]{display:grid;grid-template-columns:repeat(7,1fr);row-gap:20px;-moz-column-gap:24px;column-gap:24px;font-size:26px}.Following .chat[data-v-ddbfcd21] .van-field__body .van-field__control{font-size:17px!important;max-height:200px!important;padding:14px 50px 14px 16px!important;border-radius:12px!important;background:#f8f8f8!important}.Following .chat[data-v-ddbfcd21] .van-cell-group--inset{margin:0!important}.cover[data-v-ddbfcd21]{top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);z-index:1999;color:#fff;text-align:center;font-size:20px;font-style:normal;font-weight:400;position:absolute;line-height:100vh}.cover .n[data-v-ddbfcd21]{position:absolute;top:-20%;left:50%;transform:translate(-50%);font-size:calc(60 / var(--design-size) * 100vw)}.cover .login[data-v-ddbfcd21]{cursor:pointer;top:60%;left:50%;transform:translate(-50%);display:flex;width:260px;height:56px;padding:10px 12px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:12px;background:#181518;color:#fff;text-align:right;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:normal;position:absolute}.fa[data-v-ddbfcd21]{position:relative;width:1280px;display:flex;margin:auto}.fa .left[data-v-ddbfcd21]{width:324px;height:100vh;flex-shrink:0;margin-right:16px;background:#fff;position:sticky;top:0;display:flex;flex-direction:column;border-right:solid 1px #e5e5e5}.fa .left .logo[data-v-ddbfcd21]{height:80px;margin:23px 134px 23px 34px;width:156px;height:34px}.fa .left .cateItem[data-v-ddbfcd21]{border-radius:12px;display:flex;padding:14px 99px 14px 20px;margin-left:16px;margin-right:36px;margin-bottom:16px;color:#ababab;font-size:20px;font-style:normal;font-weight:600;line-height:normal;background:white}.fa .left .cateItem svg[data-v-ddbfcd21]{margin-right:12px}.fa .left .activeCate[data-v-ddbfcd21]{background:#f4f4f4;color:#181518}.fa .left .activeCate svg path[data-v-ddbfcd21]{fill:#181518}.fa .left .cateItem[data-v-ddbfcd21]:hover{background:#f4f4f4;color:#181518}.fa .left .cateItem:hover svg path[data-v-ddbfcd21]{fill:#181518}.fa .left .invite[data-v-ddbfcd21]{margin-top:auto}.fa .left .invite .cc[data-v-ddbfcd21]{width:100%;display:flex;flex-direction:row;align-items:center}.fa .left .invite .cc .l[data-v-ddbfcd21],.fa .left .invite .cc .r[data-v-ddbfcd21]{flex-direction:row;flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.fa .left .invite .cc .l .top[data-v-ddbfcd21],.fa .left .invite .cc .r .top[data-v-ddbfcd21]{display:flex;flex:1;flex-wrap:nowrap;color:#181518;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.fa .left .invite .cc .l .top svg[data-v-ddbfcd21],.fa .left .invite .cc .r .top svg[data-v-ddbfcd21]{width:20px;height:20px;margin-right:4px}.fa .left .invite .cc .l .bottom[data-v-ddbfcd21],.fa .left .invite .cc .r .bottom[data-v-ddbfcd21]{white-space:nowrap;flex:1;color:#181518;font-size:14px;font-style:normal;font-weight:400;line-height:18px;opacity:.4}.fa .left .invite .cc .m[data-v-ddbfcd21]{border-left:3px solid #efefef;height:24px}.fa .left .invite .gb[data-v-ddbfcd21]{margin:24px auto 32px;border-radius:12px;background:rgba(254,126,29,.08);display:flex;width:260px;height:56px;padding:10px 12px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;color:#fe7e1d;text-align:right;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.fa .left .head[data-v-ddbfcd21]{display:flex;justify-content:space-between;padding:0 32px 16px;margin-bottom:20px}.fa .left .head .av[data-v-ddbfcd21]{width:40px;height:40px;margin-right:10px}.fa .left .head .mi .name[data-v-ddbfcd21]{width:100%;word-wrap:break-word;color:#181518;font-size:17px;font-style:normal;font-weight:600;line-height:20px}.fa .left .head .mi .beans[data-v-ddbfcd21]{width:-moz-min-content;width:min-content;display:flex;padding:0 5px;height:20px;align-items:center;gap:2px;flex-shrink:0;border-radius:6px;border:2px solid #fff;background:#dbb4fa}.fa .left .head .mi .beans .num[data-v-ddbfcd21]{color:#fff;font-size:10px;font-style:normal;font-weight:600;line-height:13px}.fa .left .head .hr[data-v-ddbfcd21]{display:flex;align-items:center}.fa .main[data-v-ddbfcd21]{display:flex;flex-direction:column;width:600px;margin-right:16px}.fa .right[data-v-ddbfcd21]{position:sticky;top:0;overflow:scroll;height:100vh;width:288px;margin-right:32px}