.page-main {
  width: 1300px;
  margin: 12px auto;
}

.page-main .left {
  width: 306px;
  background-color: #fff;
  border-radius: 10px;
  padding: 18px;
  min-height: 500px;
}

.page-main .left .title {
  color: #f00;
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.page-main .left .title img {
  width: 30px;
}

.page-main .left li {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 14px;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 4px;
}

.page-main .left li.active {
  color: #f00;
}

.page-main .news-list {
  width: 984px;
  border-radius: 10px;
  /* background-color: #fff; */
  min-height: 500px;
}

.page-main .news-list .content {
  padding: 20px;
}

.page-main .news-list .cate-box {
  padding: 20px;
  border-bottom: 1px dashed #ddd;
  font-size: 16px;
}

.page-main .news-list .cate-box a {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  padding: 2px 10px;
}

.page-main .news-list .cate-box a.active,
.page-main .news-list .cate-box a:hover {

  background-color: #3a56f7;
  color: #fff;

}

.page-main .news-list li {
  padding-bottom: 16px;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 30px;
}

.page-main .news-list li .title {
  font-size: 20px;
  margin-bottom: 12px;
}

.page-main .news-list li .desc {
  font-size: 16px;
  margin-bottom: 12px;
  color: #666;
  line-height: 1.5;
}

.page-main .news-detail {
  width: 984px;
  border-radius: 10px;
  background-color: #fff;
  min-height: 500px;
}


.page-main .news-detail .content {
  padding: 20px;
}

.page-main .news-detail .art-title {
  font-size: 20px;
  margin-bottom: 2px;
  line-height: 1.5;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

.page-main .news-detail .art-title .info {
  color: #666;
  font-size: 14px;
  margin-top: 10px;
  font-weight: normal;
  text-align: right;
}

.page-main .news-detail .art-title .info span {
  margin-right: 30px;
}