*{margin:0;padding:0;}

body, html {
  height: 100%;
}
.fl{float:left;}
body{font-size: 12px;}



audio{display:none;}
.music{position:fixed;z-index:99;width:0.5rem;right:0.3rem;top:0.3rem;}
.music.active{animation:3s linear 0s infinite music;-webkit-animation:3s linear 0s infinite music;}

@-moz-keyframes music{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}
@-webkit-keyframes music{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}
.loading{
	width:100%;
	height:100%;
  position: fixed;
  z-index: 1000;
  background:url(../img/bg.jpg) repeat;;
}
.loading img.loading_people{    
	width: 2.97rem;
    height: 3.06rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.5rem;
    margin-top: -2.1rem;
}
.loading img.loading_h1{
	width: 2.91rem;
    height: 1.88rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.45rem;
    margin-top: -2.1rem;
}
.loading img.loading_h2{
	width: 4rem;
    height: 1.99rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -2rem;
    margin-top: -2.8rem;
}

.swiper-slide4{background:#fff;}
.swiper-container{height:100%;}
.swiper-slide1,.swiper-slide10{background:url(../img/bg.jpg) repeat;}
.swiper-slide1 .title-bg{
	height:3.7rem;
	background:url(../img/title_bg.png) no-repeat;
	background-size:100% auto;
}
.swiper-slide1 .title{width:6.3rem;height:3.7rem;margin:0 auto;position:absolute;left:0;right:0;}
.swiper-slide1 .title img{width:1.45rem;float:left;}
.swiper-slide1 .title .title_01{width:1.58rem;margin:1.22rem 0 0 0;}
.swiper-slide1 .title .title_02{margin:0.8rem 0.1rem 0;}
.swiper-slide1 .title .title_03{margin:0.8rem 0.1rem 0 0;}
.swiper-slide1 .title .title_04{margin:1.18rem 0 0 0;}
.swiper-slide1 .title .love{width:0.9rem;position:relative;bottom:0.3rem;margin-left:0.1rem;}
.swiper-slide1 .con{width:100%;height:7rem;background:url(../img/index_bg02.jpg) no-repeat;background-size:100% auto;position:absolute;top:2.8rem;}
.swiper-slide1 .con .zhinv{width:1.66rem;margin:2.4rem 0.24rem 0 1.56rem;}
.swiper-slide1 .con .niulang{width:1.77rem;margin-top:2.6rem;}
.swiper-slide1 .con .cloud{position:absolute;}
.swiper-slide1 .con .cloud1{width:1.52rem;left:0;bottom:1.95rem;}
.swiper-slide1 .con .cloud2{width:1.72rem;left:0.8rem;bottom:0.48rem;}
.swiper-slide1 .con .cloud3{width:1.8rem;left:3.44rem;bottom:0.2rem;}
.swiper-slide1 .con .cloud4{width:2.07rem;right:0.15rem;bottom:2.8rem;}
.swiper-slide1 .con .cloud5{width:1.52rem;right:0.1rem;bottom:1.6rem;}
.swiper-slide1 .btn{text-align:center;position:absolute;/*bottom:1rem;*/margin-top:10.3rem;}
.swiper-slide1 .btn img{width:80%;}
.swiper-slide1 .btn .pointer{
	width:1rem;position:absolute;left:0;right:0;bottom:-0.36rem;margin:auto;
	-webkit-animation: pointer 0.5s linear 0s infinite alternate;
	animation: pointer 0.5s linear 0s infinite alternate;
}



@-webkit-keyframes pointer{
	0% {	
		-webkit-transform: scale(1.2);
		transform:scale(1.2);
	}
	100% {			
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes pointer {
	0% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform: scale(1);
	}
}

.flash1{
	width:1rem;position:absolute;left:0;right:0;bottom:-0.36rem;margin:auto;
	-webkit-animation: flash .8s linear 0s infinite alternate;
	animation: flash .8s linear 0s infinite alternate;
}
.flash2{
	width:1rem;position:absolute;left:0;right:0;bottom:-0.36rem;margin:auto;
	-webkit-animation: flash .8s linear 1s infinite alternate;
	animation: flash .8s linear 1s infinite alternate;
}
@-webkit-keyframes flash{
	0% {
		opacity: 1;
	  }
	 
	  100%{
		opacity: 0;
	  }
}
@keyframes flash {
	0% {
		opacity: 1;
	  }
	 
	  100%{
		opacity: 0;
	  }
}
@-webkit-keyframes fadeIn {
	0% {
	  opacity: 0;
	}
   
	100% {
	  opacity: 1;
	}
  }
   
  @keyframes fadeIn {
	0% {
	  opacity: 0;
	}
   
	100% {
	  opacity: 1;
	}
  }
   
  .fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
  }
  @-webkit-keyframes fadeInLeft {
	0% {
	  opacity: 0;
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
   
	100% {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
   
  @keyframes fadeInLeft {
	0% {
	  opacity: 0;
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
   
	100% {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
   
  .fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
  }

.swiper-slide2{}
.swiper-slide2 .title{text-align:center;margin:1rem 0 0 0;}
.swiper-slide2 .title_text{width:3.1rem;}
.swiper-slide2 .con{text-align:center;position:relative;}
.swiper-slide2 .con img{position:absolute;}
.swiper-slide2 .con .img1{width:4rem;left:1.8rem;}
.swiper-slide2 .con .img2{width:1.1rem;left:1.2rem;top:3rem;}
.swiper-slide2 .con .img3{width:4.02rem;left:2.3rem;top:4rem;}
.swiper-slide2 .btn{/*position:absolute;bottom:0.5rem;left:0;right:0;*/width:4.8rem;margin:auto;padding-top:8.5rem;}
.swiper-slide2 .btn img{width:2rem;margin:0 0.2rem;float:left;}
@-webkit-keyframes size{
	0% {	
		-webkit-transform: translate(100%,100%) scale(0);
		transform: translate(100%,100%) scale(0);
		opacity:0;
	}
	100% {			
		-webkit-transform: translate(0%,0%) scale(1);
		transform: translate(0%,0%) scale(1);
		opacity:1;
	}
}
@keyframes size {
	0% {
		-webkit-transform: translate(100%,100%) scale(0);
		-ms-transform: translate(100%,100%) scale(0);
		transform: translate(100%,100%) scale(0);
		opacity:0;
	}
	100% {
		-webkit-transform: translate(0%,0%) scale(1);
		-ms-transform: translate(0%,0%) scale(1);
		transform: translate(0%,0%) scale(1);
		opacity:1;
	}
}
.size{
	-webkit-animation-name: size;
	animation-name: size;
}


@-webkit-keyframes size2{
	0% {	
		-webkit-transform: translate(100%,200%) scale(0);
		transform: translate(100%,200%) scale(0);
		opacity:0;
	}
	100% {			
		-webkit-transform: translate(0%,0%) scale(1);
		transform: translate(0%,0%) scale(1);
		opacity:1;
	}
}
@keyframes size2 {
	0% {
		-webkit-transform: translate(0%,200%) scale(0);
		-ms-transform: translate(0%,200%) scale(0);
		transform: translate(0%,100%) scale(0);
		opacity:0;
	}
	100% {
		-webkit-transform: translate(0%,0%) scale(1);
		-ms-transform: translate(0%,0%) scale(1);
		transform: translate(0%,0%) scale(1);
		opacity:1;
	}
}
.size2{
	-webkit-animation-name: size2;
	animation-name: size2;
}
.swiper-slide3{text-align:center;background-color: #ffffff}
.swiper-slide3 img{display:block;margin:0 auto;}
.swiper-slide3 .people{width:3rem;margin:1rem auto 0.1rem;}
.swiper-slide3 .text{width:6rem;}
.swiper-slide3 .arrow{width:0.5rem;margin:0.08rem auto 0.1rem;}
.swiper-slide3 .wx{width:2.8rem;margin:0 auto 0.05rem;}
.swiper-slide3 .btn,.swiper-slide4 .btn{width:2rem;}
.swiper-slide4 .btn{margin:0.2rem 0.1rem;}

/* 问答 */
.swiper-slide4{
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
}

/* 问答：第几题 */
.swiper-slide4 .titTop{
	width: 1.14rem;
	height: .43rem;
	margin: .4rem auto .5rem;
}
/* 问答：背景 */
.swiper-slide4 .questionImg{	/* 第一题 */
	position: relative;
	width: 94%;
	height: 5.99rem;
	background:url("../img/ans/tit01_question.png") no-repeat;
	background-size: 100% 100%;
}





.swiper-slide5 .questionImg{	/* 第二题 */
	background:url("../img/ans/tit02_question.png") no-repeat;
	background-size: 100% 100%;
}
.swiper-slide6 .questionImg{	/* 第三题 */
	height: 7.29rem;
	background:url("../img/ans/tit03_question.png") no-repeat;
	background-size: 100% 100%;
}
.swiper-slide7 .questionImg{	/* 第四题 */
	height: 6.48rem;
	background:url("../img/ans/tit04_question.png") no-repeat;
	background-size: 100% 100%;
}
.swiper-slide8 .questionImg{	/* 第五题 */
	background:url("../img/ans/tit05_question.png") no-repeat;
	background-size: 100% 100%;
}
.swiper-slide9 .questionImg{	/* 第六题 */
	height: 6.35rem;
	background:url("../img/ans/tit06_question.png") no-repeat;
	background-size: 100% 100%;
}
/* 问答对话 */

.swiper-slide4 .questionImg .tit{
	position: absolute;
}

.swiper-slide4 .questionImg .tit_01{
	top:-.45rem;
	/* top:-.6rem; */
	left: 1.26rem;
	/* width: 3.59rem;
	height: 1.27rem; */
	width: 3rem;
	height: 1rem;
}
.swiper-slide4 .questionImg .tit_02{
	top:.58rem;
	left: 2.89rem;
	/* width: 2.15rem;
	height: .96rem; */
	width: 1.9rem;
	height: .8rem;
}
.swiper-slide4 .questionImg .tit_03{
	top:2.2rem;
	left: 1.56rem;
	/* width: 3.59rem;
	height: 1.27rem; */
	width:3rem;
	height: 1rem;
}

.swiper-slide4 .questionImg .tit_04{
	top:3.1rem;
	/* top:3.3rem; */
	left:4.18rem;
	/* left: 4.1rem; */
	/* width: 1.24rem;
	height: 1.14rem; */
	width: 1rem;
	height: .8rem;
}
/* 答案选项 */
.swiper-slide4 .options{
	margin:.4rem 0 0 0;
}
.swiper-slide4 .options div i{	/* A、B、C、D */
	display: inline-block;
	width: .44rem;
	height: .41rem;
}
.swiper-slide4 .options div{
	position: relative;
	margin-bottom: .2rem;
}
.swiper-slide4 .options .a i{
	background:url("../img/ans/tit_A.png") no-repeat;
	background-size: .44rem .41rem;
}
.swiper-slide4 .options .b i{
	background:url("../img/ans/tit_B.png") no-repeat;
	background-size: .44rem .41rem;
}
.swiper-slide4 .options .c i{
	background:url("../img/ans/tit_C.png") no-repeat;
	background-size: .44rem .41rem;
}
.swiper-slide4 .options .d i{
	background:url("../img/ans/tit_D.png") no-repeat;
	background-size: .44rem .41rem;
}

/* 答案文字 */
.swiper-slide4 .options div img{
	width:6.66rem;
	height: .4rem;
}

/* 选中答案下划线 */
.swiper-slide4 .options div .line{
	position: absolute;
	width:85%;
	height: 2px;
	left: .55rem;
	bottom: 0rem;
}
.swiper-slide4 .options div .line.active{
	height: 2px;
	background-color: #e8294f;
	animation: moveWidth .8s;
}

@keyframes moveWidth{
	0%{
		width:0%;
	}
	100%{
		width: 85%;
	}
}

.swiper-slide6 .titTop{
	margin-bottom: .27rem;
}
.swiper-slide6 .options{
	margin-top: .27rem;
}
.swiper-slide6 .questionImg .tit_01{
	/* top:.18rem;
	left: 1.53rem;
	width: 2.61rem;
	height: .93rem; */
	top:.15rem;
	left: 1.53rem;
	width: 2rem;
	height: .8rem;
}
.swiper-slide6 .questionImg .tit_02{
	/* top:.3.7rem;
	left: 4.2rem;
	width: .84rem;
	height: .96rem; */
	top:.37rem;
	left: 4.2rem;
	width: .8rem;
	height: .78rem;
}
.swiper-slide6 .questionImg .tit_03{
	/* top:.1.54rem;
	left: 1.55rem;
	width: 3.59rem;
	height: 1.27rem; */
	top:1.4rem;
	left: 1.55rem;
	width: 3rem;
	height: .96rem;
}

.swiper-slide6 .questionImg .tit_04{
	/* top:3.6rem;
	left: 1.8rem;
	width: 3.59rem;
	height: 1.27rem; */
	top:3.6rem;
	left: 2.2rem;
	width: 3rem;
	height: 1rem;
}
.swiper-slide6 .questionImg .tit_05{
	/* top:5rem;
	left: 1.65rem;
	width: 3.59rem;
	height: 1.27rem; */
	top:4.5rem;
	left: 1.65rem;
	width:3rem;
	height: 1rem;
	
}
.swiper-slide6 .questionImg .tit_06{
	/* top:4.44rem;
	left: 4.78rem;
	width: 1.02rem;
	height: .94rem; */
	top:4.7rem;
	left: 4.4rem;
	width: 1rem;
	height: .8rem;
}

.swiper-slide7 .titTop{
	margin-bottom: .4rem;
}

.swiper-slide8 .questionImg .tit_01{
	top:-.35rem;
	left: 1.26rem;
	/* width: 3.59rem;
	height: 1.27rem; */
	width: 3rem;
	height: 1rem;
}
.swiper-slide9 .titTop{
	margin: .74rem auto .6rem;
}
.swiper-slide9 .questionImg .tit_03{
	top:2.7rem;
	left: 1.55rem;
	/* width: 3.59rem;
	height: 1.27rem; */
	width: 3rem;
	height: 1rem;
}
.swiper-slide9 .questionImg .tit_04{
	top: 3.55rem;
}



/* .swiper-slide4 .topic{width:6rem;margin:1rem 0 0 0.44rem;}
.swiper-slide4 .img{width:6rem;margin-top:-0.36rem;}
.swiper-slide4 .option{margin-left:0.44rem;}
.swiper-slide4 .option div{position:relative;margin-bottom:0.4rem;}
.swiper-slide4 .option div.d{margin-bottom:0.2rem;}
.swiper-slide4 .option img{width:6rem;vertical-align:middle;}
.swiper-slide4 .option i{
	position:absolute;left:0;top:-0.02rem;
	width:0.3rem;
	height:0.3rem;
}
.swiper-slide4 .option .a i{
	background:url(../img/answer/a.jpg) no-repeat;
	background-size:0.3rem 0.3rem;
}
.swiper-slide4 .option .a.active i{
	background:url(../img/answer/a_active.jpg) no-repeat;
	background-size:0.3rem 0.3rem;
}
.swiper-slide4 .option .b i{
	background:url(../img/answer/b.jpg) no-repeat;
	background-size:0.3rem 0.3rem;
}
.swiper-slide4 .option .b.active i{
	background:url(../img/answer/b_active.jpg) no-repeat;
	background-size:0.3rem 0.3rem;
}
.swiper-slide4 .option .c i{
	background:url(../img/answer/c.jpg) no-repeat;
	background-size:0.3rem 0.3rem;
}
.swiper-slide4 .option .c.active i{
	background:url(../img/answer/c_active.jpg) no-repeat;
	background-size:0.3rem 0.3rem;
}
.swiper-slide4 .option .d i{
	background:url(../img/answer/d.jpg) no-repeat;
	background-size:0.3rem 0.3rem;
}
.swiper-slide4 .option .d.active i{
	background:url(../img/answer/d_active.jpg) no-repeat;
	background-size:0.3rem 0.3rem;
} */

.logo{width:1.36rem;position:fixed;top:0.16rem;left:0;right:0;margin:auto;z-index:10001;display:none;}		
.swiper-slide10{text-align:center;}
.swiper-slide10 .title{width:6.92rem;margin:0.8rem 0 0.2rem 0;}
.swiper-slide10 .con{width:6rem;}
.swiper-slide10 .line{width:6.92rem;}
.swiper-slide10 .radarChart{width:4.6rem;margin:0.2rem 0 0.2rem 0;}
.swiper-slide10 .pk{width:2rem;margin-right:0.7rem;}
.swiper-slide10 .manual{width:3.3rem;}
.swiper-slide11 .radarChart{margin:0.2rem 0 0.2rem 0;width:6.8rem;}
.swiper-slide11 .sw{width: 2rem;margin-top: .2rem;margin-bottom: .1rem;}
.swiper-slide11 p{width:6.98rem;font-size:0.24rem;text-align:left;margin:0 auto;}
.alert{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);display:none;}
.alert .bigImg{
	width: 77%;
    margin: 0.3rem 0 .1rem .1rem;
}
.alert .btn{width:3rem;}

/* .swiper-slide4 .option img.jiantou{
	width:0.98rem;position:absolute;z-index:9;top:-0.5rem;left:0.4rem;margin-left: 0.06rem;
}
.swiper-slide4 .option img.jiantou.active2{
	-webkit-animation: jiantou 0.3s linear 0s 1 normal;
	animation: jiantou 0.3s linear 0s 1 normal;
}
@-webkit-keyframes jiantou{
	0% {	
		-webkit-transform: translate(300%,-100%) scale(0);
		transform: translate(300%,-100%) scale(0);
		opacity:0;
	}
	100% {
		-webkit-transform: translate(0%,0%) scale(1);
		transform: translate(0%,0%) scale(1);
		opacity:1;
	}
}

@keyframes jiantou {
	0% {
		-webkit-transform: translate(300%,-100%) scale(0);
		-ms-transform: translate(300%,-100%) scale(0);
		transform: translate(300%,-100%) scale(0);
		opacity:0;
	}
	100% {
		-webkit-transform: translate(0%,0%) scale(1);
		-ms-transform: translate(0%,0%) scale(1);
		transform: translate(0%,0%) scale(1);
		opacity:1;
	}
} */
.gg{position:absolute;top:0;left:0;display:none;background:url(../img/bg.jpg) repeat;width:100%;height:100%;}
.gg img{
  width: 74%;
  margin-top: 0.6rem;
}