.message-page-con {
  height: calc(100vh - 176px);
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.message-page-con.message-category-con {
  border-right: 1px solid #e6e6e6;
  width: 200px;
}
.message-page-con.message-list-con {
  border-right: 1px solid #e6e6e6;
  width: 230px;
}
.message-page-con.message-view-con {
  position: absolute;
  left: 446px;
  top: 16px;
  right: 16px;
  bottom: 16px;
  overflow: auto;
  padding: 12px 20px 0;
}
.message-page-con.message-view-con .message-view-header {
  margin-bottom: 20px;
}
.message-page-con.message-view-con .message-view-header .message-view-title {
  display: inline-block;
}
.message-page-con.message-view-con .message-view-header .message-view-time {
  margin-left: 20px;
}
.message-page-con .category-title {
  display: inline-block;
  width: 65px;
}
.message-page-con .gray-dadge {
  background: gainsboro;
}
.message-page-con .not-unread-list .msg-title {
  color: #aaa9a9;
}
.message-page-con .not-unread-list .ivu-menu-item .ivu-btn.ivu-btn-text.ivu-btn-small.ivu-btn-icon-only {
  display: none;
}
.message-page-con .not-unread-list .ivu-menu-item:hover .ivu-btn.ivu-btn-text.ivu-btn-small.ivu-btn-icon-only {
  display: inline-block;
}