@media only screen and (max-width: 768px) {
   ul,
   li {
       list-style: none;
   }
   body,
   dd,
   dl,
   ul,
   li,
   div,
   p,
   span,
   img,
   h1,
   h2,
   h3,
   h4,
   h5 {
       padding: 0;
       margin: 0;
   }

   img {
       margin: 0;
       padding: 0;
       border: 0;
   }

   body {
       font-size: 12px;
       font-family: "Microsoft YaHei", tahoma, arial, "Hiragino Sans GB", "\5b8b\4f53", sans-serif;
       color: #000;
   }

   a:focus {
       outline: none;
   }

   a:link,
   a:visited,
   a:hover,
   a:active {
       text-decoration: none;
       color: #333;
   }

   html * {
       -webkit-box-sizing: border-box;
               box-sizing: border-box;
   }

   em {
       font-style: normal;
   }

   .main-wrap {
       max-width: 750px;
       margin: 0 auto;
       height: 600px;
   }

   .plr {
       padding: 0 0.5rem;
   }

   .nav-header {
       padding: 1rem 0.5rem;
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
       background: #fff;
       z-index: 100;
     
      
   }

   .nav-header > img {
       display:block;
       width: 3.65rem;
       height: 3.65rem;
       margin-right: 0.5rem;
       flex-shrink:0;
   }

   .nav-header .header-des {
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-justify-content: space-around;
       -ms-flex-pack: distribute;
       justify-content: space-around;
       width: 100%;
   }

   .nav-header .header-des p:nth-child(1) {
       font-size: 0.85rem;
   }

   .nav-header .header-des p:nth-child(2) {
       font-size: 0.75rem;
       color: #8e8e93;
   }

   .nav-header .header-des p:nth-child(3) {
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
           -ms-flex-align: center;
               align-items: center;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
           -ms-flex-pack: justify;
               justify-content: space-between; 

       
       height: 0.8rem;
       font-size: 0.55rem;

       width:100%;
   }

   .nav-header .header-des p:nth-child(3):before {
       content: "";
       display: inline-block;
       height: 0.8rem;
       width: 5.1rem;
       background: url(../image/star.png) no-repeat left center;
       -webkit-background-size: 100% 100%;
               background-size: 100%;
   }

   .nav-header .header-des p:nth-child(3) a {
       color: #4ca0f6;
       margin-left: 0.25rem;
   }

   .nav-header .header-des p:nth-child(3) span {
       color: #000;
   }

   .banner {
       padding-top: 1rem;
   }

   .banner .slideshow-container {
       width: 100%;
       position: relative;
       padding: 0 0 0.5rem;

       
   }

   .banner .slideshow-container .mySlides {
       display: none;
      
   }

   .banner .slideshow-container .mySlides:first-child{
       display:block;
   }
   .banner .slideshow-container + div {
       margin-top: 0;
       position: relative;
   }

   .banner .slideshow-container img {
     
       display: block;
   /*     width: 17.75rem !important;
       height: 10.0rem; */
   }

   .banner .dot {
       height: 0.2rem;
       width: 0.75rem;
       background-color: #ddd;
       -webkit-border-radius: 6px;
               border-radius: 6px;
       display: inline-block;
       -webkit-transition: background-color 0.6s ease;
       -o-transition: background-color 0.6s ease;
       transition: background-color 0.6s ease;
   }

   .banner .active {
       background-color: #106ce2;
   }
   .scope{
       max-width: 750px;
       margin: 0 auto;
       overflow: hidden;
   }


   .pc_qrcode {
       margin-top: 0.75rem;
       margin-top: 1.75rem;
       padding-left: 2rem;
       padding-right: 2rem;
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
           -ms-flex-pack: justify;
               justify-content: space-between;
       -webkit-box-align: center;
       -webkit-align-items: center;
           -ms-flex-align: center;
               align-items: center;
       display: none;

   }

   .pc_qrcode img {
       width: 8rem;

   }

   .pc_qrcode p {
       font-size: 60px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
           -ms-flex-direction: column;
               flex-direction: column;
       -webkit-justify-content: space-around;
           -ms-flex-pack: distribute;
               justify-content: space-around;
   }
   .pc_qrcode span:first-child{
       margin-bottom:30px;
      
   }


   .intro .download {
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
           -ms-flex-pack: justify;
               justify-content: space-between;
       -webkit-box-align: center;
       -webkit-align-items: center;
           -ms-flex-align: center;
               align-items: center;
       height: 4.5rem;
       border-bottom: 1px solid #cdced3;
      
   }

   .intro .download p {
       height: 2.5rem;
       width: 1.5rem;
       background: url(../image/customer.png) no-repeat center top;
       -webkit-background-size: 100% 100%;
               background-size: 100%;
       font-size: 0.7rem;
       color: #222;
       padding-top: 1.5rem;
   }

   .intro .download a {
      display:flex;

       align-items: center;
     
       justify-content: center;
       width: 100%;
       height: 2.5rem;
       background: #106ce2;
       color: #fff;
       font-size: 1rem;
       -webkit-border-radius: 6px;
       border-radius: 6px;
   }

   .intro .detail {
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -ms-flex-pack: center;
       justify-content: center;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -ms-flex-align: center;
       align-items: center;
       overflow: hidden;
   }
   .intro .detail  .title{
       
       align-self:flex-start;
       margin-left: 0.75rem; margin-top: 1.6rem;
   }
   .intro .detail  .title:first-of-type{
       margin-top: 0.1rem;
   }
   .intro .detail  .title h3{
   color: #222;
   font-size: 1.25rem;
   margin-top: 1.25rem;
   margin-bottom: 0.7rem;
   display: flex;
   align-items: center;
   }
   .intro .detail  .title h3:before{
       content: "";
       display: block;
       margin-right: 0.5rem;
       width: 0.25rem;
       height: 1.0rem;
       background: #037fde;
   }
   .intro .detail  .title p{
       color: #000;
       font-size: 0.9rem;
   }
   .intro .detail h2 {
       font-size: 1rem;
       color: #222;
       text-align: center;
       margin-top: 1.125rem;
       font-weight: normal;
   }

   .intro .detail .detail-h2 {
       margin-top: 0.75rem;
   }

   .intro .detail .detail-h2:nth-of-type(3) {
       margin-top: 1.125rem;
   }





   .intro .detail img{
       width: 12.575rem;
       margin-top: 1.25rem;
       margin-left: 3.1rem;

   }
   .intro .detail  .wrap{
       

          margin-top: 0.8rem;

   }
   .footer {
       padding-top: 1rem;
   }

   .footer h2 {
       font-size: 1rem;
       text-align: center;
       padding-bottom: 0.8rem;
   }


   i {
       color: #fb2f62;
       font-style: normal;
       margin: 0 4px;
       font-weight: bold;
   }

   .footer p a {
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
           -ms-flex-align: center;
               align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
           -ms-flex-pack: center;
               justify-content: center;
       width: 5.5rem;
       text-align: center;
       background: #106ce2;
       color: #fff;
       font-size: 0.8rem;
   }

   .footer .copyright {
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
           -ms-flex-direction: column;
               flex-direction: column;
       text-align: center;
       color: #ccc;
       font-size: 14px;
       margin-bottom: 0.25rem;
   }

   .footer .copyright a {
       color: #ccc;
       font-size: 14px;
   }

   .download-app {
       font-size: 1rem;
       height: 2.75rem;
       background: #106ce2;

       position:fixed;
       bottom:0;
       left:0;
       right:0;
   }

   .download-app a {
       color: #fff;
       display: block;
       width: 100%;
       height: 100%;
       text-align: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
           -ms-flex-pack: center;
               justify-content: center;
       -webkit-box-align: center;
       -webkit-align-items: center;
           -ms-flex-align: center;
               align-items: center;
   }
}


@media only screen and (min-width: 768px){
    .banner,.header-tip{
        display: none;
    }
}