* { box-sizing: border-box; margin: 0; padding: 0; font-weight: 300;
} body { font-family: "Microsoft YaHei"; color: white; font-weight: 300;
}
body ::-webkit-input-placeholder { /* WebKit browsers */ font-family: "Microsoft YaHei"; color: white; font-weight: 300;
} body :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-family: "Microsoft YaHei"; color: white; opacity: 1; font-weight: 300;
} body ::-moz-placeholder { /* Mozilla Firefox 19+ */ font-family: "Microsoft YaHei"; color: white; opacity: 1; font-weight: 300;
} body :-ms-input-placeholder { /* Internet Explorer 10+ */ font-family: "Microsoft YaHei"; color: white; font-weight: 300;
} .wrapper { background: #ee9ca7; background: -webkit-linear-gradient(top left, #ee9ca7 0%, #ee9ca7 100%); background: linear-gradient(to bottom right, #ee9ca7 0%, #ee9ca7 100%); background-color: rgba(255, 255, 255, 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .wrapper.form-success .container h1 { -webkit-transform: translateY(85px); -ms-transform: translateY(85px); transform: translateY(85px);
} .container { max-width: 600px; margin: 0 auto; margin-top: 7%; padding: 80px 0; height: 400px; text-align: center;
} .container h1 { font-size: 40px; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; font-weight: 200;
} form { padding: 20px 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-family: "Microsoft YaHei"; 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: #ee9ca7;
} form button { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; background-color: white; font-family: "Microsoft YaHei"; border: 0; padding: 10px 15px; color: #ee9ca7; border-radius: 3px; width: 250px; cursor: pointer; font-size: 18px; -webkit-transition-duration: 0.25s; transition-duration: 0.25s;
} form button:hover { background-color: #f5f7f9;
}