/* 消息通知pop */
.ele-notice-pop {
  margin: 0 !important;
  padding: 0 !important;
}
.ele-notice-group {
  vertical-align: top !important;
  display: inline-block;
}
.ele-notice-group .el-badge {
  line-height: normal;
}

/* tab */
.ele-notice-pop .el-tabs__nav-scroll {
  text-align: center;
}
.ele-notice-pop .el-tabs__nav {
  float: none;
  display: inline-block;
}
.ele-notice-pop .el-tabs__item {
  padding: 0 20px;
}

/* 列表 */
.ele-notice-list {
  padding-top: 8px;
  max-height: 360px;
  overflow: auto;
}
.ele-notice-item .ele-notice-item-wrapper {
  padding: 12px 15px;
  transition: background-color .2s;
  cursor: pointer;
}
.ele-notice-item .ele-notice-item-wrapper:hover {
  background-color: hsla(0, 0%, 60%, .05);
}
.ele-notice-item .ele-text-secondary {
  margin-top: 5px;
  font-size: 13px;
}
.ele-notice-item .ele-cell-desc {
  margin-top: 3px !important;
  font-size: 12px !important;
}
.ele-notice-item-icon {
  width: 32px;
  height: 32px;
  line-height: 32px !important;
  color: #FFF;
  font-size: 16px;
  background-color: #60B2FC;
  border-radius: 50%;
  text-align: center;
}
.ele-notice-item-icon.el-icon-s-check {
  background-color: #F5686F;
}
.ele-notice-item-icon.el-icon-video-camera {
  background-color: #7CD734;
}
.ele-notice-item-icon.el-icon-s-claim {
  background-color: #FAAD14;
}
.ele-notice-item-icon.el-icon-message-solid {
  background-color: #2BCACD;
}

/* 操作按钮 */
.ele-notice-actions > .ele-cell-content {
  line-height: 42px;
  text-align: center;
  cursor: pointer;
}
.ele-notice-actions > .ele-cell-content:hover {
  background-color: hsla(0, 0%, 60%, .05);
}

/* 空视图 */
.ele-notice-pop .ele-empty {
  padding: 100px 0;
}