html,body{
	width:100%;
	height:100%;
	position:relative;
}
.main{
	width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    margin: 0 auto;
}
.play{
	display: block;
	width:1.5rem;
	height:1.4375rem;
	position:fixed;
	right:0.53125rem;
	top:0.53125rem;
	z-index:1000;
}
.play.active{
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
}
@keyframes vGo{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}
@-webkit-keyframes vGo{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}
.one{
	width:100%;
	height:100%;
	background:url(../images/bg.jpg) no-repeat center top;
	background-size:cover;
	position:relative;
}
.logo{
	display: block;
	width:9.96875rem;
	position:absolute;
	left:50%;
	margin-left:-4.984375rem;
	top:1.4375rem;
}
.slo{
	display: block;
	width:19.34375rem;
	position:absolute;
	left:50%;
	margin-left:-9.671875rem;
	top:6.65625rem;
}
.txt1{
	display: block;
	width:9.90625rem;
	position:absolute;
	left:50%;
	margin-left:-4.953125rem;
	top:10.1875rem;
}
.txt2{
	display: block;
	width:9.90625rem;
	position:absolute;
	left:50%;
	margin-left:-4.953125rem;
	top:14.53125rem;
}
.start{
	display: block;
	width:11.28125rem;
	position:absolute;
	left:50%;
	margin-left:-5.640625rem;
	top:80%;
}
.two{
	width:100%;
	height:100%;
	background:url(../images/an.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
}
.fei{
	width:100%;
	height:30.375rem;
	background:url(../images/fei.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	overflow: hidden;
	left:0;
	top:50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.logoc{
	display: block;
	width:9.5625rem;
	margin:7.1875rem auto 0;
}
.txc{
	font-size:1.25rem;
	color:#755944;
	text-align: center;
	margin:1.0625rem auto 0;
	font-weight:bold;
}
.put{
	width:19.03125rem;
	height:4.96875rem;
	background:url(../images/put.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:0 0 0 0.21875rem;
	overflow: hidden;
}
.put input{
	display: block;
	width:9.4375rem;
	height:1.75rem;
	position:relative;
	margin:1.3125rem 0 0 5.1875rem;
	border:none;
	background:none;
	font-size:0.875rem;
	color:#fff;
	font-weight:bold;
	text-align: center;
	line-height:1.75rem;
}
/*input placeholder样式修改*/
.put input::-webkit-input-placeholder {    /* Chrome/Opera/Safari */
	/*text-align: center;*/
	color:#fff;
}
.put input::-moz-placeholder { /* Firefox 19+ */  
	/*text-align: center;*/
	color:#fff;
}	
.put input:-ms-input-placeholder { /* IE 10+ */
	/*text-align: center;*/
	color:#fff;
}
.put input:-moz-placeholder { /* Firefox 18- */
	/*text-align: center;*/
	color:#fff;
}
.sure{
	display: block;
	width:11.28125rem;
	margin:-1.5625rem auto 0;
	z-index:5;
}
.thc{
	width:100%;
	height:100%;
	background:url(../images/bo.jpg) no-repeat center top;
	background-size:cover;
	position:relative;
}
.question{
	width:100%;
	overflow: hidden;
	position:relative;
	top:50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	display: none;
}
.question.question1{
	display: block;
}
.question h3{
	width:14.4375rem;
	margin:0 auto 0;
	font-size:1rem;
	color:#ffdca5;
	line-height:1.875rem;
}
.question ul{
	width:18.5rem;
	overflow: hidden;
	position:relative;
	margin:1.875rem auto 0;
}
.question ul li{
	width:100%;
	height:3.0625rem;
	background:url(../images/act.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	font-size:0.6875rem;
	color:#000000;
	text-align: center;
	line-height:3.0625rem;
	font-weight:bold;
}
.question ul li.active{
	opacity: .9;
}
.for{
	width:100vw;
	height:100vh;
	background:url(../images/to.jpg) no-repeat center top;
	background-size:cover;
	position:relative;
	overflow: hidden;
}
.foMain{
	width:100vw;
	height:100vh;
	position:relative;
	overflow: hidden;
}
.foMain .toc{
	display: block;
	width:100vw;
	height:100vh;
	position:absolute;
	left:0;
	top:0;
}
.jp_img{
	display: block;
	width:100vw;
	height:100vh;
	position:absolute;
	left:0;
	top:0;
}
.name{
	font-size:4vh;
	color:#fff;
	font-weight:bold;
	text-align: center;
	margin-top:6vh;
	z-index:2;
	position:relative;
}
.desc{
	font-size:3vh;
	color:#ffdca6;
	text-align: center;
	letter-spacing: 1px;
	font-family: "Adobe Heiti Std";
	z-index:2;
	position:relative;
}
.rolePic{
	display: block;
	width:100vw;
	position:relative;
	margin:-16vh auto 0;
}
.result{
	width:80vw;
	position:absolute;
	left:50%;
	margin-left:-40vw;
	font-size:2vh;
	color:#ffdca6;
	line-height:3.6vh;
	z-index:5;
	bottom:20%;
}
.chang{
	width:1.5625rem;
	height:6.75rem;
	background:url(../images/bbc.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	right:0;
	top:30%;
	font-weight:bold;
}
@keyframes dialogLoading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes dialogLoading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}