@media (max-width: 749px) {
  #app {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    background-color: #fff; }
    #app .container {
      width: 100%;
      position: relative; }
    #app .content1 {
      width: 100%;
      display: flex;
      justify-content: center;
      position: relative;
      background-color: #f8faff; }
      #app .content1 .block1 {
        flex-shrink: 0;
        width: calc(100% - 24px);
        padding: 50px 12px 40px;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        #app .content1 .block1 .block1_top {
          width: 100%; }
          #app .content1 .block1 .block1_top .block1_t_t {
            height: 54px;
            display: flex;
            align-items: center;
            justify-content: center; }
            #app .content1 .block1 .block1_top .block1_t_t h1 {
              text-align: center;
              font-weight: bold;
              font-size: 36px;
              color: #3f4670; }
          #app .content1 .block1 .block1_top .block1_t_d {
            width: 100%;
            display: flex;
            align-items: center;
            margin-top: 19px; }
            #app .content1 .block1 .block1_top .block1_t_d span {
              text-align: center;
              font-weight: 400;
              font-size: 16px;
              color: #3f4670;
              line-height: 24px; }
          #app .content1 .block1 .block1_top .block1_t_b {
            margin-top: 42px;
            display: flex;
            align-items: center;
            justify-content: center; }
            #app .content1 .block1 .block1_top .block1_t_b .block1_t_bi {
              cursor: pointer;
              width: 162px;
              height: 44px;
              background: #0941d6;
              border-radius: 4px 4px 4px 4px;
              display: flex;
              align-items: center;
              justify-content: center; }
              #app .content1 .block1 .block1_top .block1_t_b .block1_t_bi span {
                font-weight: 500;
                font-size: 16px;
                color: #ffffff; }
    #app .content2 {
      width: 100%;
      height: 80px; }
      #app .content2 .content2_m {
        width: 100%; }
        #app .content2 .content2_m .block2 {
          width: 100%;
          height: 80px;
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;
          background-color: #ffffff;
          box-shadow: 0px 4px 14px 0px #f3f8ff; }
          #app .content2 .content2_m .block2 .block2_m {
            width: 100%;
            max-width: 1200px;
            display: flex;
            align-items: center;
            justify-content: space-between; }
            #app .content2 .content2_m .block2 .block2_m .block2_m_i {
              width: calc(100% / 4);
              height: 100%;
              cursor: pointer;
              display: flex;
              align-items: center;
              justify-content: center; }
              #app .content2 .content2_m .block2 .block2_m .block2_m_i span {
                font-weight: 400;
                font-size: 18px;
                color: #616a9d;
                line-height: 27px; }
              #app .content2 .content2_m .block2 .block2_m .block2_m_i:hover span {
                color: #0941d6; }
    #app .content3 {
      width: calc(100% - 24px);
      padding: 0 12px;
      display: flex;
      justify-content: center;
      position: relative; }
      #app .content3 .block3 {
        flex-shrink: 0;
        width: 100%;
        position: relative;
        padding-bottom: 28px; }
        #app .content3 .block3 .block3_m {
          margin-top: 56px;
          margin-bottom: 103px; }
          #app .content3 .block3 .block3_m .block3_m_body {
            width: 100%; }
            #app .content3 .block3 .block3_m .block3_m_body .block3_t {
              margin-bottom: 31px; }
              #app .content3 .block3 .block3_m .block3_m_body .block3_t h1 {
                text-align: center;
                font-weight: bold;
                font-size: 28px;
                color: #3f4670; }
            #app .content3 .block3 .block3_m .block3_m_body .block3_desc {
              display: flex;
              justify-content: center;
              margin-bottom: 56px; }
              #app .content3 .block3 .block3_m .block3_m_body .block3_desc span {
                font-weight: 400;
                font-size: 16px;
                color: #3f4670; }
            #app .content3 .block3 .block3_m .block3_m_body .block3_m_b_i {
              padding: 32px;
              background: #ffffff;
              box-shadow: 0px 0px 17px 0px #e8f0fd;
              border-radius: 8px;
              display: flex;
              flex-direction: column-reverse;
              margin-bottom: 20px; }
              #app .content3 .block3 .block3_m .block3_m_body .block3_m_b_i .block3_m_b_i_l {
                flex-shrink: 0;
                width: 100%; }
                #app .content3 .block3 .block3_m .block3_m_body .block3_m_b_i .block3_m_b_i_l .block3_m_b_i_l_t h3 {
                  font-weight: 500;
                  font-size: 28px;
                  color: #3f4670; }
                #app .content3 .block3 .block3_m .block3_m_body .block3_m_b_i .block3_m_b_i_l .block3_m_b_i_l_m {
                  margin: 20px 0; }
                  #app .content3 .block3 .block3_m .block3_m_body .block3_m_b_i .block3_m_b_i_l .block3_m_b_i_l_m span {
                    font-weight: 400;
                    font-size: 14px;
                    color: #3f4670; }
              #app .content3 .block3 .block3_m .block3_m_body .block3_m_b_i .block3_m_b_i_r {
                flex-shrink: 0;
                width: 100%; }
                #app .content3 .block3 .block3_m .block3_m_body .block3_m_b_i .block3_m_b_i_r img {
                  width: 100%;
                  height: 100%; }

  .a_btn {
    cursor: pointer;
    width: 145px;
    height: 38px;
    background: #0941d6;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .a_btn span {
      font-weight: 500;
      font-size: 16px;
      color: #ffffff; } }

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