*{margin:0;padding:0;font-size:13px;font-family:microsoft yahei}
html,body{width:100%;height:100%;background:#fff}

#container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
#output{width:100%;height:100%}
.prompt{width:60%;height:30px;margin:5px auto;text-align:center;line-height:30px;font-family:microsoft yahei,Arial,sans-serif;font-size:13px;color:#df0000}
.containerT{width:500px;height:400px;text-align:center;position:absolute;top:47%;left:47%;margin:-150px 0 0 -200px;border-radius:3px}
.containerT h1{font-size:18px;font-family:方正黑体;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:ease-in-put;transition-timing-function:ease-in-put;font-weight:500}
form{padding:20px 0;position:relative;z-index:2}
form input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border:1px solid #fff;background-color:rgba(255,255,255,.2);width:275px;border-radius:10px;padding:8px 15px;margin:0 auto 10px;display:block;font-size:15px;color:#fff;-webkit-transition-duration:.25s;transition-duration:.25s;font-weight:300}
form input:hover{background-color:rgba(255,255,255,.4)}
form input:focus{background-color:#fff;width:275px;color:#333}
form button{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;background-color:#fff;border:0;padding:7px 15px;color:#0996e8;border-radius:10px;width:310px;cursor:pointer;font-family:microsoft yahei,Arial,sans-serif;font-size:16px;font-weight:700;-webkit-transition-duration:.25s;transition-duration:.25s}
form button:hover{background-color:#f5f7f9}
::-webkit-input-placeholder { /*Webkit browsers*/
    color: #fff;
    font-size: 16px;
}

::-moz-placeholder { /*Mozilla Firefox 4 to 8*/
    color: #fff;
    font-size: 16px;

}

::moz-placeholder { /*Mozilla Firefox 19+*/
    color: #fff;
    font-size: 16px;

}

::-ms-input-placeholder { /*Internet Explorer 10+*/
    color: #fff;
    font-size: 16px;
}