NN2020042801/public/themes/mobile1/static/css/common_new.css

/*! 版权所有，翻版必究 */
.header-home-wrapper {
  width: 100%;
  background: url(../fonts/55b9a3c23aca4ecfaf7a08b66c82b8c2.woff) no-repeat;
  background-size: 20px; }

.search-lb a {
  float: left;
  padding: 5px 10px;
  margin: 0 10px 10px 0;
  line-height: 15px;
  background: #f0f2f5;
  color: #686868;
  font-size: 14px;
  border-radius: 4px; }
@font-face {
  font-family: "iconfont";
  src: url(../fonts/iconfont.eot);
  /* IE9*/
  src: url(../fonts/iconfont.eot) format("embedded-opentype"), url(../fonts/iconfont.woff) format("woff"), url(../fonts/iconfont.ttf) format("truetype"), url(../fonts/iconfont.svg) format("svg");
  /* iOS 4.1- */ }

.iconfont {
  font-family: "iconfont";
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale; }

* {
  margin: 0;
  padding: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.no-scroll {
  overflow: hidden; }

.lazyload {
  background: url("data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs="); }

html {
  font-size: 62.5%;
  width: 100%;
  height: 100%; }
  html body {
    width: 100%;
    height: 100%;
    background-color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
    min-width: 320px;
    margin: 0 auto;
    position: relative;
    max-width: 640px;
    /* for Firefox */ }
    html body header {
      width: 100%;
      height: auto; }
    html body a {
      color: #333;
      cursor: pointer;
      text-decoration: none; }
      html body a:link, html body a:visited, html body a:hover {
        text-decoration: none; }
    html body img,
    html body select,
    html body input,
    html body button {
      vertical-align: middle; }
    html body ol,
    html body ul {
      list-style: none outside none; }
    html body blockquote,
    html body q {
      quotes: none; }
    html body blockquote:before,
    html body blockquote:after,
    html body q:before,
    html body q:after {
      content: none; }
    html body h1,
    html body h2,
    html body h3,
    html body h4,
    html body h5,
    html body h6,
    html body p,
    html body ul,
    html body ol,
    html body dl {
      font-weight: normal; }
    html body ol,
    html body ul {
      list-style: none; }
    html body select,
    html body input[type="submit"],
    html body input[type="button"],
    html body button {
      cursor: pointer; }
    html body input[type=text],
    html body input[type=password],
    html body input[type=submit] {
      border-radius: 0;
      -webkit-appearance: none;
      -webkit-outline: none;
      outline: none; }
    html body input[type=search] {
      -webkit-appearance: cr; }
    html body img {
      border: none;
      max-width: 100%;
      vertical-align: middle;
      border: 0;
      margin: 0;
      outline: none;
      -ms-interpolation-mode: bicubic;
      -webkit-touch-callout: none; }
    html body textarea {
      overflow: auto; }
    html body em,
    html body i {
      font-style: normal; }
    html body table {
      border-collapse: collapse; }
    html body section,
    html body article {
      height: auto; }
    html body aside {
      float: right;
      height: auto; }
    html body :focus {
      outline: none; }

/***************/
body .content {
  padding-left: 1%;
  padding-right: 1%;
  width: 100%; }

body .containers {
  width: 100%; }

body .block {
  width: 98%;
  margin: 0 1%; }

body .bg-g {
  background-color: #f6f6f6; }

body .bg-w {
  background-color: #fff; }

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

body .fl {
  float: left; }

body .fr {
  float: right; }

body .clear {
  height: 0;
  clear: both;
  line-height: 0;
  font-size: 0; }

body .clearfix {
  zoom: 1; }

body .clearfix:after {
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  clear: both; }

body .content {
  padding-left: 1%;
  padding-right: 1%;
  width: 100%; }

body .containers {
  width: 100%; }

body .block {
  width: 98%;
  margin: 0 1%; }

body .bg-g {
  background-color: #f6f6f6; }

body .bg-w {
  background-color: #fff; }

body img.valign {
  vertical-align: middle; }

body .clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  font-size: 0; }

body footer .second-nav {
  background-color: #f6f6f6;
  padding: 20px 20px 0px 20px; }
  body footer .second-nav ul li {
    float: left;
    width: 20%;
    text-align: center;
    border-right: 1px solid #ccc; }
    body footer .second-nav ul li:last-child {
      border-right: none; }
    body footer .second-nav ul li a {
      font-size: 16px; }

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

body .footer {
  padding: 10px 0 60px;
  background: #f6f6f6;
  text-align: center; }

body .footer p {
  line-height: 26px;
  font-size: 14px;
  color: #333; }

body .bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  border-top: 1px solid #ddd;
  background: #fff;
  z-index: 99;
  transition: 0.3s;
  overflow: hidden;
  box-shadow: rgba(154, 142, 142, 0.6) 0px 0px 10px 0px; }
  body .bottom-nav.hide {
    transform: translateY(60px); }
  body .bottom-nav .tab5 {
    padding: 4px 1%; }
  body .bottom-nav ul > li {
    float: left;
    width: 20%;
    text-align: center; }
    body .bottom-nav ul > li.active span {
      color: #e50011; }
    body .bottom-nav ul > li.active .iconfont {
      color: #e50011; }
    body .bottom-nav ul > li .bar-img {
      color: #888; }
      body .bottom-nav ul > li .bar-img span {
        display: block;
        font-size: 12px;
        width: 100%;
        height: 18px;
        line-height: 18px;
        color: #333; }
      body .bottom-nav ul > li .bar-img i {
        font-size: 25px;
        display: block;
        width: 100%;
        height: 25px;
        line-height: 25px;
        color: #3d3c3c; }

body .get-more {
  clear: both;
  display: none;
  font-size: 16px;
  text-align: center;
  height: 60px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4cHgiICBoZWlnaHQ9IjEyOHB4IiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIGNsYXNzPSJsZHMtZWxsaXBzaXMiIHN0eWxlPSJiYWNrZ3JvdW5kOiBub25lOyI+PCEtLWNpcmNsZShjeD0iMTYiLGN5PSI1MCIscj0iMTAiKS0tPjxjaXJjbGUgY3g9Ijg0IiBjeT0iNTAiIHI9IjAiIGZpbGw9IiNkYTM3MzIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMTA7MDswOzA7MCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjBzIj48L2FuaW1hdGU+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIHZhbHVlcz0iODQ7ODQ7ODQ7ODQ7ODQiIGtleVRpbWVzPSIwOzAuMjU7MC41OzAuNzU7MSIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDEiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMS4zcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwcyI+PC9hbmltYXRlPjwvY2lyY2xlPjxjaXJjbGUgY3g9Ijg0IiBjeT0iNTAiIHI9IjIuNDU2ODEiIGZpbGw9IiNmN2JlMzMiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMDsxMDsxMDsxMDswIiBrZXlUaW1lcz0iMDswLjI1OzAuNTswLjc1OzEiIGtleVNwbGluZXM9IjAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxIiBjYWxjTW9kZT0ic3BsaW5lIiBkdXI9IjEuM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iLTAuNjVzIj48L2FuaW1hdGU+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIHZhbHVlcz0iMTY7MTY7NTA7ODQ7ODQiIGtleVRpbWVzPSIwOzAuMjU7MC41OzAuNzU7MSIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDEiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMS4zcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSItMC42NXMiPjwvYW5pbWF0ZT48L2NpcmNsZT48Y2lyY2xlIGN4PSI3NS42NDY4IiBjeT0iNTAiIHI9IjEwIiBmaWxsPSIjZTQ3NjJmIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjA7MTA7MTA7MTA7MCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49Ii0wLjMyNXMiPjwvYW5pbWF0ZT48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeCIgdmFsdWVzPSIxNjsxNjs1MDs4NDs4NCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49Ii0wLjMyNXMiPjwvYW5pbWF0ZT48L2NpcmNsZT48Y2lyY2xlIGN4PSI0MS42NDY4IiBjeT0iNTAiIHI9IjEwIiBmaWxsPSIjZGEzNzMyIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjA7MTA7MTA7MTA7MCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjBzIj48L2FuaW1hdGU+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIHZhbHVlcz0iMTY7MTY7NTA7ODQ7ODQiIGtleVRpbWVzPSIwOzAuMjU7MC41OzAuNzU7MSIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDEiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMS4zcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwcyI+PC9hbmltYXRlPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE2IiBjeT0iNTAiIHI9IjcuNTQzMTkiIGZpbGw9IiNkYTM3MzIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMDswOzEwOzEwOzEwIiBrZXlUaW1lcz0iMDswLjI1OzAuNTswLjc1OzEiIGtleVNwbGluZXM9IjAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxIiBjYWxjTW9kZT0ic3BsaW5lIiBkdXI9IjEuM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iMHMiPjwvYW5pbWF0ZT48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeCIgdmFsdWVzPSIxNjsxNjsxNjs1MDs4NCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjBzIj48L2FuaW1hdGU+PC9jaXJjbGU+PC9zdmc+) no-repeat center center;
  background-size: 20%; }
  body .get-more a {
    display: none;
    width: 100%;
    line-height: 40px;
    color: #f15353; }
  body .get-more.words {
    background: none; }
    body .get-more.words a {
      display: inline-block; }
  body .get-more.show {
    display: block; }

body .cover {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 1;
  z-index: 100;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  cursor: pointer; }
  body .cover.top {
    z-index: 200; }
  body .cover.trans {
    z-index: 11;
    background: transparent; }

body .footer {
  padding: 10px 0 60px;
  background: #f6f6f6;
  text-align: center; }
  body .footer p {
    line-height: 26px;
    font-size: 14px;
    color: #333; }

.statement {
  padding-bottom: 10px;
  background: #fff7f7; }
  .statement .statits {
    padding: 10px 10px 5px 10px;
    position: relative; }
    .statement .statits h2 {
      font-size: 14px;
      color: #b88c71;
      font-weight: 600;
      text-indent: 5px; }
  .statement .stat-cont {
    padding: 0 10px; }
    .statement .stat-cont p {
      padding: 10px;
      font-size: 13px;
      color: #d4a385;
      border-bottom: 1px dashed #dcdcdc;
      line-height: 20px; }

.return-top {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 2%;
  bottom: -100px;
  z-index: 40;
  text-align: center;
  line-height: 50px;
  -webkit-transition: bottom .9s;
  -moz-transition: bottom .9s;
  -o-transition: bottom .9s;
  transition: bottom .9s; }
  .return-top i {
    font-size: 38px;
    color: #ff7777; }

.hot-join-prd {
  margin-bottom: 10px;
  background-color: #fff; }
  .hot-join-prd .join-prd-tab {
    margin: 0 2%;
    border-bottom: 1px solid red; }
    .hot-join-prd .join-prd-tab ul {
      display: flex;
      display: -webkit-flex;
      justify-content: space-between; }
      .hot-join-prd .join-prd-tab ul li {
        -webkit-flex: 1;
        -webkit-box-flex: 1;
        flex-wrap: nowrap;
        text-align: center;
        line-height: 40px;
        position: relative; }
        .hot-join-prd .join-prd-tab ul li a {
          font-size: 15px; }
        .hot-join-prd .join-prd-tab ul li.on a {
          font-weight: 600;
          color: red; }
        .hot-join-prd .join-prd-tab ul li.on b {
          display: block;
          position: absolute;
          top: 84%;
          left: 43%;
          width: 24px;
          height: 18px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAIAAADOjonJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3NjUwNTRBMzVBRDBFODExQTI0RUVGQjY3MDNBQTNGMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjM4QzY1OEQxMTYxMUU4QjExODkyMUUyNDEwNjYzMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjM4QzY1N0QxMTYxMUU4QjExODkyMUUyNDEwNjYzMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc2NTA1NEEzNUFEMEU4MTFBMjRFRUZCNjcwM0FBM0YwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc2NTA1NEEzNUFEMEU4MTFBMjRFRUZCNjcwM0FBM0YwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NjW04gAAAVRJREFUeNpi/P//PwM1ABN+6V+LlvxiZXtub/9n2UoCJv3HDX4vXfGJlx/oYCB6HhML5OJRzIDHlJfKyhBTIOhdZRXJBgFNeWZnB9H/Kjf3KwcXhP1lwiQSDAKaAvQIROdTPz8g99fCJRDuPwbGnwsXE2vQu5paiLYX6hrwcPk+ay5E8DM3N9bAQjfoy+SpEA3AYEbWAAr4nl6I1GsZGUyzUAwCOvsnMwtE9e+lyzG9/LqwECL7zMwUzSwGZHUf+QQg6r7PW4AzEvz8oGYFByObxYAU2SpQT/X04kkyQKkXmlpQPxYWwlUyQOSeOjhC5XLz8Cc8iPoPgkIQ9R87uqAGgSI7PgEiCkyBBE2BRuK8BcCkANTyh5EJGKFAXYiE+5mLm0hTIOB9UzNyuoclfxFRXCkNjweBmeYbGwfEBEaQq8CAJSqcjNIDXiow0qk8Ih4ABBgApF71FZBdDMEAAAAASUVORK5CYII=) no-repeat;
          background-size: 12px 9px; }

.join-prd-cont-box {
  padding: 10px 1%; }
  .join-prd-cont-box .join-cont {
    overflow: hidden;
    display: none; }
    .join-prd-cont-box .join-cont a {
      float: left;
      width: 25%;
      line-height: 22px;
      padding: 0 3px;
      font-size: 14px;
      color: #777;
      margin-bottom: 4px;
      text-align: center;
      overflow: hidden;
      white-space: nowrap; }
    .join-prd-cont-box .join-cont:nth-child(1) {
      display: block; }

.jm-navigation {
  margin-bottom: 10px;
  background-color: #fff; }
  .jm-navigation .navigation-cont {
    margin: 0 1%; }
    .jm-navigation .navigation-cont a {
      float: left;
      width: 24%;
      margin: 0 0.5% 1%;
      padding: 6px 3px;
      text-align: center;
      background-color: #f9f1ff;
      border-radius: 3px;
      font-size: 14px; }

.jm-title {
  padding: 4px 1%;
  line-height: 40px;
  position: relative;
  overflow: hidden; }
  .jm-title h2 {
    float: left;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #000; }
  .jm-title a {
    float: right;
    color: #777;
    font-size: 13px; }
  .jm-title:before {
    position: absolute;
    left: 1%;
    top: 14px;
    content: "";
    width: 0;
    height: 20px;
    border-left: 2px solid #e60811; }

.chunk {
  margin-bottom: 10px;
  padding-bottom: 10px;
  background-color: #fff; }

* {
  margin: 0;
  padding: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.no-scroll {
  overflow: hidden; }

.lazyload {
  background: url("data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs="); }

html {
  font-size: 62.5%;
  width: 100%;
  height: 100%; }
  html body {
    width: 100%;
    height: 100%;
    background-color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
    min-width: 320px;
    margin: 0 auto;
    position: relative;
    max-width: 640px;
    /* for Firefox */ }
    html body header {
      width: 100%;
      height: auto; }
    html body a {
      color: #333;
      cursor: pointer;
      text-decoration: none; }
      html body a:link, html body a:visited, html body a:hover {
        text-decoration: none; }
    html body img, html body select, html body input, html body button {
      vertical-align: middle; }
    html body ol, html body ul {
      list-style: none outside none; }
    html body blockquote, html body q {
      quotes: none; }
    html body blockquote:before, html body blockquote:after, html body q:before, html body q:after {
      content: none; }
    html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body p, html body ul, html body ol, html body dl {
      font-weight: normal; }
    html body ol, html body ul {
      list-style: none; }
    html body select, html body input[type="submit"], html body input[type="button"], html body button {
      cursor: pointer; }
    html body input[type=text], html body input[type=password], html body input[type=submit] {
      border-radius: 0;
      -webkit-appearance: none;
      -webkit-outline: none;
      outline: none; }
    html body input[type=search] {
      -webkit-appearance: cr; }
    html body img {
      border: none;
      max-width: 100%;
      vertical-align: middle;
      border: 0;
      margin: 0;
      outline: none;
      -ms-interpolation-mode: bicubic;
      -webkit-touch-callout: none; }
    html body textarea {
      overflow: auto; }
    html body em, html body i {
      font-style: normal; }
    html body table {
      border-collapse: collapse; }
    html body section, html body article {
      height: auto; }
    html body aside {
      float: right;
      height: auto; }
    html body :focus {
      outline: none; }

/***************/
body .content {
  padding-left: 1%;
  padding-right: 1%;
  width: 100%; }

body .containers {
  width: 100%; }

body .block {
  width: 98%;
  margin: 0 1%; }

body .bg-g {
  background-color: #f6f6f6; }

body .bg-w {
  background-color: #fff; }

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

body .fl {
  float: left; }

body .fr {
  float: right; }

body .clear {
  height: 0;
  clear: both;
  line-height: 0;
  font-size: 0; }

body .clearfix {
  zoom: 1; }

body .clearfix:after {
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  clear: both; }

body .content {
  padding-left: 1%;
  padding-right: 1%;
  width: 100%; }

body .containers {
  width: 100%; }

body .block {
  width: 98%;
  margin: 0 1%; }

body .bg-g {
  background-color: #f6f6f6; }

body .bg-w {
  background-color: #fff; }

body img.valign {
  vertical-align: middle; }

body .clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  font-size: 0; }

body footer .second-nav {
  background-color: #f6f6f6;
  padding: 20px 20px 0px 20px; }
  body footer .second-nav ul li {
    float: left;
    width: 20%;
    text-align: center;
    border-right: 1px solid #ccc; }
    body footer .second-nav ul li:last-child {
      border-right: none; }
    body footer .second-nav ul li a {
      font-size: 16px; }

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

body .footer {
  padding: 10px 0 60px;
  background: #f6f6f6;
  text-align: center; }

body .footer p {
  line-height: 26px;
  font-size: 14px;
  color: #333; }

body .bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  border-top: 1px solid #ddd;
  background: #fff;
  z-index: 99;
  transition: 0.3s;
  overflow: hidden;
  box-shadow: rgba(154, 142, 142, 0.6) 0px 0px 10px 0px; }
  body .bottom-nav.hide {
    transform: translateY(60px); }
  body .bottom-nav .tab5 {
    padding: 4px 1%; }
  body .bottom-nav ul > li {
    float: left;
    width: 20%;
    text-align: center; }
    body .bottom-nav ul > li.active span {
      color: #e50011; }
    body .bottom-nav ul > li.active .iconfont {
      color: #e50011; }
    body .bottom-nav ul > li .bar-img {
      color: #888; }
      body .bottom-nav ul > li .bar-img span {
        display: block;
        font-size: 12px;
        width: 100%;
        height: 18px;
        line-height: 18px;
        color: #333; }
      body .bottom-nav ul > li .bar-img i {
        font-size: 25px;
        display: block;
        width: 100%;
        height: 25px;
        line-height: 25px;
        color: #3d3c3c; }

body .get-more {
  clear: both;
  display: none;
  font-size: 16px;
  text-align: center;
  height: 60px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4cHgiICBoZWlnaHQ9IjEyOHB4IiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIGNsYXNzPSJsZHMtZWxsaXBzaXMiIHN0eWxlPSJiYWNrZ3JvdW5kOiBub25lOyI+PCEtLWNpcmNsZShjeD0iMTYiLGN5PSI1MCIscj0iMTAiKS0tPjxjaXJjbGUgY3g9Ijg0IiBjeT0iNTAiIHI9IjAiIGZpbGw9IiNkYTM3MzIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMTA7MDswOzA7MCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjBzIj48L2FuaW1hdGU+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIHZhbHVlcz0iODQ7ODQ7ODQ7ODQ7ODQiIGtleVRpbWVzPSIwOzAuMjU7MC41OzAuNzU7MSIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDEiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMS4zcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwcyI+PC9hbmltYXRlPjwvY2lyY2xlPjxjaXJjbGUgY3g9Ijg0IiBjeT0iNTAiIHI9IjIuNDU2ODEiIGZpbGw9IiNmN2JlMzMiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMDsxMDsxMDsxMDswIiBrZXlUaW1lcz0iMDswLjI1OzAuNTswLjc1OzEiIGtleVNwbGluZXM9IjAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxIiBjYWxjTW9kZT0ic3BsaW5lIiBkdXI9IjEuM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iLTAuNjVzIj48L2FuaW1hdGU+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIHZhbHVlcz0iMTY7MTY7NTA7ODQ7ODQiIGtleVRpbWVzPSIwOzAuMjU7MC41OzAuNzU7MSIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDEiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMS4zcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSItMC42NXMiPjwvYW5pbWF0ZT48L2NpcmNsZT48Y2lyY2xlIGN4PSI3NS42NDY4IiBjeT0iNTAiIHI9IjEwIiBmaWxsPSIjZTQ3NjJmIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjA7MTA7MTA7MTA7MCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49Ii0wLjMyNXMiPjwvYW5pbWF0ZT48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeCIgdmFsdWVzPSIxNjsxNjs1MDs4NDs4NCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49Ii0wLjMyNXMiPjwvYW5pbWF0ZT48L2NpcmNsZT48Y2lyY2xlIGN4PSI0MS42NDY4IiBjeT0iNTAiIHI9IjEwIiBmaWxsPSIjZGEzNzMyIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjA7MTA7MTA7MTA7MCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjBzIj48L2FuaW1hdGU+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIHZhbHVlcz0iMTY7MTY7NTA7ODQ7ODQiIGtleVRpbWVzPSIwOzAuMjU7MC41OzAuNzU7MSIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDEiIGNhbGNNb2RlPSJzcGxpbmUiIGR1cj0iMS4zcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwcyI+PC9hbmltYXRlPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE2IiBjeT0iNTAiIHI9IjcuNTQzMTkiIGZpbGw9IiNkYTM3MzIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMDswOzEwOzEwOzEwIiBrZXlUaW1lcz0iMDswLjI1OzAuNTswLjc1OzEiIGtleVNwbGluZXM9IjAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxIiBjYWxjTW9kZT0ic3BsaW5lIiBkdXI9IjEuM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iMHMiPjwvYW5pbWF0ZT48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeCIgdmFsdWVzPSIxNjsxNjsxNjs1MDs4NCIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgY2FsY01vZGU9InNwbGluZSIgZHVyPSIxLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjBzIj48L2FuaW1hdGU+PC9jaXJjbGU+PC9zdmc+) no-repeat center center;
  background-size: 20%; }
  body .get-more a {
    display: none;
    width: 100%;
    line-height: 40px;
    color: #f15353; }
  body .get-more.words {
    background: none; }
    body .get-more.words a {
      display: inline-block; }
  body .get-more.show {
    display: block; }

body .cover {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 1;
  z-index: 100;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  cursor: pointer; }
  body .cover.top {
    z-index: 200; }
  body .cover.trans {
    z-index: 11;
    background: transparent; }