.card[data-v-2f419edd]{padding:.12rem;border-bottom:.01rem solid #24272c}.card footer[data-v-2f419edd]{margin-top:.1rem}.card .avatar[data-v-2f419edd],.card .name[data-v-2f419edd]{vertical-align:middle}.card .avatar[data-v-2f419edd],.card .avatar img[data-v-2f419edd]{width:.6rem;height:.6rem;border-radius:50%}.card .name[data-v-2f419edd]{display:inline-block;margin:.2rem 0 0 .15rem;font-size:.16rem}.card .search[data-v-2f419edd]{padding:0 10px;width:100%;font-size:.12rem;color:#fff;height:.3rem;line-height:.3rem;border:.01rem solid #3a3a3a;border-radius:.04rem;outline:none;background-color:#26292e}.flex-center[data-v-5f4ddc78]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:1rem}.list ul[data-v-5f4ddc78]{max-height:5rem}.list ul[data-v-5f4ddc78]::-webkit-scrollbar{width:0!important;background:transparent}.list ul[data-v-5f4ddc78]{-ms-overflow-style:none;overflow:-moz-scrollbars-none;overflow-y:scroll}.list ul li[data-v-5f4ddc78]{padding:.12rem .15rem;border-bottom:.01rem solid #292c33;cursor:pointer;-webkit-transition:background-color .1s;transition:background-color .1s;position:relative}.list ul li[data-v-5f4ddc78]:hover{background-color:hsla(0,0%,100%,.03)}.list ul li.active[data-v-5f4ddc78]{background-color:hsla(0,0%,100%,.1)}.list ul .avatar[data-v-5f4ddc78]{width:.4rem;height:.4rem;border-radius:.02rem;vertical-align:middle}.list ul .grey[data-v-5f4ddc78]{position:absolute;right:.1rem;font-size:.14rem;color:red}.list ul .name[data-v-5f4ddc78]{display:inline-block;margin:.1rem 0 0 .15rem;font-size:.16rem}.list ul .hot[data-v-5f4ddc78]{position:absolute;top:.12rem;left:53%;width:.18rem;height:.18rem;background-color:red;color:#fff;font-size:.14rem;line-height:.18rem;text-align:center;border-radius:50%}.text[data-v-a58dc3dc]{height:1.6rem;border:.01rem solid #ddd;position:relative}.text textarea[data-v-a58dc3dc]{padding:.1rem;height:100%;width:100%;font-size:.14rem;border:none;outline:none;font-family:Micrsofot Yahei;resize:none}.text .btn[data-v-a58dc3dc]{position:absolute;right:.3rem;bottom:.1rem;width:.7rem;text-align:center;line-height:.28rem;font-size:.14rem;color:#333;background-color:#f5f5f6}.text .btn[data-v-a58dc3dc]:hover{background-color:#00a181;color:#fff}.message[data-v-1ae1276e]{height:4.4rem;padding:.1rem .15rem;overflow-y:scroll}.message .li[data-v-1ae1276e]{margin-bottom:.15rem}.message .time[data-v-1ae1276e]{margin:.07rem 0;text-align:center}.message .time span[data-v-1ae1276e]{display:inline-block;padding:0 .18rem;font-size:.12rem;color:#fff;border-radius:.02rem;background-color:#dcdcdc}.message .avatar[data-v-1ae1276e]{float:left;margin:0 .1rem 0 0;border-radius:50%;width:.4rem;height:.4rem}.message .text[data-v-1ae1276e]{display:inline-block;position:relative;padding:0 .1rem;max-width:calc(100% - 40px);min-height:.3rem;line-height:.25rem;font-size:.12rem;text-align:left;word-break:break-all;background-color:#fafafa;border-radius:.04rem}.message .text[data-v-1ae1276e]:before{content:" ";position:absolute;top:.09rem;right:100%;border:.06rem solid transparent;border-right-color:#fafafa}.message .main[data-v-1ae1276e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.message .main.self[data-v-1ae1276e]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.message .main.self .avatar[data-v-1ae1276e]{margin:0 0 0 .1rem;width:.4rem;height:.4rem}.message .main.self .text[data-v-1ae1276e]{background-color:#b2e281}.message .main.self .text[data-v-1ae1276e]:before{right:inherit;left:100%;border-right-color:transparent;border-left-color:#b2e281}#kefu[data-v-f8097b2c]{margin:.2rem auto;width:9rem;height:6rem;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;border-radius:.03rem}#kefu .sidebar[data-v-f8097b2c]{height:100%;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;color:#f4f4f4;background-color:#2e3238}#kefu .main[data-v-f8097b2c]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;height:100%;background-color:#eee}#kefu .main text[data-v-f8097b2c]{position:absolute;width:100%;background-color:#ff0;bottom:0;left:0}#kefu .message[data-v-f8097b2c]{height:calc(100% - 1.6rem);overflow-y:auto}