@charset "UTF-8";
/*
    by Tracy
    2018-4-28
    基础包
    理财3.2.0
*/
html {
  -webkit-text-size-adjust: none; }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.1em;
  font-weight: normal; }

address, cite, dfn, em, var {
  font-style: normal; }

code, kbd, pre, samp {
  font-family: courier new,courier,monospace; }

ul, ol {
  list-style: none; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

legend {
  color: #000; }

fieldset, img {
  border: 0;
  border: none;
  width: 100%;
  display: block; }

button, input, select, textarea {
  font-size: 100%;
  font-family: microsoft yahei; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input {
  display: inline-block;
  height: 22px;
  outline: none;
  border: none;
  -webkit-appearance: none;
  appearance: none; }

blockquote:before,
blockquote:after {
  content: '';
  content: none; }

th, td {
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: middle; }

a, div, span, label {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  -o-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  background: #fff;
  color: #333;
  line-height: 18px;
  font-family: microsoft yahei; }

h3.top-title {
  font-size: 1.6rem;
  line-height: 1.375;
  color: #333; }

h2.artical-title {
  font-size: 2rem;
  line-height: 1.42;
  color: #333; }

h4.head-title {
  font-size: 1.4rem;
  color: #333;
  line-height: 1.42; }

label.small-label {
  font-size: 1.2rem;
  color: #999;
  line-height: 1.42; }

.main-font {
  font-size: 1.4rem;
  line-height: 1.42;
  color: #666; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.vertical-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.fl {
  float: left; }

.fr {
  float: right; }

html {
  font-size: 62.5%; }

body {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif; }

.wrapper-report {
  width: 100%;
  background: #f2f2f2;
  min-height: calc(100% + 20px); }
  .wrapper-report .report-content {
    padding: 0 12px 0; }
    .wrapper-report .report-content .no-data {
      text-align: center; }
      .wrapper-report .report-content .no-data > h3 {
        font-size: 1.6rem;
        line-height: 50px;
        color: #666; }
  .wrapper-report .report-content-list > li {
    margin: 16px 0;
    position: relative; }
    .wrapper-report .report-content-list > li > a {
      display: block;
      border-radius: 4px;
      width: 100%;
      height: auto;
      overflow: hidden; }
    .wrapper-report .report-content-list > li .report-img {
      width: 100%; }
  .wrapper-report .report-content-list .report-single-info {
    padding: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff; }
    .wrapper-report .report-content-list .report-single-info:before {
      position: relative; }
    .wrapper-report .report-content-list .report-single-info .report-title {
      margin-top: 16px;
      font-size: 1.8rem;
      text-align: center;
      font-weight: 500; }
    .wrapper-report .report-content-list .report-single-info .report-title-date {
      margin-top: 10px;
      font-size: 1.4rem;
      text-align: center; }
    .wrapper-report .report-content-list .report-single-info .report-date {
      position: absolute;
      left: 20px;
      bottom: 20px;
      font-size: 1.4rem;
      width: 90%;
      color: rgba(255, 255, 255, 0.7); }
    .wrapper-report .report-content-list .report-single-info .report-update {
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 1.2rem;
      color: rgba(255, 255, 255, 0.7); }

@media screen and (max-width: 320px) {
  .wrapper-report .report-content-list .report-single-info .report-title {
    font-size: 2.0rem;
    line-height: 1.3; } }