.im-main{width:100vw;height:100vh;background:#f8f9fb!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.im-main .message-box{padding:10px;overflow:auto;-webkit-box-flex:1;-ms-flex:1;flex:1}.im-main .left,.im-main .right{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}.im-main .left{direction:ltr}.im-main .right{direction:rtl}.im-main .right .message{background:#005adc;color:hsla(0,0%,100%,.85)}.im-main .avatar{width:30px;height:30px}.im-main .username{color:rgba(36,46,51,.7);font-size:14px;margin:0 5px}.im-main .time{font-size:12px}.im-main .message{background:#fff;border-radius:3px;margin-top:5px;padding:12px;color:rgba(0,0,0,.85);font-size:10px;max-width:500px;display:inline-block}.im-main .message .text{white-space:break-spaces}