.clearfix {
  clear: both;
  zoom: 1; }

html, body {
  position: relative;
  height: 100%; }

body {
  max-width: 10rem;
  margin: 0 auto; }

.left-menu {
  position: fixed;
  width: 3.73333rem;
  height: 17.78rem;
  padding-right: 0.13333rem;
  background: #25252d;
  transition-duration: 0ms;
  transform: translate3d(-4rem, 0, 0);
  z-index: 999; }
  .left-menu .menu-item {
    margin-bottom: 0.05333rem; }
    .left-menu .menu-item > a {
      display: block;
      width: 3.73333rem;
      text-align: center;
      padding: 0.26667rem 0 0.53333rem 0;
      background: #3f4050;
      text-decoration: none; }
      .left-menu .menu-item > a.active {
        background-color: #b0040c !important; }
        .left-menu .menu-item > a.active .icon {
          background-image: url("../img/menu_index_a.png"); }
        .left-menu .menu-item > a.active .bg-hongguan {
          background-image: url("../img/menu_hongguan_a.png"); }
        .left-menu .menu-item > a.active .bg-jinrong {
          background-image: url("../img/menu_jinrong_a.png"); }
        .left-menu .menu-item > a.active .bg-dichan {
          background-image: url("../img/menu_dichan_a.png"); }
        .left-menu .menu-item > a.active .bg-guoji {
          background-image: url("../img/menu_guoji_a.png"); }
        .left-menu .menu-item > a.active .bg-licai {
          background-image: url("../img/menu_licai_a.png"); }
        .left-menu .menu-item > a.active > p {
          color: #fff; }
      .left-menu .menu-item > a .icon {
        margin: 0 auto;
        background-image: url("../img/menu_index.png");
        background-size: 1.2rem 1.13333rem;
        background-repeat: no-repeat;
        width: 1.2rem;
        height: 1.13333rem; }
      .left-menu .menu-item > a .bg-hongguan {
        background-image: url("../img/menu_hongguan.png"); }
      .left-menu .menu-item > a .bg-jinrong {
        background-image: url("../img/menu_jinrong.png"); }
      .left-menu .menu-item > a .bg-dichan {
        background-image: url("../img/menu_dichan.png"); }
      .left-menu .menu-item > a .bg-guoji {
        background-image: url("../img/menu_guoji.png"); }
      .left-menu .menu-item > a .bg-licai {
        background-image: url("../img/menu_licai.png"); }
      .left-menu .menu-item > a > p {
        padding-top: 0.26667rem;
        color: #797a8c;
        font-size: 0.42667rem;
        font-weight: bold; }

.menu-icon {
  height: 0.54667rem;
  width: 0.90667rem;
  position: absolute;
  top: 0.53333rem;
  left: 0.26667rem;
  z-index: 10; }
  .menu-icon > img {
    width: 100%; }

/* index */
.index {
  position: relative;
  height: 100%; }
  .index .content {
    position: relative;
    height: 100%; }
    .index .content .next {
      width: 0.49333rem;
      height: 0.54667rem;
      position: absolute;
      left: 47%;
      bottom: 2%;
      z-index: 10;
      animation: myfirst 1s infinite ease-in-out;
      -webkit-animation: myfirst 1s infinite ease-in-out; }
      .index .content .next > img {
        width: 100%; }
@keyframes myfirst {
  0% {
    opacity: 1;
    bottom: 0.28rem; }
  100% {
    opacity: 0.1;
    bottom: 0.25rem; } }
@-webkit-keyframes myfirst {
  0% {
    opacity: 1;
    bottom: 0.28rem; }
  100% {
    opacity: 0.1;
    bottom: 0.25rem; } }
  .index .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto; }
  .index .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff; }
    .index .swiper-slide img {
      width: 100%; }
    .index .swiper-slide.pre {
      background-color: #ececec; }
    .index .swiper-slide .nav-bar {
      width: 10rem;
      height: 1.14667rem;
      background-color: #cf000e;
      color: #fff;
      text-align: center; }
      .index .swiper-slide .nav-bar > span {
        line-height: 1.14667rem; }
      .index .swiper-slide .nav-bar > .menu-icon {
        top: 0.26667rem; }
    .index .swiper-slide .main-content {
      margin: 0 0.53333rem;
      background-color: #fff;
      padding: 0.26667rem 0.26667rem 0.13333rem;
      text-align: justify;
      z-index: 4;
      height: 13.33333rem; }
      .index .swiper-slide .main-content > p {
        margin: 0.53333rem 0;
        line-height: 1.5;
        font-size: 0.37333rem; }
      .index .swiper-slide .main-content > h2 {
        text-align: center;
        font-size: 0.53333rem;
        padding-top: 0.53333rem; }
    .index .swiper-slide .footer {
      position: absolute;
      bottom: 0;
      left: 0; }
      .index .swiper-slide .footer > img {
        width: 100%; }

.list .content {
  min-height: 17.78rem; }
  .list .content .nav-bar {
    width: 10rem;
    height: 1.14667rem;
    background-color: #cf000e;
    color: #fff;
    text-align: center; }
    .list .content .nav-bar > span {
      line-height: 1.14667rem;
      font-size: 0.48rem; }
    .list .content .nav-bar > .menu-icon {
      top: 0.26667rem; }
    .list .content .nav-bar .menu-log {
      height: 1.04rem;
      width: 1.98667rem;
      position: absolute;
      top: 0.13333rem;
      right: 0.26667rem;
      z-index: 10; }
      .list .content .nav-bar .menu-log > img {
        width: 100%; }
  .list .content .news-lists .first-item > a {
    position: relative;
    display: block; }
    .list .content .news-lists .first-item > a > img {
      width: 100%; }
    .list .content .news-lists .first-item > a .img-p {
      position: absolute;
      bottom: 0;
      height: 0.93333rem;
      background: rgba(0, 0, 0, 0.6);
      width: 100%;
      line-height: 0.93333rem;
      text-align: center;
      color: #FFF;
      font-size: 0.42667rem;
      margin-bottom: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1; }
  .list .content .news-lists .news-item {
    border-bottom: 0.02667rem solid #ececec; }
    .list .content .news-lists .news-item > a {
      display: block;
      padding: 0.26667rem 0.53333rem; }
      .list .content .news-lists .news-item > a .title {
        color: #000;
        font-size: 0.48rem;
        font-weight: bold;
        line-height: 1.25;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; }
      .list .content .news-lists .news-item > a .text {
        color: #4a4a4a;
        margin-top: 0.26667rem;
        font-size: 0.37333rem;
        line-height: 0.48rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; }

.detail .news-content {
  padding: 0.53333rem; }
  .detail .news-content p {
    line-height: 0.7rem;
    font-size: 0.39rem;
    text-shadow: 0 0 0;
    text-align: justify;
    margin: 0.45rem 0;
    color: #555; }
  .detail .news-content .news-title {
    line-height: 1.5; }
  .detail .news-content .third-author {
    line-height: 0.7rem;
    font-size: 0.39rem;
    text-shadow: 0 0 0;
    text-align: justify;
    margin-bottom: 0.45rem; }
  .detail .news-content .article-digest {
    padding: 0.36rem 0.5rem;
    border-left: 0;
    margin: 0 -0.2rem;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6; }
    .detail .news-content .article-digest p {
      margin: 0.2rem 0; }
    .detail .news-content .article-digest strong {
      font-size: 0.42667rem; }
  .detail .news-content p > img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 4px; }

.right-icon {
  width: 0.65333rem;
  height: 1rem;
  position: fixed;
  right: 0;
  top: 55%; }
  .right-icon > img {
    width: 100%; }

.left-icon {
  width: 0.65333rem;
  height: 1rem;
  position: fixed;
  left: 0;
  top: 55%; }
  .left-icon > img {
    width: 100%; }

/*# sourceMappingURL=index.css.map */
