.active[data-v-6ca59e05]{background-color:#c9c7c6}[data-v-6ca59e05] .van-sticky{position:fixed;top:45px;background-color:#fff;width:100%;z-index:999;color:#1989fa}.sticky-header[data-v-6ca59e05]{display:flex;align-items:center;justify-content:space-between;height:35px}.sticky-header-addFriend[data-v-6ca59e05]{display:none;align-items:center;justify-content:space-between;height:35px;position:fixed;left:0;background-color:#fff}.sticky-header-addFriend.is-mobile[data-v-6ca59e05]{display:block;align-items:center;justify-content:space-between;height:25px;position:fixed;left:0;background-color:#fff;margin-top:10px}.sticky-header.is-not-mobile[data-v-6ca59e05]{height:35px;position:fixed;left:0;background-color:#fff}.add-input-container[data-v-6ca59e05]{background-color:#fff;padding:10px;box-shadow:0 -2px 5px rgba(0,0,0,.1);position:sticky;bottom:0;width:100%;z-index:1;margin-bottom:-50px}.add-input-container textarea[data-v-6ca59e05]{width:94%;padding:5px;border:1px solid #ccc;border-radius:3px;resize:vertical}.friends[data-v-6ca59e05]{padding:45px 0 20px 0}.chat-app[data-v-6ca59e05]{display:flex;height:100%;width:100%;overflow:hidden}.f1riend-list1[data-v-6ca59e05]{width:20%;background-color:#f2f2f2;overflow-y:auto;position:relative;bottom:0}.friend-list[data-v-6ca59e05]{width:20%;background-color:#f7f7f7;padding:40px 0;overflow-y:auto}.friend-list.is-mobile[data-v-6ca59e05]{width:100%;background-color:#f7f7f7;padding:40px 0;overflow-y:auto}.selectedFriend_show_back[data-v-6ca59e05]{display:none}.selectedFriend_show_back.is-mobile[data-v-6ca59e05]{display:block}.friend-list .friend[data-v-6ca59e05]{display:flex;align-items:center;padding:10px;cursor:pointer;transition:background-color .3s}.friend-list .friend[data-v-6ca59e05]:hover{background-color:#e9e9e9}.friend-list .friend img[data-v-6ca59e05]{width:50px;height:50px;border-radius:50%;margin-right:10px;position:relative}.friend-list .friend .friend-info[data-v-6ca59e05]{flex:1}.friend-list .friend .friend-info .body[data-v-6ca59e05]{width:50px}.friend-list .friend .friend-info .body #imgbody[data-v-6ca59e05],.friend-list .friend .friend-info .body .img[data-v-6ca59e05],.friend-list .friend .friend-info .body img[data-v-6ca59e05]{width:10px}.friend-list .friend .friend-info p[data-v-6ca59e05]{margin:0}.friend-list .friend .friend-info p[data-v-6ca59e05]:last-child{color:#888;font-size:14px}.friend-list .friend .unread-count[data-v-6ca59e05]{background-color:red;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;position:relative;left:-25px;top:-40px}.getnewfriend-list[data-v-6ca59e05]{width:20%;background-color:#f7f7f7;padding:40px 0;overflow-y:auto}.getnewfriend-list-right[data-v-6ca59e05]{position:relative;right:5px;margin-top:0}.getnewfriend-list-right.is-mobile[data-v-6ca59e05]{position:relative;right:20px;margin-top:-25px}.getaddfriend-list[data-v-6ca59e05]{width:20%;background-color:#f7f7f7;padding:0 0;padding:40px 0;overflow-y:auto}.getnewfriend-list.is-mobile[data-v-6ca59e05]{width:100%;background-color:#f7f7f7;padding:40px 0;overflow-y:auto}.getaddfriend-list.is-mobile[data-v-6ca59e05]{width:100%;background-color:#f7f7f7;padding:50px 0;overflow-y:auto}.getaddfriend-list .friend[data-v-6ca59e05],.getnewfriend-list .friend[data-v-6ca59e05]{display:flex;align-items:center;padding:10px;cursor:pointer;transition:background-color .3s}.getaddfriend-list .friend[data-v-6ca59e05]:hover,.getnewfriend-list .friend[data-v-6ca59e05]:hover{background-color:#e9e9e9}.getaddfriend-list .friend img[data-v-6ca59e05],.getnewfriend-list .friend img[data-v-6ca59e05]{width:50px;height:50px;border-radius:50%;margin-right:10px;position:relative}.getaddfriend-list .friend .friend-info[data-v-6ca59e05],.getnewfriend-list .friend .friend-info[data-v-6ca59e05]{flex:1}.getaddfriend-list .friend .friend-info .body[data-v-6ca59e05],.getnewfriend-list .friend .friend-info .body[data-v-6ca59e05]{width:50px}.getaddfriend-list .friend .friend-info .body #imgbody[data-v-6ca59e05],.getaddfriend-list .friend .friend-info .body .img[data-v-6ca59e05],.getaddfriend-list .friend .friend-info .body img[data-v-6ca59e05],.getnewfriend-list .friend .friend-info .body #imgbody[data-v-6ca59e05],.getnewfriend-list .friend .friend-info .body .img[data-v-6ca59e05],.getnewfriend-list .friend .friend-info .body img[data-v-6ca59e05]{width:10px}.getaddfriend-list .friend .friend-info p[data-v-6ca59e05],.getnewfriend-list .friend .friend-info p[data-v-6ca59e05]{margin:0}.getaddfriend-list .friend .friend-info p[data-v-6ca59e05]:last-child,.getnewfriend-list .friend .friend-info p[data-v-6ca59e05]:last-child{color:#888;font-size:14px}.getaddfriend-list .friend .unread-count[data-v-6ca59e05],.getnewfriend-list .friend .unread-count[data-v-6ca59e05]{background-color:red;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;position:relative;left:-25px;top:-40px}.chat-area-addFriend[data-v-6ca59e05],.chat-area[data-v-6ca59e05]{display:flex;flex-direction:column;flex:1;height:calc(100% - 45px);overflow-y:auto;overflow-x:hidden;position:fixed;left:20%;width:80%;background-color:#f7f7f7}.chat-area-addFriend.is-mobile[data-v-6ca59e05],.chat-area.is-mobile[data-v-6ca59e05]{display:flex;flex-direction:column;flex:1;height:calc(100% - 45px);overflow-y:auto;overflow-x:hidden;position:fixed;left:0;width:100%;background-color:#f7f7f7}.back-button[data-v-6ca59e05]{position:absolute;top:10px;left:10px;font-size:14px;color:#1989fa;height:30px;background:#fff}.getnewfriendshow-button1[data-v-6ca59e05]{position:absolute;top:50px;left:10px;font-size:14px;color:#1989fa}.getnewfriendshow-button2[data-v-6ca59e05]{position:fixed;top:52px;z-index:999}.getnewfriendshow-button2[data-v-6ca59e05],.newfriendback-button[data-v-6ca59e05]{left:10px;font-size:14px;color:#1989fa;background:#fff;width:100%;height:30px;margin-left:-10px;margin-top:-6px;padding-top:10px;padding-left:10px}.newfriendback-button[data-v-6ca59e05]{position:absolute;top:50px}.getaddfriendshow-button[data-v-6ca59e05]{position:absolute;top:55px;left:20%;margin-left:-55px;font-size:14px;color:#1989fa}.getaddfriendshow-button.is-mobile[data-v-6ca59e05]{position:absolute;top:55px;left:100%;margin-left:-55px}.addfriendback-button[data-v-6ca59e05]{position:absolute;top:50px;left:10px;font-size:14px;color:#1989fa}.chat-messages-container[data-v-6ca59e05]{margin-top:35px;flex:1;overflow-y:auto}.chat-messages[data-v-6ca59e05]{padding:10px}.message[data-v-6ca59e05]{display:flex;margin:10px 0}.message .avatar[data-v-6ca59e05]{flex-shrink:0;margin-right:10px}.message .avatar .img[data-v-6ca59e05]{width:50px;height:50px}.message .message-content[data-v-6ca59e05]{background-color:#f2f2f2;padding:10px;border-radius:5px;flex:1;word-wrap:break-word}.message .message-content .body[data-v-6ca59e05]{width:200px}.message .time[data-v-6ca59e05]{display:block;text-align:right;color:#666;font-size:.8em}.message.self[data-v-6ca59e05]{justify-content:flex-end}.message.self .avatar[data-v-6ca59e05]{margin-left:10px;margin-right:0}.message.self .avatar .img[data-v-6ca59e05]{width:50px;height:50px}.message.self .message-content[data-v-6ca59e05]{background-color:#dcf8c6;margin-left:auto}.message.self .message-content .body[data-v-6ca59e05]{width:200px}.chat-input-container[data-v-6ca59e05]{background-color:#fff;padding:10px;box-shadow:0 -2px 5px rgba(0,0,0,.1);position:sticky;bottom:0;width:100%;z-index:1;margin-bottom:-50px}.chat-input-container textarea[data-v-6ca59e05]{width:94%;padding:5px;border:1px solid #ccc;border-radius:3px;resize:vertical}.button-container[data-v-6ca59e05]{display:flex;justify-content:flex-end;margin-top:10px;margin-right:4%}.chat-input-container button[data-v-6ca59e05]{padding:5px 10px;border:none;border-radius:3px;cursor:pointer;margin-left:5px}.chat-input-container button[data-v-6ca59e05]:hover{background-color:#f2f2f2}