.news-container .news-title {
  font-size: 18px;
  font-weight: bold; }

.news-container .detail-title {
  font-size: 28px;
  font-weight: bold; }

.news-container .detail-date {
  font-size: 14px;
  margin: 16px 0;
  color: #124989; }

.news-container .news-date {
  font-size: 14px;
  color: #124989;
  margin: 20px 0; }

.news-container .news-section {
  background-color: #fff;
  padding: 30px;
  border-radius: 6px;
  margin-top: 30px;
  transition: all 0.3s;
  cursor: pointer;
  border: 1px solid #aaa; }
  .news-container .news-section:hover {
    box-shadow: 0px 0px 12px -1px rgba(0, 0, 0, 0.5); }
  .news-container .news-section .section-left {
    flex: 1; }
    .news-container .news-section .section-left .section-content {
      overflow: hidden;
      text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      -icab-text-overflow: ellipsis;
      -khtml-text-overflow: ellipsis;
      -moz-text-overflow: ellipsis;
      -webkit-text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      font-size: 16px; }
  .news-container .news-section .section-img {
    width: 480px;
    margin-left: 40px; }

.news-container .new-page {
  color: #124989;
  margin-top: 40px;
  font-size: 16px; }
  .news-container .new-page a {
    color: #124989; }
  .news-container .new-page .layui-icon {
    font-size: 16px;
    color: #124989;
    margin: 0 10px; }
  .news-container .new-page .line {
    width: 1px;
    height: 12px;
    background: #124989;
    display: block;
    margin: 0 20px; }

@media (max-width: 768px) {
  .news-container .news-title {
    font-size: 16px; }
  .news-container .news-date {
    font-size: 12px;
    margin: 12px 0; }
  .news-container .detail-title {
    font-size: 20px; }
  .news-container .detail-date {
    font-size: 14px;
    margin: 10px 0; }
  .news-container .news-section {
    padding: 16px 12px;
    margin-top: 12px; }
    .news-container .news-section .flex {
      flex-direction: column; }
    .news-container .news-section .section-left .section-content {
      font-size: 14px; }
    .news-container .news-section .section-img {
      width: 100%;
      margin-left: 0;
      margin-top: 12px; }
  .news-container .new-page {
    margin-top: 30px;
    font-size: 14px; }
    .news-container .new-page .layui-icon {
      font-size: 14px;
      margin: 0 6px; }
    .news-container .new-page .line {
      margin: 0 12px; } }