body {
  background: #d2d6de;
  overflow: hidden;
}

.test-ver {
  font-size: 2.2rem;
  font-weight: inherit;
}

.watermark {
  position: absolute;
  display: block;
  text-align: center;
  color: #000;
  z-index: -999;
  opacity: 0.3;
  font-size: 18px;
  font-family: '微软雅黑';
  width: 120px;
  height: 80px;
  transform: rotate(-15deg);
}

.login-head-box {
  background: #15AB9C;
  width: 100%;
  height: 294px;
  margin-bottom: 7px;
}

.login-head-box p {
  font-size: 4.4rem;
  color: #fff;
  font-weight: 600;
  text-shadow: #1b8c82 2px 2px 6px;
  cursor: default;
  line-height: 270px;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.login-box {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
  border-radius: 20px;
  margin: auto;
  width: 374px;
}

.form-group {
  position: relative;
}

.login-box input,
.login-box select {
  margin-left: 34px;
  width: 300px;
  font-size: 14px;
}

img.login-icon {
  position: absolute;
  left: 0px;
  top: -2px;
  width: 38px;
}

#langSelect {
  margin: 0 40px;
  width: 250px;
}

#loginsubmit {
  width: 63%;
  border-radius: 0;
}

#validDays {
  position: absolute;
  right: 0;
  bottom: 0;
  color: red;
  font-size: 10px;
  cursor: default;
}

.forget-password {
  margin-top: 10px;
  text-align: center;
}

.forget-password a {
  font-size: 14px;
}

.login-footer {
  position: fixed;
  z-index: -99;
  bottom: 0px;
  width: 100%;
  background-color: #fff;
  color: #7b7b7b;
}

.form-button {
  text-align: center;
}

#errMsg {
  color: red;
}

.verify-code {
  flex-wrap: nowrap;
  justify-content: center;
}

.verify-code .input-verify-code {
  margin-left: 0px;
  width: 100%;
  border-radius: 0;
}

.verify-code .reproduce-code-btn {
  border-radius: 0;
  height: 100%;
}

.has-success,
.has-error {
  position: relative;
}

.has-success input.input-verify-code {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success input.input-verify-code:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-error input.input-verify-code {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error input.input-verify-code:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.glyphicon {
  position: absolute;
  top: 10px;
  right: 10px;
}

@media screen and (max-width:600px) {
  .login-head-box p {
    font-size: 3.5rem;
  }
}

@media screen and (max-width:460px) {
  .login-head-box p {
    font-size: 2.5rem;
  }
}

@media screen and (max-width:380px) {
  .login-head-box {
    height: 220px;
  }

  .login-head-box p {
    line-height: 200px;
  }

  .login-box {
    width: 100%;
    padding: 5px;
  }

  .login-box input,
  .login-box select {
    width: calc(100% - 44px);
  }

  #langSelect {
    width: calc(100% - 74px);
  }
}

@media screen and (max-width:330px) {
  .login-head-box p {
    font-size: 2rem;
  }
}