.bar[data-v-62cdaa95]{background-color:#f2f2f2;display:flex;flex-direction:column;align-items:center;height:100%;text-align:center}.bar>.txbox[data-v-62cdaa95]{display:inline-block;width:40px;height:40px;border-radius:20px;margin:20px 10px 10px;position:relative}.tx[data-v-62cdaa95]{background-size:cover;width:100%;height:100%;border-radius:50%}.tx[data-v-62cdaa95]:after{content:"";display:inline-block;width:10px;height:10px;border-radius:15px;background:linear-gradient(135deg,#f35f5f,red);position:absolute;right:0;bottom:0;border:3px solid #f2f2f2}.online[data-v-62cdaa95]:after{background:linear-gradient(135deg,#70f35f,#0ad12c)}.bar>.item[data-v-62cdaa95]{height:40px;width:40px;display:inline-block;margin:5px 10px;border-radius:10px;cursor:default;transition:.3s}.bar>.space[data-v-62cdaa95]{flex:1}.bar>.item[data-v-62cdaa95]:hover{background-color:#e9e9e9}.bar>.item img[data-v-62cdaa95]{width:60%;margin-top:7px;display:none}.bar>.item .default_icon[data-v-62cdaa95]{display:inline-block}.bar>.active .default_icon[data-v-62cdaa95]{display:none}.bar>.active .active_icon[data-v-62cdaa95]{display:inline-block;position:relative;animation:activeanim-62cdaa95 .3s ease-in-out 0s 1 alternate none}@keyframes activeanim-62cdaa95{0%{top:-1px}80%{top:1px}to{top:0}}.leftbar_bottom>.menu[data-v-62cdaa95]{width:40%;transition:.2s;filter:saturate(0) hue-rotate(275deg)}.leftbar_bottom>.menu[data-v-62cdaa95]:hover{filter:blur(0)}.isonline[data-v-05ca1cdf]{font-size:12px;color:#777}.item[data-v-05ca1cdf]{width:100%;height:70px}.item[data-v-05ca1cdf]:hover{background-color:#f0f0f0}.tx[data-v-05ca1cdf]{display:inline-block;width:45px;height:45px;background-size:cover;border-radius:50%;margin:13px 5px 10px 20px}.noonline[data-v-05ca1cdf]{filter:saturate(0)}.info[data-v-05ca1cdf]{display:inline-block;font-family:Courier New,Courier,monospace;vertical-align:top;margin-top:13px;width:calc(100% - 90px);cursor:default}.content[data-v-05ca1cdf]{display:inline-block;width:100%;text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap;margin-top:5px;font-size:13px;color:#999;cursor:default}.box[data-v-798f55a5]{height:100%}.box>.search[data-v-798f55a5]{width:85%;height:30px;text-align:center;margin:20px auto 5px;display:flex}.box .addicon[data-v-798f55a5]{width:30px;height:30px;text-align:center;background-color:#f5f5f5;border-radius:5px;cursor:pointer}.box .addicon>img[data-v-798f55a5]{width:70%;height:100%}.box .search .searchinput[data-v-798f55a5]{flex:1;background-color:#f5f5f5;margin-right:10px;border-radius:5px;height:100%;text-align:left;vertical-align:bottom}.searchinput img[data-v-798f55a5]{width:15px;height:100%;margin-left:10px}.searchinput input[data-v-798f55a5]{width:70%;position:relative;top:-9px;left:3px;border:0;outline:0;background-color:transparent;font-size:12px}.chatlist[data-v-798f55a5]{overflow-y:scroll;height:calc(100% - 60px)}.msgitem[data-v-8790a6cc]{display:flex;padding:10px}.tx[data-v-8790a6cc]{width:40px;height:40px;background-size:cover;border-radius:50%;flex:none}.info[data-v-8790a6cc]{margin:0 7px;display:inline-block}.name[data-v-8790a6cc]{font-size:13px;color:#777}.message[data-v-8790a6cc]{background:#fff;padding:7px 8px;border-radius:5px;white-space:normal;text-wrap:pretty;flex:1}.space[data-v-8790a6cc]{width:100px;height:20px;display:inline-block}.right[data-v-8790a6cc]{justify-content:right}.right .tx[data-v-8790a6cc]{order:3}.right .info[data-v-8790a6cc]{order:2}.right .name[data-v-8790a6cc]{text-align:right}.right .space[data-v-8790a6cc]{order:1}.msglist2[data-v-c17ea8b4]{height:100%;display:flex;flex-direction:column;overflow-y:scroll;scroll-behavior:smooth;margin-bottom:30px}.space[data-v-c17ea8b4]{display:inline-block;height:60px}.sendbox[data-v-3ed83a3c]{height:100%}textarea[data-v-3ed83a3c]{margin:20px;display:inline-block;border:0;resize:none;width:calc(100% - 100px);height:100px;background-color:transparent;outline:none;font-size:14px;vertical-align:top}.sendbutton[data-v-3ed83a3c]{display:inline-block;width:45px;height:35px;border-radius:10px;text-align:center;background-color:transparent;transition:.2s;cursor:pointer;margin-top:20px}.sendbutton svg[data-v-3ed83a3c]{width:50%;height:100%;fill:#088ce2}.sendbutton[data-v-3ed83a3c]:hover{background-color:#088ce2}.sendbutton:hover svg[data-v-3ed83a3c]{fill:#fff}.logo[data-v-f606fb12]{width:200px;margin-top:30vh}.logobox[data-v-f606fb12]{text-align:center;justify-content:center}.chatmain[data-v-f606fb12]{background-color:#f2f2f2;height:100%;font-family:Courier New,Courier,monospace}.close[data-v-f606fb12]{height:20px}.head[data-v-f606fb12]{height:35px;display:flex;justify-items:bottom;padding:0 10px;border-bottom:1px solid #e7e7e7}.name[data-v-f606fb12]{flex:1;line-height:30px}.menu_item[data-v-f606fb12]{width:40px;text-align:center}.menu_item img[data-v-f606fb12]{width:60%;height:100%}.menu_item[data-v-f606fb12]{transition:.2s;filter:saturate(0) hue-rotate(275deg)}.menu_item[data-v-f606fb12]:hover{filter:blur(0)}.chatandsend[data-v-f606fb12]{height:calc(100% - 50px)}.msglist[data-v-f606fb12]{height:calc(100% - 150px)}.sendmsg[data-v-f606fb12]{height:150px;border-top:1px solid #e7e7e7}.appmain[data-v-2ebeae98]{width:100vw;height:100vh;display:flex;overflow:hidden}.appmain>.leftbar[data-v-2ebeae98]{width:60px}.appmain>.userlist[data-v-2ebeae98]{width:280px;border-right:1px solid #e7e7e7}.appmain>.chatmain[data-v-2ebeae98]{flex:1}@media screen and (max-width:700px){.appmain>.userlist[data-v-2ebeae98]{flex:1}.appmain>.chatmain[data-v-2ebeae98]{display:none}}