.mobile-bg {
  display: none; }

.normal-bg {
  display: block; }

.new-pages-wrapper {
  padding: 0 0 40px 0; }
  .new-pages-wrapper .news-content {
    width: 100%;
    padding: 0 50px; }
  .new-pages-wrapper .news-wrap .title {
    position: relative;
    font-weight: 600;
    text-align: center;
    font-size: 50px; }
    .new-pages-wrapper .news-wrap .title > a {
      color: #1f2227; }
  .new-pages-wrapper .news-wrap .sup {
    text-align: center;
    margin-top: 32px;
    font-size: 20px; }
  .new-pages-wrapper .news-box {
    margin: 60px -12px 0 -12px;
    font-size: 0; }
    .new-pages-wrapper .news-box .news-item {
      width: 33%;
      vertical-align: top;
      display: inline-block;
      padding: 24px 12px;
      padding-bottom: 40px;
      margin-bottom: 20px; }
      .new-pages-wrapper .news-box .news-item .item-img img {
        border-radius: 6px;
        width: 100%;
        height: 178px; }
    .new-pages-wrapper .news-box .item-title {
      margin-top: 24px;
      line-height: 12px;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      display: block;
      font-size: 12px;
      color: #8c8e92; }
    .new-pages-wrapper .news-box .item-text {
      margin-top: 9px;
      font-size: 14px;
      line-height: 24px;
      color: #1f2227; }
    .new-pages-wrapper .news-box .date-see-details {
      margin-top: 24px; }
      .new-pages-wrapper .news-box .date-see-details a {
        font-size: 14px;
        color: #366dff; }
      .new-pages-wrapper .news-box .date-see-details .right-icon {
        position: relative;
        top: 2px;
        margin-left: 38px;
        width: 15px; }
