/* reset.css */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}

/* common */
html,
body {
  font-size: 14px;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, 'PingFang SC',
    'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}



.home .pc {
  overflow-y: scroll;
  background-color: #f2f2f2;
}

.home .pc .main-center {
  position: relative;
  width: 62%;
  height: 0.9rem;
  margin: 0 auto;

}

.home .pc .main-center .logo {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 0.51rem;
  width: 1.5rem;
  background: url("./download_logo.png") no-repeat 100% 100%;
}
.home .pc .main-center .menu {
  position: absolute;
  right: 0;
  height: inherit;
  line-height: 0.9rem;
  font-size: 0.14rem;

}


.home .pc .main-center .menu ul li {
  float: left;
  margin-left: 0.45rem;
  cursor: pointer;
}

.home .pc .video-wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 6.2rem;
  min-height: 5.2rem;

}


.home .pc .video-wrap .source {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  object-fit: fill;
}
.home .pc .video-wrap .layout-center {
  position: absolute;
  height: 100%;
  width: 62%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;

}

.home .pc .video-wrap .layout-center .down-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

}


.home .pc .video-wrap .layout-center .down-box .title-img {
  width: 3.31rem;
  height: 0.81rem;
  background: url("./simple.png") center top no-repeat;
  background-size: 100% 100%;
  margin-left: -0.1rem;
}
.home .pc .video-wrap .layout-center .down-box .title {
  width: 3.31rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  color: #fff;
  font-size: 0.16rem;
}
.home .pc .video-wrap .layout-center .down-box .qrcode,
.home .pc .video-wrap .layout-center .down-box .down-link {
  display: inline-block;
}
.home .pc .video-wrap .layout-center .down-box .qrcode {
  background-color: #fff;
  text-align: center;
  width: 0.92rem;
  height: 1.2rem;
  padding: 0.1rem 0.11rem 0;
  margin-right: 0.07rem;
  position: relative;
}

.home .pc .video-wrap .layout-center .down-box .qrcode .line {
  position: absolute;
  top: 0.1rem;
  width: 0.92rem;
  border-bottom: 0.03rem solid #659dfb;
  animation: scan 3s linear infinite;
}
.home .pc .video-wrap .layout-center .down-box .qrcode .code {
  height: 0.92rem;
  width: 0.92rem;
  aspect-ratio: auto 92/92;
}
.home .pc .video-wrap .layout-center .down-box .qrcode .text {
  margin: 0.05rem auto 0;
  font-size: 0.14rem;
}


.home .pc .video-wrap .layout-center .down-box .down-link {
  width: 1.9rem;
  vertical-align: top;
}

.home .pc .video-wrap .layout-center .down-box .down-link .iphone,
.home .pc .video-wrap .layout-center .down-box .down-link .android {
  width: 1.4rem;
  height: 0.6rem;
  padding-left: 0.5rem;
  line-height: 0.6rem;
  font-size: 0.18rem;
  border-radius: 3px;
  background: red;
  cursor: pointer;
}
.home .pc .video-wrap .layout-center .down-box .down-link .iphone:hover {
  color: #fff;
  background: url("./iphonewhite.png") 14px center no-repeat #659dfb;
}
.home .pc .video-wrap .layout-center .down-box .down-link .android:hover {
  color: #fff;
  background: url("./androidwhite.png") 14px center no-repeat #659dfb;
}
.home .pc .video-wrap .layout-center .down-box .down-link .iphone {
  background: url("./iphone.png") 14px center no-repeat #fff;
}
.home .pc .video-wrap .layout-center .down-box .down-link .android {
  background: url("./android.png") 14px center no-repeat #fff;
  margin-top: 0.1rem;
}


.home .pc .banner1 {
  height: 404px;
  background: url("./banner1.jpg") center top no-repeat #fff;
}
.home .pc .banner2 {
  height: 698px;
  background: url("./banner2.jpg") center top no-repeat #f2f2f2;
}
.home .pc .banner3 {
  height: 404px;
  background: url("./banner3.jpg") center top no-repeat #fff;
}
.home .pc .footer {
  height: 0.94rem;
  line-height: 0.94rem;
  color: #666;
  background-color: #333;
  text-align: center;
}

.home .pc .footer a {
  margin: 0 2px;
  color: #666;
}







.home .mobile  img {
  display: block;
  width: 7.5rem;
  height: 5.2rem;
  margin: 30px 0;
}
.home .mobile .download {
  height: 1rem;
  width: 5.5rem;
  text-align: center;
  line-height: 1rem;
  border-radius: 5px;
  color: #fff;
  background-color: #379eff;
  font-size: 0.36rem;
  margin: 0 auto;
}
.home .mobile .foot {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 1rem 0 0.5rem;
  font-size: 0.26rem;
  color: #999;
  text-align: center;
}
@-webkit-keyframes scan {
  0% {
    top: 0.1rem;
  }
  25% {
    top: 0.56rem;
  }
  50% {
    top: 1.02rem;
  }
  75% {
    top: 0.56rem;
  }
  100% {
    top: 0.1rem;
  }
}

@keyframes scan {
  0% {
    top: 0.1rem;
  }
  25% {
    top: 0.56rem;
  }
  50% {
    top: 1.02rem;
  }
  75% {
    top: 0.56rem;
  }
  100% {
    top: 0.1rem;
  }
}