html,body{
	margin: 0 auto;
    width: 100%;
	height: 100%;
	overflow: hidden;
}
html{font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
body{
	background: url(../images/bg1.jpg)no-repeat;
	background-size: 100% 100%;
}
@font-face
{
font-family: hy;
src: url('hy.ttf');
}
.load{
	font-family: hy;
}
.music{
	position: absolute;
	top: 4%;
	right: 6%;
	width: 10%;
	z-index: 100;
}
.music_change{
	-webkit-transform-origin: 50% 50%;
    -webkit-animation: musicStart 2s linear infinite;
}
/*音乐滚动动画*/
@keyframes musicStart{
	0% {
	    -webkit-transform: rotate(0deg);
	}
	25% {
	    -webkit-transform: rotate(90deg);
	}
	50% {
	    -webkit-transform: rotate(180deg);
	}
	75% {
	    -webkit-transform: rotate(270deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}
/*star闪烁*/
@keyframes starShake{
	0% {
	    opacity: 0;
	}
	25% {
	     opacity: 0.5;
	}
	50% {
	     opacity: 1;
	}
	75% {
	     opacity: 0.5;
	}

	100% {
		 opacity: 0;
	}
}
/*弹幕动画*/
@keyframes danMu{
	0% {
	    left: 100%
	}
	25% {
	     left: 50%;
	}
	50% {
	     left: 0%;
	}
	75% {
	     left: -50%;
	}

	100% {
		 left: -100%;
	}
}
.page1,.page2,.page3,.page4,.page5,.page6,.page7,.sharepage{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.sharepage{
	background: url(../images/shareimg.jpg)no-repeat;
	background-size: 100% 100%;
	z-index: 999;
	display: none;
}
.page4{
	background: url(../images/bg2.jpg)no-repeat;
	background-size: 100% 100%;
}
.page5{
	background: url(../images/result1.jpg)no-repeat;
	background-size: 100% 100%;
}
.page6{
	background: url(../images/result2.jpg)no-repeat;
	background-size: 100% 100%;
}
.page7{
	background: url(../images/result3.jpg)no-repeat;
	background-size: 100% 100%;
}
.page2,.page3,.page4,.page5,.page6,.page7{
	display: none;
}
.again,.share{
	width: 35%;
	position: absolute;
	bottom: 7%;
}
.zan{
	width: 50%;
	position: absolute;
	bottom: 30%;
	right: 5%;
}
.zan2{
	width: 50%;
	position: absolute;
	bottom: 30%;
	left: 5%;
}
.low{
	width: 60%;
	position: absolute;
	top: 40%;
	left: 20%;
}
.again{
	left: 10%;
}
.share{
	right: 10%;
}
.top{
	width: 85%;
	margin-left: 12%;
	margin-top: 20%;
}
.star{
	width: 20%;
	position: absolute;
	right: 3%;
	top: 25%;
	-webkit-transform-origin: 50% 50%;
    -webkit-animation: starShake 3s linear infinite;
}
.book{
	width: 45%;
	margin-top: -10%;
}
.get{
	width: 62%;
	position: absolute;
	top: 56%;
	left: 20%;
}
.go{
	width: 40%;
	position: absolute;
	bottom: 10%;
	right: 20%;
}
.flow{
	width: 15%;
	position: absolute;
	right: 0;
	bottom: 22%;
}
.fly{
	height: 80%;
	left: 100%;
	margin-top: 17%;
	position: absolute;
	-webkit-transform-origin: 50% 50%;
    -webkit-animation: danMu 5s linear;
}
.dang{
	width: 38%;
	margin-top: 2%;
}
.hot{
	width: 80%;
	margin-left: 10%;
	margin-top: -22%;
}
.boom{
	width: 80%;
	margin-left: 10%;
	margin-top: -12%;
}
.letgo{
	width: 40%;
	margin-left: 30%;
	margin-top: -3%;
}
.sure,.next{
	width: 30%;
	position: absolute;
	bottom: 10%;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 101;
}
.question{
	font-family: hy;
	font-size: 1.8rem;
	width: 65%;
	position: absolute;
	top: 26%;
	left: 20%;
	color: #a00000;
}
.answer{
    position: absolute;
	top: 40%;
	left: 22%;
	width: 70%;
	color: #a00000;
}
.answer-ul{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	width: 80%;
}
.answer-li{
	margin-bottom: 9%;
	padding: 3%;
	padding-left: 7%;
}
.answer-s{
	font-family: hy;
	color: #a00000;
	margin-right: 3%;
	padding: 7.5%;
}
.answer-s.dui{
	background: url(../images/dui.png)center no-repeat;
	background-size: 100% 100%;
}
.answer-s.cuo{
	background: url(../images/cuo.png)center no-repeat;
	background-size: 100% 100%;
}
.answer-li:nth-child(1).active{
	background: url(../images/selecta.png)center no-repeat;
	background-size: 100% 100%;
}
.answer-li:nth-child(2).active{
	background: url(../images/selectb.png)center no-repeat;
	background-size: 100% 100%;
}
.answer-li:nth-child(3).active{
	background: url(../images/selectc.png)center no-repeat;
	background-size: 100% 100%;
}
.analysis{
	display: none;
}
.analysis-img{
	width: 75%;
	margin-left: 10%;
	margin-top: 22%;
	z-index: 600;
}
.anal-content{
	position: absolute;
	top: 36%;
	width: 62%;
	margin-left: 18%;
	font-size: 1.8rem;
	line-height: 2.4rem;
	color: #a00000;
}