@charset "UTF-8";
/* line 1, activity3.scss */
.activity * {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif, "Microsoft YaHei"; }

/* line 16, activity3.scss */
* {
  -webkit-overflow-scrolling: touch; }

/* line 19, activity3.scss */
.pc {
  display: block; }
  @media screen and (max-width: 760px) {
    /* line 19, activity3.scss */
    .pc {
      display: none; } }

/* line 25, activity3.scss */
.mobile {
  display: none; }
  @media screen and (max-width: 760px) {
    /* line 25, activity3.scss */
    .mobile {
      display: block; } }

/* line 34, activity3.scss */
.main {
  clear: both;
  margin-top: 120px;
  margin-bottom: -1%;
  overflow: hidden;
  background-color: #000; }

/* line 41, activity3.scss */
.footer .backtop p {
  text-shadow: none;
  color: #fff; }

/* line 45, activity3.scss */
.whtext {
  color: #fff;
  font-size: 24px;
  width: 100%;
  text-align: center;
  margin-top: 100px; }
  @media screen and (max-width: 1200px) {
    /* line 45, activity3.scss */
    .whtext {
      font-size: 24px; } }
  @media screen and (max-width: 760px) {
    /* line 45, activity3.scss */
    .whtext {
      font-size: 16px; } }

/* line 62, activity3.scss */
.activity {
  position: relative;
  font-size: 0; }
  /* line 65, activity3.scss */
  .activity .layer {
    width: 100%;
    background-image: url(http://www.jahwa.com.cn/app/public/img/act3/act3_bg.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 760px) {
      /* line 65, activity3.scss */
      .activity .layer {
        position: static;
        background-image: url(http://www.jahwa.com.cn/app/public/img/act3/bgm2_m.jpg);
        background-size: 100%; } }
    /* line 81, activity3.scss */
    .activity .layer .activity3_kv {
      width: 100%;
      height: auto; }
      /* line 84, activity3.scss */
      .activity .layer .activity3_kv img {
        width: 100%; }
    /* line 97, activity3.scss */
    .activity .layer .live-box {
      text-align: center;
      margin-bottom: 0px;
      position: unset; }
      /* line 101, activity3.scss */
      .activity .layer .live-box #anchor {
        position: absolute;
        top: -80px;
        left: 0; }
      /* line 106, activity3.scss */
      .activity .layer .live-box .hdzb {
        display: block;
        height: 151px;
        width: 437px;
        z-index: 99;
        margin: 0 auto; }
        /* line 112, activity3.scss */
        .activity .layer .live-box .hdzb img {
          width: 100%; }
        @media screen and (max-width: 760px) {
          /* line 106, activity3.scss */
          .activity .layer .live-box .hdzb {
            height: auto;
            width: 255px;
            margin-bottom: 20px; } }
    /* line 161, activity3.scss */
    .activity .layer .live {
      width: 67.52%;
      border: 1px solid #b5834d;
      margin: 0 auto; }
      @media screen and (max-width: 760px) {
        /* line 161, activity3.scss */
        .activity .layer .live {
          border: none; } }
      /* line 7, activity3.scss */
      .activity .layer .live:before, .activity .layer .live:after {
        content: "";
        display: table; }
      /* line 12, activity3.scss */
      .activity .layer .live:after {
        clear: both; }
      /* line 170, activity3.scss */
      .activity .layer .live .lbg {
        float: left;
        width: 15.6%; }
        @media screen and (max-width: 760px) {
          /* line 170, activity3.scss */
          .activity .layer .live .lbg {
            display: none; } }
        /* line 182, activity3.scss */
        .activity .layer .live .lbg img {
          width: 100%; }
      /* line 186, activity3.scss */
      .activity .layer .live .preimg-box {
        position: relative;
        z-index: 999; }
        /* line 196, activity3.scss */
        .activity .layer .live .preimg-box .text {
          position: absolute;
          width: 100%;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: #fff;
          font-size: 16px;
          z-index: 99;
          text-align: center;
          letter-spacing: 1px; }
          /* line 207, activity3.scss */
          .activity .layer .live .preimg-box .text a {
            color: #fff;
            text-decoration: none; }
      /* line 216, activity3.scss */
      .activity .layer .live .mask {
        float: left;
        width: 68.8%;
        position: relative; }
        @media screen and (max-width: 760px) {
          /* line 216, activity3.scss */
          .activity .layer .live .mask {
            width: 100%;
            border: 1px solid #b5834d; } }
        /* line 226, activity3.scss */
        .activity .layer .live .mask .bgs {
          width: 100%;
          z-index: 999; }
        /* line 230, activity3.scss */
        .activity .layer .live .mask img {
          width: 100%; }
        /* line 233, activity3.scss */
        .activity .layer .live .mask #mediaspace {
          position: absolute !important;
          top: 0;
          left: 0; }
        /* line 238, activity3.scss */
        .activity .layer .live .mask .video-js {
          height: 100% !important;
          position: relative !important; }
    /* line 392, activity3.scss */
    .activity .layer .imf_wrap {
      max-width: 1286px;
      margin: 0 auto;
      padding-bottom: 100px;
      margin-top: 100px; }
      @media screen and (max-width: 1286px) {
        /* line 392, activity3.scss */
        .activity .layer .imf_wrap {
          width: 900px; } }
      @media screen and (max-width: 960px) {
        /* line 392, activity3.scss */
        .activity .layer .imf_wrap {
          width: 750px; } }
      @media screen and (max-width: 760px) {
        /* line 392, activity3.scss */
        .activity .layer .imf_wrap {
          width: 100%;
          padding-bottom: 20vw;
          margin-top: 45px; } }
      /* line 408, activity3.scss */
      .activity .layer .imf_wrap .nav {
        width: 100%; }
        @media screen and (max-width: 760px) {
          /* line 408, activity3.scss */
          .activity .layer .imf_wrap .nav {
            width: 100vw; } }
        /* line 419, activity3.scss */
        .activity .layer .imf_wrap .nav ul {
          display: flex;
          height: 100%; }
          @media screen and (max-width: 760px) {
            /* line 419, activity3.scss */
            .activity .layer .imf_wrap .nav ul {
              width: 100vw; } }
          /* line 431, activity3.scss */
          .activity .layer .imf_wrap .nav ul li {
            width: 428.5px;
            cursor: pointer; }
            @media screen and (max-width: 1286px) {
              /* line 431, activity3.scss */
              .activity .layer .imf_wrap .nav ul li {
                width: 300px; } }
            @media screen and (max-width: 760px) {
              /* line 431, activity3.scss */
              .activity .layer .imf_wrap .nav ul li {
                margin: 0; } }
            /* line 458, activity3.scss */
            .activity .layer .imf_wrap .nav ul li img {
              width: 100%; }
      /* line 475, activity3.scss */
      .activity .layer .imf_wrap .content_box {
        width: 100%;
        height: auto;
        margin-top: 50px; }
        @media screen and (max-width: 960px) {
          /* line 475, activity3.scss */
          .activity .layer .imf_wrap .content_box {
            margin-top: 20px; } }
        /* line 488, activity3.scss */
        .activity .layer .imf_wrap .content_box .box4 {
          height: 100px;
          width: 100%;
          position: relative; }
          /* line 492, activity3.scss */
          .activity .layer .imf_wrap .content_box .box4 p {
            font-size: 24px;
            text-align: center;
            line-height: 100px;
            color: #6e4d2a; }
        /* line 499, activity3.scss */
        .activity .layer .imf_wrap .content_box .box1 {
          height: 100%;
          width: 100%;
          position: relative; }
          /* line 503, activity3.scss */
          .activity .layer .imf_wrap .content_box .box1 .box1_content {
            height: 100%;
            width: 100%;
            position: relative; }
            /* line 507, activity3.scss */
            .activity .layer .imf_wrap .content_box .box1 .box1_content .swiper-container1 {
              height: 100%;
              overflow: hidden; }
              /* line 511, activity3.scss */
              .activity .layer .imf_wrap .content_box .box1 .box1_content .swiper-container1 .swiper-slide .simg_1 {
                display: inline-block;
                height: auto;
                width: 354px;
                margin-right: 35px;
                border: 1px solid #6e4d2a;
                padding: 7px;
                -moz-box-sizing: border-box;
                -ms-box-sizing: border-box;
                box-sizing: border-box;
                padding-bottom: 15px;
                margin-bottom: 35px;
                cursor: pointer; }
                /* line 524, activity3.scss */
                .activity .layer .imf_wrap .content_box .box1 .box1_content .swiper-container1 .swiper-slide .simg_1 p {
                  font-size: 16px;
                  color: white;
                  line-height: 32px;
                  margin-top: 10px;
                  width: 100%;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  overflow: hidden; }
                /* line 534, activity3.scss */
                .activity .layer .imf_wrap .content_box .box1 .box1_content .swiper-container1 .swiper-slide .simg_1 span {
                  font-size: 14px;
                  line-height: 20px;
                  color: white; }
                /* line 539, activity3.scss */
                .activity .layer .imf_wrap .content_box .box1 .box1_content .swiper-container1 .swiper-slide .simg_1 img {
                  width: 100%; }
                @media screen and (max-width: 1286px) {
                  /* line 511, activity3.scss */
                  .activity .layer .imf_wrap .content_box .box1 .box1_content .swiper-container1 .swiper-slide .simg_1 {
                    height: auto;
                    width: 260px;
                    margin-right: 16px; }
                    /* line 546, activity3.scss */
                    .activity .layer .imf_wrap .content_box .box1 .box1_content .swiper-container1 .swiper-slide .simg_1 p {
                      font-size: 13px;
                      color: white;
                      line-height: 20px; }
                    /* line 551, activity3.scss */
                    .activity .layer .imf_wrap .content_box .box1 .box1_content .swiper-container1 .swiper-slide .simg_1 span {
                      font-size: 12px;
                      line-height: 16px;
                      color: white; } }
                @media screen and (max-width: 960px) {
                  /* line 511, activity3.scss */
                  .activity .layer .imf_wrap .content_box .box1 .box1_content .swiper-container1 .swiper-slide .simg_1 {
                    height: auto;
                    width: 215px; } }
              /* line 562, activity3.scss */
              .activity .layer .imf_wrap .content_box .box1 .box1_content .swiper-container1 .swiper-slide .simgl {
                margin-right: 0; }
              /* line 565, activity3.scss */
              .activity .layer .imf_wrap .content_box .box1 .box1_content .swiper-container1 .swiper-slide .simgleft {
                margin-left: 75px; }
                @media screen and (max-width: 1286px) {
                  /* line 565, activity3.scss */
                  .activity .layer .imf_wrap .content_box .box1 .box1_content .swiper-container1 .swiper-slide .simgleft {
                    margin-left: 45px; } }
                @media screen and (max-width: 960px) {
                  /* line 565, activity3.scss */
                  .activity .layer .imf_wrap .content_box .box1 .box1_content .swiper-container1 .swiper-slide .simgleft {
                    margin-left: 37px; } }
            /* line 576, activity3.scss */
            .activity .layer .imf_wrap .content_box .box1 .box1_content .arrows {
              position: absolute;
              top: 50%;
              width: 100%;
              margin-top: -30px;
              height: 0; }
              @media screen and (max-width: 1600px) {
                /* line 576, activity3.scss */
                .activity .layer .imf_wrap .content_box .box1 .box1_content .arrows {
                  margin-top: -23px; } }
              /* line 585, activity3.scss */
              .activity .layer .imf_wrap .content_box .box1 .box1_content .arrows .larr {
                float: left;
                width: 33px;
                cursor: pointer; }
                @media screen and (max-width: 1600px) {
                  /* line 585, activity3.scss */
                  .activity .layer .imf_wrap .content_box .box1 .box1_content .arrows .larr {
                    width: 26px; } }
              /* line 598, activity3.scss */
              .activity .layer .imf_wrap .content_box .box1 .box1_content .arrows .rarr {
                float: right;
                width: 33px;
                cursor: pointer; }
                @media screen and (max-width: 1600px) {
                  /* line 598, activity3.scss */
                  .activity .layer .imf_wrap .content_box .box1 .box1_content .arrows .rarr {
                    width: 26px; } }
              /* line 612, activity3.scss */
              .activity .layer .imf_wrap .content_box .box1 .box1_content .arrows img {
                width: 100%; }
            /* line 616, activity3.scss */
            .activity .layer .imf_wrap .content_box .box1 .box1_content .mobile_1 {
              height: auto;
              width: 86.6666666667vw;
              border: 1px solid #6e4d2a;
              padding: 7px;
              -moz-box-sizing: border-box;
              -ms-box-sizing: border-box;
              box-sizing: border-box;
              margin: 0 auto;
              padding-bottom: 15px;
              margin-bottom: 35px; }
              /* line 629, activity3.scss */
              .activity .layer .imf_wrap .content_box .box1 .box1_content .mobile_1 img {
                width: 100%; }
              /* line 632, activity3.scss */
              .activity .layer .imf_wrap .content_box .box1 .box1_content .mobile_1 p {
                font-size: 16px;
                color: white;
                line-height: 32px;
                margin-top: 10px;
                width: 100%;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden; }
              /* line 642, activity3.scss */
              .activity .layer .imf_wrap .content_box .box1 .box1_content .mobile_1 span {
                font-size: 14px;
                line-height: 20px;
                color: white; }
        /* line 659, activity3.scss */
        .activity .layer .imf_wrap .content_box .box2,
        .activity .layer .imf_wrap .content_box .box3 {
          height: 100%;
          width: 100%; }
          /* line 663, activity3.scss */
          .activity .layer .imf_wrap .content_box .box2 .bx2wrap,
          .activity .layer .imf_wrap .content_box .box3 .bx2wrap {
            float: left;
            width: 100%;
            height: auto;
            margin-left: 54px; }
            /* line 684, activity3.scss */
            .activity .layer .imf_wrap .content_box .box2 .bx2wrap .box2_content .arrows2,
            .activity .layer .imf_wrap .content_box .box3 .bx2wrap .box2_content .arrows2 {
              position: absolute;
              top: 50%;
              width: 100%;
              margin-top: -30px;
              height: 0; }
              @media screen and (max-width: 1600px) {
                /* line 684, activity3.scss */
                .activity .layer .imf_wrap .content_box .box2 .bx2wrap .box2_content .arrows2,
                .activity .layer .imf_wrap .content_box .box3 .bx2wrap .box2_content .arrows2 {
                  margin-top: -23px; } }
              /* line 693, activity3.scss */
              .activity .layer .imf_wrap .content_box .box2 .bx2wrap .box2_content .arrows2 .larr2,
              .activity .layer .imf_wrap .content_box .box3 .bx2wrap .box2_content .arrows2 .larr2 {
                float: left;
                width: 33px;
                cursor: pointer; }
                @media screen and (max-width: 1600px) {
                  /* line 693, activity3.scss */
                  .activity .layer .imf_wrap .content_box .box2 .bx2wrap .box2_content .arrows2 .larr2,
                  .activity .layer .imf_wrap .content_box .box3 .bx2wrap .box2_content .arrows2 .larr2 {
                    width: 26px; } }
              /* line 706, activity3.scss */
              .activity .layer .imf_wrap .content_box .box2 .bx2wrap .box2_content .arrows2 .rarr2,
              .activity .layer .imf_wrap .content_box .box3 .bx2wrap .box2_content .arrows2 .rarr2 {
                float: right;
                width: 33px;
                cursor: pointer; }
                @media screen and (max-width: 1600px) {
                  /* line 706, activity3.scss */
                  .activity .layer .imf_wrap .content_box .box2 .bx2wrap .box2_content .arrows2 .rarr2,
                  .activity .layer .imf_wrap .content_box .box3 .bx2wrap .box2_content .arrows2 .rarr2 {
                    width: 26px; } }
              /* line 720, activity3.scss */
              .activity .layer .imf_wrap .content_box .box2 .bx2wrap .box2_content .arrows2 img,
              .activity .layer .imf_wrap .content_box .box3 .bx2wrap .box2_content .arrows2 img {
                width: 100%; }
          /* line 726, activity3.scss */
          .activity .layer .imf_wrap .content_box .box2 .nofloat,
          .activity .layer .imf_wrap .content_box .box3 .nofloat {
            float: none;
            margin: 0 auto; }
          /* line 730, activity3.scss */
          .activity .layer .imf_wrap .content_box .box2 .box2_content,
          .activity .layer .imf_wrap .content_box .box3 .box2_content {
            width: 100%;
            height: auto;
            position: relative; }
            /* line 746, activity3.scss */
            .activity .layer .imf_wrap .content_box .box2 .box2_content .sl2,
            .activity .layer .imf_wrap .content_box .box3 .box2_content .sl2 {
              width: 355px;
              margin-right: 35px;
              float: left;
              position: relative; }
              @media screen and (max-width: 1286px) {
                /* line 746, activity3.scss */
                .activity .layer .imf_wrap .content_box .box2 .box2_content .sl2,
                .activity .layer .imf_wrap .content_box .box3 .box2_content .sl2 {
                  width: 260px;
                  margin-right: 15px; } }
              @media screen and (max-width: 960px) {
                /* line 746, activity3.scss */
                .activity .layer .imf_wrap .content_box .box2 .box2_content .sl2,
                .activity .layer .imf_wrap .content_box .box3 .box2_content .sl2 {
                  width: 215px;
                  margin-right: 15px; } }
              @media screen and (max-width: 760px) {
                /* line 746, activity3.scss */
                .activity .layer .imf_wrap .content_box .box2 .box2_content .sl2,
                .activity .layer .imf_wrap .content_box .box3 .box2_content .sl2 {
                  width: 86.6666666667vw;
                  margin: 0 auto;
                  margin-bottom: 8vw;
                  float: unset; } }
              /* line 788, activity3.scss */
              .activity .layer .imf_wrap .content_box .box2 .box2_content .sl2 .sl2boxclone,
              .activity .layer .imf_wrap .content_box .box3 .box2_content .sl2 .sl2boxclone {
                width: 355px;
                height: auto;
                border: 1px solid #6e4d2a;
                padding: 7px;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                font-size: 15px;
                color: #ffffff; }
                @media screen and (max-width: 1286px) {
                  /* line 788, activity3.scss */
                  .activity .layer .imf_wrap .content_box .box2 .box2_content .sl2 .sl2boxclone,
                  .activity .layer .imf_wrap .content_box .box3 .box2_content .sl2 .sl2boxclone {
                    width: 260px; } }
                @media screen and (max-width: 960px) {
                  /* line 788, activity3.scss */
                  .activity .layer .imf_wrap .content_box .box2 .box2_content .sl2 .sl2boxclone,
                  .activity .layer .imf_wrap .content_box .box3 .box2_content .sl2 .sl2boxclone {
                    width: 215px; } }
                @media screen and (max-width: 760px) {
                  /* line 788, activity3.scss */
                  .activity .layer .imf_wrap .content_box .box2 .box2_content .sl2 .sl2boxclone,
                  .activity .layer .imf_wrap .content_box .box3 .box2_content .sl2 .sl2boxclone {
                    width: 100%;
                    height: auto; } }
                /* line 807, activity3.scss */
                .activity .layer .imf_wrap .content_box .box2 .box2_content .sl2 .sl2boxclone .stop,
                .activity .layer .imf_wrap .content_box .box3 .box2_content .sl2 .sl2boxclone .stop {
                  width: 100%;
                  position: relative;
                  cursor: pointer; }
                  /* line 811, activity3.scss */
                  .activity .layer .imf_wrap .content_box .box2 .box2_content .sl2 .sl2boxclone .stop > img,
                  .activity .layer .imf_wrap .content_box .box3 .box2_content .sl2 .sl2boxclone .stop > img {
                    width: 100%; }
                  /* line 815, activity3.scss */
                  .activity .layer .imf_wrap .content_box .box2 .box2_content .sl2 .sl2boxclone .stop:hover .play,
                  .activity .layer .imf_wrap .content_box .box3 .box2_content .sl2 .sl2boxclone .stop:hover .play {
                    opacity: 1; }
                  /* line 819, activity3.scss */
                  .activity .layer .imf_wrap .content_box .box2 .box2_content .sl2 .sl2boxclone .stop .play,
                  .activity .layer .imf_wrap .content_box .box3 .box2_content .sl2 .sl2boxclone .stop .play {
                    opacity: 0;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    transition: 0.2s;
                    background: rgba(0, 0, 0, 0.2); }
                    /* line 828, activity3.scss */
                    .activity .layer .imf_wrap .content_box .box2 .box2_content .sl2 .sl2boxclone .stop .play img,
                    .activity .layer .imf_wrap .content_box .box3 .box2_content .sl2 .sl2boxclone .stop .play img {
                      position: absolute;
                      top: 50%;
                      left: 50%;
                      width: 20%;
                      transform: translate(-50%, -50%); }
                /* line 837, activity3.scss */
                .activity .layer .imf_wrap .content_box .box2 .box2_content .sl2 .sl2boxclone .text,
                .activity .layer .imf_wrap .content_box .box3 .box2_content .sl2 .sl2boxclone .text {
                  width: 100%;
                  margin: 15px auto 10px;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap; }
                /* line 844, activity3.scss */
                .activity .layer .imf_wrap .content_box .box2 .box2_content .sl2 .sl2boxclone .text2,
                .activity .layer .imf_wrap .content_box .box3 .box2_content .sl2 .sl2boxclone .text2 {
                  width: 100%;
                  margin: 15px auto 10px;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap; }
                  @media screen and (max-width: 1286px) {
                    /* line 844, activity3.scss */
                    .activity .layer .imf_wrap .content_box .box2 .box2_content .sl2 .sl2boxclone .text2,
                    .activity .layer .imf_wrap .content_box .box3 .box2_content .sl2 .sl2boxclone .text2 {
                      margin: 10px auto 10px;
                      font-size: 13px; } }
              /* line 856, activity3.scss */
              .activity .layer .imf_wrap .content_box .box2 .box2_content .sl2 img,
              .activity .layer .imf_wrap .content_box .box3 .box2_content .sl2 img {
                width: 100%; }
            /* line 860, activity3.scss */
            .activity .layer .imf_wrap .content_box .box2 .box2_content .swiper-container2,
            .activity .layer .imf_wrap .content_box .box3 .box2_content .swiper-container2 {
              width: 1286px;
              margin: 0 auto;
              overflow: hidden; }
              @media screen and (max-width: 1286px) {
                /* line 860, activity3.scss */
                .activity .layer .imf_wrap .content_box .box2 .box2_content .swiper-container2,
                .activity .layer .imf_wrap .content_box .box3 .box2_content .swiper-container2 {
                  width: 900px; } }
              @media screen and (max-width: 960px) {
                /* line 860, activity3.scss */
                .activity .layer .imf_wrap .content_box .box2 .box2_content .swiper-container2,
                .activity .layer .imf_wrap .content_box .box3 .box2_content .swiper-container2 {
                  width: 750px; } }
              @media screen and (max-width: 760px) {
                /* line 860, activity3.scss */
                .activity .layer .imf_wrap .content_box .box2 .box2_content .swiper-container2,
                .activity .layer .imf_wrap .content_box .box3 .box2_content .swiper-container2 {
                  width: 89.3333333333vw; } }
            /* line 876, activity3.scss */
            .activity .layer .imf_wrap .content_box .box2 .box2_content .swiper-slide,
            .activity .layer .imf_wrap .content_box .box3 .box2_content .swiper-slide {
              float: left; }
              /* line 881, activity3.scss */
              .activity .layer .imf_wrap .content_box .box2 .box2_content .swiper-slide .simgl,
              .activity .layer .imf_wrap .content_box .box3 .box2_content .swiper-slide .simgl {
                margin-right: 0; }
              /* line 884, activity3.scss */
              .activity .layer .imf_wrap .content_box .box2 .box2_content .swiper-slide .simgleft,
              .activity .layer .imf_wrap .content_box .box3 .box2_content .swiper-slide .simgleft {
                margin-left: 90px; }
                @media screen and (max-width: 1286px) {
                  /* line 884, activity3.scss */
                  .activity .layer .imf_wrap .content_box .box2 .box2_content .swiper-slide .simgleft,
                  .activity .layer .imf_wrap .content_box .box3 .box2_content .swiper-slide .simgleft {
                    margin-left: 45px; } }
                @media screen and (max-width: 960px) {
                  /* line 884, activity3.scss */
                  .activity .layer .imf_wrap .content_box .box2 .box2_content .swiper-slide .simgleft,
                  .activity .layer .imf_wrap .content_box .box3 .box2_content .swiper-slide .simgleft {
                    margin-left: 37px; } }
            /* line 894, activity3.scss */
            .activity .layer .imf_wrap .content_box .box2 .box2_content #arrows3,
            .activity .layer .imf_wrap .content_box .box3 .box2_content #arrows3 {
              position: absolute;
              top: 50%;
              width: 100%;
              margin-top: -30px;
              height: 0; }
              @media screen and (max-width: 1600px) {
                /* line 894, activity3.scss */
                .activity .layer .imf_wrap .content_box .box2 .box2_content #arrows3,
                .activity .layer .imf_wrap .content_box .box3 .box2_content #arrows3 {
                  margin-top: -23px; } }
    /* line 1380, activity3.scss */
    .activity .layer .message {
      margin-top: 6%;
      position: relative; }
      /* line 1383, activity3.scss */
      .activity .layer .message .head {
        width: 62.5%;
        margin: 0 auto;
        text-align: center; }
        /* line 1387, activity3.scss */
        .activity .layer .message .head div {
          display: inline-block;
          width: 25%;
          padding: 0;
          -webkit-tap-highlight-color: transparent;
          -webkit-touch-callout: none;
          user-select: none; }
        /* line 1395, activity3.scss */
        .activity .layer .message .head h4 {
          opacity: 0;
          font-size: 30px;
          font-weight: lighter;
          color: #fbdb80;
          background-image: linear-gradient(#fbdb80, rgba(251, 219, 128, 0.5));
          background: none / 9;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          cursor: pointer;
          user-select: none;
          white-space: nowrap;
          letter-spacing: -1px; }
        /* line 1412, activity3.scss */
        .activity .layer .message .head h3 {
          font-size: 36px;
          font-weight: normal;
          color: #fbdb80;
          background-image: linear-gradient(rgba(251, 219, 128, 0.7), rgba(251, 219, 128, 0.3));
          background: none / 9;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          cursor: pointer;
          user-select: none; }
        /* line 1426, activity3.scss */
        .activity .layer .message .head h3:hover {
          background-image: linear-gradient(#fbdb80, rgba(251, 219, 128, 0.5)) !important; }
      /* line 1440, activity3.scss */
      .activity .layer .message .msg-body .swiper {
        width: 62.5%;
        margin: 0 auto;
        margin-top: 3%;
        padding: 0;
        padding-bottom: 10%;
        overflow: hidden; }
        /* line 1447, activity3.scss */
        .activity .layer .message .msg-body .swiper .swiper-wrapper {
          position: relative; }
          /* line 1449, activity3.scss */
          .activity .layer .message .msg-body .swiper .swiper-wrapper .swiper-slide {
            position: relative;
            width: 100%; }
      /* line 1456, activity3.scss */
      .activity .layer .message .msg-body .about {
        width: 68%;
        position: relative; }
        /* line 1459, activity3.scss */
        .activity .layer .message .msg-body .about > div {
          position: relative;
          width: 100%; }
        /* line 1463, activity3.scss */
        .activity .layer .message .msg-body .about .about1 {
          width: 47%;
          margin-left: 1%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 2; }
        /* line 1471, activity3.scss */
        .activity .layer .message .msg-body .about .about2 {
          width: 57%;
          margin-left: 1%;
          position: absolute;
          top: 10%;
          right: 0;
          z-index: 1; }
        /* line 1479, activity3.scss */
        .activity .layer .message .msg-body .about .wuzhen {
          width: 22%;
          position: absolute;
          top: 27%;
          left: 3%;
          z-index: 3; }
        /* line 1486, activity3.scss */
        .activity .layer .message .msg-body .about .r-font {
          color: #fff;
          padding-top: 40%; }
          /* line 1489, activity3.scss */
          .activity .layer .message .msg-body .about .r-font h3 {
            font-size: 30px;
            font-weight: normal; }
          /* line 1493, activity3.scss */
          .activity .layer .message .msg-body .about .r-font .line {
            width: 9%;
            border-bottom: 2px solid #f3fa74;
            margin: 2% 0; }
          /* line 1498, activity3.scss */
          .activity .layer .message .msg-body .about .r-font p {
            font-size: 16px;
            line-height: 26px; }
      /* line 1504, activity3.scss */
      .activity .layer .message .msg-body .news {
        font-size: 0;
        height: 500px; }
        /* line 1509, activity3.scss */
        .activity .layer .message .msg-body .news .new-item {
          display: inline-block;
          width: 31.6%;
          border: 1px solid #fbdb80;
          margin: 0.7%;
          color: #fff;
          text-decoration: none; }
          /* line 1516, activity3.scss */
          .activity .layer .message .msg-body .news .new-item img {
            display: block;
            width: 98%;
            margin: 3px auto; }
          /* line 1521, activity3.scss */
          .activity .layer .message .msg-body .news .new-item p {
            font-size: 16px;
            margin-left: 4%;
            margin-top: 2%;
            line-height: 24px;
            letter-spacing: 1px;
            color: #fff;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 92%; }
          /* line 1533, activity3.scss */
          .activity .layer .message .msg-body .news .new-item span {
            display: inline-block;
            font-size: 14px;
            margin-left: 4%;
            font-style: italic;
            line-height: 24px;
            margin-bottom: 2%;
            color: #fff; }
        /* line 1543, activity3.scss */
        .activity .layer .message .msg-body .news .new-item:hover {
          text-decoration: underline; }
      /* line 1547, activity3.scss */
      .activity .layer .message .msg-body .videos {
        font-size: 0;
        height: 500px; }
        /* line 1552, activity3.scss */
        .activity .layer .message .msg-body .videos .video-item {
          display: inline-block;
          width: 31.6%;
          border: 1px solid #fbdb80;
          margin: 0.7%;
          color: #fff;
          text-decoration: none;
          position: relative; }
          /* line 1560, activity3.scss */
          .activity .layer .message .msg-body .videos .video-item img {
            display: block;
            width: 98%;
            margin: 3px auto; }
          /* line 1565, activity3.scss */
          .activity .layer .message .msg-body .videos .video-item .play {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transition: 0.2s;
            background: rgba(0, 0, 0, 0.2); }
            /* line 1574, activity3.scss */
            .activity .layer .message .msg-body .videos .video-item .play img {
              position: absolute;
              top: 50%;
              left: 50%;
              width: 20%;
              transform: translate(-50%, -50%); }
          /* line 1582, activity3.scss */
          .activity .layer .message .msg-body .videos .video-item p {
            font-size: 16px;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 92%;
            padding: 0 4%;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
            line-height: 40px;
            letter-spacing: 1px;
            color: #fff;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
        /* line 1605, activity3.scss */
        .activity .layer .message .msg-body .videos .video-item:hover .play {
          opacity: 1; }
      /* line 1610, activity3.scss */
      .activity .layer .message .msg-body .pictures {
        height: 500px;
        font-size: 0;
        margin-left: 19.5%; }
        /* line 1616, activity3.scss */
        .activity .layer .message .msg-body .pictures img {
          margin-right: 1.6%;
          margin-bottom: 1.6%;
          cursor: pointer; }
        /* line 1621, activity3.scss */
        .activity .layer .message .msg-body .pictures .big {
          width: 48%; }
        /* line 1624, activity3.scss */
        .activity .layer .message .msg-body .pictures .small {
          width: 23.2%; }
        /* line 1627, activity3.scss */
        .activity .layer .message .msg-body .pictures .marginL {
          margin-left: 1px; }
      /* line 1632, activity3.scss */
      .activity .layer .message .btn-box {
        width: 72%;
        position: absolute;
        top: 46%;
        left: 0;
        margin-left: 14%; }
        /* line 1638, activity3.scss */
        .activity .layer .message .btn-box img {
          position: absolute;
          top: 0;
          cursor: pointer;
          width: 5%; }
        /* line 1644, activity3.scss */
        .activity .layer .message .btn-box .left {
          left: 0; }
        /* line 1647, activity3.scss */
        .activity .layer .message .btn-box .right {
          right: 0; }
  /* line 1653, activity3.scss */
  .activity .bscroll-vertical-scrollbar {
    z-index: 99 !important; }
  /* line 1656, activity3.scss */
  .activity .mb_pic {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    z-index: 9999;
    display: none; }
    /* line 1668, activity3.scss */
    .activity .mb_pic .pic_box {
      width: 1099px;
      margin: 0 auto;
      position: relative; }
      @media screen and (max-width: 1200px) {
        /* line 1668, activity3.scss */
        .activity .mb_pic .pic_box {
          width: 800px; } }
      @media screen and (max-width: 760px) {
        /* line 1668, activity3.scss */
        .activity .mb_pic .pic_box {
          width: 100vw; } }
      /* line 1680, activity3.scss */
      .activity .mb_pic .pic_box .picWr {
        width: 322px;
        overflow: hidden;
        height: 573px;
        margin: 0 auto;
        position: relative; }
        @media screen and (max-width: 760px) {
          /* line 1680, activity3.scss */
          .activity .mb_pic .pic_box .picWr {
            width: 89.4666666667vw;
            height: 126.6666666667vw; } }
      /* line 1691, activity3.scss */
      .activity .mb_pic .pic_box .pic {
        margin: 0 auto;
        width: 100%; }
        /* line 1694, activity3.scss */
        .activity .mb_pic .pic_box .pic img {
          width: 100%; }
      /* line 1698, activity3.scss */
      .activity .mb_pic .pic_box .close {
        position: absolute;
        width: 32px;
        top: -16px;
        right: 0;
        cursor: pointer; }
        @media screen and (max-width: 760px) {
          /* line 1698, activity3.scss */
          .activity .mb_pic .pic_box .close {
            top: -11.8666666667vw;
            right: 5.3333333333vw;
            width: 5.3333333333vw; }
            /* line 1708, activity3.scss */
            .activity .mb_pic .pic_box .close img {
              width: 100%; } }
  /* line 1715, activity3.scss */
  .activity .img-swiper {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #000;
    background: rgba(0, 0, 0, 0.8); }
    /* line 1725, activity3.scss */
    .activity .img-swiper .img-swiper-box {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 50%;
      max-width: 1200px; }
      /* line 1733, activity3.scss */
      .activity .img-swiper .img-swiper-box .close {
        position: absolute;
        top: 0;
        right: 1%;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        width: 5%;
        margin-top: -7%; }
      /* line 1742, activity3.scss */
      .activity .img-swiper .img-swiper-box .img-btn-box {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0; }
        /* line 1747, activity3.scss */
        .activity .img-swiper .img-swiper-box .img-btn-box img {
          position: absolute;
          top: 0;
          cursor: pointer;
          width: 5%;
          transform: translateY(-50%); }
        /* line 1754, activity3.scss */
        .activity .img-swiper .img-swiper-box .img-btn-box .left {
          left: 0; }
        /* line 1757, activity3.scss */
        .activity .img-swiper .img-swiper-box .img-btn-box .right {
          right: 0; }
      /* line 1761, activity3.scss */
      .activity .img-swiper .img-swiper-box .swiper-container5 {
        overflow: hidden;
        height: 50vw;
        max-height: 100%; }
        /* line 1765, activity3.scss */
        .activity .img-swiper .img-swiper-box .swiper-container5 img {
          display: block;
          height: 100%;
          max-width: 100%;
          margin: 0 auto; }
  /* line 1774, activity3.scss */
  .activity .video-moda {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.5); }
    /* line 1783, activity3.scss */
    .activity .video-moda > div {
      z-index: 99999;
      width: 100%;
      min-height: 50%;
      max-width: 1286px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      margin: 0 auto; }
      /* line 1794, activity3.scss */
      .activity .video-moda > div .close {
        width: 100%;
        max-width: 1286px; }
        /* line 1797, activity3.scss */
        .activity .video-moda > div .close img {
          float: right;
          cursor: pointer;
          margin-top: -30px; }
    /* line 1804, activity3.scss */
    .activity .video-moda .video-js .vjs-big-play-button {
      display: none; }

/* line 1810, activity3.scss */
.jbfx_share {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9990;
  background-image: url(http://www.jahwa.com.cn/app/public/img/act3/jb_share.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow-y: auto; }
  /* line 1824, activity3.scss */
  .jbfx_share .jsfx_tilie {
    width: 180px;
    margin: 0 auto;
    margin-top: 40px;
    display: none; }
    @media screen and (max-width: 760px) {
      /* line 1824, activity3.scss */
      .jbfx_share .jsfx_tilie {
        display: block; } }
    /* line 1833, activity3.scss */
    .jbfx_share .jsfx_tilie img {
      width: 100%; }
  /* line 1837, activity3.scss */
  .jbfx_share .jbfx_share_main {
    height: auto;
    width: 50.3%;
    margin: 0 auto;
    padding-top: 90px;
    padding-bottom: 50px; }
    @media screen and (max-width: 760px) {
      /* line 1837, activity3.scss */
      .jbfx_share .jbfx_share_main {
        width: 100%;
        padding-top: 0; } }
    /* line 1847, activity3.scss */
    .jbfx_share .jbfx_share_main .share_pack {
      height: auto;
      width: 100%;
      border: 1px solid #6e4d2a;
      position: relative; }
      @media screen and (max-width: 760px) {
        /* line 1847, activity3.scss */
        .jbfx_share .jbfx_share_main .share_pack {
          border: unset; } }
      /* line 1855, activity3.scss */
      .jbfx_share .jbfx_share_main .share_pack .Close_b {
        height: 48px;
        width: 48px;
        position: absolute;
        top: -59px;
        right: -54px;
        cursor: pointer; }
        @media screen and (max-width: 1500px) {
          /* line 1855, activity3.scss */
          .jbfx_share .jbfx_share_main .share_pack .Close_b {
            height: 48px;
            width: 48px;
            top: -50px;
            right: -45px; } }
        @media screen and (max-width: 1200px) {
          /* line 1855, activity3.scss */
          .jbfx_share .jbfx_share_main .share_pack .Close_b {
            height: 35px;
            width: 35px;
            top: -40px;
            right: -35px; } }
        @media screen and (max-width: 1000px) {
          /* line 1855, activity3.scss */
          .jbfx_share .jbfx_share_main .share_pack .Close_b {
            height: 30px;
            width: 30px;
            top: -35px;
            right: -30px; } }
        @media screen and (max-width: 760px) {
          /* line 1855, activity3.scss */
          .jbfx_share .jbfx_share_main .share_pack .Close_b {
            top: -100px;
            right: 10px; } }
        /* line 1884, activity3.scss */
        .jbfx_share .jbfx_share_main .share_pack .Close_b img {
          width: 100%; }
      /* line 1888, activity3.scss */
      .jbfx_share .jbfx_share_main .share_pack .share_v {
        height: auto;
        width: 100%;
        padding: 2% 2.5%;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box; }
        @media screen and (max-width: 760px) {
          /* line 1888, activity3.scss */
          .jbfx_share .jbfx_share_main .share_pack .share_v {
            padding: 0; } }
        /* line 1898, activity3.scss */
        .jbfx_share .jbfx_share_main .share_pack .share_v .share_mv {
          width: 100%;
          height: auto; }
          /* line 1901, activity3.scss */
          .jbfx_share .jbfx_share_main .share_pack .share_v .share_mv video {
            width: 100%; }
        /* line 1905, activity3.scss */
        .jbfx_share .jbfx_share_main .share_pack .share_v .share_mv_list {
          height: auto;
          color: white;
          padding-top: 2%; }
          @media screen and (max-width: 760px) {
            /* line 1905, activity3.scss */
            .jbfx_share .jbfx_share_main .share_pack .share_v .share_mv_list {
              padding: 2% 0 2% 5%; } }
          /* line 1913, activity3.scss */
          .jbfx_share .jbfx_share_main .share_pack .share_v .share_mv_list p {
            font-size: 18px;
            line-height: 32px;
            margin: 0; }
            @media screen and (max-width: 1200px) {
              /* line 1913, activity3.scss */
              .jbfx_share .jbfx_share_main .share_pack .share_v .share_mv_list p {
                font-size: 16px;
                line-height: 24px; } }
          /* line 1922, activity3.scss */
          .jbfx_share .jbfx_share_main .share_pack .share_v .share_mv_list span {
            font-size: 14px;
            line-height: 24px;
            margin: 0; }
            @media screen and (max-width: 1200px) {
              /* line 1922, activity3.scss */
              .jbfx_share .jbfx_share_main .share_pack .share_v .share_mv_list span {
                font-size: 12px;
                line-height: 16px; } }
      /* line 1933, activity3.scss */
      .jbfx_share .jbfx_share_main .share_pack .share_img {
        height: 175px;
        width: 100%;
        overflow: hidden;
        border-top: 1px solid #6e4d2a; }
        @media screen and (max-width: 1500px) {
          /* line 1933, activity3.scss */
          .jbfx_share .jbfx_share_main .share_pack .share_img {
            height: 160px; } }
        @media screen and (max-width: 1200px) {
          /* line 1933, activity3.scss */
          .jbfx_share .jbfx_share_main .share_pack .share_img {
            height: 140px; } }
        @media screen and (max-width: 1000px) {
          /* line 1933, activity3.scss */
          .jbfx_share .jbfx_share_main .share_pack .share_img {
            height: 130px; } }
        @media screen and (max-width: 800px) {
          /* line 1933, activity3.scss */
          .jbfx_share .jbfx_share_main .share_pack .share_img {
            height: 120px; } }
        @media screen and (max-width: 760px) {
          /* line 1933, activity3.scss */
          .jbfx_share .jbfx_share_main .share_pack .share_img {
            height: 200px; } }
        /* line 1953, activity3.scss */
        .jbfx_share .jbfx_share_main .share_pack .share_img .share_img_main {
          height: 100%;
          width: 100%;
          padding: 2% 0px 2% 5%;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box;
          overflow: hidden;
          position: relative;
          overflow-x: auto;
          /*修改滚动条样式*/ }
          @media screen and (max-width: 760px) {
            /* line 1953, activity3.scss */
            .jbfx_share .jbfx_share_main .share_pack .share_img .share_img_main {
              padding: 5% 0px 5% 10%; } }
          /* line 1969, activity3.scss */
          .jbfx_share .jbfx_share_main .share_pack .share_img .share_img_main .swiper-containerzx {
            height: 100%;
            width: 100%;
            overflow: hidden; }
          /* line 1974, activity3.scss */
          .jbfx_share .jbfx_share_main .share_pack .share_img .share_img_main .share_ppt_list {
            height: 100%;
            width: 100%;
            display: flex;
            /* overflow-y: auto; */ }
            /* line 1979, activity3.scss */
            .jbfx_share .jbfx_share_main .share_pack .share_img .share_img_main .share_ppt_list .simg {
              display: inline-block;
              height: 100%;
              margin-right: 3%;
              cursor: pointer;
              transition: all 0.3s; }
            /* line 1986, activity3.scss */
            .jbfx_share .jbfx_share_main .share_pack .share_img .share_img_main .share_ppt_list .simg:hover {
              transform: scale(1.1); }
            /* line 1989, activity3.scss */
            .jbfx_share .jbfx_share_main .share_pack .share_img .share_img_main .share_ppt_list img {
              /* display: inline-block; */
              height: 100%; }
        /* line 1995, activity3.scss */
        .jbfx_share .jbfx_share_main .share_pack .share_img .share_img_main::-webkit-scrollbar {
          width: 10px;
          height: 10px;
          /**/ }
        /* line 2001, activity3.scss */
        .jbfx_share .jbfx_share_main .share_pack .share_img .share_img_main::-webkit-scrollbar-track {
          background: #6e4d2a;
          border-radius: 2px; }
        /* line 2006, activity3.scss */
        .jbfx_share .jbfx_share_main .share_pack .share_img .share_img_main::-webkit-scrollbar-thumb {
          background: #513211;
          border-radius: 10px; }
        /* line 2011, activity3.scss */
        .jbfx_share .jbfx_share_main .share_pack .share_img .share_img_main::-webkit-scrollbar-thumb:hover {
          background: #513211; }
  /* line 2017, activity3.scss */
  .jbfx_share .tup_main {
    background-color: rgba(0, 0, 0, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    overflow: auto;
    display: none; }
    /* line 2027, activity3.scss */
    .jbfx_share .tup_main .container_10_b {
      height: 30px;
      width: 30px;
      position: absolute;
      top: 20px;
      right: 20px;
      z-index: 500;
      cursor: pointer; }
      /* line 2035, activity3.scss */
      .jbfx_share .tup_main .container_10_b img {
        width: 100%; }
    /* line 2039, activity3.scss */
    .jbfx_share .tup_main .arrows2 {
      position: absolute;
      margin-top: -30px;
      height: 30.27px;
      bottom: 10%;
      width: 60%;
      left: 50%;
      transform: translateX(-50%);
      z-index: 10; }
      /* line 2048, activity3.scss */
      .jbfx_share .tup_main .arrows2 .larr2 {
        float: left;
        width: 15px; }
      /* line 2052, activity3.scss */
      .jbfx_share .tup_main .arrows2 .rarr2 {
        float: right;
        width: 15px; }
      /* line 2056, activity3.scss */
      .jbfx_share .tup_main .arrows2 p {
        color: #6d4c2a;
        text-align: center;
        margin: 0;
        width: 79%;
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 16px; }
      /* line 2068, activity3.scss */
      .jbfx_share .tup_main .arrows2 img {
        width: 100%; }
    /* line 2072, activity3.scss */
    .jbfx_share .tup_main .swiper-container_10 {
      height: auto;
      width: 1600px;
      position: relative;
      overflow: hidden;
      left: 0;
      top: 0;
      z-index: 100000;
      transform: unset;
      margin: 0 auto;
      margin-top: 80px; }
      @media screen and (max-width: 1610px) {
        /* line 2072, activity3.scss */
        .jbfx_share .tup_main .swiper-container_10 {
          width: 1400px; } }
      @media screen and (max-width: 1410px) {
        /* line 2072, activity3.scss */
        .jbfx_share .tup_main .swiper-container_10 {
          width: 1200px; } }
      @media screen and (max-width: 1210px) {
        /* line 2072, activity3.scss */
        .jbfx_share .tup_main .swiper-container_10 {
          width: 1000px; } }
      @media screen and (max-width: 1100px) {
        /* line 2072, activity3.scss */
        .jbfx_share .tup_main .swiper-container_10 {
          width: 750px; } }
      @media screen and (max-width: 760px) {
        /* line 2072, activity3.scss */
        .jbfx_share .tup_main .swiper-container_10 {
          width: 100%;
          position: absolute;
          left: 50%;
          top: 50%;
          z-index: 100000;
          transform: translate(-50%, -50%);
          margin-top: unset; } }
      /* line 2104, activity3.scss */
      .jbfx_share .tup_main .swiper-container_10 .container_10_b {
        height: 48px;
        width: 48px;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 500;
        cursor: pointer; }
        @media screen and (max-width: 1500px) {
          /* line 2104, activity3.scss */
          .jbfx_share .tup_main .swiper-container_10 .container_10_b {
            height: 48px;
            width: 48px;
            top: 0px;
            right: 0px; } }
        @media screen and (max-width: 1200px) {
          /* line 2104, activity3.scss */
          .jbfx_share .tup_main .swiper-container_10 .container_10_b {
            height: 35px;
            width: 35px;
            top: 0px;
            right: 0px; } }
        @media screen and (max-width: 1000px) {
          /* line 2104, activity3.scss */
          .jbfx_share .tup_main .swiper-container_10 .container_10_b {
            height: 30px;
            width: 30px;
            top: 0px;
            right: 0px; } }
        @media screen and (max-width: 760px) {
          /* line 2104, activity3.scss */
          .jbfx_share .tup_main .swiper-container_10 .container_10_b {
            top: -120px;
            right: 20px; } }
        /* line 2134, activity3.scss */
        .jbfx_share .tup_main .swiper-container_10 .container_10_b img {
          width: 100%; }
      /* line 2138, activity3.scss */
      .jbfx_share .tup_main .swiper-container_10 .simg {
        box-sizing: border-box;
        padding: 60px; }
        /* line 2141, activity3.scss */
        .jbfx_share .tup_main .swiper-container_10 .simg img {
          display: block;
          width: 100%;
          margin: 0 auto; }
        @media screen and (max-width: 760px) {
          /* line 2138, activity3.scss */
          .jbfx_share .tup_main .swiper-container_10 .simg {
            padding: unset; } }
      /* line 2150, activity3.scss */
      .jbfx_share .tup_main .swiper-container_10 .arrows2 {
        position: absolute;
        top: 50%;
        width: 100%;
        margin-top: -30px;
        height: 0; }
        @media screen and (max-width: 1600px) {
          /* line 2150, activity3.scss */
          .jbfx_share .tup_main .swiper-container_10 .arrows2 {
            margin-top: -23px; } }
        @media screen and (max-width: 760px) {
          /* line 2150, activity3.scss */
          .jbfx_share .tup_main .swiper-container_10 .arrows2 {
            bottom: 0;
            width: 60%;
            left: 50%;
            transform: translateX(-50%); } }
        /* line 2165, activity3.scss */
        .jbfx_share .tup_main .swiper-container_10 .arrows2 .larr2 {
          float: left;
          width: 33px;
          cursor: pointer; }
          @media screen and (max-width: 1600px) {
            /* line 2165, activity3.scss */
            .jbfx_share .tup_main .swiper-container_10 .arrows2 .larr2 {
              width: 26px; } }
          @media screen and (max-width: 760px) {
            /* line 2165, activity3.scss */
            .jbfx_share .tup_main .swiper-container_10 .arrows2 .larr2 {
              width: 15px; } }
        /* line 2181, activity3.scss */
        .jbfx_share .tup_main .swiper-container_10 .arrows2 .rarr2 {
          float: right;
          width: 33px;
          cursor: pointer; }
          @media screen and (max-width: 1600px) {
            /* line 2181, activity3.scss */
            .jbfx_share .tup_main .swiper-container_10 .arrows2 .rarr2 {
              width: 26px; } }
          @media screen and (max-width: 760px) {
            /* line 2181, activity3.scss */
            .jbfx_share .tup_main .swiper-container_10 .arrows2 .rarr2 {
              width: 15px; } }
        /* line 2198, activity3.scss */
        .jbfx_share .tup_main .swiper-container_10 .arrows2 p {
          color: #6d4c2a;
          text-align: center;
          margin: 0;
          width: 79%;
          display: inline-block;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          margin-top: 12px;
          font-size: 16px;
          display: none; }
          @media screen and (max-width: 760px) {
            /* line 2198, activity3.scss */
            .jbfx_share .tup_main .swiper-container_10 .arrows2 p {
              display: block; } }
        /* line 2215, activity3.scss */
        .jbfx_share .tup_main .swiper-container_10 .arrows2 img {
          width: 100%; }

@media screen and (max-width: 1366px) {
  /* line 2226, activity3.scss */
  .activity .layer .live {
    width: 58%; }
  /* line 2229, activity3.scss */
  .activity .layer .message {
    margin-top: 4%; }
    /* line 2232, activity3.scss */
    .activity .layer .message .msg-body .swiper {
      width: 80%; }
    /* line 2235, activity3.scss */
    .activity .layer .message .msg-body .about {
      width: 70%; }
    /* line 2238, activity3.scss */
    .activity .layer .message .msg-body .pictures {
      margin-left: 11%; }
    /* line 2242, activity3.scss */
    .activity .layer .message .btn-box {
      width: 90%;
      margin-left: 5%; } }
@media screen and (max-width: 1200px) {
  /* line 2252, activity3.scss */
  .activity .img-swiper .img-swiper-box .img-btn-box {
    display: none; } }
@media screen and (max-width: 760px) {
  /* line 2258, activity3.scss */
  .activity {
    margin-top: 55px; }
    /* line 2264, activity3.scss */
    .activity .layer .live {
      width: 89.0666666667vw;
      margin: 0 auto; }
    /* line 2268, activity3.scss */
    .activity .layer .message {
      margin-top: 8%; }
      /* line 2270, activity3.scss */
      .activity .layer .message .head {
        width: 90%;
        overflow-x: scroll;
        white-space: nowrap; }
        /* line 2274, activity3.scss */
        .activity .layer .message .head div {
          width: 27vw; }
      /* line 2278, activity3.scss */
      .activity .layer .message .btn-box {
        display: none; }
      /* line 2281, activity3.scss */
      .activity .layer .message .msg-body {
        padding-bottom: 10%; }
        /* line 2283, activity3.scss */
        .activity .layer .message .msg-body .swiper {
          width: 88%;
          height: auto;
          margin-top: 0; }
          /* line 2287, activity3.scss */
          .activity .layer .message .msg-body .swiper .swiper-wrapper .swiper-slide {
            width: 100%; }
        /* line 2291, activity3.scss */
        .activity .layer .message .msg-body .about {
          margin-top: 8%; }
          /* line 2293, activity3.scss */
          .activity .layer .message .msg-body .about .first-margin {
            margin-bottom: 10%; }
          /* line 2296, activity3.scss */
          .activity .layer .message .msg-body .about .about1,
          .activity .layer .message .msg-body .about .about2 {
            width: 100%;
            margin: 0;
            position: static;
            margin-bottom: 4%; }
          /* line 2303, activity3.scss */
          .activity .layer .message .msg-body .about .wuzhen {
            width: 37%;
            position: static;
            margin-top: -12%;
            margin-left: 2%; }
          /* line 2309, activity3.scss */
          .activity .layer .message .msg-body .about .r-font {
            position: static;
            margin-top: 7%;
            padding: 0; }
            /* line 2313, activity3.scss */
            .activity .layer .message .msg-body .about .r-font .line {
              border-bottom: 1px solid #f3fa74; }
        /* line 2318, activity3.scss */
        .activity .layer .message .msg-body .news {
          width: 92%;
          margin-top: 8%;
          overflow-y: auto;
          max-height: 128vw; }
          /* line 2323, activity3.scss */
          .activity .layer .message .msg-body .news .new-item {
            width: 47%;
            margin: 1%; }
        /* line 2328, activity3.scss */
        .activity .layer .message .msg-body .videos {
          width: 92%;
          margin-top: 8%;
          overflow-y: auto;
          max-height: 128vw; }
          /* line 2333, activity3.scss */
          .activity .layer .message .msg-body .videos .video-item {
            width: 99%;
            margin: 2% 0;
            box-sizing: border-box; }
            /* line 2337, activity3.scss */
            .activity .layer .message .msg-body .videos .video-item .play {
              opacity: 1; }
        /* line 2342, activity3.scss */
        .activity .layer .message .msg-body .pictures {
          width: 92%;
          margin: 0 auto;
          margin-top: 8%;
          height: 178vw;
          overflow-y: auto; }
          /* line 2348, activity3.scss */
          .activity .layer .message .msg-body .pictures .marginL {
            margin: 0; }
          /* line 2351, activity3.scss */
          .activity .layer .message .msg-body .pictures img {
            margin: 0; }
          /* line 2354, activity3.scss */
          .activity .layer .message .msg-body .pictures .big {
            width: 100%;
            margin-bottom: 2%; }
          /* line 2358, activity3.scss */
          .activity .layer .message .msg-body .pictures .small {
            width: 49%;
            margin-bottom: 2%; }
          /* line 2362, activity3.scss */
          .activity .layer .message .msg-body .pictures .marginM {
            margin-right: 2%; }
    /* line 2369, activity3.scss */
    .activity .img-swiper .img-swiper-box .close {
      width: 8%;
      margin-top: -10%; } }
/* line 2376, activity3.scss */
.vjs-big-play-button,
.vjs-big-play-button:focus {
  top: 50% !important;
  left: 50% !important;
  margin-top: -0.75em !important;
  margin-left: -1.5em !important; }

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