body {
  
}
.logo {display:none;}
  .inner-post-views-count {

      background: url(/hotline/local/templates/main/images/views-icon2.png) no-repeat left center;

  }
  .inner-post-views-count {
      color:#fff !important;
      margin-left:20px;
      margin-top:30px;
  }
  .longread_tag span  {
      font-weight: 300;
      text-transform: none !important;
      font-size:14px !important;
   }
  .longread_page .header {
      height: calc(100vh - 40px);
      max-height: unset;
      background-repeat: no-repeat;
      background-position: center center;
      position: relative;
      -webkit-appearance: none;
  }
  .longread_overlay {
      position: absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background-image: -moz-linear-gradient(top, rgba(0,0,0,0.30), rgba(0,0,0,0.30));
      background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.30), rgba(0,0,0,0.30));
      background-image: -o-linear-gradient(top, rgba(0,0,0,0.30), rgba(0,0,0,0.30));
      background-image: -ms-linear-gradient(top, rgba(0,0,0,0.30), rgba(0,0,0,0.30));
      background-image: linear-gradient(top, rgba(0,0,0,0.30), rgba(0,0,0,0.30));
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b2000000', endColorstr='#b2000000');
  }
  .longread_header_info {
      height:100%;
      max-width: 1200px;
      margin: 0 auto;
      position: relative;
  }
  .longread_header_info_wrap {
      vertical-align: bottom;
      display: table-cell;
      height: calc(100vh - 40px);
      width: 1200px;
  }
  .longread_tag {
      color: #fff;
      padding-bottom: 40px;
      padding-top: 0;
      letter-spacing: 2px;
      text-align: left;
      position: absolute;
      top: 110px;
      left: 0;
      text-transform: uppercase;
      font-size: 14px;
      filter: alpha(opacity=70);
      KHTMLOpacity: .7;
      MozOpacity: .7;
      opacity: .7;
      color: #fff;
      letter-spacing: 2px;
      text-align: left;
      font-family: 'Open Sans',Arial,sans-serif;
  }

  h2.subtitle {
      display:none;
  }

  .inner-post-text p, .inner-post-text h2, .inner-post-text div, .inner-post-text h3 {
      opacity: 0;
  }

  .longread_title {
      color: #fff;
      text-align: left;
      display: table-cell;
      vertical-align: bottom;
      padding-bottom: 110px;
      font-size: 40px;
      line-height: 1.23;
      max-width: 565px;
      padding-left: 0;
      font-weight: 700;
      letter-spacing: .3px;
      position: relative;
      padding-right: 30px;
      position: relative;
      font-family: 'Open Sans',Arial,sans-serif;
  }


  .longread_subtitle {
      color: #fff;
      text-align: left;
      display: table-cell;
      vertical-align: bottom;
      padding-bottom: 110px;
      font-size: 30px;
      line-height: 1.45;
      letter-spacing: .45;
      padding-left: 100px;
      font-family: 'Open Sans',Arial,sans-serif;
      font-weight: 300;
  }

  @media screen and (max-width: 640px) {
      .longread_header_info_wrap {
          vertical-align: bottom;
          display: table-cell;
          height: calc(100vh - 120px);
          width: 1200px;
      }
      .longread_tag {
          position: static;
          padding: 60px 10px 60px 30px;
          font-size: 14px;
          opacity: 1;
          font-weight: bold;
      }
      .longread_title {
          display: table;
          font-size: 30px !important;
          padding-left: 30px;
          padding-right: 30px;
          padding-bottom: 40px;
      }
      .longread_subtitle {
          font-weight:600;
          padding-left: 30px;
          padding-right: 10px;
          font-size: 18px;
          line-height: 20px;
          padding-bottom: 100px;
          color: #fff;
          text-align: left;
          display: table-cell;
          vertical-align: bottom;
          position: relative;
      }
  }
  @media screen and (max-width: 1200px) {
      .longread_header_info {
          height:100%;
          max-width: 960px;
          margin: 0 auto;
          position: relative;
      }
      .container {
          max-width:960px;
      }
      .longread_title {
          font-size:42px;
      }
      .article_detail.left-column {
          width: 650px;
      }
  }

  .longread_header_info

  .ver_photo1 {
      display: flex;
  }

  .vp1_1 {
      opacity: 1;
      min-width: 50%;
      padding-right: 3%;
  }