.ruifox-brief-intro001 {
  padding-top: 0.8rem; }
  .ruifox-brief-intro001 .more002 i {
    color: #008f4d; }
  .ruifox-brief-intro001 .layout {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    .ruifox-brief-intro001 .layout h1.tit {
      line-height: 1;
      font-weight: normal; }
      .ruifox-brief-intro001 .layout h1.tit a {
        font-size: 0.32rem;
        display: block;
        color: var; }
      .ruifox-brief-intro001 .layout h1.tit span {
        font-size: 0.24rem;
        display: block;
        margin-top: 0.2rem;
        color: #333; }
    .ruifox-brief-intro001 .layout a.left-img {
      width: 47%;
      height: 3.63rem;
      overflow: hidden;
      flex-shrink: 0;
      margin-right: 3%;
      display: block;
      background: #1c64b6; }
      .ruifox-brief-intro001 .layout a.left-img img {
        width: 100%;
        height: 100%;
        transition: all 0.3s; }
      .ruifox-brief-intro001 .layout a.left-img:hover img {
        transform: scale(1.1); }
    .ruifox-brief-intro001 .layout .right-info {
      width: 0;
      flex: 1;
      padding-bottom: 0.4rem;
      border-bottom: 1px solid var(--ruifox-color-primary-1);
      position: relative; }
      .ruifox-brief-intro001 .layout .right-info:after {
        content: "";
        width: 0.98rem;
        border-top: 0.06rem solid var(--ruifox-color-primary-1);
        position: absolute;
        bottom: 0;
        right: 0; }
      .ruifox-brief-intro001 .layout .right-info .intro {
        text-indent: 0.36rem;
        font-size: 0.18rem;
        margin: 0.4rem 0 0.3rem;
        color: #333;
        line-height: 0.3rem;
        max-height: 1.8rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-wrap: break-word;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        height: 1.8rem;
        text-align: justify; }
    .ruifox-brief-intro001 .layout .bottom-info {
      margin-top: 0.4rem;
      display: flex;
      justify-content: space-between; }
      .ruifox-brief-intro001 .layout .bottom-info ul {
        width: 32%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        box-sizing: border-box;
        padding: 0.3rem;
        border-top: 5px solid var(--ruifox-color-primary-1); }
        .ruifox-brief-intro001 .layout .bottom-info ul li {
          margin-bottom: 0.15rem; }
          .ruifox-brief-intro001 .layout .bottom-info ul li p {
            font-size: 0.18rem;
            color: #333; }
            .ruifox-brief-intro001 .layout .bottom-info ul li p span {
              font-size: 0.24rem;
              font-weight: bold;
              margin: 0 0.05rem;
              color: var(--ruifox-color-primary-1); }
        .ruifox-brief-intro001 .layout .bottom-info ul.item1 {
          border-top: 5px solid #24a697; }
        .ruifox-brief-intro001 .layout .bottom-info ul.item2 {
          border-top: 5px solid #01a0c3; }
  @media (max-width: 960px) {
    .ruifox-brief-intro001 {
      padding-top: 40px !important; }
      .ruifox-brief-intro001 .layout {
        padding: 0 20px !important;
        flex-wrap: wrap; }
        .ruifox-brief-intro001 .layout h1.tit a {
          font-size: 20px !important; }
        .ruifox-brief-intro001 .layout h1.tit span {
          font-size: 18px !important; }
        .ruifox-brief-intro001 .layout .inner-box {
          display: block !important;
          margin-top: 0 !important; }
        .ruifox-brief-intro001 .layout a.left-img {
          width: 100% !important;
          height: 50vw !important;
          margin-right: 0 !important; }
        .ruifox-brief-intro001 .layout .right-info {
          width: 100% !important;
          flex: unset !important;
          padding-bottom: 20px !important;
          overflow: hidden !important;
          margin-top: 20px !important; }
          .ruifox-brief-intro001 .layout .right-info .intro {
            margin: 12px 0 !important; }
        .ruifox-brief-intro001 .layout .bottom-info {
          flex-wrap: wrap !important; }
          .ruifox-brief-intro001 .layout .bottom-info ul {
            width: 100% !important;
            margin-bottom: 10px !important; } }

/*# sourceMappingURL=ruifox-brief-intro001.css.map */