.chat-warp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.chat-warp .session{width:280px;height:78vh;border-right:1px solid #ebebeb;overflow-y:auto}.chat-warp .session .item{cursor:pointer;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;border-bottom:1px solid #ebebeb;overflow:hidden}.chat-warp .session .item:hover{background-color:#f8f8f8}.chat-warp .session .item:last-child{border-bottom:none}.chat-warp .session .item .avt{width:50px}.chat-warp .session .item .info{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.chat-warp .session .item .info .target{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-warp .session .item .info .target .nm{width:70%}.chat-warp .session .item .info .target .ti{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px;color:#999}.chat-warp .session .item .subx{position:absolute;font-size:11px;top:10px;left:0;background-color:#e54d42;color:#fff;padding:1px 4px;border-radius:20%}.chat-warp .session .item .info .lastmsg{font-size:12px;color:#999;width:100%;white-space:nowrap;text-overflow:ellipsis}.chat-warp .message{width:100%}.chat-warp .message .chat{position:relative;padding:16px;width:100%;background-color:#f8f8f8;height:78vh;margin:0 auto;overflow:auto}.chat-warp .message .chat,.chat-warp .message .chat .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chat-warp .message .chat .item .msg{width:100%;overflow:hidden;margin-bottom:16px}.chat-warp .message .chat .item .msg.sender{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.chat-warp .message .chat .item .msg.receiver,.chat-warp .message .chat .item .msg.sender{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.chat-warp .message .chat .item .msg.receiver{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.chat-warp .message .chat .item .msg .avt{width:40px;background-color:#fff;height:40px;border-radius:50%;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;font-size:22px;overflow:hidden}.chat-warp .message .chat .item .msg .avt .sd{width:100%;height:100%}.chat-warp .message .chat .item .msg .context-wrp{max-width:50%;padding:10px;border-radius:6px;margin:0 10px;font-size:16px;word-break:break-all}.chat-warp .message .chat .item .msg .image-warp{max-width:30%;max-height:260px;border-radius:6px;margin:0 10px;background-color:#ebebeb;overflow:hidden}.chat-warp .message .chat .item .msg .image-warp .ig{width:100%;height:100%;cursor:pointer}.chat-warp .message .chat .item .msg.receiver .context-wrp{background-color:#fff!important}.foot-bar{background-color:#fff;position:absolute;left:0;right:0;padding:16px 16px 0 16px;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-top:1px solid #ebebeb}.btn-bar{padding-top:16px}.bg-red{background-color:#e54d42;color:#fff}.scroll-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:scroll;height:62vh}