
/* ================================================================================================================ */
* { margin:0; padding:0; box-sizing: content-box; }
body { background:#0042AF; }
body { background:url(/static/dannalogin/img/bg.jpg)no-repeat center center fixed; background-size:100% 100%; }


.logoT{ position:absolute; left:50%; top:50%; margin:-300px 0 0 -150px; width:300px; }
.wrapper { position:absolute; left:50%; top:50%; margin:-130px 0 0 -200px; background:#fff; width:400px; height:250px;  padding:20px 0 50px 0; box-shadow:0 0 6px rgba(0,0,0,0.1)}
h1 { font:30px/50px "微软雅黑"; color:#3f5060; text-align:center; margin-bottom:30px; }
form { width:320px; margin:50px auto; position:relative; }
.hh_inputbox { position:relative; margin-bottom:20px; padding-left:50px; border:0px solid #f00; }
.hh_inputbox .label { position:absolute; left:0; font:15px/35px "微软雅黑"; color:#3f5060; }
.hh_inputbox.keep{ font:13px/35px "微软雅黑"; vertical-align:middle; padding-left:18px; }
.hh_inputbox.keep input{ position:absolute; left:0; top:11px; }
.hh_inputbox .input { display: block; font:15px/25px "微软雅黑"; width:250px; height:25px; padding:5px 10px; outline: none; border:none; background: #fff;  border-bottom:1px solid #d3d1d1; vertical-align:middle; }
.hh_inputbox .button { display: block; width:250px; margin-top:10px; font:15px/40px "微软雅黑"; color:#fff; text-align:center; background: #3065BD; cursor: pointer; border-radius: 5px; }
.yzmInput{ padding-right:100px; }
.yzmInput .yzmImg{ height:35px; width:100px; position:absolute; right:0; top:0;}
.btn_sub{ text-decoration: none; position:absolute; bottom:-47px; left:47px; display:inline-block; width:200px; height:50px; line-height:50px; text-align:center; background:#000; color:#fff; border-radius:25px;}
.logo{ position:absolute; top:-40px; height:80px; width:80px; display:inline-block; left:160px; }
/* ================================================================================================================ */