html {
  height: 100%;
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #005bb8 0%, #000105 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #005bb8 0%, #000105 100%);

}
input , button{outline:0px;}


body {
  width: 100%;
  margin: 0;
  overflow: hidden;
  background:url(../images/login-Bg.jpg) center center no-repeat;
}
.login-logo{ background:url(../images/login-1.png) no-repeat; background-size:60% 60%; position:absolute; left:40px; top:40px; width:400px; height:200px;}
.login-box{ width:460px; height:400px;position:absolute; left:50%; top:50%; margin:-200px 0px 0px -230px; z-index:100}
.login-box .login-box-header ,.login-box .login-box-body ,.login-box .login-box-footer{ position:absolute; width:100%;}
.login-box .login-box-header{ background:#399bff; height:66px; line-height:66px; border-radius:9px 9px 0px 0px; top:0px; text-align:center; color:#FFF; font-size:28px; z-index:1}
.login-box .login-box-body{ padding:106px 46px 60px 46px; display: block;box-sizing:border-box; background:#FFF; border-radius:12px;}
.login-box .login-box-body *{box-sizing:border-box;}
  .inpBox{ display:block; height:44px; margin-bottom:26px; border:1px solid #eef1f4; border-radius:4px; background:#f4f7fc}
  .inpBox > i,  .inpBox > input{ float:left; width:100%; display:block; height:100%}
  .inpBox > i{ position:absolute; width:44px; height:42px; border-right:1px solid #ecf0f4;}
  .inpBox > i.icon1{ background:url(../images/login-2.png) center center no-repeat #FFF; background-size:28px auto;}
  .inpBox > i.icon2{ background:url(../images/login-3.png) center center no-repeat #FFF; background-size:28px auto;}
  .inpBox > input{ padding-left:60px !important; background:none; border:none; font-size:16px;}
  button.login-box-btn{ background:#399bff; border:none; height:44px; width:100%; margin-top:10px; border-radius:6px; font-size:22px; color:#FFF; cursor:pointer}
.login-box .login-box-footer{ background:#9eceff; height:60px; border-radius:0px 0px 9px 9px; bottom:0px;}
.login-box .login-box-footer>ul{ display:table; width:100%;box-sizing:border-box; padding:0px; margin:0px; position:relative; top:16px;}
.login-box .login-box-footer>ul>li{ display:table-cell; color:#fff; font-size:18px; padding-left:20px}
.login-box-footer ul li a{text-decoration: none; color:#fff;}
.login-box-footer ul li a:hover{ color:#fff}
.-checkbox>label:after, .-checkbox>label:before{ background:#FFF; border-radius:3px}
.-checkbox>input:checked+label:after{ width:18px !important; height:18px !important; left:0px !important; top:4px !important; content:"√"; font-size:12px; text-align:center}

/*body.huifu .login-logo{background: url(../images/login-1.png) no-repeat; background-size: 60% 60%;}*/
body.huifu .login-logo{background: url(../images/login-huifu.png) no-repeat; background-size: 60% 60%;}