html,body{
	width:100%;
	height:100%;
	position:relative;
}
.main{
	width: 100%;
    height: 100%;
	background:url(../images/bg.jpg) no-repeat center top;
	background-size:100% 100%;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    margin: 0 auto;
}
.one{
	width:100%;
	height:100%;
	position:relative;
}
.logo{
	display: block;
	width:2.95rem;
	position:absolute;
	left:50%;
	margin-left:-1.475rem;
	top:.52rem;
}
.txt2{
	display: block;
	width:3.13rem;
	position:absolute;
	left:50%;
	margin-left:-1.565rem;
	bottom:.3rem;
}
.txt1{
	display: block;
	width:9.8rem;
	position:absolute;
	left:50%;
	margin-left:-4.9rem;
	top:1.95rem;
}
.slo{
	display: block;
	width:9.36rem;
	position:absolute;
	left:50%;
	margin-left:-4.68rem;
	top:14.44rem;
}
.start{
	display: block;
	width:5.85rem;
	position:absolute;
	left:50%;
	margin-left:-2.925rem;
	top:16.39rem;
}
.two{
	width:100%;
	height:100%;
	overflow: hidden;
	position:relative;
}
.logoc{
	display: block;
	width:9.5625rem;
	margin:7.1875rem auto 0;
}
.txc{
	font-size:.58rem;
	color:#514a43;
	margin:5.6rem 0 0 1rem;
	font-weight:bold;
}
.put{
	width:8.8rem;
	height:1.18rem;
	position:relative;
	margin:0.55rem auto 0;
	overflow: hidden;
}
.put input{
	display: block;
	width:8.7rem;
	height:1.1rem;
	position:relative;
	border:0.04rem solid #514a43;
	background:#a38f7b;
	font-size:0.58rem;
	color:#fff;
	text-align: center;
	line-height:1.1rem;
	border-radius: .3rem;
}
/*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:5.85rem;
	margin:1.6rem auto 0;
	z-index:5;
}
.thc{
	width:100%;
	height:100%;
	position:relative;
}
.animal{
	display: block;
	width:3rem;
	position:absolute;
	right:0;
	bottom:0;
}
.question{
	width:100%;
	position:relative;
	top:50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	display: none;
}
html, body {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(0);
}
.question.question1{
	display: block;
	top:50%;
}
.question.question1 h3{
	margin-bottom:0;
}
.question h3{
	width:9.65rem;
	margin:0 auto 1.26rem;
	font-size:.58rem;
	color:#514a43;
	line-height:.95rem;
}
.question h3 img{
	display: block;
	width:1.22rem;
	margin-right:.2rem;
	margin-top:-.2rem;
	float:left;
}
.question .quesPic{
	display: block;
	width:8.78rem;
	margin:.22rem auto 0;
}
.question ul{
	width:8.78rem;
	overflow: hidden;
	position:relative;
	margin:0 auto 0;
}
.question ul li{
	width:100%;
	height:1.18rem;
	background:url(../images/act.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	font-size:0.52rem;
	color:#fff;
	text-align: center;
	line-height:1.18rem;
	font-weight:bold;
	margin-top:.42rem;
}
.question ul li.active{
	opacity: .9;
}
.for{
	width:100vw;
	height:100vh;
	background:url(../images/bg.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;
	position:absolute;
	left:0;
	top:0;
}
.jp_img{
	display: block;
	width:100vw;
	height:100vh;
	position:absolute;
	left:0;
	top:0;
}
.chang{
	width:3.44rem;
	height:.54rem;
	background:url(../images/bbc.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	left:50%;
	margin-left:-1.72rem;
	bottom:.2rem;
	font-weight:bold;
}
.bottom{
	display: block;
	width:3.13rem;
	height:.16rem;
	position:absolute;
	left:50%;
	margin-left:-1.565rem;
	bottom:0.2rem;
}
.tipName{
	font-size:.52rem;
	color:#514a43;
	font-weight:bold;
	position:absolute;
	left:.95rem;
	top:13.6rem;
}
.tipName span{
	color:#de9b57;
}
@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)}}