@import url(mobie-common.css);
@media screen and (max-width: 768px) {
  .section .page-cont {
    padding: 15% 15px; }
  .page1 .page-cont {
    padding-top: calc(15% + 80px); }
  .page2 .text {
    margin-bottom: 30px; }
  .page2 .st-wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px; }
    .page2 .st-wrap .bl-box {
      border: none;
      margin-bottom: 20px;
      padding: 0; }
      .page2 .st-wrap .bl-box p.dl-text {
        font-size: 14px; }
      .page2 .st-wrap .bl-box i.blue {
        font-size: 26px; }
      .page2 .st-wrap .bl-box:first-of-type {
        border: none; }
  .page2 .img-box {
    width: 100%; }
    .page2 .img-box img {
      width: 100%; }
    .page2 .img-box img.phone {
      width: 60px; }
  .page3 .text {
    margin-bottom: 40px; }
  .page3 .icon-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .page3 .icon-wrap .icon-box {
      width: 50%;
      font-size: 12px; }
      .page3 .icon-wrap .icon-box:first-of-type, .page3 .icon-wrap .icon-box:nth-of-type(2) {
        margin-bottom: 20px; }
  .page3 .nav-arrow-wrap {
    display: none; }
  .page3 .des-wrap {
    width: 100%;
    padding: 0 15px; }
    .page3 .des-wrap .title {
      font-size: 16px;
      margin-bottom: 30px !important; }
    .page3 .des-wrap .sub-title {
      font-size: 14px;
      line-height: 1.6;
      margin-bottom: 20px; }
      .page3 .des-wrap .sub-title br {
        display: none; }
    .page3 .des-wrap .card-wrap {
      display: flex;
      flex-wrap: wrap;
      align-items: unset;
      height: auto; }
      .page3 .des-wrap .card-wrap.c1, .page3 .des-wrap .card-wrap.c2 {
        height: auto; }
      .page3 .des-wrap .card-wrap .split-line {
        display: none; }
      .page3 .des-wrap .card-wrap .card {
        width: 33.33%;
        margin-bottom: 15px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center; }
        .page3 .des-wrap .card-wrap .card img {
          width: 60px; }
        .page3 .des-wrap .card-wrap .card p {
          font-size: 12px; }
    .page3 .des-wrap .stepLin-wrap {
      flex-direction: column;
      align-items: flex-start; }
      .page3 .des-wrap .stepLin-wrap .step {
        width: 100%;
        justify-content: flex-start; }
      .page3 .des-wrap .stepLin-wrap .dashed {
        margin-left: 55px; }
    .page3 .des-wrap .text-block-wrap {
      flex-direction: column; }
  .page3 .mb-line {
    display: none; }
  .page3 .goodChoose .sell-block-wrap {
    flex-direction: column; }
  .page4 .text {
    margin-bottom: 30px; }
  .page4 .stepLin-wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px; }
    .page4 .stepLin-wrap .step {
      width: 100%;
      justify-content: flex-start; }
    .page4 .stepLin-wrap .dashed {
      width: 100%;
      margin: 15px 0; }
  .page4 .swiper-container {
    width: 100%;
    margin-top: 20px; }
    .page4 .swiper-container .swiper-slide {
      height: 300px; } }
    @media screen and (max-width: 768px) and (max-width: 500px) {
      .page4 .swiper-container .swiper-slide {
        height: 178px; } }

@media screen and (max-width: 768px) {
      .page4 .swiper-container .swiper-slide img {
        height: 100%; }
  .page5 .text {
    margin-bottom: 30px; }
  .page5 .site-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: unset; }
    .page5 .site-wrap .site {
      width: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end; }
      .page5 .site-wrap .site:first-of-type, .page5 .site-wrap .site:nth-of-type(2) {
        margin-bottom: 15px; }
      .page5 .site-wrap .site img {
        width: 90px; } }