.container[data-v-225c92cd]{background:linear-gradient(-125deg,#57bdbf,#2f9de2);width:100vw;height:100vh;overflow:hidden}.login .login-box[data-v-225c92cd]{width:600px;height:400px;background:rgba(0,0,0,.2);margin:100px auto;text-align:center}.login .login-box .title[data-v-225c92cd]{height:100px;font-size:42px;font-weight:bolder;color:#fff;padding:30px 0}.login .login-box .v[data-v-225c92cd]{min-height:50px;line-height:40px;border-radius:3px;padding:2px 10px;outline:none;border:1px solid #8fd0cc;width:80%;resize:vertical;background:#f2f2f2;display:block;margin:10px auto}.login .login-box .loginbtn[data-v-225c92cd]{outline:none;border:none;padding:10px 30px;background:#2f9de2;color:#fff;margin-top:50px;cursor:pointer}.content-warp[data-v-225c92cd]{margin:50px auto;width:1000px;height:620px;overflow:hidden;background:#f2f2f2;display:flex;justify-content:space-between;align-items:center}.content-warp .left-side[data-v-225c92cd]{background-color:#262626;position:relative;height:100%;width:7%}.content-warp .left-side ul li[data-v-225c92cd]{margin:20px auto;text-align:center;font-size:30px;color:#e4e4e4;cursor:pointer}.content-warp .left-side ul li .active[data-v-225c92cd]{color:#2f9de2}.content-warp .left-side ul li img[data-v-225c92cd]{width:80%;border-radius:50%}.content-warp .left-side li[data-v-225c92cd]:last-child{position:absolute;top:550px;left:20px}.content-warp .friend-list[data-v-225c92cd]{background-color:#eee;height:100%;width:28%}.content-warp .friend-list .search[data-v-225c92cd]{width:100%;height:50px;background:#fff;text-align:center;padding-top:10px}.content-warp .friend-list .search .v[data-v-225c92cd]{min-height:30px;line-height:20px;border-radius:3px;padding:2px 10px;outline:none;border:1px solid #8fd0cc;width:90%;resize:vertical;background:#f2f2f2}.content-warp .friend-list .friend[data-v-225c92cd]{height:91%;overflow-y:scroll}.content-warp .friend-list .friend[data-v-225c92cd]::-webkit-scrollbar{width:0}.content-warp .friend-list .friend ul .active[data-v-225c92cd]{background-color:#e3dfdf}.content-warp .friend-list .friend ul li[data-v-225c92cd]{width:100%;display:flex;justify-content:space-between;align-items:center;padding:5px;cursor:pointer}.content-warp .friend-list .friend ul li .avatar[data-v-225c92cd]{width:20%}.content-warp .friend-list .friend ul li .avatar img[data-v-225c92cd]{width:50px;height:50px;border-radius:5px}.content-warp .friend-list .friend ul li .name[data-v-225c92cd]{font-size:12px;width:50%}.content-warp .friend-list .friend ul li .name p[data-v-225c92cd]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-warp .friend-list .friend ul li .name p[data-v-225c92cd]:first-child{font-size:14px;margin-bottom:15px;font-weight:bolder}.content-warp .friend-list .friend ul li .time[data-v-225c92cd]{width:22%;text-align:right;font-size:12px;color:#ccc}.content-warp .friend-list .friend ul li span[data-v-225c92cd]{display:inline-block;width:10px;overflow:hidden;height:10px;background:red;border-radius:5px}.content-warp .friend-list .list[data-v-225c92cd]{height:91%;overflow-y:scroll}.content-warp .friend-list .list[data-v-225c92cd]::-webkit-scrollbar{width:0}.content-warp .friend-list .list ul .active[data-v-225c92cd]{background-color:#e3dfdf}.content-warp .friend-list .list ul li[data-v-225c92cd]:hover{background:#e0d6d6}.content-warp .friend-list .list ul li[data-v-225c92cd]{width:100%;display:flex;justify-content:space-between;align-items:center;padding:5px;cursor:pointer}.content-warp .friend-list .list ul li .avatar[data-v-225c92cd]{width:20%}.content-warp .friend-list .list ul li .avatar img[data-v-225c92cd]{width:50px;height:50px;border-radius:5px}.content-warp .friend-list .list ul li .name[data-v-225c92cd]{font-size:14px;width:78%;font-weight:bolder}.content-warp .friend-list .list ul li .name p[data-v-225c92cd]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-warp .defaultRight[data-v-225c92cd]{height:100%;width:65%;text-align:center;padding-top:200px;font-size:30px;font-weight:bolder;line-height:50px}.content-warp .info-box[data-v-225c92cd]{height:100%;width:65%;text-align:center;padding:20px;position:relative}.content-warp .info-box img[data-v-225c92cd]{width:120px;height:120px}.content-warp .info-box .username[data-v-225c92cd]{width:200px;margin:30px auto;overflow:hidden;font-weight:bolder;text-overflow:ellipsis;white-space:nowrap}.content-warp .info-box .describe[data-v-225c92cd]{width:82%;margin:auto;text-indent:2rem;letter-spacing:2px;line-height:20px;overflow:hidden;height:300px}.content-warp .info-box .send-msg[data-v-225c92cd]{outline:none;border:none;padding:10px 40px;color:#fff;background-color:#2f9de2;border-radius:5px;position:absolute;bottom:60px;left:41%;cursor:pointer}.content-warp .chat-box[data-v-225c92cd]{height:100%;width:65%}.content-warp .chat-box .header[data-v-225c92cd]{font-weight:bolder;width:100%;height:50px;line-height:50px;padding-left:10px;border-bottom:1px solid #e0e0e0}.content-warp .chat-box .header p[data-v-225c92cd]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-warp .chat-box .msg-box[data-v-225c92cd]{height:372px;border-bottom:1px solid #e0e0e0}.content-warp .chat-box .msg-box ul[data-v-225c92cd]{height:100%;overflow-y:scroll}.content-warp .chat-box .msg-box ul li[data-v-225c92cd]{padding:10px 20px;width:100%}.content-warp .chat-box .msg-box .avatar[data-v-225c92cd]{width:50px}.content-warp .chat-box .msg-box .avatar img[data-v-225c92cd]{width:40px;height:40px;border-radius:5px}.content-warp .chat-box .msg-box .content[data-v-225c92cd]{display:inline-block;padding:10px;max-width:330px;border-radius:20px;letter-spacing:2px;line-height:22px}.content-warp .chat-box .msg-box .left[data-v-225c92cd]{float:left;display:flex}.content-warp .chat-box .msg-box .left .avatar[data-v-225c92cd]{float:left;margin-left:5px}.content-warp .chat-box .msg-box .left .content[data-v-225c92cd]{float:left;background-color:#fff;border-bottom-right-radius:0;border-top-left-radius:0}.content-warp .chat-box .msg-box .left .content code[data-v-225c92cd]{word-break:break-all;white-space:pre-wrap}.content-warp .chat-box .msg-box .right[data-v-225c92cd]{float:right;display:flex}.content-warp .chat-box .msg-box .right .avatar[data-v-225c92cd]{float:right;margin-left:5px}.content-warp .chat-box .msg-box .right .content[data-v-225c92cd]{float:right;background-color:#6fb9fa;border-bottom-left-radius:0;border-top-right-radius:0}.content-warp .chat-box .msg-box .right .content code[data-v-225c92cd]{word-break:break-all;white-space:pre-wrap}.content-warp .chat-box .msg-box ul[data-v-225c92cd]::-webkit-scrollbar{width:0}.content-warp .chat-box .send-box[data-v-225c92cd]{width:100%;height:30%;position:relative}.content-warp .chat-box .send-box .menu[data-v-225c92cd]{display:none;height:30px;line-height:30px}.content-warp .chat-box .send-box .menu ul li[data-v-225c92cd]{cursor:pointer;text-align:center;display:inline-block;width:30px;margin-right:10px}.content-warp .chat-box .send-box .content textarea[data-v-225c92cd]{width:100%;border:none;outline:none;outline-style:none;padding:5px 10px;background:#f2f2f2;resize:none}.content-warp .chat-box .send-box .send-btn[data-v-225c92cd]{position:absolute;bottom:0;right:10px}.content-warp .chat-box .send-box .send-btn .sbtn[data-v-225c92cd]{cursor:pointer;border:none;padding:8px 20px;background-color:#2f9de2;color:#f2f2f2;border-radius:5px}@media (max-width:800px){.container[data-v-225c92cd]{display:none}}