#home-header {
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
}

.breadcrumb-container .breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 784px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 30px;
}
.breadcrumb-container .breadcrumb-item {
  font-size: 16px;
  color: #777777;
  font-weight: lighter;
}
.breadcrumb-container .breadcrumb-item:last-child:after {
  content: "";
}
.breadcrumb-container .breadcrumb-item:after {
  content: ">";
  padding: 0 7px;
}
.breadcrumb-container .breadcrumb-item .breadcrumb-link {
  color: inherit;
}
.breadcrumb-container .breadcrumb-item .breadcrumb-link:hover {
  color: #005bac;
}

.article-wrapper {
  padding-top: 58px;
  padding-bottom: 170px;
}

.by-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}

.by-article {
  min-height: 400px;
  width: 784px;
  padding-bottom: 30px;
  border-bottom: 1px solid #dddddd;
}
.by-article .title {
  color: #222222;
  font-weight: normal;
  font-size: 30px;
  margin-bottom: 20px;
}
.by-article .extra {
  color: #999999;
  font-size: 16px;
  font-weight: lighter;
  margin-bottom: 40px;
}
.by-article .extra span:first-child {
  margin-right: 30px;
}
.article-cate {
  width: 384px;
}
.cate-item {
  padding-bottom: 24px;
}
.cate-item .article-cate-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 20px;
  background-color: #f2f7fd;
}
.cate-item .article-cate-name span {
  font-size: 18px;
  font-weight: bold;
  color: #7188a1;
}
.cate-item .article-cate-name .more {
  font-size: 14px;
  color: #a1ceff;
}
.cate-item .article-title {
  position: relative;
  font-weight: lighter;
  color: #222222;
  font-size: 14px;
  line-height: 25px;
  padding: 6px 20px;
}
.cate-item .article-title a {
  position: relative;
  display: block;
  padding-left: 12px;
  color: inherit;
}
.cate-item .article-title a:before {
  position: absolute;
  left: 0;
  top: 9px;
  content: "";
  display: block;
  background-color: #7baad5;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  margin-right: 6px;
}

.pages .prev, .pages .next {
  color: #333333;
  font-size: 16px;
  font-weight: lighter;
  line-height: 28px;
}
.pages .prev a, .pages .next a {
  color: inherit;
}
.pages .prev a:hover, .pages .next a:hover {
  color: #005bac;
}