@import url(animation.css?v2);
@import url(animate.css?v2);
body,
div,
p,
ul,
li,
ol,
dl,
dd,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
span,
i,
input,
img,
a,
button,
select,
table,
tr,
th,
td,
label,
textarea {
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
li {
  list-style: none;
}
i {
  font-style: normal;
}
a {
  text-decoration: none;
}
img {
  border: 0 none;
  vertical-align: top;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}
body,
button {
  font-size: 14px;
  font-family: "microsoft yahei";
}
body {
  position: relative;
  overflow: hidden;
}
.body {
  position: relative;
  background-size: 100% 100%;
  overflow: hidden;
  background: #d43c1d;
    /*background: url('../images/bg.jpg') center no-repeat;*/
}
body {
  background: #d43c1d;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 100px;
  color: #000;
  margin: 0;
  padding: 0;

}
.swiper-container {
  width: 100%;
  height: 100%;
}

.re{position: relative;}
.ra{position: absolute;}
.rf{position: fixed;}
.sec {
  overflow: hidden;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.loading{width:100%;height:100%;position: absolute;z-index: 999;    background: #f0fdff;}
.loading img{ width: 45%;left: 30%;top: 40%;position: absolute;}
.audwrap{position: absolute;width: 0.63rem;height: 0.63rem;right:0.3rem;top:0.3rem; z-index: 900;}
.audwrap img{width: 100%;}
.audwrap.on img{-webkit-animation: rotateani 2s linear infinite;animation: rotateani 2s linear infinite;}

/* .swiper-slide{opacity: 0;} */
.bg{width: 100%;position: absolute;top: 0;left: 0;}

/* ---------------------- page1 ------------------ */
.logo{background: url('../images/1.png?v9') center no-repeat;background-size: 100%;width:1.93rem;height: 0.61rem;top:0.32rem;left: 0.28rem;position: absolute;}
.title{width: 7.19rem;height: 2.62rem;top: 1.22rem;left: 0.23rem;position: absolute;}
.title span{width:100%;height: 100%;top: 0;left: 0;position: absolute;}
.title span:nth-child(1){background: url('../images/c1p1-1.png') center no-repeat;background-size: 100%;-webkit-transform:translate(0,-0.2rem);transform:translate(0,-0.2rem);}
.title span:nth-child(2){background: url('../images/c1p1-2.png') center no-repeat;background-size: 100%;-webkit-transform:translate(-0.1rem,0);transform:translate(-0.1rem,0);opacity: 0;}
.title span:nth-child(3){background: url('../images/c1p1-3.png') center no-repeat;background-size: 100%;-webkit-transform:translate(0,-0.2rem);transform:translate(0,-0.2rem);opacity: 0;}
.actived .title span:nth-child(1){-webkit-animation: flipInX 0.6s linear forwards;animation:flipInX 0.6s linear forwards;}
.actived .title span:nth-child(2){-webkit-animation: show 0.3s 0.3s linear forwards;animation:show 0.3s 0.3s linear forwards;}
.actived .title span:nth-child(3){-webkit-animation: lightSpeedIn 0.6s 0.3s linear forwards;animation:lightSpeedIn 0.6s 0.3s linear forwards;}


.txtnote{position: absolute; background: url('../images/c1p2.png') center no-repeat;background-size: 100%;width: 4.67rem;height: 0.31rem;top: 4.74rem;left: 1.5rem;opacity: 0;}
.clkwrap{position: absolute; background: url('../images/c1p3.png') center no-repeat;background-size: 100%;width: 5.63rem;height: 4.87rem;top: 5.82rem;left: 1.11rem;opacity: 0;}
.hblj .clkwrap{position: absolute; background: url('../images/c1p3-4.png') center no-repeat;background-size: 100%;top: 7.5rem;}
.hblj .rulebtn{top: 2.8rem;}
.actived .txtnote{-webkit-animation: show 1s 1s linear infinite;animation:show 1s 1s linear infinite;}
.actived .clkwrap{-webkit-animation: fadeInDown 0.3s 0.3s linear forwards;animation:fadeInDown 0.3s 0.3s linear forwards;}

.btn{position: absolute;width: 2.46rem;height: 1.5rem;top:7.15rem;    left: 2.5rem;}
.startbtn,.startbtn3{
    width: 2rem;
    height: 0.8rem;
    top: 0.7rem;
    left: 1.7rem;
    position: absolute;
    display: block;}
.startbtn2{background: url('../images/33.png?v9') center no-repeat;background-size: 100%;width:2.46rem;height: 1.11rem;top:0rem;left: 0rem;    position: absolute;
    display: block;}
.rulebtn{ width: 1.5rem;
    height: 0.5rem;
    display: block;
    position: absolute;
    top: 3rem;
    left: 2rem;}
.chui1{position: absolute; background: url('../images/c1p3-2.png') center no-repeat;background-size: 100%;width: 1.81rem;height: 1.53rem;top: 0.55rem;left: 0;
-webkit-animation: rotateani2 0.3s linear infinite;animation:rotateani2 0.3s linear infinite;transform-origin: left left;-webkit-transform-origin: left left; }
.chui2{position: absolute; background: url('../images/c1p3-3.png') center no-repeat;background-size: 100%;width: 1.98rem;height: 1.28rem;top: 0rem;left: 3.6rem;
-webkit-animation: rotateani2 0.3s linear infinite;animation:rotateani2 0.3s linear infinite; }

.divwrap{width: 100%;height: 100%;background:rgba(0,0,0,0.66);z-index: 999;top: 0;left: 0;display: none;}
.rtext{background: url('../images/4.png?v9') center no-repeat;background-size: 100%;    position: absolute;
    width: 7.50rem;
    height: 8.48rem;
    top: 1.6rem;
    left: 0;}
/*.slcbtn,.ynclsbtn{position: absolute;width:1rem;height:1rem;top: 2.4rem;left: 5.7rem;}*/
.slcbtn { position: absolute;width: 2.2rem; height: 0.6rem;top: 9rem;left: 2.6rem;}
.rbg{position: absolute;    width: 6.73rem; height: 8.17rem;top: 1.35rem;left: 0.44rem;}
.rbg img{width: 100%;display: none;}
.downbtn{      position: absolute;
    width: 3.6rem;
    height: 0.8rem;
    top: 6.5rem;
    left: 2.1rem;}
.downbtn2{    position: absolute;
    width: 3.9rem;
    height: 0.8rem;
    top: 1.95rem;
    left: 0.4rem;}
  .no .downbtn{    width: 3.5rem;
    height: 0.6rem;
    /* top: 6rem; */
    left: 2rem;}
  .no .ynclsbtn{    top: 1.4rem;}

.morebtn{position: absolute;
    width: 3.2rem;
    height: 1rem;
    top: 7.7rem;
    left: 2.2rem;}

.sharebtn{    position: absolute;
    width: 2.2rem;
    height: 0.5rem;
    top: 9.2rem;
    left: 2.7rem;}
.rltnote .sharebtn{
      width: 2.7rem;
    height: 0.8rem;
    top: 3.1rem;
    left: 1rem;
}
.rltnote .sharebtn2{
    position: absolute;
    top: 2rem;
    width: 4rem;
    height: 0.7rem;
    left: 0.3rem;
}
      .no .sharebtn{   /*top:7rem;*/}
.rltxt img{    position: absolute;
    width: 1.14rem;
    height: 0.62rem;
    top: 3.4rem;
    left: 1.85rem;
    display: none;
}
.yeswrap{display: none;}
.yes .yeswrap,.yes .yeswrap .yesbg{display: block;}
.no .nobg{display: block;}
.no2 .nobg2{display: block;}
.pic1{width:0.99rem;}
.pic2{width:0.64rem;}
.pic3{width:0.79rem;}
.pic4{width:0.93rem;}
.pic5{width:0.93rem;}
.pic6{width:0.78rem;}
.pic7{width:1.17rem;}
.pic8{width:1.29rem;}
.pic9{width:0.97rem;}
.pic10{width:0.48rem;}
.pic11{width:1.15rem;}
.pic12{width:0.67rem;}
.pic13{width:0.94rem;}
.pic14{width:0.53rem;}
.bigPx{
  -webkit-transform: scale(1.2) !important;
  transform: scale(1.2) !important; 
}
.phzone{background: url('../images/yes-2.png') center no-repeat;background-size: 100%;position: absolute;    width: 4.44rem;
    height: 3.05rem;
    top: 5.3rem;
    left: 1.22rem;}
.gphone{    background: none;
    width: 4rem;
    height: 0.8rem;
    top: 0.6rem;
    position: absolute;
    left: 0.2rem;
    border: none;    color: #e7152c;
    font-size: 0.3rem;
    text-indent: 0.2rem;}
.rltnote{background: url('../images/yes-3.png') center no-repeat;background-size: 100%;position: absolute;width:4.75rem;height:3.96rem;top:4.9rem;left:1.05rem;display: none;}
.rltnote span{}

.noopra{display: none;}
.shbg{background: url('../images/share.png') center no-repeat;background-size: 100%;position: absolute;width:6.4rem;height:10.08rem;top:0.65rem;left:0.65rem;}
.gklj{    width: 2.5rem;
    height: 0.8rem;
    position: absolute;
    top: 2.15rem;
    left: 0.8rem;}
.sec1{background: url('../images/bg1.jpg') center no-repeat;background-size: 100% 100%; width: 100%;height: 100%;position: relative;}
.sec2,.yesno{background: url('../images/bg2.jpg') center no-repeat;background-size: 100% 100%; width: 100%;height: 100%;position: relative;}
.djs{background: url('../images/last3.png') center no-repeat;background-size: 100% 100%; width:3.78rem;height: 3.78rem;position: absolute;top: 3.8rem;left: 1.9rem;}
.djs.ind2{background: url('../images/last2.png') center no-repeat;background-size: 100% 100%; }
.djs.ind1{background: url('../images/last1.png') center no-repeat;background-size: 100% 100%; }


.notewrap{    position: fixed;display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    top: 0;
    left: 0;    z-index: 9999;
}
.ppt{      width: 5.5rem;
    height: 3rem;
    left: 1rem;
    top: 4.5rem;
    background: #fff;    border-radius: 5px;
    position: absolute;}
.ppt span.pptxt{     text-align: center;
    font-size: 0.4rem;
    line-height: 0.5rem;
    display: block;
    padding: 0.8rem 0.2rem;
    color: #dd494d;}
.ppt span.clsbtn{
  background: url('../images/pclose.png') center no-repeat;background-size: 100% 100%;width:0.7rem;height: 0.7rem;position: absolute;right: -0.5rem;top: -0.5rem;
}

.onbg{    
    position: absolute;
    width: 5.58rem;
    height: 5.98rem;
    top: 3rem;
    left: 0.95rem;}

.onlydiv .downbtn { top: 7.1rem;}

.hbbox{background: url(../images/cmtlj.png) center no-repeat;background-size: 100%;position: absolute;width:3.66rem;height: 1.73rem; top: 4.9rem;left: 1.9rem;opacity: 0;}
.actived .hbbox{-webkit-animation: show 1s 1s linear forwards;animation:show 1s 1s linear forwards;}

.hblj .sec1{background: url('../images/bg3.jpg') center no-repeat;background-size: 100% 100%;}
.hblj .gphone{width: 3.3rem;left: 0.15rem;top: 0.85rem;}

.iphonex .sec1{background: url('../images/bgx.jpg') center no-repeat;background-size: 100% 100%; }
.iphonex .sec2{background: url('../images/bg2-x.jpg') center no-repeat;background-size: 100% 100%; }
.iphonex .logo{margin-top: 1rem;}
.iphonex .title,.iphonex .hbbox,.iphonex .clkwrap,.iphonex .rtext,.iphonex .slcbtn,
.iphonex .txtnote,.iphonex .djs{margin-top: 1.5rem;}

.iphonex .hblj .sec1,.applj .body{background: none; }
.applj{background: url('../images/bg3-x.jpg') center no-repeat;background-size: 100% 100%; background-position: center center;}