* {padding: 0;margin: 0;}

html{min-height: 100%;line-height: 1.6;}
body{background: url(./img/bg.png) no-repeat 0 0;background-size: cover;}

a {background-color: transparent;text-decoration: none;}
a:hover, a:focus, a:active {text-decoration: none;}

.login-box{
  box-shadow: 0px 10px 50px 0px rgb(0 123 212 / 30%);
  border-radius: 32px;
  background-color: #FFF;
  width: 450px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -280px 0 0 -225px;
  padding: 50px 60px;
  font-size: 14px;
}
.login-box a{color: rgba(170, 170, 170, 1);}
.login-box .logo{margin: 0 auto;width: 112px;}
.login-box .main2 {font-size: 28px; margin-top: 20px;text-align: center}
.login-box .main2 .txt1 {color: rgba(29, 160, 255, 1);}

.login-box .flex-row input{border: none;line-height: 34px;height: 34px;padding-left:6px;flex: 1;color: #333;font-size: 14px;}
.login-box .flex-row input::placeholder{color: rgba(170, 170, 170, 1);}
.login-box .flex-row input:focus{outline: none}

.login-box .form-group{margin-top: 25px;border-bottom: 2px solid rgba(223, 223, 223, 1);}
.login-box .form-group.has-error{border-bottom: 2px solid red;}
.login-box .form-group .icon-account{width: 28px;height: 34px;line-height: 34px;color: #fff;display: inline-block;text-align: center;background: url(./img/account.png) 100% no-repeat;background-position:50% 50%;background-size: 14px}
.login-box .form-group .icon-password{width: 28px;height: 34px;line-height: 34px;color: #fff;display: inline-block;text-align: center;background: url(./img/password.png) 100% no-repeat;background-position:50% 50%;background-size: 14px}
.login-box .form-group .icon-code{width: 28px;height: 34px;line-height: 34px;color: #fff;display: inline-block;text-align: center;background: url(./img/code.png) 100% no-repeat;background-position:50% 50%;background-size: 14px}
.login-box .form-group .outer{background-color: rgba(201, 201, 201, 1);width: 1px;height: 14px;margin: 10px 5px;}

.login-box .help-row{margin: 10px 0px;color: rgba(170, 170, 170, 1);margin-right: 10px;}
.login-box .help-row .icon-checkbox{width: 34px;height: 12px;line-height: 12px;color: #fff;display: inline-block;text-align: center;background: url(./img/checkbox.png) 100% no-repeat;background-position:50% 100%;background-size: 12px}
.login-box .help-row .icon-checkbox.checked{background: url(./img/checkbox-checked.png) 100% no-repeat;background-position: 50% 100%;background-size: 12px;}
.login-box .help-row .lbl{margin-left: -10px;}
.login-box .btn-row .btn-login{background: #1e9fff;background-size: 100% 100%;width: 225px;height: 50px;color: #FFF;font-size: 16px; margin: 0px auto;margin-top: 25px;border-radius: 25px}

.input-icon{color: rgba(170, 170, 170, 1);font-size: 16px!important;position: absolute;top: 10px;right: 10px;}