.messageDwCont{width:100%;height:560px;display:flex}.messageDwCont .message-group{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.messageDwCont .message-group .loading-box{flex:1;text-align:center;font-size:30px;color:#888;padding-top:25%}.messageDwCont .message-group .message-content{flex:1;padding:15px;overflow:hidden;overflow-y:auto;border-bottom:1px solid #ddd}.messageDwCont .message-group .message-content .message-item{display:flex;align-items:flex-start;justify-content:flex-start}.messageDwCont .message-group .message-content .message-item .message-user-icon{width:40px;height:40px;border-radius:50%;flex:none}.messageDwCont .message-group .message-content .message-item .message-user-icon img{width:100%;height:100%;border-radius:50%}.messageDwCont .message-group .message-content .message-item .message-context-box{flex:1}.messageDwCont .message-group .message-content .message-item .message-context-box .message-content-header{display:flex;color:#888}.messageDwCont .message-group .message-content .message-item .message-context-box .message-content-header .message-content-user{padding:0 5px}.messageDwCont .message-group .message-content .message-item .message-context-box .message-content-text{max-width:84%;display:inline-block;color:#222;box-shadow:0 1px 3px 1px #e2e2e2;padding:8px 15px 8px 15px;margin:2px 0 10px 0;border-radius:5px;word-break:break-all;text-align:left;position:relative}.messageDwCont .message-group .message-content .message-item .message-context-box .message-content-text img{max-width:100%}.messageDwCont .message-group .message-content .message-item .message-context-box .message-content-text .edit,.messageDwCont .message-group .message-content .message-item .message-context-box .message-content-text .message-delete-icon{position:absolute;top:5px;right:5px;color:#888;cursor:pointer;display:none}.messageDwCont .message-group .message-content .message-item .message-context-box .message-content-text .edit:hover,.messageDwCont .message-group .message-content .message-item .message-context-box .message-content-text .message-delete-icon:hover{color:#333}.messageDwCont .message-group .message-content .message-item .message-context-box .message-content-text .edit{right:25px}.messageDwCont .message-group .message-content .message-item .message-context-box .message-content-text:hover .edit,.messageDwCont .message-group .message-content .message-item .message-context-box .message-content-text:hover .message-delete-icon{display:block}.messageDwCont .message-group .message-content .message-item.saler{flex-direction:row-reverse}.messageDwCont .message-group .message-content .message-item.saler .message-context-box{text-align:right;padding-right:5px}.messageDwCont .message-group .message-content .message-item.saler .message-context-box .message-content-header{flex-direction:row-reverse}.messageDwCont .message-group .message-content .message-item.saler .message-context-box .message-content-text{padding:8px 15px 8px 15px}.messageDwCont .message-group .message-content .message-item.factory .message-context-box{text-align:left;padding-left:5px}.messageDwCont .message-group .message-footer{width:100%;box-sizing:border-box;display:flex;flex-direction:column}.messageDwCont .message-group .message-footer .message-footer-textarea{width:100%;flex:1;border:1px solid #ddd;border-bottom:0;padding:10px}.messageDwCont .message-group .message-footer .editor{padding:10px 10px 0;flex:1}.messageDwCont .message-group .message-footer .message-footer-send-btn{border-top:0;text-align:right;padding:5px 10px}.messageDwCont .message-group .message-footer .message-footer-send-btn a{color:#a9a9a9;text-decoration:none}.messageDwCont .message-group .message-footer .message-footer-send-btn a:hover{color:rgba(65,143,255,.9019607843137255)}.messageDwCont .messageLeft{width:30%;border-right:1px solid #ddd;overflow:auto;flex:none}.messageDwCont .messageLeft ul li{padding:10px 5px 10px 20px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;border-bottom:1px solid #ddd}.messageDwCont .messageLeft ul li .order{color:#666}.messageDwCont .messageLeft ul li .unread{width:6px;height:6px;background:#f56c6c;position:absolute;top:10px;left:12px;border-radius:50%}.messageDwCont .messageLeft ul .color{color:#999}.messageDwCont .messageLeft ul .color i{color:#409eff;font-size:12px}.messageDwCont .messageLeft ul li:hover{background:#bdd9e6}.messageDwCont .messageLeft ul li:hover i{color:#409eff!important}.messageDwCont .messageLeft ul .selected{background:#409eff;color:#fff}.messageDwCont .messageLeft ul .selected i{color:#fff!important}.messageDwCont .noscroll{overflow-y:visible;background:#fff}.msgbox .ql-container{height:108px!important}.msgbox .el-dialog__body{padding:0!important}.msgbox .ql-editor p img{height:100px;margin-right:5px}.msgbox .ql-editor em{font-style:italic}