@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, .finance-and-economics .finance-list-box .finance-top-title {
  font-size: 1.6rem;
  line-height: 1.375;
  color: #333; }

h2.artical-title, .finance-and-economics-detail .detail-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, .finance-and-economics .finance-list-box .finance-small-label, .finance-and-economics .finance-list-box .finance-time-label, .finance-and-economics-detail .finance-detail > p > 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, .finance-and-economics .finance-list-box .finance-top-title {
  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; }

/*
  by tracy 
  2018-07-25
  理财3.3
*/
body, html {
  width: 100%;
  height: 100%;
  background: #f2f2f2;
  font-family: "PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif; }

.finance-and-economics {
  background: #fff; }
  .finance-and-economics.mescroll {
    min-height: calc(100% + 20px); }
  .finance-and-economics .finance-list > li {
    padding: 16px;
    border-bottom: 1px solid #f2f2f2; }
    .finance-and-economics .finance-list > li:last-child {
      border-bottom: 0; }
    .finance-and-economics .finance-list > li a {
      display: block;
      overflow: hidden; }
  .finance-and-economics .finance-list.finance-list-ul li:last-child {
    border-bottom: 1px solid #f2f2f2; }
  .finance-and-economics .finance-list-box {
    position: relative;
    padding-right: 20%; }
    .finance-and-economics .finance-list-box .location-right-box, .finance-and-economics .finance-list-box .finance-right-box {
      position: absolute;
      top: 50%;
      right: 0;
      margin: 0; }
    .finance-and-economics .finance-list-box .finance-top-title {
      height: 44px;
      margin-bottom: 10px; }
    .finance-and-economics .finance-list-box .finance-small-label {
      margin: 0 10px 0 0;
      display: inline-block; }
    .finance-and-economics .finance-list-box .finance-right-box {
      width: 18%;
      transform: translate(0, -50%); }
      .finance-and-economics .finance-list-box .finance-right-box > img {
        width: 100%; }

.finance-and-economics-detail {
  background: #fff;
  padding: 0 12px;
  min-height: 100%;
  overflow: hidden; }
  .finance-and-economics-detail .detail-title {
    padding: 20px 0;
    text-align: justify;
    font-weight: bold; }
  .finance-and-economics-detail .finance-detail {
    padding-bottom: 20px; }
    .finance-and-economics-detail .finance-detail > p > label {
      margin-right: 24px; }
      .finance-and-economics-detail .finance-detail > p > label.detail-label {
        color: #6491E3; }
  .finance-and-economics-detail .finance-content {
    padding: 0 0 20px; }
    .finance-and-economics-detail .finance-content > p {
      font-size: 1.5rem;
      line-height: 2.1rem;
      color: #333;
      text-align: justify; }
    .finance-and-economics-detail .finance-content img {
      width: 100% !important;
      height: auto !important; }
  .finance-and-economics-detail .finance-link {
    margin: 20px 0; }
    .finance-and-economics-detail .finance-link > p {
      font-size: 1.5rem;
      line-height: 1.5rem;
      color: #333;
      margin: 8px 0; }
      .finance-and-economics-detail .finance-link > p > a {
        color: #6491E3; }

.none-data {
  color: #999;
  font-size: 1.4rem;
  text-align: center;
  padding: 30px 0; }
  .none-data > p {
    line-height: 2;
    font-size: 1.4rem; }
    .none-data > p > a {
      color: #6491E3; }

@media only screen and (min-width: 320px) {
  html {
    font-size: 62.5% !important; } }

@media only screen and (min-width: 640px) {
  html {
    font-size: 125% !important; }
  .finance-and-economics .finance-list-box .finance-top-title {
    height: auto; } }

@media only screen and (min-width: 750px) {
  html {
    font-size: 150% !important; }
  body {
    line-height: 1.5rem; } }

@media only screen and (min-width: 1242px) {
  html {
    font-size: 187.5% !important; } }