.chatlist{margin:0 auto;background:#fafafa;position:absolute;height:100%;width:100%}.chatlist .loadings{margin-top:98%;margin-left:48%;z-index:5;position:absolute}.chatlist header{position:fixed;width:100%;height:.8rem;background:#409eff;display:flex;justify-content:center;align-items:center;font-weight:700;color:#fff;font-size:.28rem}.chatlist .chat-box{width:100%;height:calc(100% - 1.9rem);background:#fff;margin-top:.8rem;overflow-y:scroll}.chatlist .chat-box .chat_mes{width:100%;height:10%;border-radius:2%;border-bottom:.005rem solid #eeeded;-o-border-image:linear-gradient(90deg,#fff,#eeeded,#fff) 30 30;border-image:linear-gradient(90deg,#fff,#eeeded,#fff) 30 30;text-align:left;margin-bottom:.1rem}.chatlist .chat-box .chat_mes .chat_img{width:.7rem;height:.7rem;background-color:#19abd8;position:absolute;margin-top:.2rem;margin-left:.12rem;border-radius:.1rem}.chatlist .chat-box .chat_mes .chat_img .circle{width:.18rem;height:.18rem;border-radius:100%;background-color:red;margin-right:.1rem;margin-top:-.1rem;margin-left:90%;border:.01rem solid red}.chatlist .chat-box .chat_mes .chat_img .imgsize{width:100%;height:100%;text-align:center;color:#fff;margin-top:25%}.chatlist .chat-box .chat_mes .chat_mesch{width:80%;height:100%;margin-left:15%;margin-bottom:.1rem}.chatlist .chat-box .chat_mes .chat_mesch .userdiv{width:100%;height:50%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.1rem}.chatlist .chat-box .chat_mes .chat_mesch .userdiv .name{font-size:100%;display:block;margin-top:.08rem}.chatlist .chat-box .chat_mes .chat_mesch .userdiv .time{color:#9e9e9e;font-size:90%;margin-right:.05rem;display:block;margin-top:.08rem}.chatlist .chat-box .chat_mes .chat_mesch .userdiv .username{color:#9e9e9e;font-size:90%;display:block;margin-top:-.15rem}.chatlist .chat-box .chat_mes .chat_mesch .userdiv .messageone{color:#9e9e9e;font-size:90%;display:block;margin-top:-.15rem;width:3rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chatlist .chat-box .chat_mes .chat_mesch .userdivtwo{width:100%;height:50%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:.1rem}.chatlist .chat-box .chat_mes .chat_mesch .userdivtwo .username{color:#9e9e9e;font-size:90%;display:block;margin-top:-.15rem}.chatlist .chat-box .chat_mes .chat_mesch .userdivtwo .messageone{color:#9e9e9e;font-size:90%;display:block;margin-top:-.15rem;padding-left:.1rem;width:3rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}