@charset "UTF-8";
@import url("./iconfont/iconfont.css");
.isShow {
  display: none; }

.app-container {
  width: 100%;
  min-height: 100vh;
  background: url(../img/app_bg.jpg);
  background-size: 100% 100%;
  background-position: top left;
  background-attachment: fixed;
  padding: 0.2rem;
  box-sizing: border-box;
  background-repeat: repeat; }
  .app-container .head_content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .app-container .head_content .logo {
      width: 3.8rem; }
      .app-container .head_content .logo img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: scale-down; }
    .app-container .head_content .title {
      width: 4.42rem;
      margin-top: 0.3rem;
      margin-bottom: 0.88rem; }
      .app-container .head_content .title img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: scale-down; }
  .app-container .main-content {
    width: 100%; }
    .app-container .main-content .main-content-warp {
      width: 100%;
      height: 4.42rem;
      margin-bottom: 0.3rem;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: row; }
      .app-container .main-content .main-content-warp.warp-two {
        margin-bottom: 0; }
      .app-container .main-content .main-content-warp .box {
        width: calc((100% - .3rem) / 2);
        height: 100%;
        margin-right: 0.3rem; }
        .app-container .main-content .main-content-warp .box:last-child {
          margin-right: 0; }
      .app-container .main-content .main-content-warp .one-box {
        height: 100%; }
        .app-container .main-content .main-content-warp .one-box .slider {
          height: 100%;
          position: relative;
          border: 1px solid #fff;
          overflow: hidden;
          box-sizing: border-box;
          border-radius: 0.07rem; }
          .app-container .main-content .main-content-warp .one-box .slider.yjzx {
            background-image: -webkit-linear-gradient(140deg, #ff9052 0%, #ffb424 100%);
            box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25); }
            .app-container .main-content .main-content-warp .one-box .slider.yjzx .img {
              width: 2.03rem;
              position: absolute;
              top: 0.3rem;
              left: 50%;
              transform: translateX(-50%); }
              .app-container .main-content .main-content-warp .one-box .slider.yjzx .img img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: scale-down; }
            .app-container .main-content .main-content-warp .one-box .slider.yjzx .text {
              font-size: 0.4rem;
              color: #fff;
              font-weight: 600;
              -webkit-box-reflect: below -0.14rem linear-gradient(transparent, rgba(0, 0, 0, 0.2));
              position: absolute;
              top: 2.37rem;
              width: 100%;
              left: 50%;
              text-align: center;
              transform: translateX(-50%); }
            .app-container .main-content .main-content-warp .one-box .slider.yjzx::after {
              content: '';
              width: 1.45rem;
              height: 1.95rem;
              position: absolute;
              bottom: 0;
              right: 0;
              background: url(../img/index-image/ht.png);
              background-size: 100% 100%;
              transform: translate(0.7rem, 0.8rem); }
          .app-container .main-content .main-content-warp .one-box .slider.xypm {
            background-image: -webkit-linear-gradient(140deg, #828fee 0%, #c6affd 100%);
            box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25); }
            .app-container .main-content .main-content-warp .one-box .slider.xypm .img {
              width: 2.4rem;
              margin: 0.5rem auto 0; }
              .app-container .main-content .main-content-warp .one-box .slider.xypm .img img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: scale-down; }
            .app-container .main-content .main-content-warp .one-box .slider.xypm .text {
              font-size: 0.4rem;
              color: #fff;
              font-weight: 600;
              -webkit-box-reflect: below -0.14rem linear-gradient(transparent, rgba(0, 0, 0, 0.2));
              text-align: center;
              margin-top: 0.1rem; }
            .app-container .main-content .main-content-warp .one-box .slider.xypm::after {
              content: '';
              width: 1.45rem;
              height: 1.95rem;
              position: absolute;
              top: 0;
              left: 0;
              background: url(../img/index-image/ht.png);
              background-size: 100% 100%;
              transform: translate(-0.7rem, -0.8rem); }
      .app-container .main-content .main-content-warp .two-box {
        height: 100%; }
        .app-container .main-content .main-content-warp .two-box .slider {
          width: 100%;
          height: calc((100% - .3rem) / 2);
          position: relative;
          border: 1px solid #fff;
          box-sizing: border-box;
          border-radius: 0.07rem;
          margin-bottom: 0.3rem; }
          .app-container .main-content .main-content-warp .two-box .slider:last-child {
            margin-bottom: 0; }
          .app-container .main-content .main-content-warp .two-box .slider.rhcb {
            background-image: -webkit-linear-gradient(140deg, #fe4f5d 0%, #f24e87 100%);
            box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25); }
            .app-container .main-content .main-content-warp .two-box .slider.rhcb .img {
              width: 1.54rem;
              margin-left: 0.13rem;
              margin-top: -.36rem; }
              .app-container .main-content .main-content-warp .two-box .slider.rhcb .img img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: scale-down; }
            .app-container .main-content .main-content-warp .two-box .slider.rhcb .text {
              font-size: 0.4rem;
              color: #fff;
              font-weight: 600;
              -webkit-box-reflect: below -0.14rem linear-gradient(transparent, rgba(0, 0, 0, 0.2));
              text-align: right;
              padding-right: 0.36rem;
              margin-top: -.2rem; }
            .app-container .main-content .main-content-warp .two-box .slider.rhcb::after {
              content: '';
              position: absolute;
              width: 1.25rem;
              height: 1.25rem;
              top: 0;
              right: 0;
              background: url(../img/index-image/rhcb_bg.png);
              background-size: 100% 100%; }
          .app-container .main-content .main-content-warp .two-box .slider.yjff {
            background-image: -webkit-linear-gradient(140deg, rgba(247, 138, 158, 0.99608) 0%, #f56f87 50%, #fe988b 100%);
            box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25); }
            .app-container .main-content .main-content-warp .two-box .slider.yjff a {
              display: block;
              display: flex;
              align-items: center;
              justify-content: space-between;
              flex-direction: row-reverse;
              width: 100%;
              height: 100%; }
            .app-container .main-content .main-content-warp .two-box .slider.yjff .img {
              width: 1.34rem;
              margin-top: -.6rem; }
              .app-container .main-content .main-content-warp .two-box .slider.yjff .img img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: scale-down; }
            .app-container .main-content .main-content-warp .two-box .slider.yjff .text {
              font-size: 0.4rem;
              color: #fff;
              font-weight: 600;
              -webkit-box-reflect: below -0.14rem linear-gradient(transparent, rgba(0, 0, 0, 0.2));
              margin-left: 0.26rem; }
          .app-container .main-content .main-content-warp .two-box .slider.znfx {
            background-image: -webkit-linear-gradient(140deg, #499af7 0%, #86c0ff 100%);
            box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25); }
            .app-container .main-content .main-content-warp .two-box .slider.znfx .img {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: flex-end;
              flex-direction: row;
              margin-top: -.15rem; }
              .app-container .main-content .main-content-warp .two-box .slider.znfx .img img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: scale-down;
                width: 1.61rem;
                margin-right: 0.2rem; }
            .app-container .main-content .main-content-warp .two-box .slider.znfx .text {
              font-size: 0.4rem;
              color: #fff;
              font-weight: 600;
              -webkit-box-reflect: below -0.14rem linear-gradient(transparent, rgba(0, 0, 0, 0.2));
              margin-left: 0.3rem;
              margin-top: -.36rem; }
          .app-container .main-content .main-content-warp .two-box .slider.xysh {
            background-image: -webkit-linear-gradient(140deg, #3fab95 0%, #7ad5de 100%);
            box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25); }
            .app-container .main-content .main-content-warp .two-box .slider.xysh .img {
              width: 1.6rem;
              margin-left: 0.2rem; }
              .app-container .main-content .main-content-warp .two-box .slider.xysh .img img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: scale-down; }
            .app-container .main-content .main-content-warp .two-box .slider.xysh .text {
              font-size: 0.4rem;
              color: #fff;
              font-weight: 600;
              -webkit-box-reflect: below -0.14rem linear-gradient(transparent, rgba(0, 0, 0, 0.2));
              text-align: right;
              margin-top: -0.4rem;
              padding-right: 0.3rem; }

.header_nav {
  position: fixed;
  width: 100%;
  height: 0.88rem;
  background: transparent;
  top: 0;
  left: 0;
  z-index: 10; }
  .header_nav .header_box {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row; }
    .header_nav .header_box .back_icon {
      color: #fff; }
      .header_nav .header_box .back_icon i {
        font-size: 0.36rem; }
    .header_nav .header_box .nav_title {
      flex: 1;
      text-align: center;
      font-size: 0.36rem;
      color: rgba(51, 51, 51, 0);
      margin: 0 0.6rem; }

.zncb-container {
  width: 100%;
  min-height: 100vh;
  background: url(../img/app_bg.jpg);
  background-size: 100% 100%;
  background-position: top left;
  background-attachment: fixed;
  padding: 0.2rem;
  box-sizing: border-box;
  background-repeat: repeat; }
  .zncb-container .main-content .top_img {
    width: 70%;
    margin: 0 auto; }
    .zncb-container .main-content .top_img img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: scale-down; }
  .zncb-container .main-content .card_list .card_slide {
    background-color: #fff;
    border-radius: 0.1rem;
    margin-bottom: 0.3rem;
    position: relative; }
    .zncb-container .main-content .card_list .card_slide:last-child {
      margin-bottom: 0; }
    .zncb-container .main-content .card_list .card_slide .connect {
      position: absolute;
      width: 100%;
      height: 1rem;
      bottom: .3rem;
      transform: translateY(100%);
      left: 0;
      z-index: 1; }
      .zncb-container .main-content .card_list .card_slide .connect .line {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 0.14rem;
        background-image: -webkit-linear-gradient(90deg, #2f916a 0%, #5cba95 51%, #2f916a 100%);
        border-radius: 1rem; }
        .zncb-container .main-content .card_list .card_slide .connect .line::after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 0.26rem;
          height: 0.26rem;
          border-radius: 100%;
          background-color: #c0f1e0;
          z-index: -1;
          transform: translate(-23%, 36%); }
        .zncb-container .main-content .card_list .card_slide .connect .line::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 0.26rem;
          height: 0.26rem;
          border-radius: 100%;
          background-color: #c0f1e0;
          z-index: -1;
          transform: translate(-23%, -36%); }
        .zncb-container .main-content .card_list .card_slide .connect .line.left {
          left: 10%; }
        .zncb-container .main-content .card_list .card_slide .connect .line.right {
          right: 10%; }
    .zncb-container .main-content .card_list .card_slide .card_title {
      background-color: #5cba95;
      border-radius: 0.1rem 0.1rem 0 0;
      padding: 0.2rem;
      box-sizing: border-box;
      text-align: center; }
      .zncb-container .main-content .card_list .card_slide .card_title .title {
        font-size: 0.4rem;
        font-weight: 600;
        color: #fff;
        margin-bottom: 0.1rem; }
      .zncb-container .main-content .card_list .card_slide .card_title .text {
        font-size: 0.26rem;
        color: #fff;
        line-height: 0.4rem; }
    .zncb-container .main-content .card_list .card_slide .lable_text {
      padding: 0.2rem .2rem 0.5rem;
      font-size: 0.26rem;
      color: #333;
      line-height: 0.54rem; }
      .zncb-container .main-content .card_list .card_slide .lable_text p {
        font-size: 0.26rem;
        color: #333;
        line-height: 0.54rem; }
    .zncb-container .main-content .card_list .card_slide .slide_list {
      padding: .5rem .3rem .3rem;
      display: flex;
      align-items: stretch;
      justify-content: flex-start;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      box-sizing: border-box; }
      .zncb-container .main-content .card_list .card_slide .slide_list li {
        width: calc((100% - .6rem) / 2);
        margin-right: .6rem;
        box-sizing: border-box;
        border-radius: 0.1rem;
        box-shadow: 0px 0.08rem 0.11rem 0px rgba(0, 0, 0, 0.25);
        padding: 0.2rem .2rem .5rem;
        margin-top: 0.8rem; }
        .zncb-container .main-content .card_list .card_slide .slide_list li:nth-child(2n) {
          margin-right: 0; }
        .zncb-container .main-content .card_list .card_slide .slide_list li .icon_box {
          width: 1.25rem;
          height: 1.25rem;
          margin: 0 auto;
          border-radius: 0.1rem;
          background-image: -webkit-linear-gradient(-49deg, #ffb424 0%, #ff9051 100%);
          box-shadow: 0px 0.1rem 0.1rem 0px rgba(0, 0, 0, 0.25);
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: row;
          position: relative; }
          .zncb-container .main-content .card_list .card_slide .slide_list li .icon_box::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: .9rem;
            height: .9rem;
            border-radius: 0.1rem;
            border: 1px solid #923b07; }
          .zncb-container .main-content .card_list .card_slide .slide_list li .icon_box .icon {
            width: 0.64rem;
            height: 0.64rem;
            border-radius: 100%;
            background-color: #d95d14;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row; }
            .zncb-container .main-content .card_list .card_slide .slide_list li .icon_box .icon i {
              font-size: 0.3rem;
              color: #923b07; }
        .zncb-container .main-content .card_list .card_slide .slide_list li .slide_title {
          font-size: 0.3rem;
          color: #ff9150;
          margin: 0.15rem 0;
          text-align: center; }
        .zncb-container .main-content .card_list .card_slide .slide_list li .slide_text {
          font-size: 0.26rem;
          color: #333;
          line-height: 0.48rem;
          text-align: center; }
          .zncb-container .main-content .card_list .card_slide .slide_list li .slide_text p {
            font-size: 0.26rem;
            color: #333;
            line-height: 0.48rem;
            text-align: center; }
        .zncb-container .main-content .card_list .card_slide .slide_list li.mgfx .icon_box {
          background-image: -webkit-linear-gradient(-49deg, #7ad5de 0%, #3fab95 100%); }
          .zncb-container .main-content .card_list .card_slide .slide_list li.mgfx .icon_box::after {
            border-color: #2f916a; }
          .zncb-container .main-content .card_list .card_slide .slide_list li.mgfx .icon_box .icon {
            background-color: #0e6442; }
            .zncb-container .main-content .card_list .card_slide .slide_list li.mgfx .icon_box .icon i {
              color: #023a24; }
        .zncb-container .main-content .card_list .card_slide .slide_list li.mgfx .slide_title {
          color: #42ad99; }
        .zncb-container .main-content .card_list .card_slide .slide_list li.rdzx .icon_box {
          background-image: -webkit-linear-gradient(-49deg, #c5aefc 0%, #828fee 100%); }
          .zncb-container .main-content .card_list .card_slide .slide_list li.rdzx .icon_box::after {
            border-color: #5a62c7; }
          .zncb-container .main-content .card_list .card_slide .slide_list li.rdzx .icon_box .icon {
            background-color: #5554c7; }
            .zncb-container .main-content .card_list .card_slide .slide_list li.rdzx .icon_box .icon i {
              color: #2e2d98; }
        .zncb-container .main-content .card_list .card_slide .slide_list li.rdzx .slide_title {
          color: #8490ef; }
        .zncb-container .main-content .card_list .card_slide .slide_list li.nrjs .icon_box {
          background-image: -webkit-linear-gradient(-49deg, #86c0ff 0%, #499af7 100%); }
          .zncb-container .main-content .card_list .card_slide .slide_list li.nrjs .icon_box::after {
            border-color: #125fb5; }
          .zncb-container .main-content .card_list .card_slide .slide_list li.nrjs .icon_box .icon {
            background-color: #377ecd; }
            .zncb-container .main-content .card_list .card_slide .slide_list li.nrjs .icon_box .icon i {
              color: #125299; }
        .zncb-container .main-content .card_list .card_slide .slide_list li.nrjs .slide_title {
          color: #4c9cf8; }

.znfx-container {
  width: 100%;
  min-height: 100vh;
  background: url(../img/app_bg.jpg);
  background-size: 100% 100%;
  background-position: top left;
  background-attachment: fixed;
  padding: 0.2rem;
  box-sizing: border-box;
  background-repeat: repeat; }
  .znfx-container .main-content {
    padding-top: 2.2rem; }
    .znfx-container .main-content-warp {
      background-color: #fff;
      border-radius: 0.1rem; }
      .znfx-container .main-content-warp .header_title {
        background-color: #4e9ef8;
        padding: 0.5rem 0.24rem 0.24rem;
        border-radius: 0.1rem 0.1rem 0 0;
        text-align: center;
        position: relative; }
        .znfx-container .main-content-warp .header_title .title {
          font-size: 0.4rem;
          font-weight: 600;
          color: #fff; }
        .znfx-container .main-content-warp .header_title .text {
          font-size: 0.26rem;
          color: #fff;
          line-height: 0.36rem;
          margin-top: 0.2rem; }
        .znfx-container .main-content-warp .header_title .top_img {
          width: 2.7rem;
          position: absolute;
          top: 0;
          left: 50%;
          transform: translate(-50%, -75%); }
          .znfx-container .main-content-warp .header_title .top_img img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: scale-down; }
      .znfx-container .main-content-warp .main-list {
        padding: 0.2rem; }
        .znfx-container .main-content-warp .main-list .main-card {
          margin-top: 0.8rem;
          padding: 0.2rem;
          box-shadow: 0px 0px 0.11rem 0px rgba(0, 0, 0, 0.25);
          border-radius: 0.1rem; }
          .znfx-container .main-content-warp .main-list .main-card .slide {
            box-sizing: border-box;
            border: 1px dashed #dcdcdc;
            border-radius: 0.1rem;
            padding: 0.2rem; }
            .znfx-container .main-content-warp .main-list .main-card .slide .image {
              width: 2.38rem;
              margin: 0 auto;
              margin-top: calc(-2.38rem / 1.8); }
              .znfx-container .main-content-warp .main-list .main-card .slide .image img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: scale-down; }
            .znfx-container .main-content-warp .main-list .main-card .slide .text {
              font-size: 0.26rem;
              color: #333;
              line-height: 0.36rem; }
              .znfx-container .main-content-warp .main-list .main-card .slide .text p {
                font-size: 0.26rem;
                color: #333;
                line-height: 0.42rem; }
            .znfx-container .main-content-warp .main-list .main-card .slide .list li {
              display: flex;
              align-items: center;
              justify-content: flex-start;
              flex-direction: row;
              margin-top: 0.2rem; }
              .znfx-container .main-content-warp .main-list .main-card .slide .list li .icon {
                width: 0.4rem;
                height: 0.4rem;
                border-radius: 0.1rem;
                background-color: #4b9cf7;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: row;
                margin-right: 0.1rem; }
                .znfx-container .main-content-warp .main-list .main-card .slide .list li .icon i {
                  font-size: 0.26rem;
                  color: #fff; }
              .znfx-container .main-content-warp .main-list .main-card .slide .list li .list_text {
                font-size: 0.26rem;
                color: #4b9cf7; }
              .znfx-container .main-content-warp .main-list .main-card .slide .list li:nth-child(2) .icon {
                background-color: #828fee; }
              .znfx-container .main-content-warp .main-list .main-card .slide .list li:nth-child(2) .list_text {
                color: #828fee; }
              .znfx-container .main-content-warp .main-list .main-card .slide .list li:nth-child(3) .icon {
                background-color: #50b7aa; }
              .znfx-container .main-content-warp .main-list .main-card .slide .list li:nth-child(3) .list_text {
                color: #50b7aa; }

.yjff-container {
  width: 100%;
  min-height: 100vh;
  background: url(../img/app_bg.jpg);
  background-size: 100% 100%;
  background-position: top left;
  background-attachment: fixed;
  padding: 0.2rem;
  box-sizing: border-box;
  background-repeat: repeat; }
  .yjff-container .main-content {
    padding: 0.3rem 0.2rem 0.2rem; }
    .yjff-container .main-content-warp .top_img {
      width: 3.46rem;
      margin: 0 auto;
      transform: translateY(0.1rem); }
      .yjff-container .main-content-warp .top_img img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: scale-down; }
    .yjff-container .main-content-warp .main-top {
      border-radius: 0.1rem;
      padding: 0.2rem;
      position: relative;
      z-index: 2; }
      .yjff-container .main-content-warp .main-top .top-title {
        font-size: 0.42rem;
        font-weight: bold;
        text-align: center;
        margin-bottom: 0.2rem;
        background-image: -webkit-linear-gradient(-46deg, #fe988b 0%, #e96e84 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        position: relative;
        z-index: 10;
        -webkit-text-stroke: 0.005rem #fff; }
        .yjff-container .main-content-warp .main-top .top-title::after {
          content: '一键分发多平台';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          font-size: 0.42rem;
          font-weight: 600;
          text-align: center;
          color: #999; }
      .yjff-container .main-content-warp .main-top .top-text {
        font-size: 0.26rem;
        color: #333;
        line-height: 0.36rem;
        text-align: center;
        position: relative;
        z-index: 10; }
      .yjff-container .main-content-warp .main-top::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #bec1c1;
        border-radius: 0.1rem;
        z-index: 1;
        transform: perspective(0.8rem) rotateX(1deg); }
    .yjff-container .main-content-warp .main-text-box {
      background-color: #fff;
      border-radius: 0.1rem;
      padding: 0.2rem;
      position: relative;
      z-index: 10; }
      .yjff-container .main-content-warp .main-text-box .text-box {
        background-image: -webkit-linear-gradient(140deg, #fe988b 0%, #f78a9e 100%);
        border-radius: 0.1rem;
        padding: 0.2rem;
        position: relative;
        z-index: 10; }
        .yjff-container .main-content-warp .main-text-box .text-box .icon-list {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          flex-direction: row; }
          .yjff-container .main-content-warp .main-text-box .text-box .icon-list .slider {
            margin-right: 0.1rem; }
            .yjff-container .main-content-warp .main-text-box .text-box .icon-list .slider i {
              font-size: 0.38rem;
              color: #fff; }
        .yjff-container .main-content-warp .main-text-box .text-box .text {
          background-color: #fff;
          padding: 0.2rem;
          border-radius: 0.1rem;
          margin-top: 0.1rem; }
          .yjff-container .main-content-warp .main-text-box .text-box .text p {
            font-size: 0.24rem;
            color: #333;
            line-height: 0.4rem; }
        .yjff-container .main-content-warp .main-text-box .text-box .box-btn {
          margin-top: 0.2rem; }
          .yjff-container .main-content-warp .main-text-box .text-box .box-btn .btn-text {
            width: 1.88rem;
            margin: 0 auto;
            height: 0.55rem;
            font-size: 0.26rem;
            font-weight: 600;
            color: #fff;
            background: url("../img/yjff/yjff_3.png");
            background-size: 100% 100%;
            padding-right: 0.37rem;
            box-sizing: border-box;
            text-align: center;
            line-height: 0.46rem;
            -webkit-text-stroke: 0.01rem #f1aa27; }
      .yjff-container .main-content-warp .main-text-box .bootm-img {
        transform: translateY(-0.8rem); }
        .yjff-container .main-content-warp .main-text-box .bootm-img .img {
          max-width: 100%; }
          .yjff-container .main-content-warp .main-text-box .bootm-img .img img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: scale-down; }

.xysh-container {
  width: 100%;
  min-height: 100vh;
  background: url(../img/app_bg.jpg);
  background-size: 100% 100%;
  background-position: top left;
  background-attachment: fixed;
  padding: 0.2rem;
  box-sizing: border-box;
  background-repeat: repeat; }
  .xysh-container .main-content {
    padding-top: 2.18rem; }
    .xysh-container .main-content-warp {
      background-color: #FFF;
      border-radius: 0.1rem; }
      .xysh-container .main-content-warp .header_title {
        background-image: -webkit-linear-gradient(140deg, #3fab96 0%, #7ad5dd 100%);
        padding: 0.64rem 0.2rem 0.2rem;
        border-radius: 0.1rem 0.1rem 0 0;
        position: relative; }
        .xysh-container .main-content-warp .header_title .title {
          font-size: 0.42rem;
          font-weight: 600;
          text-align: center;
          color: #FFF;
          margin-bottom: 0.1rem; }
        .xysh-container .main-content-warp .header_title .text {
          font-size: 0.26rem;
          line-height: 0.36rem;
          color: #fff; }
        .xysh-container .main-content-warp .header_title .head_img {
          position: absolute;
          width: 3.6rem;
          left: 50%;
          top: 0;
          transform: translate(-50%, -75%); }
          .xysh-container .main-content-warp .header_title .head_img img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: scale-down; }
      .xysh-container .main-content-warp .card_list {
        padding: 0.3rem; }
        .xysh-container .main-content-warp .card_list .card_slide {
          border-radius: 0.1rem;
          position: relative;
          padding: 0.3rem 0.2rem;
          box-sizing: border-box;
          box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.25);
          margin-bottom: 0.36rem; }
          .xysh-container .main-content-warp .card_list .card_slide:last-child {
            margin-bottom: 0; }
          .xysh-container .main-content-warp .card_list .card_slide::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 0.15rem;
            border-radius: 0.1rem 0.1rem 0 0;
            background-color: #333; }
          .xysh-container .main-content-warp .card_list .card_slide .left_box {
            position: relative; }
            .xysh-container .main-content-warp .card_list .card_slide .left_box .card {
              background-color: #bcaafa;
              padding: 0.4rem 0.3rem;
              box-sizing: border-box;
              border-radius: 0.1rem;
              position: relative; }
              .xysh-container .main-content-warp .card_list .card_slide .left_box .card .card_title {
                font-size: 0.26rem;
                color: #fff;
                text-align: center;
                line-height: 0.36rem;
                padding-bottom: 0.27rem;
                border-bottom: 1px dashed #fff;
                position: relative; }
              .xysh-container .main-content-warp .card_list .card_slide .left_box .card .card_text {
                font-size: 0.24rem;
                color: #fff;
                padding-top: 0.22rem;
                padding-left: 0.2rem;
                padding-right: 0.2rem;
                line-height: 0.36rem;
                text-align: center; }
              .xysh-container .main-content-warp .card_list .card_slide .left_box .card .card_lable {
                font-size: 0.24rem;
                color: #fff;
                text-align: center;
                font-weight: 600;
                margin-top: 0.3rem; }
              .xysh-container .main-content-warp .card_list .card_slide .left_box .card .top_dot {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%; }
                .xysh-container .main-content-warp .card_list .card_slide .left_box .card .top_dot::before {
                  content: '';
                  position: absolute;
                  top: 0.18rem;
                  left: 0.2rem;
                  width: 0.26rem;
                  height: 0.26rem;
                  border-radius: 1rem;
                  background-color: #fffeee;
                  box-shadow: inset 0px 0.05rem 0.05rem 0px rgba(0, 0, 0, 0.35); }
                .xysh-container .main-content-warp .card_list .card_slide .left_box .card .top_dot::after {
                  content: '';
                  position: absolute;
                  top: 0.18rem;
                  right: 0.2rem;
                  width: 0.26rem;
                  height: 0.26rem;
                  border-radius: 1rem;
                  background-color: #fffeee;
                  box-shadow: inset 0px 0.05rem 0.05rem 0px rgba(0, 0, 0, 0.35); }
              .xysh-container .main-content-warp .card_list .card_slide .left_box .card .bottom_dot {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%; }
                .xysh-container .main-content-warp .card_list .card_slide .left_box .card .bottom_dot::before {
                  content: '';
                  position: absolute;
                  bottom: 0.18rem;
                  left: 0.2rem;
                  width: 0.26rem;
                  height: 0.26rem;
                  border-radius: 1rem;
                  background-color: #fffeee;
                  box-shadow: inset 0px 0.05rem 0.05rem 0px rgba(0, 0, 0, 0.35); }
                .xysh-container .main-content-warp .card_list .card_slide .left_box .card .bottom_dot::after {
                  content: '';
                  position: absolute;
                  bottom: 0.18rem;
                  right: 0.2rem;
                  width: 0.26rem;
                  height: 0.26rem;
                  border-radius: 1rem;
                  background-color: #fffeee;
                  box-shadow: inset 0px 0.05rem 0.05rem 0px rgba(0, 0, 0, 0.35); }
              .xysh-container .main-content-warp .card_list .card_slide .left_box .card .bottom_img {
                width: 1.2rem;
                position: absolute;
                bottom: 0;
                right: 0;
                transform: translate(20%, 20%); }
                .xysh-container .main-content-warp .card_list .card_slide .left_box .card .bottom_img img {
                  width: 100%;
                  height: 100%;
                  display: block;
                  object-fit: scale-down; }
            .xysh-container .main-content-warp .card_list .card_slide .left_box .top_image {
              position: absolute;
              width: 1.42rem;
              top: 0;
              left: 0;
              z-index: 1;
              transform: translate(-10%, -10%); }
              .xysh-container .main-content-warp .card_list .card_slide .left_box .top_image img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: scale-down; }
          .xysh-container .main-content-warp .card_list .card_slide.qcyy {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            flex-direction: row; }
            .xysh-container .main-content-warp .card_list .card_slide.qcyy::after {
              background-color: #828fee; }
            .xysh-container .main-content-warp .card_list .card_slide.qcyy .left_box {
              width: calc(100% - 2rem - .3rem); }
              .xysh-container .main-content-warp .card_list .card_slide.qcyy .left_box .title {
                width: 100%;
                height: 1.4rem;
                font-size: 0.3rem;
                color: #333;
                font-weight: 600;
                text-align: center;
                line-height: 1.4rem; }
            .xysh-container .main-content-warp .card_list .card_slide.qcyy .right_box {
              width: 2rem; }
              .xysh-container .main-content-warp .card_list .card_slide.qcyy .right_box .image {
                width: 100%; }
                .xysh-container .main-content-warp .card_list .card_slide.qcyy .right_box .image img {
                  width: 100%;
                  height: 100%;
                  display: block;
                  object-fit: scale-down; }
          .xysh-container .main-content-warp .card_list .card_slide.qcjl {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            flex-direction: row; }
            .xysh-container .main-content-warp .card_list .card_slide.qcjl::after {
              background-color: #3fab96; }
            .xysh-container .main-content-warp .card_list .card_slide.qcjl .right_box {
              width: 2rem; }
              .xysh-container .main-content-warp .card_list .card_slide.qcjl .right_box .image {
                width: 100%; }
                .xysh-container .main-content-warp .card_list .card_slide.qcjl .right_box .image img {
                  width: 100%;
                  height: 100%;
                  display: block;
                  object-fit: scale-down; }
            .xysh-container .main-content-warp .card_list .card_slide.qcjl .left_box {
              width: calc(100% - 2rem - .3rem); }
              .xysh-container .main-content-warp .card_list .card_slide.qcjl .left_box .title {
                width: 100%;
                height: 1.4rem;
                font-size: 0.3rem;
                color: #333;
                font-weight: 600;
                text-align: left;
                line-height: 1.4rem; }
              .xysh-container .main-content-warp .card_list .card_slide.qcjl .left_box .top_image {
                top: 0;
                right: 0;
                left: auto;
                width: 2.32rem;
                transform: translate(10%, -30%); }
              .xysh-container .main-content-warp .card_list .card_slide.qcjl .left_box .card {
                background-color: #7ad5de; }
                .xysh-container .main-content-warp .card_list .card_slide.qcjl .left_box .card .bottom_img {
                  width: 1.2rem;
                  transform: translate(20%, 10%); }
                .xysh-container .main-content-warp .card_list .card_slide.qcjl .left_box .card .tag-list {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  flex-direction: row;
                  flex-wrap: wrap;
                  margin-top: 0.3rem; }
                  .xysh-container .main-content-warp .card_list .card_slide.qcjl .left_box .card .tag-list .tag-item {
                    background-color: #fff;
                    box-shadow: 0px 0.08rem 0.11rem 0px rgba(0, 0, 0, 0.25);
                    margin: 0.15rem 0.05rem;
                    padding: 0.05rem 0.25rem;
                    border-radius: 0.1rem;
                    font-size: 0.22rem;
                    color: #3fab96; }
          .xysh-container .main-content-warp .card_list .card_slide.zpzx {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            flex-direction: row;
            flex-wrap: wrap; }
            .xysh-container .main-content-warp .card_list .card_slide.zpzx::after {
              background-color: #f57087; }
            .xysh-container .main-content-warp .card_list .card_slide.zpzx .right_box {
              width: 2rem; }
              .xysh-container .main-content-warp .card_list .card_slide.zpzx .right_box .image {
                width: 100%; }
                .xysh-container .main-content-warp .card_list .card_slide.zpzx .right_box .image img {
                  width: 100%;
                  height: 100%;
                  display: block;
                  object-fit: scale-down; }
            .xysh-container .main-content-warp .card_list .card_slide.zpzx .left_box {
              width: calc(100% - 2rem - .3rem); }
              .xysh-container .main-content-warp .card_list .card_slide.zpzx .left_box .title {
                width: 100%;
                height: 1.4rem;
                font-size: 0.3rem;
                color: #333;
                font-weight: 600;
                text-align: center;
                line-height: 1.4rem; }
              .xysh-container .main-content-warp .card_list .card_slide.zpzx .left_box .top_image {
                top: 0;
                left: 0;
                width: 2.22rem;
                transform: translate(-98%, -20%); }
              .xysh-container .main-content-warp .card_list .card_slide.zpzx .left_box .card {
                background-color: #fe988b; }
                .xysh-container .main-content-warp .card_list .card_slide.zpzx .left_box .card .card-image {
                  width: 2.43rem;
                  margin: 0.3rem auto; }
                  .xysh-container .main-content-warp .card_list .card_slide.zpzx .left_box .card .card-image img {
                    width: 100%;
                    height: 100%;
                    display: block;
                    object-fit: scale-down; }
                .xysh-container .main-content-warp .card_list .card_slide.zpzx .left_box .card .type-list {
                  position: absolute;
                  top: 50%;
                  left: 0;
                  transform: translate(-100%, -50%); }
                  .xysh-container .main-content-warp .card_list .card_slide.zpzx .left_box .card .type-list .type-item {
                    font-size: 0.24rem;
                    color: #fff;
                    height: 0.44rem;
                    line-height: 0.44rem;
                    background-color: #ed8275;
                    margin-bottom: 0.1rem;
                    padding-left: 0.3rem;
                    padding-right: 0.3rem;
                    border-radius: 0.1rem 0 0 0.1rem; }
            .xysh-container .main-content-warp .card_list .card_slide.zpzx .swiper-box {
              width: 100%;
              margin-top: 0.3rem; }
              .xysh-container .main-content-warp .card_list .card_slide.zpzx .swiper-box .list-box {
                position: relative;
                padding-bottom: 0.4rem; }
                .xysh-container .main-content-warp .card_list .card_slide.zpzx .swiper-box .list-box .swiper-slide {
                  width: 70%;
                  position: relative; }
                  .xysh-container .main-content-warp .card_list .card_slide.zpzx .swiper-box .list-box .swiper-slide .image {
                    width: 100%; }
                    .xysh-container .main-content-warp .card_list .card_slide.zpzx .swiper-box .list-box .swiper-slide .image img {
                      width: 100%;
                      height: 100%;
                      display: block;
                      object-fit: scale-down; }
                  .xysh-container .main-content-warp .card_list .card_slide.zpzx .swiper-box .list-box .swiper-slide::after {
                    content: '';
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    background-color: rgba(255, 255, 255, 0.8); }
                  .xysh-container .main-content-warp .card_list .card_slide.zpzx .swiper-box .list-box .swiper-slide.swiper-slide-active::after {
                    background-color: rgba(255, 255, 255, 0); }
                .xysh-container .main-content-warp .card_list .card_slide.zpzx .swiper-box .list-box .swiper-pagination {
                  left: 50%;
                  bottom: 0;
                  transform: translateX(-50%); }
                  .xysh-container .main-content-warp .card_list .card_slide.zpzx .swiper-box .list-box .swiper-pagination-bullet {
                    width: .1rem;
                    height: .1rem;
                    background-color: #cbe2c3;
                    margin: 0 .05rem;
                    border-radius: 1rem;
                    opacity: 1; }
                    .xysh-container .main-content-warp .card_list .card_slide.zpzx .swiper-box .list-box .swiper-pagination-bullet-active {
                      width: 0.3rem;
                      background-color: #3fab96; }

.yjzx-container {
  width: 100%;
  min-height: 100vh;
  background: url(../img/app_bg.jpg);
  background-size: 100% 100%;
  background-position: top left;
  background-attachment: fixed;
  padding: 0.2rem;
  box-sizing: border-box;
  background-repeat: repeat; }
  .yjzx-container .main-content {
    padding-top: 2.18rem; }
    .yjzx-container .main-content-warp {
      background-color: #FFF;
      border-radius: 0.1rem; }
      .yjzx-container .main-content-warp .header_title {
        background-color: #ff9052;
        padding: 0.64rem 0.2rem 0.2rem;
        border-radius: 0.1rem 0.1rem 0 0;
        position: relative; }
        .yjzx-container .main-content-warp .header_title .title {
          font-size: 0.42rem;
          font-weight: 600;
          text-align: center;
          color: #FFF;
          margin-bottom: 0.1rem; }
        .yjzx-container .main-content-warp .header_title .text {
          font-size: 0.26rem;
          line-height: 0.36rem;
          color: #fff; }
        .yjzx-container .main-content-warp .header_title .head_img {
          position: absolute;
          width: 2.57rem;
          left: 50%;
          top: 0;
          transform: translate(-50%, -75%); }
          .yjzx-container .main-content-warp .header_title .head_img img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: scale-down; }
      .yjzx-container .main-content-warp .card_list {
        padding: 0.2rem; }
        .yjzx-container .main-content-warp .card_list .card_slide {
          display: flex;
          align-items: stretch;
          justify-content: space-between;
          flex-direction: row;
          padding-bottom: 0.3rem;
          margin-bottom: 0.3rem;
          border-bottom: 1px solid #dcdcdc;
          position: relative; }
          .yjzx-container .main-content-warp .card_list .card_slide:last-child {
            margin-bottom: 0;
            border-bottom: 0; }
          .yjzx-container .main-content-warp .card_list .card_slide a {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
          .yjzx-container .main-content-warp .card_list .card_slide .image {
            width: 2.02rem; }
            .yjzx-container .main-content-warp .card_list .card_slide .image img {
              width: 100%;
              height: 100%;
              display: block;
              object-fit: scale-down; }
          .yjzx-container .main-content-warp .card_list .card_slide .text_box {
            width: calc(100% - 2.02rem - .2rem);
            margin-right: 0.2rem; }
            .yjzx-container .main-content-warp .card_list .card_slide .text_box .title {
              font-size: 0.26rem;
              line-height: 0.42rem;
              font-weight: 600;
              margin-bottom: 0.1rem;
              width: 100%; }
            .yjzx-container .main-content-warp .card_list .card_slide .text_box .text {
              font-size: 0.24rem;
              color: #999;
              line-height: 0.38rem; }

.detail-container .main-content .main-swiper {
  width: 100%;
  height: 4rem;
  background-color: #fff; }
  .detail-container .main-content .main-swiper .swiper-slide {
    height: 4rem;
    background-color: #eee; }
  .detail-container .main-content .main-swiper .image {
    height: 100%; }
    .detail-container .main-content .main-swiper .image img {
      height: 100%;
      display: block;
      object-fit: scale-down;
      margin: 0 auto; }

.detail-container .main-content-warp .title {
  padding: .3rem 0.2rem;
  font-size: 0.3rem;
  color: #333;
  font-weight: 600; }

.detail-container .main-content-warp .text_box {
  padding: 0.3rem 0.2rem;
  font-size: 0.26rem;
  line-height: 0.44rem;
  color: #666; }
  .detail-container .main-content-warp .text_box img {
    max-width: 100%;
    display: block;
    margin: 0 auto; }
  .detail-container .main-content-warp .text_box p {
    font-size: 0.26rem;
    line-height: 0.44rem;
    color: #666;
    margin: 0.1rem 0; }

.main-loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transform: scale(0);
  transition: all .3s;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100; }
  .main-loading.active {
    opacity: 1;
    transform: scale(1); }
  .main-loading .mask {
    width: 100%;
    height: 100%;
    position: relative; }
    .main-loading .mask .content {
      width: 80%;
      background-color: #fff;
      border-radius: 0.1rem;
      box-sizing: border-box;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .main-loading .mask .content .title {
        font-size: 0.3rem;
        padding: 0.2rem;
        font-weight: 600; }
      .main-loading .mask .content .video_box {
        padding: 0.2rem;
        width: 100%;
        box-sizing: border-box; }
        .main-loading .mask .content .video_box video {
          width: 100%;
          height: 100%;
          object-fit: fill; }
      .main-loading .mask .content .close {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 1rem); }
        .main-loading .mask .content .close i {
          font-size: .6rem;
          color: rgba(0, 0, 0, 0.5); }

.broadside-box {
  position: fixed;
  bottom: 50%;
  right: 0.2rem;
  width: 1rem;
  height: 1rem;
  transform: translateY(50%);
  box-sizing: border-box;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.09);
  z-index: 20; }
  .broadside-box .broadside {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%; }
    .broadside-box .broadside span {
      font-size: 0.26rem;
      color: #fff;
      line-height: 0.28rem; }
    .broadside-box .broadside i {
      font-size: 0.26rem;
      line-height: 0.28rem;
      color: #fff; }