*{box-sizing: border-box;margin: 0;padding: 0;font-weight: 300;}
	html,body{font-family: "微软雅黑";color: white;font-weight: 300;}
	html {overflow-y:hidden; }
	body ::-webkit-input-placeholder{/* WebKit browsers*/font-family: 'Source Sans Pro', sans-serif;color: white;font-weight: 300;}
	body :-moz-placeholder{/* Mozilla Firefox 4 to 18*/font-family: 'Source Sans Pro', sans-serif;color: white;opacity: 1;font-weight: 300;}
	body ::-moz-placeholder{/* Mozilla Firefox 19+*/font-family: 'Source Sans Pro', sans-serif;color: white;opacity: 1;font-weight: 300;}
	body :-ms-input-placeholder{/* Internet Explorer 10+*/font-family: 'Source Sans Pro', sans-serif;color: white;font-weight: 300;}
	.wrapper{background: #50a3a2;background: -webkit-linear-gradient(top left, #50a3a2 0%, #53e3a6 100%);background: linear-gradient(to bottom right, #50a3a2 0%, #53e3a6 100%);/*opacity: 0.8;*/position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
	.container{max-width: 600px;margin: 50px auto;padding: 180px 0;height: 400px;text-align: center;}
	.container h1{font-size: 40px;-webkit-transition-duration: 1s;transition-duration: 1s;-webkit-transition-timing-function: ease-in-put;transition-timing-function: ease-in-put;font-weight: 200;}
	form{padding: 50px 0;position: relative;z-index: 2;}
	form input{-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: 0;border: 1px solid rgba(255, 255, 255, 0.4);background-color: rgba(255, 255, 255, 0.2);width: 250px;border-radius: 3px;padding: 10px 15px;margin: 0 auto 10px auto;display: block;text-align: center;font-size: 18px;color: white;-webkit-transition-duration: 0.25s;transition-duration: 0.25s;font-weight: 300;}
	/*form input:hover{background-color: rgba(255, 255, 255, 0.4);}
	 form input:focus{background-color: white;width: 300px;color: #53e3a6;}*/
	form input[type="submit"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: 0;background-color: white;border: 0;padding: 10px 15px;color: #53e3a6;border-radius: 3px;width: 250px;cursor: pointer;font-size: 18px;-webkit-transition-duration: 0.25s;transition-duration: 0.25s;}
	/*form input[type="submit"]:hover{background-color: #f5f7f9;}*/
	@-webkit-keyframes square{0%{-webkit-transform: translateY(0);transform: translateY(0);}
		100%{-webkit-transform: translateY(-700px) rotate(600deg);transform: translateY(-700px) rotate(600deg);}}
	@keyframes square{0%{-webkit-transform: translateY(0);transform: translateY(0);}
		100%{-webkit-transform: translateY(-700px) rotate(600deg);transform: translateY(-700px) rotate(600deg);}}