html,body{width:100%;height:100%;}
input::-webkit-input-placeholder{ /*WebKit browsers*/

color: #666666;

}

input::-moz-input-placeholder{ /*Mozilla Firefox*/

color: #666666;

}

input::-ms-input-placeholder{ /*Internet Explorer*/ 

color: #666666;

}



.content{width:100%;height:100%;}
.content_t{background:#01a5a6;height:40%;position:relative;}
.content_t img{position:absolute;bottom:0;width:30%;left:35%;display:block;}
.content_b .form_box {width:25%;margin:0 auto;margin-top:3%;}
.content_b .form_box #loginbox{position:relative;}
.content_b .form_box .name_box{position:relative;}
.content_b .form_box .icon_down{position:absolute;right:10px;top:9px;width:20px;}
.content_b input{display:block;width:100%;height:50px;background:#f2f2f2;border:1px solid #cccccc;line-height:50px;box-sizing:border-box;padding:0 12px;outline-style:none;font-size:20px;}
.content_b input:nth-child(2){margin-top:15px;}
.content_b .login_btn{display:block;width:100%;background:#13b5b1;color:#fff;font-size:24px;text-align:center;padding:2% 0;margin-top:10%;text-decoration:none;}
.history{width:100%;position:absolute;top:50px;height:auto;max-height:240px;background:#fff;overflow:auto;border:1px solid #ccc;display:none;}
.history ul{padding:0;margin:0;}
.history li{height:40px;border-bottom:1px solid #ccc;list-style:none;line-height:40px;padding:0 12px;font-size:20px;}
.history li:hover{background:#ccc;}
.rember{text-align:right;}
.rember input{width:16px;height:16px;display:inline;vertical-align:middle;margin:0;}
.rember span{vertical-align:middle;}