#app {
  padding-bottom: 120px;
}
.news_bg{
  height: 322px;
  background: black url("../images/news_bg.png") center / cover no-repeat;;
}
.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;
}

body{
  background-color: #fbfbfb !important;
}

/*新加入*/
.news-bg{
  width: 100%;
  margin-top: 20px;
  margin-bottom: 50px;
}
.news-content{
  width: 1123px;
  height: 266px;
  background-color: white;
  margin: 20px auto;
  border-radius: 13px;
  /*line-height: 266px;*/

}
.news-left{
  width: 410px;
  height: 232px;
  margin-left: 20px;
  float: left;
  margin-top: 16px;
  /*background-color: #2f2f2f;*/
}
.news-left img{
  width: 100%;
  height: 232px;
  border-radius: 7px;
}
.news-right {
  width: 637px;
  height: 232px;

  float: left;
  margin-left: 26px;
  margin-top: 16px;
}
.right-title{
  font-size: 23px;
  font-weight: 500;
  text-align: left;
  color: #333333;
  margin-top: 10px;
  /*line-height: 0;*/
}
.news-text{
  margin: 23px 0;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #666666;
}
.news-time{
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #333333;
}