@charset "UTF-8";/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
html, body, menu, ul, ol, li, p, div, form, h1, h2, h3, h4, h5, h6, img, a img, input, button, textarea, fieldset{ padding: 0; margin: 0; border: 0;font-family:"\5FAE\8F6F\96C5\9ED1"; }
ul, ol, li { list-style: none }
body, input, button, textarea, select { -webkit-text-size-adjust: none;outline: 0; color: #333 }
body { margin: 0 auto; background: #fff; /*min-width:320px; width:320px*/ }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], button, textarea { -webkit-appearance: none }
a { text-decoration: none; color: #333; }
a { blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
.img img, video { vertical-align: middle }
.btn { display: inline-block; vertical-align: middle }
/* a:hover { color: #cc3333; } */
img { border: none }
ol, ul, li { list-style: none; }
i, em { font-style: normal; }
.body-main{width:100vw;height: 100vh;overflow: hidden;}
main{
    width: 8.14rem;
    height: 14.48rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
* {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  margin:0;
  padding: 0;
}
.isPc{
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    /* -webkit-transform-origin: 0 0; */
    /* -ms-transform-origin: 0 0; */
    /* transform-origin: 0 0; */
    margin:0 auto;
    left:0;
    top:50%;
}
.swiper-container2{width: 100%;height: 100%;overflow: hidden;}
.swiper-container2 .swiper-slide{overflow: hidden;}
.swiper-container{width: 100%;height: 3.03rem;margin: 1rem 0 auto !important;}
.swiper-container .swiper-slide{width: 100%;height: 100% !important;}
.swiper-container .swiper-slide section{
  width: 6.45rem;
  height: 1.94rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 0.2rem;
}
.swiper-container .swiper-slide section>div{width: 2.88rem;height: 100%;display: flex;justify-content: center;align-items: center;}
.ct-bg{width: 8.14rem;height: 9.63rem;position: relative;}
.ct-bg img{width: 100%;}
.ct-bg .code{width: 1.43rem;position: absolute;right: 0.2rem;bottom: 0.2rem;visibility: hidden;}
.choose-main{width:8.14rem;height: 5.81rem;background: url(../images/bottom.png)no-repeat center/cover;position: absolute;left: 0;top: 8.66rem;}

.swiper-container .swiper-slide:first-child .optionA-main{
  width: 1.74rem;height: 1.59rem;
  background: url(../images/eles.png)no-repeat;background-size:8.15rem auto;
}
.swiper-container .swiper-slide:first-child .ques-tittle{
  width: 5.85rem;height: 0.46rem;background: url(../images/eles.png)no-repeat;background-size: 8.15rem auto;background-position: 0rem -4.88rem;margin: 0 auto;
}
.swiper-container .swiper-slide:first-child .optionB-main{
  width: 2.38rem;height: 1.6rem;
  background: url(../images/eles.png)no-repeat;background-size:8.15rem auto;background-position: -1.73rem 0;
}
.option-info{width: 6.45rem;margin: 0.12rem auto 0;display: flex;justify-content: start;}
.swiper-container .swiper-slide:first-child .option-info div:first-child{width: 1.71rem;height: 0.35rem;background: url(../images/eles.png)no-repeat;background-size: 8.15rem auto;background-position: -4.4rem -0.37rem;margin-left: 0.5rem;}
.swiper-container .swiper-slide:first-child .option-info div:last-child{width: 1.78rem;height: 0.35rem;background: url(../images/eles.png)no-repeat;background-size: 8.15rem auto;background-position: -6.39rem -0.37rem;margin-left: 1.9rem;}


.ct-bg .section:first-child .sectionA{
  width: 1.34rem;height: 3.08rem;
  position: absolute;top: 5.37rem;left: 3.35rem;
  background: url(../images/eles.png)no-repeat;background-size:8.15rem auto;background-position: 0rem -1.58rem;
  visibility: hidden;
}
.ct-bg .section:first-child .sectionB{
  width: 4.58rem;height: 3.11rem;
  position: absolute;top: 5.39rem;left: 1.8rem;
  background: url(../images/eles.png)no-repeat;background-size:8.15rem auto;background-position: -1.34rem -1.7rem;
  visibility: hidden;
}

.swiper-container .swiper-slide:nth-child(2) .optionA-main{
  width: 1.03rem;height: 1.64rem;
  background: url(../images/eles.png)no-repeat;background-size:8.15rem auto;background-position: -7.12rem -3.76rem;
}
.swiper-container .swiper-slide:nth-child(2) .optionB-main{
  width: 1.08rem;height: 1.53rem;
  background: url(../images/eles.png)no-repeat;background-size:8.15rem auto;background-position: -7.07rem -5.41rem;
}
.swiper-container .swiper-slide:nth-child(2) .ques-tittle{
  width: 5.85rem;height: 0.46rem;background: url(../images/eles.png)no-repeat;background-size: 8.15rem auto;background-position: 0rem -5.39rem;margin: 0 auto;
}
.ct-bg .section:nth-child(2) .sectionA{
  width: 1.45rem;
  height: 3.03rem;
  position: absolute;
  top: 0rem;
  right: 0.57rem;
  background: url(../images/eles.png)no-repeat;
  background-size: 8.15rem auto;
  background-position: -6.7rem -0.7rem;
  visibility: hidden;
}
.ct-bg .section:nth-child(2) .sectionB{
  width: 1.11rem;
  height: 1.73rem;
  position: absolute;
  top: 5.14rem;
  left: 0.54rem;
  background: url(../images/eles.png)no-repeat;
  background-size: 8.15rem auto;
  background-position: -5.91rem -5.36rem;
  visibility: hidden;
}
.swiper-container .swiper-slide:nth-child(2) .option-info div:first-child{width: 0.79rem;height: 0.35rem;background: url(../images/eles.png)no-repeat;background-size: 8.15rem auto;background-position: 0rem -5.96rem;margin-left: 1rem;}
.swiper-container .swiper-slide:nth-child(2) .option-info div:last-child{width: 0.85rem;height: 0.35rem;background: url(../images/eles.png)no-repeat;background-size: 8.15rem auto;background-position: -0.85rem -5.96rem;margin-left: 2.8rem;}

.swiper-container .swiper-slide:nth-child(3) .ques-tittle{
  width: 5.85rem;height: 0.46rem;background: url(../images/eles.png)no-repeat;background-size: 8.15rem auto;background-position: 0rem -8.3rem;margin: 0 auto;
}
.swiper-container .swiper-slide:nth-child(3) .optionA-main{
  width: 1.29rem;height: 1.3rem;
  background: url(../images/eles.png)no-repeat;background-size:8.15rem auto;background-position: -2.58rem -5.84rem;
}
.swiper-container .swiper-slide:nth-child(3) .optionB-main{
  width: 1.63rem;height: 1.61rem;
  background: url(../images/eles.png)no-repeat;background-size:8.15rem auto;background-position: -0rem -6.64rem;
}
.ct-bg .section:nth-child(3) .sectionA{
  width: 1.1rem;height: 1.1rem;
  position: absolute;top: 2.3rem;right: 3.63rem;
  background: url(../images/eles.png)no-repeat;background-size:7.2rem auto;background-position: -2.3rem -5.18rem;
  visibility: hidden;
}
.ct-bg .section:nth-child(3) .sectionB{
  width: 2.03rem;height: 2.03rem;
  position: absolute;top: 2.07rem;left: 0.35rem;
  background: url(../images/eles.png)no-repeat;background-size:8.55rem auto;background-position:-0rem -6.64rem;
  visibility: hidden;
}
.swiper-container .swiper-slide:nth-child(3) .option-info div:first-child{width: 1.26rem;height: 0.34rem;background: url(../images/eles.png)no-repeat;background-size: 8.15rem auto;background-position: -4.42rem 0rem;margin-left: 0.8rem;}
.swiper-container .swiper-slide:nth-child(3) .option-info div:last-child{width: 1.32rem;height: 0.34rem;background: url(../images/eles.png)no-repeat;background-size: 8.15rem auto;background-position: -5.77rem 0rem;margin-left: 2.25rem;}

.swiper-container .swiper-slide:nth-child(4) .ques-tittle{
  width: 5.15rem;height: 0.46rem;background: url(../images/eles.png)no-repeat;background-size: 8.15rem auto;background-position: 0rem -8.84rem;margin: 0 auto;
}
.swiper-container .swiper-slide:nth-child(4) .optionA-main{
  width: 1.83rem;height: 0.46rem;
  background: url(../images/eles.png)no-repeat;background-size:8.15rem auto;background-position: -6.3rem -7.2rem;
}
.swiper-container .swiper-slide:nth-child(4) .optionB-main{
  width: 1.79rem;height: 0.46rem;
  background: url(../images/eles.png)no-repeat;background-size:8.15rem auto;background-position: -6.35rem -7.71rem;
}

.next-btn{visibility: hidden;}
.next{width: 1.37rem;height: 0.56rem;background: url(../images/eles.png)no-repeat;background-size:8.15rem auto;background-position: -4.07rem -7.19rem;margin: 0.23rem auto 0;transform: scale(1.2);}
.arrow{width: 0.54rem;height: 0.43rem;background: url(../images/eles.png)no-repeat;background-size:8.15rem auto;background-position: -5.65rem -7.26rem;display: inline-block;position: absolute;left: 4.85rem;bottom: 1rem;animation: arrowani 1s infinite ease;}
.p1{background: #FBFBFB;}
.loading-icon{display: block;margin: 3rem auto 0;width: 6rem;}
.loading{width: 5rem;height: 0.1rem;border-radius: 0.05rem;background: #3D76F3;margin: 0rem 0 0 1.44rem;position: relative;}
.loading-chops{width:0.65rem;height: 0.28rem;background: url(../images/eles.png)no-repeat;background-size:8.15rem auto;background-position: -2.62rem -7.89rem;position: absolute;right: -0.65rem;top: -0.3rem;}
.load-num{width:5rem;font: normal 0.4rem/0.4rem "微软雅黑";position: absolute;left: 0;right: 0;bottom: -0.5rem;margin: auto;text-align: center;color: #3D76F3;}

.p2{background: url(../images/bg1.jpg)no-repeat center/cover;}
.cloud1{width: 3.5rem;height: 1.7rem;background: url(../images/eles2.png)no-repeat;background-size: 8.15rem;background-position: 0 0;position: absolute;top: 1.3rem;right: -3.5rem;animation: cloud 20s infinite linear;}
.cloud2{width: 3.9rem;height: 1.85rem;background: url(../images/eles2.png)no-repeat;background-size: 9rem;background-position: 0 0;position: absolute;top: 1.5rem;right: -3.9rem;animation: cloud 20s 8s infinite linear;}

.tittle-main{width: 7.73rem;height: 9.27rem;background: url(../images/tittle.png)no-repeat center/cover;position: absolute;right: 0;top: 1.93rem;}
.tittle-txt1{
  width: 2.64rem;
  height: 2.34rem;
  background: url(../images/eles2.png)no-repeat;
  background-size: 9.768rem auto;
  background-position: -1.26rem -2.112rem;
  position: absolute;
  left: 3.1rem;
  top: 4.4rem;
}
.tittle-txt2{
  width: 2.64rem;
  height: 2.5rem;
  background: url(../images/eles2.png)no-repeat;
  background-size: 9.768rem auto;
  background-position: -1.26rem -4.5rem;
  position: absolute;
  left: 3.1rem;
  top: 6.7rem;
}
.start-btn{width: 1.4rem;height: 1.4rem;background: url(../images/eles2.png)no-repeat;background-size: 8.15rem auto;background-position: 0 -6.29rem;position: absolute;left: 3.63rem;top: 9.57rem;animation: zoomIn2 2s 0.5s both infinite;}

.shao{width: 0.95rem;height: 3.49rem;background: url(../images/eles2.png)no-repeat;background-size: 8.15rem auto;background-position: 0rem -1.7rem;position: absolute;left: 2.09rem;top: 4.83rem;}
.kuai{width: 1.05rem;height: 4.44rem;background: url(../images/eles2.png)no-repeat;background-size: 8.15rem auto;background-position: -3.39rem -1.77rem;position: absolute;left: 7.06rem;top: 4.51rem;}
.tree{width: 3.1rem;height: 4rem;background: url(../images/eles2.png)no-repeat;background-size: 8.15rem auto;background-position: -5.07rem -1.73rem;position: absolute;left: -0.4rem;bottom: 0.1rem;animation: tree 5s infinite ease;}
.lou{width: 6.5rem;height: 4.97rem;background: url(../images/eles2.png)no-repeat;background-size: 8.15rem auto;background-position: -1.56rem -6.21rem;position: absolute;right: -1.7rem;bottom: 0rem;}
.chuan{width: 4.6rem;height: 1.73rem;background: url(../images/eles2.png)no-repeat;background-size: 8.15rem auto;background-position: -3.56rem 0rem;position: absolute;left: 0rem;bottom: 0rem;}

.txtall{    font: bold 0.34rem/0.4rem "微软雅黑";
  color: #1337ff;
  /* -webkit-text-stroke: 0.005rem #1337ff; */
  position: absolute;
  top: 10.85rem;
  left: 1.6rem;
  transform: rotate(-6.5deg);}
.txtall b{
	    font-weight: bold;
    font-size: 0.36rem;
    color: #ff4719;
}
.p4-main{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.p4-main .hb{width: 5.75rem;transform: rotate(-6.5deg) translate(0.8rem,3.5rem) scale(1.12);border: 0.01rem solid #1337ff;box-sizing: border-box;position: absolute;left: 0;}
.p4-main .save-hb{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.p4-bg{width: 100%;}
.replay{   
  width: 2.49rem;
  height: 1.09rem;
  transform: rotate(-6.5deg);
  position: absolute;
  top: 11.7rem;
  left: 2rem;
  background: url(../images/eles.png)no-repeat;background-size: 8.14rem auto;background-position: -0.6rem -9.67rem;
}
.share{
  width: 2.49rem;
  height: 1.09rem;
  transform: rotate(-6.5deg);
  position: absolute;
  top: 11.3rem;
  right: 0.5rem;
  background: url(../images/eles.png)no-repeat;background-size: 8.14rem auto;background-position: -3.44rem -9.67rem;
}
.share-tip{width: 100%;height: 100%;background: url(../images/share-tips.png)no-repeat center/cover;position: absolute;top: 0;left: 0;z-index:5;display: none;}
.yezi{width: 1.42rem;height: 1.54rem;background: url(../images/eles.png)no-repeat;background-size: 8.14rem auto;background-position: -6.74rem -8.2rem;z-index: 2;position: absolute;top: 1.47rem;left: 6.47rem;}
.duanxin{
  width: 7.36rem;
    height: 2.68rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0.3rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 0.38rem;
    padding: 0.35rem;
    box-sizing: border-box;
    margin: auto;
    font: normal 0.36rem/0.52rem "";
    z-index: 3;
    text-align: justify;
    letter-spacing: -0.04em;
}
.duanxin h1{    
  display: block;
  font: normal 0.36rem/0.4rem "";
  color: #a5a5a5;
  background: url(../images/eles.png)no-repeat;
  background-size: 8.14rem auto;
  background-position: -6.31rem -10.04rem;
  padding-left: 0.5rem;}

.music-btn{
  width: 0.8rem;
    height: 0.8rem;
    background: url(../images/music.png)no-repeat center/cover;
    position: absolute;
    right: 0.3rem;
    top: 0.5rem;
    z-index: 2;
    opacity: 0.9;
}
.active{
  animation: round 3s linear infinite;
}
@keyframes round{
  to{
    transform: rotate(360deg);
  }
}
@keyframes tree{
  50%{
    transform:skewX(8deg);
  }
}

@keyframes arrowani{
  50%{
    transform: translateX(0.3rem);
  }
}
@keyframes cloud{
  to{
    transform: translateX(-12rem);
  }
}
@keyframes zoomIn2 {
  0% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
}