@charset "UTF-8";
@media (min-width: 1200px) {
  /*企业微信裂变增长系统*/
  .banner {
    width: 100%;
    position: relative;
    z-index: 9;
    background-size: cover; }
  .fission_banner {
    background: url("/templates/website/res/2020/img/fission_task/banner.png") no-repeat center center;
    background-size: cover; }
  .banner_text {
    justify-content: flex-start;
    padding-top: 180px;
    box-sizing: border-box; }
    .banner_text p {
      font-size: 22px;
      padding: 15px 0 0px;
      width: 638px; }
    .banner_text span {
      margin-top: 39px; }
  .banner_phone {
    background: url("/templates/website/res/2020/img/fission_task/banner_phone.png") no-repeat center center;
    background-size: cover;
    width: 219px;
    height: 439px;
    margin: auto; }
  .fission_photo {
    background: url("/templates/website/res/2020/img/fission_task/feel.png") no-repeat center center;
    width: 100px;
    height: 100px;
    background-size: 100px 100px; }
  .style_world {
    text-align: center;
    font-size: 26px;
    color: #333333;
    margin-top: 60px; }
  .group_task_bar {
    padding: 81px 0 109px; }
    .group_task_bar .group_task_main {
      padding-top: 52px; }
      .group_task_bar .group_task_main .swiper-container {
        height: 600px;
        width: 100%;
        display: flex; }
      .group_task_bar .group_task_main .swiper-button-next, .group_task_bar .group_task_main .swiper-button-prev {
        top: 37%; }
      .group_task_bar .group_task_main .swiper-pagination {
        bottom: 25%; }
      .group_task_bar .group_task_main .group_task_img .all_width {
        margin-left: 110px; }
      .group_task_bar .group_task_main .group_task_img .button_center {
        text-align: center; }
      .group_task_bar .group_task_main .group_task_img a {
        display: inline-block;
        font-size: 22px;
        color: #fff;
        height: 56px;
        line-height: 56px;
        background: #0086c7;
        padding: 0 40px;
        border-radius: 10px;
        transition: all .3s ease 0s;
        margin-top: 60px; }
      .group_task_bar .group_task_main .group_task_img a:hover {
        background: #0090d6; }
      .group_task_bar .group_task_main .group_task_img .p_margin {
        margin-top: 10px; }
        .group_task_bar .group_task_main .group_task_img .p_margin p {
          font-size: 16px;
          text-align: center;
          padding: 0; }
      .group_task_bar .group_task_main .group_task_img .group_task1, .group_task_bar .group_task_main .group_task_img .group_task2, .group_task_bar .group_task_main .group_task_img .group_task3, .group_task_bar .group_task_main .group_task_img .group_task4 {
        height: 280px; }
      .group_task_bar .group_task_main .group_task_img .photo_style1, .group_task_bar .group_task_main .group_task_img .photo_style2, .group_task_bar .group_task_main .group_task_img .photo_style3, .group_task_bar .group_task_main .group_task_img .photo_style4, .group_task_bar .group_task_main .group_task_img .photo_style5, .group_task_bar .group_task_main .group_task_img .photo_style6 {
        width: 250px; }
      .group_task_bar .group_task_main .group_task_img .group_task1 {
        background: url("/templates/website/res/2020/img/fission_task/group_task1.png") no-repeat center center;
        width: 367px;
        background-size: cover; }
      .group_task_bar .group_task_main .group_task_img .group_task2 {
        background: url("/templates/website/res/2020/img/fission_task/group_task2.png") no-repeat center center;
        width: 269px;
        background-size: cover; }
      .group_task_bar .group_task_main .group_task_img .group_task3 {
        background: url("/templates/website/res/2020/img/fission_task/group_task3.png") no-repeat center center;
        width: 204px;
        background-size: cover;
        margin-left: 20px; }
      .group_task_bar .group_task_main .group_task_img .group_task4 {
        background: url("/templates/website/res/2020/img/fission_task/group_task4.png") no-repeat center center;
        width: 180px;
        background-size: cover;
        margin-left: 115px; }
      .group_task_bar .group_task_main .group_task_img .photo_style1 {
        background: url("/templates/website/res/2020/img/fission_task/6.png") no-repeat center center;
        height: 410px;
        background-size: cover; }
      .group_task_bar .group_task_main .group_task_img .photo_style2 {
        background: url("/templates/website/res/2020/img/fission_task/1.png") no-repeat center center;
        height: 410px;
        background-size: cover; }
      .group_task_bar .group_task_main .group_task_img .photo_style3 {
        background: url("/templates/website/res/2020/img/fission_task/2.png") no-repeat center center;
        height: 410px;
        background-size: cover; }
      .group_task_bar .group_task_main .group_task_img .photo_style4 {
        background: url("/templates/website/res/2020/img/fission_task/3.png") no-repeat center center;
        height: 410px;
        background-size: cover; }
      .group_task_bar .group_task_main .group_task_img .photo_style5 {
        background: url("/templates/website/res/2020/img/fission_task/7.png") no-repeat center center;
        height: 410px;
        background-size: cover; }
      .group_task_bar .group_task_main .group_task_img .photo_style6 {
        background: url("/templates/website/res/2020/img/fission_task/8.png") no-repeat center center;
        height: 410px;
        background-size: cover; }
      .group_task_bar .group_task_main ul {
        justify-content: space-between;
        padding-left: 35px;
        padding-top: 25px; }
        .group_task_bar .group_task_main ul li {
          text-align: center; }
          .group_task_bar .group_task_main ul li h5 {
            font-size: 22px;
            color: #101010;
            padding-bottom: 14px;
            line-height: 33px; }
          .group_task_bar .group_task_main ul li p {
            width: 270px;
            font-size: 14px;
            color: #999;
            margin: auto;
            line-height: 25px; }
  .help_task_bar {
    justify-content: space-around;
    margin-top: 85px;
    text-align: center; }
    .help_task_bar .help_bg {
      background: url("/templates/website/res/2020/img/fission_task/help_bg.png") no-repeat center center;
      background-size: contain;
      width: 300px;
      height: 359px;
      padding-top: 50px;
      box-sizing: border-box; }
    .help_task_bar .person_help {
      background: url("/templates/website/res/2020/img/fission_task/person_help.png") no-repeat center center;
      background-size: contain;
      width: 100px;
      height: 77px;
      margin: auto; }
    .help_task_bar .each_help {
      background: url("/templates/website/res/2020/img/fission_task/each_help.png") no-repeat center center;
      background-size: contain;
      width: 120px;
      height: 64px;
      margin: auto; }
    .help_task_bar .seed_help {
      background: url("/templates/website/res/2020/img/fission_task/seed_help.png") no-repeat center center;
      background-size: contain;
      width: 100px;
      height: 80px;
      margin: auto; }
    .help_task_bar h5 {
      margin-top: 41px;
      font-size: 22px;
      color: #101010; }
    .help_task_bar p {
      margin: auto;
      margin-top: 19px;
      font-size: 14px;
      color: #999;
      width: 237px;
      line-height: 25px; }
  .fission_way_bar {
    padding: 86px 0 31px; }
    .fission_way_bar .fission_way_main {
      padding-top: 69px;
      justify-content: center;
      align-items: center; }
      .fission_way_bar .fission_way_main .group_fission {
        flex: 1;
        background: url("/templates/website/res/2020/img/fission_task/group_fission.png") no-repeat right center;
        background-size: contain;
        width: 478px;
        height: 330px; }
  #sec2_1 {
    text-align: center; }
    #sec2_1 .content {
      background-image: linear-gradient(143deg, #298df8 0%, #1c4de3 100%);
      height: 229px; }
      #sec2_1 .content .content1 {
        display: flex;
        width: 600px;
        margin: 0 auto;
        height: 100%; }
        #sec2_1 .content .content1 .content2 {
          flex: 2;
          margin: auto 0; }
          #sec2_1 .content .content1 .content2 .p1 {
            font-weight: 500;
            text-align: center;
            line-height: 60px;
            color: #fff;
            font-size: 40px; }
          #sec2_1 .content .content1 .content2 .p2 {
            margin-top: 10px;
            line-height: 40px;
            color: #fff;
            font-size: 24px;
            text-align: center; }
        #sec2_1 .content .content1 .content3 {
          margin-top: 0px;
          flex: 1;
          margin: auto 0; }
        #sec2_1 .content .content1 .content3 img {
          width: 120px;
          height: 120px; }
  .fission_way_child .flex {
    justify-content: center;
    align-items: center; }
    .fission_way_child .flex .friends_fission {
      padding-top: 65px;
      flex: 1;
      background: url("/templates/website/res/2020/img/fission_task/friends_fission.png") no-repeat center center;
      background-size: contain;
      width: 463px;
      height: 330px; }
    .fission_way_child .flex .old_fission {
      padding-top: 60px;
      flex: 1;
      background: url("/templates/website/res/2020/img/fission_task/old_fission.png") no-repeat center center;
      background-size: contain;
      width: 462px;
      height: 330px; }
    .fission_way_child .flex .sediment {
      padding-top: 45px;
      flex: 1;
      background: url("/templates/website/res/2020/img/fission_task/sediment.png") no-repeat center center;
      background-size: contain;
      width: 586px;
      height: 380px; }
    .fission_way_child .flex .engine {
      padding-top: 60px;
      flex: 1;
      background: url("/templates/website/res/2020/img/fission_task/engine.png") no-repeat center center;
      background-size: contain;
      width: 484px;
      height: 334px; }
    .fission_way_child .flex .friendworld {
      padding-top: 24px;
      flex: 1;
      background: url("/templates/website/res/2020/img/fission_task/friendworld.png") no-repeat center center;
      background-size: contain;
      width: 502px;
      height: 400px; }
    .fission_way_child .flex .old_p {
      width: 320px; }
    .fission_way_child .flex .sediment_p {
      width: 352px; }
    .fission_way_child .flex .engine_p {
      width: 480px; }
    .fission_way_child .flex .friendworld_p {
      width: 368px; }
    .fission_way_child .flex .friends_last_p p {
      font-size: 12px;
      color: #999;
      padding-left: 23%;
      padding-top: 8px; }
  .text_com1, .text_com3, .text_com5 {
    padding-left: 65px; }
  .text_com2, .text_com4, .text_com6 {
    padding-left: 64px; }
  .free_class_bar {
    padding: 126px 0 213px; }
    .free_class_bar .bar_text h3 {
      padding-bottom: 78px; }
    .free_class_bar .free_class {
      flex: 1;
      background: url("/templates/website/res/2020/img/fission_task/free_class.png") no-repeat center center;
      background-size: contain;
      width: 359px;
      height: 450px; }
    .free_class_bar p {
      width: 540px; }
    .free_class_bar .text_com {
      padding-left: 37px; }
  .store_bar {
    padding: 134px 0 197px; }
    .store_bar .store {
      flex: 1;
      margin: auto;
      background: url("/templates/website/res/2020/img/fission_task/store.png") no-repeat center center;
      background-size: contain;
      width: 638px;
      height: 380px; }
    .store_bar p {
      width: 532px; }
  .tripartite_bar {
    padding: 142px 0 207px; }
    .tripartite_bar .tripartite {
      flex: 1;
      margin: auto;
      background: url("/templates/website/res/2020/img/fission_task/tripartite.png") no-repeat center center;
      background-size: contain;
      width: 597px;
      height: 380px; }
    .tripartite_bar p {
      width: 534px; }
    .tripartite_bar .text_com {
      padding-left: 37px; }
  .meeting_fission_bar {
    padding: 125px 0 102px; }
    .meeting_fission_bar .meeting_fission {
      flex: 1;
      margin: auto;
      background: url("/templates/website/res/2020/img/fission_task/meeting_fission.png") no-repeat center center;
      background-size: contain;
      width: 579px;
      height: 554px; }
    .meeting_fission_bar p {
      width: 564px; }
  .live_fission_bar {
    padding: 123px 0 68px; }
    .live_fission_bar .live_fission {
      flex: 1;
      margin: auto;
      background: url("/templates/website/res/2020/img/fission_task/live_fission.png") no-repeat center center;
      background-size: contain;
      width: 402px;
      height: 500px; }
    .live_fission_bar p {
      width: 558px; }
    .live_fission_bar .text_com {
      padding-left: 37px; }
  .special_incre_bar {
    padding: 88px 0 96px; }
    .special_incre_bar .flex {
      justify-content: space-around; }
    .special_incre_bar .custom_main {
      margin-top: 27px; }
      .special_incre_bar .custom_main .custom {
        text-align: center;
        padding-top: 114px;
        box-sizing: border-box;
        background: url("/templates/website/res/2020/img/fission_task/custom_bg.png") no-repeat center center;
        background-size: contain;
        width: 361px;
        height: 460px; }
      .special_incre_bar .custom_main .custom_account {
        background: url("/templates/website/res/2020/img/fission_task/custom_account.png") no-repeat center center;
        background-size: contain;
        width: 100px;
        height: 100px;
        margin: auto; }
      .special_incre_bar .custom_main .custom_ma {
        background: url("/templates/website/res/2020/img/fission_task/custom_ma.png") no-repeat center center;
        background-size: contain;
        width: 100px;
        height: 100px;
        margin: auto; }
      .special_incre_bar .custom_main .custom_poster {
        background: url("/templates/website/res/2020/img/fission_task/custom_poster.png") no-repeat center center;
        background-size: contain;
        width: 100px;
        height: 100px;
        margin: auto; }
      .special_incre_bar .custom_main h5 {
        font-size: 26px;
        color: #101010;
        margin-top: 66px; }
      .special_incre_bar .custom_main p {
        font-size: 16px;
        color: #8E8E8E;
        margin-top: 40px; }
  /*通用样式*/
  .flex {
    display: flex;
    flex: 2; }
  .h_auto {
    height: auto;
    box-sizing: border-box; }
  .bar_text {
    color: #333333;
    text-align: center; }
    .bar_text h3 {
      font-size: 40px; }
    .bar_text p {
      font-size: 20px;
      margin-top: 10px; }
  .text_com {
    flex: 1;
    box-sizing: border-box; }
    .text_com h5 {
      font-size: 36px;
      color: #333; }
    .text_com h5:first-child {
      padding-bottom: 15px; }
    .text_com p {
      font-size: 18px;
      color: #999;
      line-height: 27px; }
  .h450 {
    height: 450px;
    box-sizing: border-box; }
  .border_box {
    box-sizing: border-box; }
  .h750 {
    height: 750px;
    box-sizing: border-box; }
  .app_block {
    display: none !important; }
  .second_title {
    padding-top: 36px; }
    .second_title .title_icon {
      background: url("/templates/website/res/2020/img/fission_task/title_icon.png") no-repeat center center;
      background-size: contain;
      width: 31px;
      height: 30px;
      margin-right: 10px; }
    .second_title h5 {
      font-size: 20px;
      line-height: 30px;
      padding-bottom: 12px !important; }
    .second_title p {
      font-size: 14px;
      line-height: 20px;
      max-width: 477px !important; } }

@media (min-width: 769px) and (max-width: 1199px) {
  .fission_banner {
    background: url("/templates/website/res/2020/img/fission_task/banner.png") no-repeat center center;
    background-size: cover; }
  .banner_text {
    justify-content: flex-start;
    padding-top: 180px;
    box-sizing: border-box; }
    .banner_text p {
      font-size: 22px;
      padding: 15px 0 0px;
      width: 638px; }
    .banner_text span {
      margin-top: 39px; }
  .banner_phone {
    background: url("/templates/website/res/2020/img/fission_task/banner_phone.png") no-repeat center center;
    background-size: contain;
    width: 219px;
    height: 439px;
    margin: auto; }
  .style_world {
    text-align: center;
    font-size: 26px;
    color: #333333;
    margin-top: 80px; }
  .group_task_bar {
    padding: 81px 0 109px; }
    .group_task_bar .group_task_main {
      padding-top: 52px; }
      .group_task_bar .group_task_main .swiper-container {
        height: 600px;
        width: 100%;
        display: flex; }
      .group_task_bar .group_task_main .swiper-button-next, .group_task_bar .group_task_main .swiper-button-prev {
        top: 37%; }
      .group_task_bar .group_task_main .swiper-pagination {
        bottom: 25%; }
      .group_task_bar .group_task_main .group_task_img .all_width {
        margin-left: 110px; }
      .group_task_bar .group_task_main .group_task_img .button_center {
        text-align: center; }
      .group_task_bar .group_task_main .group_task_img a {
        display: inline-block;
        font-size: 22px;
        color: #fff;
        height: 56px;
        line-height: 56px;
        background: #0086c7;
        padding: 0 40px;
        border-radius: 10px;
        transition: all .3s ease 0s;
        margin-top: 60px; }
      .group_task_bar .group_task_main .group_task_img a:hover {
        background: #0090d6; }
      .group_task_bar .group_task_main .group_task_img .p_margin {
        margin-top: 10px; }
        .group_task_bar .group_task_main .group_task_img .p_margin p {
          font-size: 16px;
          text-align: center;
          padding: 0; }
      .group_task_bar .group_task_main .group_task_img .group_task1, .group_task_bar .group_task_main .group_task_img .group_task2, .group_task_bar .group_task_main .group_task_img .group_task3, .group_task_bar .group_task_main .group_task_img .group_task4 {
        height: 280px; }
      .group_task_bar .group_task_main .group_task_img .photo_style1, .group_task_bar .group_task_main .group_task_img .photo_style2, .group_task_bar .group_task_main .group_task_img .photo_style3, .group_task_bar .group_task_main .group_task_img .photo_style4, .group_task_bar .group_task_main .group_task_img .photo_style5, .group_task_bar .group_task_main .group_task_img .photo_style6 {
        width: 1.8rem; }
      .group_task_bar .group_task_main .group_task_img .group_task1 {
        background: url("/templates/website/res/2020/img/fission_task/group_task1.png") no-repeat center center;
        width: 367px;
        background-size: contain; }
      .group_task_bar .group_task_main .group_task_img .group_task2 {
        background: url("/templates/website/res/2020/img/fission_task/group_task2.png") no-repeat center center;
        width: 269px;
        background-size: contain; }
      .group_task_bar .group_task_main .group_task_img .group_task3 {
        background: url("/templates/website/res/2020/img/fission_task/group_task3.png") no-repeat center center;
        width: 204px;
        background-size: contain;
        margin-left: 20px; }
      .group_task_bar .group_task_main .group_task_img .group_task4 {
        background: url("/templates/website/res/2020/img/fission_task/group_task4.png") no-repeat center center;
        width: 180px;
        background-size: contain;
        margin-left: 115px; }
      .group_task_bar .group_task_main .group_task_img .photo_style1 {
        background: url("/templates/website/res/2020/img/fission_task/6.png") no-repeat center center;
        height: 3.47rem;
        background-size: contain; }
      .group_task_bar .group_task_main .group_task_img .photo_style2 {
        background: url("/templates/website/res/2020/img/fission_task/1.png") no-repeat center center;
        height: 3.47rem;
        background-size: contain; }
      .group_task_bar .group_task_main .group_task_img .photo_style3 {
        background: url("/templates/website/res/2020/img/fission_task/2.png") no-repeat center center;
        height: 3.47rem;
        background-size: contain; }
      .group_task_bar .group_task_main .group_task_img .photo_style4 {
        background: url("/templates/website/res/2020/img/fission_task/3.png") no-repeat center center;
        height: 3.47rem;
        background-size: contain; }
      .group_task_bar .group_task_main .group_task_img .photo_style5 {
        background: url("/templates/website/res/2020/img/fission_task/7.png") no-repeat center center;
        height: 3.47rem;
        background-size: contain; }
      .group_task_bar .group_task_main .group_task_img .photo_style6 {
        background: url("/templates/website/res/2020/img/fission_task/8.png") no-repeat center center;
        height: 3.47rem;
        background-size: contain; }
      .group_task_bar .group_task_main ul {
        justify-content: space-between;
        padding-left: 35px;
        padding-top: 25px; }
        .group_task_bar .group_task_main ul li {
          text-align: center; }
          .group_task_bar .group_task_main ul li h5 {
            font-size: 22px;
            color: #101010;
            padding-bottom: 14px;
            line-height: 33px; }
          .group_task_bar .group_task_main ul li p {
            width: 2.28426rem;
            font-size: 14px;
            color: #999;
            margin: auto;
            line-height: 25px; }
  #sec2_1 {
    text-align: center; }
    #sec2_1 .content {
      background-image: linear-gradient(143deg, #298df8 0%, #1c4de3 100%);
      height: 229px; }
      #sec2_1 .content .content1 {
        display: flex;
        width: 600px;
        margin: 0 auto;
        height: 100%; }
        #sec2_1 .content .content1 .content2 {
          flex: 2;
          margin: auto 0; }
          #sec2_1 .content .content1 .content2 .p1 {
            font-weight: 500;
            text-align: center;
            line-height: 60px;
            color: #fff;
            font-size: 40px; }
          #sec2_1 .content .content1 .content2 .p2 {
            margin-top: 10px;
            line-height: 40px;
            color: #fff;
            font-size: 24px;
            text-align: center; }
        #sec2_1 .content .content1 .content3 {
          margin-top: 0px;
          flex: 1;
          margin: auto 0; }
        #sec2_1 .content .content1 .content3 img {
          width: 120px;
          height: 120px; }
  .help_task_bar {
    justify-content: space-around;
    margin-top: 85px;
    text-align: center; }
    .help_task_bar .help_bg {
      background: url("/templates/website/res/2020/img/fission_task/help_bg.png") no-repeat center center;
      background-size: contain;
      width: 300px;
      height: 359px;
      padding-top: 50px;
      box-sizing: border-box; }
    .help_task_bar .person_help {
      background: url("/templates/website/res/2020/img/fission_task/person_help.png") no-repeat center center;
      background-size: contain;
      width: 100px;
      height: 77px;
      margin: auto; }
    .help_task_bar .each_help {
      background: url("/templates/website/res/2020/img/fission_task/each_help.png") no-repeat center center;
      background-size: contain;
      width: 120px;
      height: 64px;
      margin: auto; }
    .help_task_bar .seed_help {
      background: url("/templates/website/res/2020/img/fission_task/seed_help.png") no-repeat center center;
      background-size: contain;
      width: 100px;
      height: 80px;
      margin: auto; }
    .help_task_bar h5 {
      margin-top: 41px;
      font-size: 22px;
      color: #101010; }
    .help_task_bar p {
      margin: auto;
      margin-top: 19px;
      font-size: 14px;
      color: #999;
      width: 237px;
      line-height: 25px; }
  .fission_way_bar {
    padding: 86px 0 31px; }
    .fission_way_bar .fission_way_main {
      padding-top: 69px;
      justify-content: center;
      align-items: center; }
      .fission_way_bar .fission_way_main .group_fission {
        flex: 1;
        background: url("/templates/website/res/2020/img/fission_task/group_fission.png") no-repeat right center;
        background-size: contain;
        width: 478px;
        height: 330px; }
  .fission_way_child .flex {
    justify-content: center;
    align-items: center; }
    .fission_way_child .flex .friends_fission {
      padding-top: 65px;
      flex: 1;
      background: url("/templates/website/res/2020/img/fission_task/friends_fission.png") no-repeat center center;
      background-size: contain;
      width: 463px;
      height: 330px; }
    .fission_way_child .flex .old_fission {
      padding-top: 60px;
      flex: 1;
      background: url("/templates/website/res/2020/img/fission_task/old_fission.png") no-repeat center center;
      background-size: contain;
      width: 462px;
      height: 330px; }
    .fission_way_child .flex .sediment {
      padding-top: 45px;
      flex: 1;
      background: url("/templates/website/res/2020/img/fission_task/sediment.png") no-repeat center center;
      background-size: contain;
      width: 586px;
      height: 380px; }
    .fission_way_child .flex .engine {
      padding-top: 60px;
      flex: 1;
      background: url("/templates/website/res/2020/img/fission_task/engine.png") no-repeat center center;
      background-size: contain;
      width: 484px;
      height: 334px; }
    .fission_way_child .flex .friendworld {
      padding-top: 24px;
      flex: 1;
      background: url("/templates/website/res/2020/img/fission_task/friendworld.png") no-repeat center center;
      background-size: contain;
      width: 502px;
      height: 400px; }
    .fission_way_child .flex .old_p {
      width: 320px; }
    .fission_way_child .flex .sediment_p {
      width: 352px; }
    .fission_way_child .flex .engine_p {
      width: 480px; }
    .fission_way_child .flex .friendworld_p {
      width: 368px; }
    .fission_way_child .flex .friends_last_p p {
      font-size: 12px;
      color: #999;
      padding-left: 23%;
      padding-top: 8px; }
  .text_com1, .text_com3, .text_com5 {
    padding-left: 65px; }
  .text_com2, .text_com4, .text_com6 {
    padding-left: 64px; }
  .free_class_bar {
    padding: 126px 0 213px; }
    .free_class_bar .bar_text h3 {
      padding-bottom: 78px; }
    .free_class_bar .free_class {
      flex: 1;
      background: url("/templates/website/res/2020/img/fission_task/free_class.png") no-repeat center center;
      background-size: contain;
      width: 359px;
      height: 450px; }
    .free_class_bar p {
      width: 540px; }
    .free_class_bar .text_com {
      padding-left: 37px; }
  .store_bar {
    padding: 134px 0 197px; }
    .store_bar .store {
      flex: 1;
      margin: auto;
      background: url("/templates/website/res/2020/img/fission_task/store.png") no-repeat center center;
      background-size: contain;
      width: 638px;
      height: 380px; }
    .store_bar p {
      width: 532px; }
  .tripartite_bar {
    padding: 142px 0 207px; }
    .tripartite_bar .tripartite {
      flex: 1;
      margin: auto;
      background: url("/templates/website/res/2020/img/fission_task/tripartite.png") no-repeat center center;
      background-size: contain;
      width: 597px;
      height: 380px; }
    .tripartite_bar p {
      width: 534px; }
    .tripartite_bar .text_com {
      padding-left: 37px; }
  .meeting_fission_bar {
    padding: 125px 0 102px; }
    .meeting_fission_bar .meeting_fission {
      flex: 1;
      margin: auto;
      background: url("/templates/website/res/2020/img/fission_task/meeting_fission.png") no-repeat center center;
      background-size: contain;
      width: 579px;
      height: 554px; }
    .meeting_fission_bar p {
      width: 564px; }
  .live_fission_bar {
    padding: 123px 0 68px; }
    .live_fission_bar .live_fission {
      flex: 1;
      margin: auto;
      background: url("/templates/website/res/2020/img/fission_task/live_fission.png") no-repeat center center;
      background-size: contain;
      width: 402px;
      height: 500px; }
    .live_fission_bar p {
      width: 558px; }
    .live_fission_bar .text_com {
      padding-left: 37px; }
  .special_incre_bar {
    padding: 88px 0 96px; }
    .special_incre_bar .flex {
      justify-content: space-around; }
    .special_incre_bar .custom_main {
      margin-top: 27px; }
      .special_incre_bar .custom_main .custom {
        text-align: center;
        padding-top: 114px;
        box-sizing: border-box;
        background: url("/templates/website/res/2020/img/fission_task/custom_bg.png") no-repeat center center;
        background-size: contain;
        width: 361px;
        height: 460px; }
      .special_incre_bar .custom_main .custom_account {
        background: url("/templates/website/res/2020/img/fission_task/custom_account.png") no-repeat center center;
        background-size: contain;
        width: 100px;
        height: 100px;
        margin: auto; }
      .special_incre_bar .custom_main .custom_ma {
        background: url("/templates/website/res/2020/img/fission_task/custom_ma.png") no-repeat center center;
        background-size: contain;
        width: 100px;
        height: 100px;
        margin: auto; }
      .special_incre_bar .custom_main .custom_poster {
        background: url("/templates/website/res/2020/img/fission_task/custom_poster.png") no-repeat center center;
        background-size: contain;
        width: 100px;
        height: 100px;
        margin: auto; }
      .special_incre_bar .custom_main h5 {
        font-size: 26px;
        color: #101010;
        margin-top: 0.55837rem; }
      .special_incre_bar .custom_main p {
        font-size: 16px;
        color: #8E8E8E;
        margin-top: 0.33841rem; }
  /*通用样式*/
  .flex {
    display: flex;
    flex: 2; }
  .h_auto {
    height: auto;
    box-sizing: border-box; }
  .bar_text {
    color: #333333;
    text-align: center; }
    .bar_text h3 {
      font-size: 40px; }
    .bar_text p {
      font-size: 20px;
      margin-top: 10px; }
  .text_com {
    flex: 1;
    box-sizing: border-box; }
    .text_com h5 {
      font-size: 36px;
      color: #333; }
    .text_com h5:first-child {
      padding-bottom: 15px; }
    .text_com p {
      font-size: 18px;
      color: #999;
      line-height: 27px; }
  .h450 {
    height: 450px;
    box-sizing: border-box; }
  .border_box {
    box-sizing: border-box; }
  .h750 {
    height: 750px;
    box-sizing: border-box; }
  .app_block {
    display: none !important; }
  .second_title {
    padding-top: 36px; }
    .second_title .title_icon {
      background: url("/templates/website/res/2020/img/fission_task/title_icon.png") no-repeat center center;
      background-size: contain;
      width: 31px;
      height: 30px;
      margin-right: 10px; }
    .second_title h5 {
      font-size: 20px;
      line-height: 30px;
      padding-bottom: 12px !important; }
    .second_title p {
      font-size: 14px;
      line-height: 20px;
      max-width: 477px !important; } }

@media (max-width: 768px) {
  .fission_banner {
    background: url("/templates/website/res/2020/img/fission_task/banner.png") no-repeat center center;
    background-size: cover;
    height: 270px; }
  .banner_text {
    text-align: left;
    align-items: flex-start; }
    .banner_text h3 {
      font-size: 22px;
      line-height: 33px; }
    .banner_text p {
      font-size: 12px;
      line-height: 20px;
      padding: 18px 0 28px; }
    .banner_text span a {
      background-color: #0086C7;
      color: #fff; }
  .banner_phone {
    background: url("/templates/website/res/2020/img/fission_task/banner_phone.png") no-repeat center center;
    background-size: contain;
    width: 119px;
    height: 238px;
    margin: auto; }
  .style_world {
    text-align: center;
    font-size: 15px;
    color: #333333;
    margin-top: 50px; }
  .group_task_bar {
    padding: 52px 0 54px; }
    .group_task_bar .group_task_main_app {
      padding-top: 31px; }
      .group_task_bar .group_task_main_app .swiper-container {
        height: 460px; }
      .group_task_bar .group_task_main_app .swiper-button-next, .group_task_bar .group_task_main_app .swiper-button-prev {
        top: 37%; }
      .group_task_bar .group_task_main_app .swiper-pagination {
        bottom: 22%; }
      .group_task_bar .group_task_main_app .group_task1, .group_task_bar .group_task_main_app .group_task2, .group_task_bar .group_task_main_app .group_task3, .group_task_bar .group_task_main_app .group_task4 {
        height: 70%;
        margin: auto; }
      .group_task_bar .group_task_main_app .photo_style1, .group_task_bar .group_task_main_app .photo_style2, .group_task_bar .group_task_main_app .photo_style3, .group_task_bar .group_task_main_app .photo_style4, .group_task_bar .group_task_main_app .photo_style5, .group_task_bar .group_task_main_app .photo_style6 {
        height: 75%;
        margin: auto; }
      .group_task_bar .group_task_main_app .group_task1 {
        background: url("/templates/website/res/2020/img/fission_task/group_task1.png") no-repeat center center;
        width: 367px;
        background-size: contain; }
      .group_task_bar .group_task_main_app .group_task2 {
        background: url("/templates/website/res/2020/img/fission_task/group_task2.png") no-repeat center center;
        width: 269px;
        background-size: contain;
        margin-left: 20%; }
      .group_task_bar .group_task_main_app .group_task3 {
        background: url("/templates/website/res/2020/img/fission_task/group_task3.png") no-repeat center center;
        width: 204px;
        background-size: contain;
        margin-right: 25%; }
      .group_task_bar .group_task_main_app .group_task4 {
        background: url("/templates/website/res/2020/img/fission_task/group_task4.png") no-repeat center center;
        width: 180px;
        background-size: contain; }
      .group_task_bar .group_task_main_app .photo_style1 {
        background: url("/templates/website/res/2020/img/fission_task/6.png") no-repeat center center;
        width: 200px;
        background-size: contain; }
      .group_task_bar .group_task_main_app .photo_style2 {
        background: url("/templates/website/res/2020/img/fission_task/1.png") no-repeat center center;
        width: 200px;
        background-size: contain; }
      .group_task_bar .group_task_main_app .photo_style3 {
        background: url("/templates/website/res/2020/img/fission_task/2.png") no-repeat center center;
        width: 200px;
        background-size: contain; }
      .group_task_bar .group_task_main_app .photo_style4 {
        background: url("/templates/website/res/2020/img/fission_task/3.png") no-repeat center center;
        width: 200px;
        background-size: contain; }
      .group_task_bar .group_task_main_app .photo_style5 {
        background: url("/templates/website/res/2020/img/fission_task/7.png") no-repeat center center;
        width: 200px;
        background-size: contain; }
      .group_task_bar .group_task_main_app .photo_style6 {
        background: url("/templates/website/res/2020/img/fission_task/8.png") no-repeat center center;
        width: 200px;
        background-size: contain; }
      .group_task_bar .group_task_main_app h5 {
        font-size: 18px;
        color: #101010;
        margin: 40px auto 0;
        text-align: center; }
      .group_task_bar .group_task_main_app p {
        font-size: 12px;
        color: #999;
        width: 61%;
        margin: 14px auto 0;
        text-align: center; }
      .group_task_bar .group_task_main_app .button {
        height: 30px;
        line-height: 20px;
        background-color: #0086c7;
        border-radius: 10px;
        width: 100px;
        margin: auto;
        margin-top: 30px;
        text-align: center; }
        .group_task_bar .group_task_main_app .button a {
          font-size: 14px;
          color: #fff;
          transition: all .3s ease 0s; }
    .group_task_bar .help_task_bar_app {
      padding-top: 55px;
      text-align: center; }
      .group_task_bar .help_task_bar_app .person_help {
        background: url("/templates/website/res/2020/img/fission_task/person_help.png") no-repeat center center;
        background-size: contain;
        width: 100px;
        height: 77px;
        margin: auto; }
      .group_task_bar .help_task_bar_app .each_help {
        background: url("/templates/website/res/2020/img/fission_task/each_help.png") no-repeat center center;
        background-size: contain;
        width: 120px;
        height: 64px;
        margin: auto; }
      .group_task_bar .help_task_bar_app .seed_help {
        background: url("/templates/website/res/2020/img/fission_task/seed_help.png") no-repeat center center;
        background-size: contain;
        width: 100px;
        height: 80px;
        margin: auto; }
      .group_task_bar .help_task_bar_app h5 {
        margin-top: 41px;
        font-size: 18px;
        color: #101010; }
      .group_task_bar .help_task_bar_app p {
        margin: auto;
        margin-top: 17px;
        font-size: 12px;
        color: #999;
        width: 237px; }
      .group_task_bar .help_task_bar_app .swiper-container {
        height: 260px; }
      .group_task_bar .help_task_bar_app .swiper-button-next, .group_task_bar .help_task_bar_app .swiper-button-prev {
        top: 37%; }
  #sec2_1 {
    text-align: center; }
    #sec2_1 .content {
      background-image: linear-gradient(143deg, #298df8 0%, #1c4de3 100%);
      height: 229px; }
      #sec2_1 .content .content1 .content2 .p1 {
        margin-top: 0;
        font-weight: 500;
        text-align: center;
        line-height: 60px;
        color: #fff;
        font-size: 24px; }
      #sec2_1 .content .content1 .content2 .p2 {
        margin-top: 0;
        line-height: 30px;
        color: #fff;
        font-size: 16px;
        text-align: center;
        margin-bottom: 10px; }
      #sec2_1 .content .content1 .content3 img {
        width: 100px;
        height: 100px; }
  .fission_way_bar {
    padding: 52px 0 31px; }
    .fission_way_bar .fission_way_main {
      padding-top: 31px;
      align-items: center;
      flex-direction: column; }
      .fission_way_bar .fission_way_main .group_fission {
        background: url("/templates/website/res/2020/img/fission_task/group_fission.png") no-repeat center center;
        background-size: contain;
        height: 206px;
        width: 80%; }
  .fission_way_child .flex {
    align-items: center; }
    .fission_way_child .flex .friends_fission {
      margin: 29px auto 10px;
      margin-left: 16%;
      background: url("/templates/website/res/2020/img/fission_task/friends_fission.png") no-repeat center center;
      background-size: contain;
      width: 80%;
      height: 200px; }
    .fission_way_child .flex .old_fission {
      margin: 15px auto 15px;
      background: url("/templates/website/res/2020/img/fission_task/old_fission.png") no-repeat center center;
      background-size: contain;
      width: 80%;
      height: 280px; }
    .fission_way_child .flex .sediment {
      position: absolute;
      top: 7%;
      left: 15%;
      background: url("/templates/website/res/2020/img/fission_task/sediment.png") no-repeat center center;
      background-size: contain;
      width: 85%;
      height: 220px; }
    .fission_way_child .flex .engine {
      background: url("/templates/website/res/2020/img/fission_task/engine.png") no-repeat center center;
      background-size: contain;
      width: 80%;
      height: 220px; }
    .fission_way_child .flex .friendworld {
      background: url("/templates/website/res/2020/img/fission_task/friendworld.png") no-repeat center center;
      background-size: contain;
      width: 80%;
      height: 260px; }
    .fission_way_child .flex .friendworld_p {
      width: 278px; }
    .fission_way_child .flex .friends_last_p {
      width: 100%;
      padding-bottom: 20px; }
      .fission_way_child .flex .friends_last_p p {
        font-size: 12px;
        color: #999;
        padding-top: 8px;
        text-align: center; }
    .fission_way_child .flex .text_com4 {
      margin-top: 213px;
      width: 85%;
      text-align: center; }
    .fission_way_child .flex .engine_p {
      width: 77%; }
  .free_class_bar {
    padding: 52px 0 27px; }
    .free_class_bar .bar_text h3 {
      padding-bottom: 34px; }
    .free_class_bar .free_class {
      margin: auto;
      background: url("/templates/website/res/2020/img/fission_task/free_class.png") no-repeat center center;
      background-size: contain;
      width: 80%;
      height: 260px; }
    .free_class_bar .text_com {
      margin-top: 31px; }
      .free_class_bar .text_com p {
        text-indent: 2em; }
    .free_class_bar .second_title:nth-last-child(2) {
      margin-top: 25px; }
    .free_class_bar h5 {
      font-weight: 600; }
    .free_class_bar p {
      text-align: left; }
  .store_bar {
    padding: 30px 0 27px; }
    .store_bar .store {
      margin: auto;
      background: url("/templates/website/res/2020/img/fission_task/store.png") no-repeat center center;
      background-size: contain;
      width: 80%;
      height: 189px; }
    .store_bar h5:nth-child(3) {
      margin-top: 21px;
      font-size: 14px; }
    .store_bar h5:nth-child(5) {
      margin-top: 21px;
      font-size: 14px; }
    .store_bar .text_com {
      margin: auto;
      margin-top: 31px;
      width: 85%; }
      .store_bar .text_com p {
        text-indent: 2em; }
    .store_bar .second_title:nth-last-child(2) {
      margin-top: 25px; }
    .store_bar h5 {
      font-weight: 600; }
    .store_bar p {
      text-align: left; }
  .tripartite_bar {
    padding: 28px 0 27px; }
    .tripartite_bar .tripartite {
      margin: auto;
      background: url("/templates/website/res/2020/img/fission_task/tripartite.png") no-repeat center center;
      background-size: contain;
      width: 80%;
      height: 178px; }
    .tripartite_bar .text_com {
      margin-top: 31px; }
      .tripartite_bar .text_com p {
        text-indent: 2em; }
    .tripartite_bar .second_title:nth-last-child(2) {
      margin-top: 25px; }
    .tripartite_bar h5 {
      font-weight: 600; }
    .tripartite_bar p {
      text-align: left; }
  .meeting_fission_bar {
    padding: 10px 0 15px; }
    .meeting_fission_bar .meeting_fission {
      margin: auto;
      background: url("/templates/website/res/2020/img/fission_task/meeting_fission.png") no-repeat center center;
      background-size: contain;
      width: 80%;
      height: 280px; }
    .meeting_fission_bar .text_com {
      margin: auto;
      margin-top: 15px;
      width: 85%; }
      .meeting_fission_bar .text_com p {
        text-indent: 2em; }
    .meeting_fission_bar .second_title:nth-last-child(3) {
      margin-top: 25px; }
    .meeting_fission_bar h5 {
      font-weight: 600; }
    .meeting_fission_bar p {
      text-align: left; }
  .live_fission_bar {
    padding: 30px 0 47px; }
    .live_fission_bar .live_fission {
      margin: auto;
      background: url("/templates/website/res/2020/img/fission_task/live_fission.png") no-repeat center center;
      background-size: contain;
      width: 80%;
      height: 280px; }
    .live_fission_bar .text_com {
      margin-top: 15px; }
      .live_fission_bar .text_com p {
        text-indent: 2em; }
    .live_fission_bar .second_title:nth-last-child(3) {
      margin-top: 25px; }
    .live_fission_bar h5 {
      font-weight: 600; }
    .live_fission_bar p {
      text-align: left; }
  .special_incre_bar {
    padding: 52px 0 41px; }
    .special_incre_bar .custom_main {
      margin-top: 10px; }
      .special_incre_bar .custom_main .custom {
        width: 90%;
        height: 100px;
        background-color: #ffffff;
        display: flex;
        box-shadow: 0px 2px 16px 0px rgba(35, 57, 81, 0.26);
        border-radius: 10px;
        overflow: hidden;
        box-sizing: border-box;
        margin: 15px auto 0; }
      .special_incre_bar .custom_main .custom_account {
        background: url("/templates/website/res/2020/img/fission_task/custom_account.png") no-repeat center center;
        background-size: contain;
        width: 60px;
        height: 60px;
        margin: 20px; }
      .special_incre_bar .custom_main .custom_ma {
        background: url("/templates/website/res/2020/img/fission_task/custom_ma.png") no-repeat center center;
        background-size: contain;
        width: 60px;
        height: 60px;
        margin: 20px; }
      .special_incre_bar .custom_main .custom_poster {
        background: url("/templates/website/res/2020/img/fission_task/custom_poster.png") no-repeat center center;
        background-size: contain;
        width: 60px;
        height: 60px;
        margin: 20px; }
      .special_incre_bar .custom_main div {
        margin: auto 0; }
      .special_incre_bar .custom_main h5 {
        font-size: 14px;
        color: #101010; }
      .special_incre_bar .custom_main p {
        font-size: 12px;
        color: #8E8E8E;
        line-height: 30px; }
  /*通用样式*/
  .flex {
    display: flex;
    flex: 2; }
  .h_auto {
    height: auto;
    box-sizing: border-box; }
  .bar_text {
    color: #333333;
    text-align: center; }
    .bar_text h3 {
      font-size: 18px; }
    .bar_text p {
      font-size: 12px;
      margin-top: 10px; }
  .text_com {
    box-sizing: border-box;
    text-align: center;
    width: 100%; }
    .text_com h5 {
      font-size: 18px;
      color: #333;
      padding-bottom: 12px; }
    .text_com p {
      font-size: 12px;
      color: #999;
      line-height: 24px;
      margin: 0 auto; }
  .second_title {
    text-align: left; }
    .second_title .title_icon {
      background: url("/templates/website/res/2020/img/fission_task/title_icon.png") no-repeat center center;
      background-size: contain;
      width: 15px;
      height: 14px;
      float: left;
      margin: 8px 6px 0px 13px; }
    .second_title h5 {
      font-size: 14px;
      display: inline; }
    .second_title p {
      font-size: 12px;
      display: inline; }
  .app_block {
    line-height: 18px !important; }
  .h450 {
    height: auto;
    padding-bottom: 15px; }
  .border_box {
    box-sizing: border-box; }
  .h750 {
    height: auto;
    box-sizing: border-box; }
  .app_none {
    display: none !important; }
  .swiper-container {
    width: 100%; }
  .swiper-container1 {
    width: 100%; }
  .flex_column_r {
    flex-direction: column-reverse; }
  .flex_column {
    flex-direction: column; }
  .relative {
    position: relative; } }