.dhcloud-news {
  width: 100%;
  min-height: 100vh;
}
.dhcloud-news .top-box {
  height: 168px;
  background-color: #F1F3F5;
  display: flex;
  align-items: center;
}
.dhcloud-news .top-box .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dhcloud-news .top-box .content .title {
  font-size: 32px;
  color: #7D828A;
  line-height: 40px;
  font-weight: normal;
}
.dhcloud-news .top-box .content .des {
  margin-top: 8px;
  font-size: 14px;
  color: #7D828A;
  line-height: 20px;
}
.dhcloud-news .content-box {
  padding: 40px 0 100px 0;
  background-color: #FFFFFF;
}
.dhcloud-news .content-box .content .title-box {
  display: flex;
  align-items: center;
}
.dhcloud-news .content-box .content .title-box .current-news {
  font-size: 32px;
  font-weight: 600;
  color: #000000;
  line-height: 40px;
  margin-right: 32px;
}
.dhcloud-news .content-box .content .title-box .list-box {
  display: flex;
  align-items: center;
}
.dhcloud-news .content-box .content .title-box .list-box .list {
  font-size: 14px;
  font-weight: 600;
  color: #666666;
  line-height: 20px;
  border-radius: 4px;
  background-color: transparent;
  padding: 6px 16px;
  margin-right: 24px;
  transition: all .3s ease;
}
.dhcloud-news .content-box .content .title-box .list-box .list:hover {
  color: #395a96;
}
.dhcloud-news .content-box .content .title-box .list-box .active {
  color: #FFFFFF !important;
  background-color: #395a96;
}
.dhcloud-news .content-box .content .title-box .list-box .list:nth-last-of-type(1) {
  margin-right: 0;
}
.dhcloud-news .content-box .content .news-box {
  padding: 20px 0;
  margin-right: -32px;
  margin-left: -32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dhcloud-news .content-box .content .news-box .list {
  padding: 20px 32px;
}
.dhcloud-news .content-box .content .news-box .list .list-content {
  width: 567px;
  display: flex;
  align-items: center;
}
.dhcloud-news .content-box .content .news-box .list .list-content .left-box {
  width: 186px;
  height: 124px;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 16px;
}
.dhcloud-news .content-box .content .news-box .list .list-content .left-box img {
  width: 100%;
  height: 100%;
}
.dhcloud-news .content-box .content .news-box .list .list-content .haveImg {
  width: 365px;
}
.dhcloud-news .content-box .content .news-box .list .list-content .noImg {
  width: 100%;
}
.dhcloud-news .content-box .content .news-box .list .list-content .right-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dhcloud-news .content-box .content .news-box .list .list-content .right-box .title {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  color: #000000;
  line-height: 32px;
}
.dhcloud-news .content-box .content .news-box .list .list-content .right-box .des {
  width: 100%;
  margin-top: 4px;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.dhcloud-news .content-box .content .news-box .list .list-content .right-box .bottom-box {
  display: flex;
  align-items: center;
  margin-top: 28px;
}
.dhcloud-news .content-box .content .news-box .list .list-content .right-box .bottom-box .time {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  margin-right: 8px;
}
.dhcloud-news .content-box .content .news-box .list .list-content .right-box .bottom-box .type {
  font-size: 12px;
  color: #FFFFFF;
  line-height: 16px;
  padding: 0 4px;
}
.dhcloud-news .content-box .content .news-box .list .list-content .right-box .bottom-box .green {
  background-color: #BDD0A2;
}
.dhcloud-news .content-box .content .news-box .list .list-content .right-box .bottom-box .blue {
  background-color: #98B6E8;
}
.dhcloud-news .content-box .content .news-box .list .list-content .right-box .bottom-box .red {
  background-color: #d34f4f;
}
.dhcloud-news .content-box .content .pagination {
  width: 100%;
  margin-top: 8px;
  display: flex;
  justify-content: center;
}