.news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
}
.news-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(33.3333333333% - 20px);
  margin: 0 20px 30px 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background-color: #edf2f6;
}
.news-list li:nth-child(3n+3), .news-list li:last-child {margin: 0 0 30px 0;}
@media (max-width: 992px) {
  .news-list li, .news-list li:nth-child(3n+3) {width: calc(50% - 20px); margin: 0 20px 30px 0;}
  .news-list li:nth-child(2n+2), .news-list li:last-child {margin: 0 0 30px 0;}
}
@media (max-width: 576px) {
  .news-list li, .news-list li:nth-child(3n+3), .news-list li:nth-child(2n+2), .news-list li:last-child {
    width: 100%; margin: 0 auto 30px auto;
  }
}
@media (max-width: 460px) {
  .news-list li {
    width: 100%;
  }
}
.news-list .news-list-pic {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
}
.news-list .news-list-pic .news-list-tag {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  background-color: #d67e00;
  color: #fff;
  font-size: 13px;
  padding: 10px 0;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.news-list .news-list-pic img {transform: scale(1.0); transition: all 0.5s;}
.news-list .news-list-pic:hover img {transform: scale(0.95);}
.news-list .news-list-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px 10px 0;
}
.news-list .news-list-info .news-list-date {
  width: 20%;
  text-align: center;
  line-height: 19px;
  color: #F24B1D;
  padding-top: 7px;
}
.news-list .news-list-info .news-list-date .day, .news-list .news-list-info .news-list-date .year {
  font-size: 12px;
}
.news-list .news-list-info .news-list-box {
  width: 80%;
}
.news-list .news-list-info .news-list-box .news-list-view {
  text-align: right;
  border-top: 1px solid #ddcfb9;
}
.news-list .news-list-info .news-list-box .news-list-view a {
  color: #F24B1D;
}
.news-list .news-list-info .news-list-box .news-list-view a:hover {
  color: #F2951C;
}

/* News Detail ============================================================== */
.wrap-news-detail {
  line-height: 2rem;
}
.wrap-news-detail a:hover {
  color: #df0012;
}
.wrap-news-detail .news-detail-date {
  font-weight: bold;
  color: #F24B1D;
  font-size: 15px;
}
.news-detail-title {padding: 0 0 20px 0;}
.news-detail-title h1 {
  font-size: 1.7rem;
  font-weight: 600;
}

.news-detail-btn {
  margin-top: 5%;
  text-align: center;
}
.news-detail-btn .news-detail-back {
  display: inline-block;
  border-radius: 30px;
  border: 2px solid #F24B1D;
  color: #F24B1D;
  font-weight: bold;
  padding: 5px 25px;
}
.news-detail-btn .news-detail-back:hover {
  color: #fff !important;
  background-color: #F24B1D;
}