.app{width:100%;height:100%;min-width:1300px}.Login[data-v-71d2004a]{height:100%;width:100%;background-image:url(../img/loginBg.9caac4d2.png);background-size:100% 100%;display:flex;align-items:center}.Login .loginBox[data-v-71d2004a]{width:372px;background-image:url(../img/loginBoxBg.981316b9.png);margin:0 auto;text-align:center}.Login .loginBox .logo[data-v-71d2004a]{margin-top:27px}.Login .loginBox .title[data-v-71d2004a]{margin-top:28px;color:#666;font-weight:500}.Login .loginBox .from[data-v-71d2004a]{display:flex;flex-direction:column;margin-top:32px}.Login .loginBox .from input[data-v-71d2004a]{width:312px;height:40px;background-color:#fff;border-radius:4px;margin:auto;padding-left:14px}.Login .loginBox .from input[data-v-71d2004a]:nth-child(2){margin-top:10px}.Login .loginBox .loginBtn[data-v-71d2004a]{margin-top:20px;width:312px;height:38px;border-radius:4px;font-size:16px;background-color:#c7c7cc;font-weight:400;font-stretch:normal;letter-spacing:0;color:#fff}.Login .loginBox .prompt[data-v-71d2004a]{margin-top:20px;height:50px;line-height:50px;width:100%;font-size:12px;background-color:#008df2;color:hsla(0,0%,100%,.7686274509803922)}.Login .loginBox .blue[data-v-71d2004a]{background-color:#008cee}.Home[data-v-65898188]{height:100%;width:100%;background-image:url(../img/loginBg.9caac4d2.png);background-size:100% 100%;display:flex;align-items:center}.Home .chatBox[data-v-65898188]{height:90%;width:1366px;margin:0 auto;background:#fff;border-radius:4px 4px 4px 4px;display:flex;flex-direction:column}.Home .chatBox>header[data-v-65898188]{height:60px;background-color:#008df2;border-radius:4px 4px 0 0;position:relative}.Home .chatBox>header .logo[data-v-65898188]{margin:1px 0 0 11px;width:52px;height:53px}.Home .chatBox>header>span[data-v-65898188]{display:inline-block;line-height:60px;margin-left:18px;font-size:16px;color:#fff}.Home .chatBox>header .exitLoginBtn[data-v-65898188]{position:absolute;right:34px;top:16px;cursor:pointer}.Home .chatBox>header .switchVoiceBtn[data-v-65898188]{position:absolute;right:97px;top:16px;cursor:pointer}.Home .chatBox .content[data-v-65898188]{flex:1;display:flex}.Home .chatBox .content .leftContent[data-v-65898188]{flex:2.3;background-color:#f8fbff;box-shadow:1px 0 0 0 #d9d9d9;height:100%;display:flex;flex-direction:column}.Home .chatBox .content .leftContent p[data-v-65898188]:first-child{text-align:center}.Home .chatBox .content .leftContent p:first-child .searchInput[data-v-65898188]{width:90%;height:32px;background-color:#f1f1f1;border-radius:4px;margin-top:13px;padding-left:10px;font-size:14px}.Home .chatBox .content .leftContent>p[data-v-65898188]:nth-child(2){margin-top:13px;display:flex;border-bottom:1px solid #eaeaea}.Home .chatBox .content .leftContent>p:nth-child(2)>button[data-v-65898188]{flex:1;text-align:center;cursor:pointer}.Home .chatBox .content .leftContent>p:nth-child(2)>button>span[data-v-65898188]{display:inline-block;font-size:16px;color:#333;width:48px;height:30px}.Home .chatBox .content .leftContent>p:nth-child(2)>button .active[data-v-65898188]{border-bottom:3px solid #008df2}.Home .chatBox .content .leftContent>ul[data-v-65898188]{height:0;flex:1 1 auto;overflow:auto}.Home .chatBox .content .leftContent .chumList[data-v-65898188],.Home .chatBox .content .leftContent .groupChumList[data-v-65898188],.Home .chatBox .content .leftContent .messageList[data-v-65898188]{margin-top:5px}.Home .chatBox .content .leftContent .chumList>li[data-v-65898188],.Home .chatBox .content .leftContent .groupChumList>li[data-v-65898188],.Home .chatBox .content .leftContent .messageList>li[data-v-65898188]{cursor:pointer;width:100%;height:68px;display:flex;align-items:center;background-color:#f8fbff;position:relative}.Home .chatBox .content .leftContent .chumList .active[data-v-65898188],.Home .chatBox .content .leftContent .chumList>li[data-v-65898188]:hover,.Home .chatBox .content .leftContent .groupChumList .active[data-v-65898188],.Home .chatBox .content .leftContent .groupChumList>li[data-v-65898188]:hover,.Home .chatBox .content .leftContent .messageList .active[data-v-65898188],.Home .chatBox .content .leftContent .messageList>li[data-v-65898188]:hover{background-color:#eaeaea}.Home .chatBox .content .leftContent .messageList>li[data-v-65898188]{position:relative}.Home .chatBox .content .leftContent .messageList>li .headImg[data-v-65898188]{margin-left:16px}.Home .chatBox .content .leftContent .messageList>li>ul>li[data-v-65898188]{margin:5px;height:20px}.Home .chatBox .content .leftContent .messageList>li>ul:first-of-type .userName[data-v-65898188]{font-size:16px;color:#333}.Home .chatBox .content .leftContent .messageList>li>ul:first-of-type .content[data-v-65898188]{font-size:14px;color:#989898}.Home .chatBox .content .leftContent .messageList>li>ul[data-v-65898188]:nth-of-type(2){position:absolute;right:20px}.Home .chatBox .content .leftContent .messageList>li>ul:nth-of-type(2) .msgTime[data-v-65898188]{font-size:14px;color:#989898}.Home .chatBox .content .leftContent .chumList>li[data-v-65898188]{cursor:pointer}.Home .chatBox .content .leftContent .chumList>li .headImg[data-v-65898188]{margin-left:16px}.Home .chatBox .content .leftContent .chumList>li>ul>li[data-v-65898188]{margin:5px}.Home .chatBox .content .leftContent .chumList>li>ul .userName[data-v-65898188]{font-size:16px;color:#333}.Home .chatBox .content .leftContent .chumList>li>ul .content[data-v-65898188]{font-size:14px;color:#989898}.Home .chatBox .content .leftContent .groupList>li[data-v-65898188]{width:100%;margin-top:10px;background-color:#f8fbff}.Home .chatBox .content .leftContent .groupList>li>div[data-v-65898188]{position:relative;cursor:pointer;display:flex;align-items:center;height:20px}.Home .chatBox .content .leftContent .groupList>li>div img[data-v-65898188]{margin-left:10px}.Home .chatBox .content .leftContent .groupList>li>div>span[data-v-65898188]{font-size:16px;color:#000}.Home .chatBox .content .leftContent .groupList>li>div .groupName[data-v-65898188]{margin-left:5px}.Home .chatBox .content .leftContent .groupList>li>div .groupNum[data-v-65898188]{position:absolute;right:10px;color:grey}.Home .chatBox .content .leftContent .groupList>li>div .groupRead[data-v-65898188]{display:inline-block;width:8px;height:8px;border-radius:4px;background-color:red;margin-left:4px}.Home .chatBox .content .leftContent .groupList>li .groupChumList>li .headImg[data-v-65898188]{margin-left:16px}.Home .chatBox .content .leftContent .groupList>li .groupChumList>li>ul>li[data-v-65898188]{margin:5px}.Home .chatBox .content .leftContent .groupList>li .groupChumList>li>ul .userName[data-v-65898188]{font-size:16px;color:#333}.Home .chatBox .content .leftContent .groupList>li .groupChumList>li>ul .content[data-v-65898188]{font-size:14px;color:#989898}.Home .chatBox .content .rightContent[data-v-65898188]{flex:7.7;display:flex;flex-direction:column}.Home .chatBox .content .rightContent>header[data-v-65898188]{height:54px;background-color:#f8fbff;box-shadow:0 1px 0 0 #d9d9d9;margin-left:1px;flex:0 0 auto;font-family:PingFang-SC-Medium;color:#333;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 20px}.Home .chatBox .content .rightContent>header .labelContent[data-v-65898188]{flex:1}.Home .chatBox .content .rightContent>header .labelContent>li[data-v-65898188]{display:inline-flex;margin-left:20px;background:#80c2f2;padding:3px 3px 3px 6px;align-items:center;border-radius:10px}.Home .chatBox .content .rightContent>header .labelContent>li>span[data-v-65898188]{color:#fff;font-size:12px;margin-left:5px}.Home .chatBox .content .rightContent>header .labelContent>li>span>img[data-v-65898188]{width:16px;height:17px}.Home .chatBox .content .rightContent>header .labelContent>li>span[data-v-65898188]:nth-child(2){cursor:pointer}.Home .chatBox .content .rightContent>header>button[data-v-65898188]{cursor:pointer;height:40px;padding:10px;border-radius:5px}.Home .chatBox .content .rightContent>header>button[data-v-65898188]:hover{background:#eaeaea}.Home .chatBox .content .rightContent .chatContentBox[data-v-65898188]{height:0;flex:1 1 auto;overflow-y:auto;padding:10px 0 5px 0}.Home .chatBox .content .rightContent .chatContentBox>li img[lazy=loading][data-v-65898188]{width:308px;height:173.25px}.Home .chatBox .content .rightContent .chatContentBox>li .chatImage[data-v-65898188]{display:flex;padding-top:10px}.Home .chatBox .content .rightContent .chatContentBox>li .chatImage>p:first-child .headImg[data-v-65898188]{width:48px;height:48px;margin-left:20px}.Home .chatBox .content .rightContent .chatContentBox>li .chatImage>p[data-v-65898188]:nth-child(2){display:flex;flex-direction:column;padding-left:10px}.Home .chatBox .content .rightContent .chatContentBox>li .chatImage>p:nth-child(2) .nickName[data-v-65898188]{font-size:12px;font-weight:400;font-stretch:normal;color:#8e97a1;margin:6px 0 6px 0}.Home .chatBox .content .rightContent .chatContentBox>li .chatImage>p:nth-child(2) .image[data-v-65898188]{max-width:308px;border-radius:6px;-o-object-fit:contain;object-fit:contain;background-color:#fff;padding:5px;border:1px solid #e1e0e4;cursor:pointer}.Home .chatBox .content .rightContent .chatContentBox>li .selfChatImage[data-v-65898188]{display:flex;padding-top:10px;justify-content:right;flex-direction:row-reverse}.Home .chatBox .content .rightContent .chatContentBox>li .selfChatImage>p:first-child .headImg[data-v-65898188]{width:48px;height:48px;margin-right:20px}.Home .chatBox .content .rightContent .chatContentBox>li .selfChatImage>p[data-v-65898188]:nth-child(2){display:flex;flex-direction:column;padding-right:10px}.Home .chatBox .content .rightContent .chatContentBox>li .selfChatImage>p:nth-child(2) .nickName[data-v-65898188]{font-size:12px;font-weight:400;font-stretch:normal;color:#8e97a1;margin:6px 0 6px 0;text-align:right}.Home .chatBox .content .rightContent .chatContentBox>li .selfChatImage>p:nth-child(2) .image[data-v-65898188]{background-color:#38adff;padding:5px;max-width:308px;border-radius:6px;-o-object-fit:contain;object-fit:contain;cursor:pointer}.Home .chatBox .content .rightContent .chatContentBox>li .Message[data-v-65898188]{display:flex;padding-top:5px}.Home .chatBox .content .rightContent .chatContentBox>li .Message>p:first-child .headImg[data-v-65898188]{width:48px;height:48px;margin-left:20px}.Home .chatBox .content .rightContent .chatContentBox>li .Message>p[data-v-65898188]:nth-child(2){padding-left:10px}.Home .chatBox .content .rightContent .chatContentBox>li .Message>p:nth-child(2) .nickName[data-v-65898188]{display:block;font-size:12px;font-weight:400;font-stretch:normal;color:#8e97a1;margin:6px 0 6px 0}.Home .chatBox .content .rightContent .chatContentBox>li .Message>p:nth-child(2) .chatContent[data-v-65898188]{display:inline-block;max-width:400px;padding:5px;white-space:pre-line;word-break:break-all;background-color:#fff;border-radius:6px;border:1px solid #e1e0e4;font-size:14px;color:#666}.Home .chatBox .content .rightContent .chatContentBox>li .callbackMessage[data-v-65898188]{text-align:center;line-height:24px;font-size:12px}.Home .chatBox .content .rightContent .chatContentBox>li .callbackMessage>p[data-v-65898188]{color:#989898}.Home .chatBox .content .rightContent .chatContentBox>li .callbackMessage>p>span[data-v-65898188]{color:#008df2;margin-right:10px}.Home .chatBox .content .rightContent .chatContentBox>li .SelfMessage[data-v-65898188]{display:flex;padding-top:5px;justify-content:right;flex-direction:row-reverse}.Home .chatBox .content .rightContent .chatContentBox>li .SelfMessage>p:first-child .headImg[data-v-65898188]{width:48px;height:48px;margin-right:20px}.Home .chatBox .content .rightContent .chatContentBox>li .SelfMessage>p[data-v-65898188]:nth-child(2){padding-left:10px;text-align:right}.Home .chatBox .content .rightContent .chatContentBox>li .SelfMessage>p:nth-child(2) .nickName[data-v-65898188]{display:block;font-size:12px;color:#8e97a1;margin:6px 0 6px 0;text-align:right}.Home .chatBox .content .rightContent .chatContentBox>li .SelfMessage>p:nth-child(2) .chatContent[data-v-65898188]{display:inline-block;max-width:400px;padding:5px;white-space:pre-line;word-break:break-all;background-color:#38adff;border-radius:6px;border:1px solid #e1e0e4;font-size:14px;color:#fff;text-align:left}.Home .chatBox .content .rightContent>footer[data-v-65898188]{flex:0 0 auto}.Home .chatBox .content .rightContent>footer .chatMenu[data-v-65898188]{height:55px;background-color:#fff;box-shadow:0 -1px 0 0 #d9d9d9;border-radius:0;margin-left:1px;display:flex;align-items:center;position:relative}.Home .chatBox .content .rightContent>footer .chatMenu .browBox[data-v-65898188]{width:500px;height:200px;background:#e6e6e6;position:absolute;z-index:100;top:-200px;overflow:auto}.Home .chatBox .content .rightContent>footer .chatMenu .browBox ul[data-v-65898188]{display:flex;flex-wrap:wrap;padding:10px}.Home .chatBox .content .rightContent>footer .chatMenu .browBox ul li[data-v-65898188]{cursor:pointer;width:10%;font-size:26px;text-align:center}.Home .chatBox .content .rightContent>footer .chatMenu>img[data-v-65898188]{margin-left:20px;cursor:pointer}.Home .chatBox .content .rightContent>footer .sendMsgBox[data-v-65898188]{height:105px;display:flex}.Home .chatBox .content .rightContent>footer .sendMsgBox .chatInput[data-v-65898188]{outline:none;resize:none;flex:9;height:105px;border:1px solid #d9d9d9;font-size:20px;padding:5px}.Home .chatBox .content .rightContent>footer .sendMsgBox .sendBtn[data-v-65898188]{padding:0 5px;background-color:#f1f1f1;font-size:18px;color:grey;cursor:pointer}.Home .chatBox .content .rightContent>footer .sendMsgBox .sendBtn>p[data-v-65898188]{font-size:12px;margin-top:5px}.Home .chatBox .content .rightContent>footer .sendMsgBox .blue[data-v-65898188]{color:#fff;background-color:#38adff}.Home .contextmenus[data-v-65898188]{margin:0;z-index:3000;list-style-type:none;padding:5px 0;border-radius:4px;font-size:12px;font-weight:400;color:#333;display:flex}.Home .contextmenus>p[data-v-65898188]{position:absolute;padding:7px 16px;height:30px;width:88px;background-color:#fff;border-radius:4px 0 0 4px;box-shadow:2px 2px 3px 0 rgba(0,0,0,.3)}.Home .contextmenus>ul[data-v-65898188]{position:absolute;background:#fff;border-radius:4px;font-size:12px;font-weight:400;color:#333;box-shadow:2px 2px 3px 0 rgba(0,0,0,.3);text-align:center}.Home .contextmenus>ul li[data-v-65898188]{margin:0;padding:7px 16px;cursor:pointer}.Home .contextmenus>ul li[data-v-65898188]:hover{background:#eee}.Home .contextmenu[data-v-65898188]{margin:0;background:#fff;z-index:3000;position:absolute;list-style-type:none;padding:5px 0;border-radius:4px;font-size:12px;font-weight:400;color:#333;box-shadow:2px 2px 3px 0 rgba(0,0,0,.3);text-align:center}.Home .contextmenu li[data-v-65898188]{margin:0;padding:7px 16px;cursor:pointer}.Home .contextmenu li[data-v-65898188]:hover{background:#eee}.Home .showBigImage[data-v-65898188]{position:absolute;top:0;left:0;background:rgba(0,0,0,.68);height:100%;width:100%;display:flex;align-items:center}.Home .showBigImage .imageBox[data-v-65898188]{width:722px;margin:auto;padding:0 10px 10px 10px;background:#fff;border:1px solid #d9d9d9;border-radius:6px}.Home .showBigImage .imageBox header[data-v-65898188]{display:flex;justify-content:space-between;line-height:40px}.Home .showBigImage .imageBox header>img[data-v-65898188]{cursor:pointer}.Home .showBigImage .imageBox>div[data-v-65898188]{border:1px solid #d9d9d9;border-radius:6px;text-align:center}.Home .showBigImage .imageBox>div>img[data-v-65898188]{max-width:690px;max-height:690px;width:480px;-o-object-fit:contain;object-fit:contain;border-radius:6px}.msgCount[data-v-65898188]{text-align:right}.msgCount.groupCount[data-v-65898188]{position:absolute;right:0;top:0}.msgCount>span[data-v-65898188]{display:inline-block;text-align:center;padding:0 5px 0 5px;height:20px;min-width:20px;background-color:red;border-radius:10px;font-size:14px;color:#fff}