.chat-list-main{height:100vh;position:relative}.chat-list-main .chat-list-box{height:100%;background:#fff}.chat-list-main .chat-list-box .top{background:#f7f7f7}.chat-list-main .chat-list-box .chat-item{padding:0 15px}.chat-list-main .chat-list-box .chat-item .avatar{margin:15px 13px 15px 0;position:relative}.chat-list-main .chat-list-box .chat-item .avatar img{width:48px;height:48px;border-radius:24px}.chat-list-main .chat-list-box .chat-item .avatar .num{position:absolute;top:-8px;right:0;height:16px;padding:4px 6px;border-radius:9px;line-height:8px;color:#fff;font-size:12px;background:#fa5151}.chat-list-main .chat-list-box .chat-item .content{border-bottom:1px solid #eee;width:80%}.chat-list-main .chat-list-box .chat-item .content .chat-user{margin-top:18px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.chat-list-main .chat-list-box .chat-item .content .chat-user .name{color:#222;font-size:17px;font-weight:700;line-height:20px}.chat-list-main .chat-list-box .chat-item .content .chat-user .time{font-size:12px;line-height:20px;color:#ccc}.chat-list-main .chat-list-box .chat-item .content .message{font-size:14px;line-height:36px;color:#a6a6a6}.chat-list-main .chat-tab{background:#fff;padding:12px 12px;position:absolute;z-index:5;width:100px;-webkit-box-shadow:0 0 3px 3px rgba(0,0,0,.1);box-shadow:0 0 3px 3px rgba(0,0,0,.1)}.chat-list-main .chat-tab p{font-size:14px;line-height:30px}