.im-body{ display: table; table-layout: fixed; width: 100%; min-height: 400px;  height: 100%; border: 1px solid #ddd}
.im-cell{ display: table-cell; width: 100%; vertical-align: top; text-align: left; padding: 0 2px;}
.im-message,.im-bar,.im-send,.im-footer{ display: table-row; width: 100%;}
.im-message{ height: 60%;border-bottom: 1px solid #ddd;}
.im-bar{ height: 10%; text-align: center;}
/*.im-send{ height:20%; }*/
.im-line{border-bottom: 1px solid #ddd; height: 1px; overflow: hidden;width: 100%;}
.im-bar>div{ border-bottom: 1px solid #ddd; height: 100%;}
.im-bar span{ cursor: pointer; padding: 0 8px; text-align: center;display: inline-block; height: 100%; line-height: 200%; }
.im-footer{ height: 10px;}
/*.im-send .im-cell{ height: 100%;}*/
.im-footer .im-cell{ vertical-align: middle; text-align:  right; padding: 3px 8px;}
.im-textarea{ margin: 0; padding:0; width: 100%; height: 120px; border: none;}
.im-list{/*height: 100%; overflow:hidden;*/ overflow-y: auto;height: 400px;}

.im-wrap{ padding: 0 10px;}
.im-wrap .im-wrap-jid{ color: #00499a; padding: 3px 0;}
.im-wrap .im-wrap-msg{ padding: 3px 15px 3px 15px;}
.im-wrap-msg img{ width: 120px; height: auto;}
.im-bar .im-title{ text-align: center;}