#app {
  padding-bottom: 64px;
}

.background {
  height: 64px;
  background: #009eff;
}

.bread-crumb {
  padding: 0 20px;
  line-height: 50px;
  font-size: 14px;
  color: #a7a7a7;
}

.category {
  width: 280px;
  border-radius: 8px;
  background: white;
}

.category li {
  line-height: 60px;
  text-align: center;
  cursor: pointer;
}

.category li span {
  width: 100%;
  line-height: 50px;
  font-size: 16px;
  color: #666666;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.category li + li {
  border-top: 1px solid #e8e8e8;
}

.category li.active span {
  color: #009eff;
  border-left-color: #009eff;
}

.main {
  width: 883px;
  min-height: 903px;
  padding: 15px;
  margin-left: 37px;
  border-radius: 8px;
  background: white;
}

.news-list li {
  padding: 10px 5px;
}

.news-list li + li {
  border-top: 1px solid #e8e8e8;
}

.news-list li .img {
  width: 222px;
  height: 130px;
  border-radius: 6px;
  margin: 0 0 20px 20px;
}

.news-list li .content {
  width: 570px;
  margin-left: 17px;
}

.news-list li .content .name {
  font-weight: bold;
  font-size: 16px;
  color: #454545;
}
.news-list li .content .name:hover {
  color: #009eff;
}

.news-list li .content .date {
  margin-top: 20px;
  font-size: 14px;
  color: #a4a4a4;
}

.news-list li .content .brief {
  height: 40px;
  margin-top: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #888888;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*  */
.content-box {
  /*width: 1200px;*/
  min-height: 600px;
  /*padding: 30px;*/
  /*margin: 40px auto;*/
  background: white;
  /*box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);*/
}

.content-box span{
  display: inline;
}

h1 {
  font-size: 30px;
  color: #333;
}

.article-content {
  font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
  font-size: 14px;
  color: rgba(0,0,0,.65);
  font-weight: 300;
}