body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
body{margin:0px;}
*{list-style:outside none none;text-decoration:none;}
body,figure,figcaption{margin:0;padding:0;}
*{
	transition:all 1.5s;
}
body{
	perspective: 800;/* 屏幕到物品的距离 */
	perspective-origin: 50% 50%;/* 就是游览器中央 观察视点 */
	transform-style:preserve-3d;/* 告诉游览器操作的是3D元素 */
	background:#000;
}
.v{
	width:100%;
	height:400px;
	background:#fff;
	margin:10% auto;
	background:#000;
}
.a{
	width:100%;
	height:400px;
	background:url(../img/11-27-22-94-1.jpg);
	background:#2af8c0;
	background:linear-gradient(#2af8c0,#a0f4dd);
	margin:0 auto;
	overflow:hidden;
	opacity:0.7;
	position:absolute;
}
/* .f{
	width:100%;
	height:400px;
	margin:10% auto;
	overflow:hidden;
	position:absolute;
} */
.f div{
	margin-top:400px;
}
.v h2{
	width:140px;
	height:40px;	
	margin:0 auto;
	padding:60px 0 0 0;
	color:#fff;
	font-size:30px;
}
.v h2 span{
	opacity:0;
}
.v h2 span i{
	animation-name:b;
	animation-iteration-count:infinite;	
	animation-play-state:paused;
}
.v h2 span i:nth-of-type(1){
	animation-duration:1.05s;
}
.v h2 span i:nth-of-type(2){
	animation-duration:1.1s;
}
.v h2 span i:nth-of-type(3){
	animation-duration:1.15s;
}
@keyframes b{
	50%{opacity:0;}
}
.b{
	width:600px;
	height:200px;
	margin:0 auto;
	padding:30px 0;
	transform:translate(0px,0px);
	display:block;
	/* display:none; */
}
input{
	width:180px;
	height:30px;
	margin:0 auto;
	display:block;
	opacity:0.5;
	border-radius:5px;
	border:1px solid #fff;
	text-align:center;
	padding:5px 10px;
	transform:translate(0px,0px);
	/* transform:translate(0px,-200px); */
}
input:hover{
	width:220px;
	height:30px;
	opacity:1;
	border-radius:5px;
	border:1px solid #ccc;
	text-align:center;
}
.submit{
	margin:20px 200px;
	width:200px;
	height:40px;
	background:#ccc;
	text-align:center;
	line-height:40px;
	background:#fff;
	border-radius:5px;
	color:#00f0af;
	cursor:pointer;
	/* border:1px solid #000; */
}
/* .d{
	background:#abfae5;
	opacity:0.7;
	margin-top:100px;
	float:left;
 	-webkit-animation-name:a;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:a;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-o-animation-name:a;
	-o-animation-duration:10s;
	-o-animation-iteration-count:infinite;
	animation-name:a;
	animation-duration:15s;
	animation-iteration-count:infinite;
} */
@keyframes a{
	0%{}
	25%{}
	50%{/* -moz-transform:rotatez(365deg);
		-webkit-transform:rotatez(365deg);
		-o-transform:rotatez(365deg); */
		transform:rotatez(365deg)
	}
	75%{margin:-400px 0 0 0px;}
	100%{}
}