html {
  background-color: #F7F7F8;
}


/*
 $ 简易文章列表 $
 */
.simple-list {
  overflow: hidden;
}
.simple-list__item {
  position: relative;
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  padding-right: 80px;
}
.simple-list__item__title {
  float: left;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.simple-list__item__time {
  position: absolute;
  top: 0;
  right: 0;
  color: #888;
}

/*
 $ 面包屑导航 $
 */
.breadcrumb {
  overflow: hidden;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
.breadcrumb__item {
  position: relative;
  float: left;
  height: 100%;
  padding-right: 16px;
  white-space: nowrap;
}
.breadcrumb__item::after {
  content: '';
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  left: auto;
  width: 6px;
  height: 6px;
  margin: auto;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  transform: rotate(45deg);
}
.breadcrumb__item + .breadcrumb__item {
  margin-left: 8px;
}
.breadcrumb__item:last-child::after {
  display: none;
}
.breadcrumb__item:first-child {
  padding-left: 20px;
}
.breadcrumb__item:first-child::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 14px;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/portal/public/img/breadcrumb-home.png");
}

/*
 $ 侧栏 $
 */
.side-nav-title {
  box-sizing: border-box;
  width: 100%;
  height: 52px;
  line-height: 52px;
  font-size: 18px;
  color: #fff;
}
.side-nav {
  border: 1px solid #e7edf4;
  background-color: #fff;
}
.side-nav__item {
  position: relative;
  line-height: 28px;
  font-size: 16px;
  padding: 12px 16px 12px 36px;
  border-top: 1px solid #e7edf4;
}
.side-nav__item:first-child {
  border-top: none;
}
.side-nav__item--active::before {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: auto;
  bottom: 0;
  left: 24px;
  width: 0;
  height: 0;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  content: '';
  border: 5px solid transparent;
  border-left-width: 7px;
  border-right-width: 0;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}