﻿@media screen and (min-width: 1220px) {
  .data-none {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10rem;
  }
  .data-none img {
    margin-bottom: 2.1333rem;
  }
  .data-none p {
    font-size: 1.6rem;
    font-weight: 400;
    color: #5f6873;
    text-align: center;
    vertical-align: top;
    margin-bottom: 10.1333rem;
  }
  .article-wrapper {
    width: 59%;
    margin: 0 auto;
  }
  .article-wrapper .article-item {
    width: 100%;
    margin: 1.0667rem 0;
    border-bottom: 0.0267rem solid #efefef;
    display: flex;
    flex-direction: column;
    padding-bottom: 3.0667rem;
    cursor: pointer;
  }
  .article-wrapper .article-item h4 {
    width: 100%;
    font-size: 2.7067rem;
    font-weight: 500;
    color: #3d3d3d;
    text-align: left;
    vertical-align: top;
    margin: 1rem 0;
  }
  .article-wrapper .article-item .news {
    padding-left: 3rem;
  }
  .article-wrapper .article-item .detailcontent {
    width: 100%;
    text-align: left;
    vertical-align: top;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    margin: 1.8rem 0;
    height: 6.9rem;
    display: flex;
    flex-direction: column;
  }
  .article-wrapper .article-item .detailcontent p {
    width: 100%;
    display: -webkit-box;
    /* 设置为弹性盒子 */
    -webkit-line-clamp: 3;
    /* 设置最大显示行数为3行 */
    -webkit-box-orient: vertical;
    /* 设置为垂直方向排列 */
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .article-wrapper .article-item .detailcontent p,
  .article-wrapper .article-item .detailcontent span {
    font-size: 1.46rem !important;
    font-weight: 400!important;
    line-height: 2.3rem !important;
    color: #3d3d3d !important;
    text-align: left;
    display: contents;
  }
  .article-wrapper .article-item .time {
    width: 100%;
    text-align: right;
    font-size: 1.4rem;
    font-weight: 400;
    cursor: pointer;
    margin-top: 1.1333rem;
  }
  .article-wrapper .article-item .more {
    width: 7.8rem;
    height: 3.2533rem;
    opacity: 1;
    border-radius: 0.5533rem;
    line-height: 3.2533rem;
    border: 0.064rem solid #E1000F;
    left: 1.6rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #e1000f;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    margin-top: 2.1333rem;
  }
}
@media screen and (max-width: 1219px) {
  .data-none {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 5rem;
  }
  .data-none img {
    margin-bottom: 2.1333rem;
  }
  .data-none p {
    font-size: 1.6rem;
    font-weight: 400;
    color: #5f6873;
    text-align: center;
    vertical-align: top;
    margin-bottom: 5.1333rem;
  }
  .article-wrapper.newspadding {
    padding-bottom: 6.3333rem;
  }
  .article-wrapper {
    width: 100%;
  }
  .article-wrapper .article-item.newsline {
    border-bottom: 0.0267rem solid #aaa;
  }
  .article-wrapper .article-item {
    width: 94%;
    margin: 0.6667rem auto;
    border-bottom: 0.0267rem solid #Efefef;
    display: flex;
    flex-direction: column;
    padding-bottom: 1.0667rem;
  }
  .article-wrapper .article-item h4 {
    width: 100%;
    font-size: 1.7rem;
    font-weight: 500;
    color: #3d3d3d;
    text-align: left;
    vertical-align: top;
  }
  .article-wrapper .article-item .news {
    padding-left: 1.6rem;
  }
  .article-wrapper .article-item .detailcontent {
    width: 100%;
    font-size: 1.333rem;
    font-weight: 400;
    line-height: 2.3rem;
    color: #3d3d3d;
    text-align: left;
    vertical-align: top;
    margin: 1rem 0;
    height: 7rem ;
    flex-direction: column;
    overflow: hidden;
  }
  .article-wrapper .article-item .detailcontent ul {
    display: none;
  }
  .article-wrapper .article-item .detailcontent p {
    width: 100%;
    display: -webkit-box;
    /* 设置为弹性盒子 */
    -webkit-line-clamp: 3;
    /* 设置最大显示行数为3行 */
    -webkit-box-orient: vertical;
    /* 设置为垂直方向排列 */
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .article-wrapper .article-item .detailcontent p img {
    display: none;
  }
  .article-wrapper .article-item .detailcontent p,
  .article-wrapper .article-item .detailcontent span {
    width: 100%;
    font-size: 1.533rem !important;
    font-weight: 400!important;
    line-height: 2.5rem !important;
    color: #3d3d3d !important;
    text-align: left;
  }
  .article-wrapper .article-item .time {
    width: 100%;
    text-align: right;
    font-size: 1.1rem;
    font-weight: 400;
    cursor: pointer;
    margin-top: 0.1333rem;
  }
  .article-wrapper .article-item .more {
    width: 7.2933rem;
    height: 2.8rem;
    opacity: 1;
    border-radius: 0.3rem;
    line-height: 2.57rem;
    border: 0.0213rem solid #E1000F;
    left: 0.5067rem;
    font-size: 1.1rem;
    font-weight: 400;
    color: #e1000f;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
  }
}
