html{
     width:100%;
     overflow-x:hidden;
     min-width:750px;
}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form
,fieldset,legend,input,textarea,select
{margin:0;padding:0}
body{
    font:13px "microsoft yahei";
    background:#fff;
    -webkit-text-size-adjust:100%;
    overflow-x:hidden;
    width:100%;
    min-width:750px;
}
li{list-style: none;}
a{color:#2d374b;text-decoration:none;cursor: pointer}
em{font-style:normal}
i{font-style: normal}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word;margin: 0px;}
input::-webkit-input-placeholder{
    color: #333;
}
select::-ms-expand { display: none; }
a,button,input,optgroup,select,textarea {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline: none; 
    border:0
}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.pageWrap{
  position: absolute;
  left:0;
  top: 0;
  bottom: 0;
  right:0;
  background:#f1f5f8;
  overflow: hidden;
  z-index: 1111;
}
.pageCon{
  width: 7.5rem;
  height:8rem;
  position: absolute;
  left:50%;
  top: 50%;
  margin-left:-3.75rem;
  margin-top:-4rem;
}
.pageCon.pc{
  width:15rem;
  height:4.8rem;
  position: absolute;
  left:50%;
  top: 50%;
  margin-left:-7.5rem;
  margin-top:-2.4rem;
}
.pageCon.pc .themWrap{
  float: left;
}
.pageCon.pc .codePic{
  width: 7.5rem;
  float: left;
}
.pageCon.pc .detailP.detailP1{
  display: none;
}
.themWrap{
  width:7.5rem;
  height:4.38rem;
  position: relative;
}
.themWrap img.topPic1{
  width:2.97rem;
  height:2.92rem;
  display:block;
  position: absolute;
  left:1.92rem;
  top:0.2rem;
   animation: pulse linear infinite 2s;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
.themWrap img.topPic2{
  width:0.52rem;
  height:2.88rem;
  display:block;
  position: absolute;
  left:6.11rem;
  top: 0;
}
.themWrap img.topPic3{
  width:1.34rem;
  height:1.72rem;
  display:block;
  position: absolute;
  left:4.54rem;
  top:1.92rem;
  animation: moveUp linear infinite alternate 2s;
}
@-webkit-keyframes moveUp {
  0% {
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform:  translateY(70px);
  }
  50% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform:  translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform:  translateY(-50px);
  }
}
@keyframes moveUp {
  0% {
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform:  translateY(70px);
  }
  50% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform:  translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform:  translateY(-50px);
  }
}
.themWrap img.topPic4{
  width:1.44rem;
  height:1.41rem;
  display:block;
  position: absolute;
  left:0.86rem;
  top:0.95rem;
  animation: moveUps linear infinite alternate 2s;
}
@-webkit-keyframes moveUps {
  0% {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform:  translateY(-50px);
  }
  50% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform:  translateY(0px);
  }
  100% {
   -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform:  translateY(70px);
  }
}
@keyframes moveUps {
  0% {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform:  translateY(-50px);
  }
  50% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform:  translateY(0px);
  }
  100% {
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform:  translateY(70px);
  }
}
.themWrap img.topPic5{
  width:2.05rem;
  height:3.88rem;
  display:block;
  position: absolute;
  left:2.3rem;
  top:0.33rem;
}
.detailP{
  width: 85%;
  /* width:3.6rem; */
  margin: 0 auto;
  line-height:0.8rem;
  font-size:0.5rem;
  text-align: center;
  padding: 0.4rem 0 0.5rem;
  text-align: center;
  font-family:"microsoft yahei";
  color: #ff3a42;
}
.detailP.detailP2{
  font-size:0.3rem;
  padding: 0.4rem 0 0.3rem;
  font-family:"microsoft yahei";
}
.pageCon.pc .detailP{
  padding-top: 0;
}
.weui-btn{
  display:block;
  width:3.6rem;
  height:1rem;
  background:#fff;
  border-radius:0.1rem;
  -moz-box-shadow:0px 0px 0.1rem rgba(0,0,0,0.1); 
  -webkit-box-shadow:0px 0px 0.1rem rgba(0,0,0,0.1); 
  box-shadow:0px 0px 0.1rem rgba(0,0,0,0.1);
  margin: 0 auto;
  line-height:1rem;
  text-align: center;
  font-size:0.3rem;
  outline:none;
  border: none;
  position: relative;
  padding-right:0.2rem;
  margin-top: 0.3rem;
}
.weui-btn img{
  width:0.48rem;
  height:0.48rem;
  margin-right:0.2rem;
}
.weui-btn .jtPic{
  width:0.15rem;
  height:0.27rem;
  position: absolute;
  right:0.1rem;
  top: 0.36rem;
}
#launch-btn{
  display:block;
  width:3.6rem;
  height:1rem;
  overflow: hidden;
  background:#fff url(../image/open-bk.jpg) no-repeat center center;
  background-size:3.6rem 1rem;
  border-radius:0.2rem;
  -moz-box-shadow:0px 0px 0.1rem rgba(0,0,0,0.1); 
  -webkit-box-shadow:0px 0px 0.1rem rgba(0,0,0,0.1); 
  box-shadow:0px 0px 0.1rem rgba(0,0,0,0.1);
  margin: 0 auto;
  line-height:1rem;
  text-align: center;
  font-size:0.3rem;
  outline:none;
  border: none;
  position: relative;
  padding-right:0.2rem;
}


#container1{
  
  text-align: center;
}
#container1 p{
  font-size: 20px;
  margin: 20px auto;
  font-weight: bold;
}

#container1 img{

  width: 160px;

}

#container{
  width: 300px;
  height:300px;
  margin: 0 auto;
  border: #fff 20px solid;
}
#container img{
  width: 100%;
}
.ewmTip{
   width: 85%;
   margin: 0 auto;
   line-height:0.24rem;
   font-size:0.24rem;
  text-align: center;
  padding: 0.1rem 0 0;
  text-align: center;
}
#openWeapp{
  display: none;
}