body,html{
  background: #409EFF;
  padding: 0;
  margin: 0;
  height: 100%;
}
.container{
  height: 100%;
  min-height: 800px;
  min-width: 1550px;
  background: #ffffff url('/NT/51/images/bg.jpg') no-repeat left center;
  position: relative;
}
.header{
  padding: 20px;
}
.main{
  width: 80%;
  z-index: 2;
  margin: 0 auto;
  padding-top: 200px;
  position: relative;
}
.main h4{
  padding:0;
  margin: 0;
}
.main .login{
  position: absolute;
  right: 0;
  top: 250px;
  width: 300px;
  background: #ffffff;
  border-radius: 2px;
  padding: 20px 30px 30px 30px;
}
.main .login .title{
  margin: 25px 0 45px 0;
  font-size: 20px;
  color: #0E569E;
  display: block;
  text-align: center;
}
.main .login .input-box{
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  padding: 0px 15px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  background: #ffffff;
}
.main .login .username{
  width: 17px;
  height: 17px;
  margin-right: 15px;
  display: block;
  background: #ffffff url('/NT/51/images/icon.png') no-repeat 0 0;
}
.main .login .password{
  width: 17px;
  height: 20px;
  margin-right: 15px;
  display: block;
  background: #ffffff url('/NT/51/images/icon.png') no-repeat -17px 0;
}
.main .login .input-box input{
  border: none;
  outline: none;
  font-size: 14px;
  line-height: 40px;
}
.main .login .validation{
  display: flex;
  align-items: center;
}
.main .login .validation .input-box{
  margin-bottom: 0;
}

.main .login .validation input{
  width: 130px;
}

.main .login .validation span{
  color: #409EFF;
  font-size: 14px;
  cursor: pointer;
  margin-left: 15px;
}
.main .login .psw-option{
  display: flex;
  align-items: center;
  padding: 5px 0 20px 0;
  justify-content: space-between;
  font-size: 14px;
  color: #999999;
}
.main .login .psw-option a{
  color: #999999;
  text-decoration: none;
}
.main .login .login-btn{
  margin: 20px 0;
  background: #0070D2;
  width: 100%;
  padding: 15px 0;
  color: #ffffff;
  border-radius: 3px;
  border:none;
  outline: none;
  cursor: pointer;
}