w-100{width:100%}w-75{width:75%}w-50{width:50%}w-25{width:25%}.showMessage .order-message{-webkit-box-flex:0;-ms-flex:0 0 380px;flex:0 0 380px}.showMessage .order-message .message-header{border:1px solid #e4e7ed;border-radius:2px 2px 0 0;position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:70px;padding:15px 20px;background-color:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.05);box-shadow:0 2px 8px 0 rgba(0,0,0,.05)}.showMessage .order-message .message-header .title{margin-bottom:0;color:#303133;font-size:22px;font-weight:600}.showMessage .order-message .message-body{overflow:auto;height:488px;border-right:1px solid #e4e7ed;border-left:1px solid #e4e7ed;background-color:#fff;-webkit-box-shadow:inset 0 -7px 10px -7px rgba(0,0,0,.15);box-shadow:inset 0 -7px 10px -7px rgba(0,0,0,.15)}.showMessage .order-message .message-body ul{margin-bottom:0;padding:0;padding-top:10px;list-style:none}.showMessage .order-message .message-body li{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px 10px}.showMessage .order-message .message-body li .img-box{-webkit-box-flex:0;-ms-flex:0 0 34px;flex:0 0 34px;-ms-flex-item-align:start;align-self:flex-start;margin-right:10px;border-radius:50%;position:relative;display:block;float:left;overflow:hidden;width:34px;padding-top:34px;text-align:left}.showMessage .order-message .message-body li .img-box>img{position:absolute;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.showMessage .order-message .message-body li .content p{position:relative;display:inline-block;margin-bottom:0;padding:4px 4px;border-radius:4px;background-color:#f5f7fa;font-size:12px;line-height:1.4}.showMessage .order-message .message-body li .content .time{color:#909399;font-size:12px}.showMessage .order-message .message-body li.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.showMessage .order-message .message-body li.reverse .img-box{margin-right:0;margin-left:10px}.showMessage .order-message .message-body li.reverse .content p{color:#0cf;border:1px solid rgba(0,204,255,.3);background-color:#e9faff}.showMessage .order-message .message-body li.reverse .content .time{text-align:right}.showMessage .order-message .message-body .empty-placeholder{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:calc(100% - 10px)}.showMessage .order-message .message-body .empty-placeholder .empty-message{color:#909399}.showMessage .order-message .message-body .empty-placeholder img{width:170px;height:130px}.showMessage .order-message .message-footer{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px 20px;border:1px solid #e4e7ed;background-color:#fff}.showMessage .order-message .message-footer input{width:241px}