.form-horizontal .form-group {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.form-horizontal .has-error .form-control:focus {
  box-shadow: none !important;
}
.form-horizontal .control-label {
  color: #111727 !important;
}
.form-horizontal .help-block {
  color: #FF5050 !important;
  padding-left: 120px;
}
.form-horizontal .has-error .form-control {
  border-color: #FF5050;
}
.form-horizontal .has-error .form-control:focus {
  border-color: #FF5050;
  box-shadow: none !important;
}
.form-horizontal .has-success .form-control {
  border: 1px solid #F0F3F6;
}
.form-horizontal .has-success .form-control:focus {
  border: 1px solid #1478FF;
  box-shadow: none !important;
}
.form-row-item {
  display: flex;
  align-items: center;
}
.form-row-item label {
  width: 120px;
  text-align: right;
  padding: 0 12px !important;
  margin-bottom: 0;
  color: #111727;
}
.form-row-item input {
  background: #F0F3F6;
  border-radius: 8px;
  padding: 10px 16px;
  color: #111727;
  border: none;
  box-sizing: border-box;
  border: 1px solid #F0F3F6;
  font-size: 16px;
  box-shadow: none !important;
  height: auto;
  line-height: 1;
}
.form-row-item input::placeholder {
  font-size: 16px;
  color: #C5CAD5;
}
.form-row-item input:focus {
  border: 1px solid #1478FF;
  background: #F9FAFB;
}
.form-box {
  padding: 20px  40px;
}
.form-box .ipt-warn,
.form-box .ipt-error {
  font-size: 12px;
  font-weight: 400;
  color: #FF5050;
  line-height: 17px;
  padding-top: 5px;
}
.form-box .ipt-warn img,
.form-box .ipt-error img {
  vertical-align: middle;
  float: left;
}
.form-box .ipt-warn p,
.form-box .ipt-error p {
  padding-left: 18px;
}
.form-box .row-item-iptBox {
  flex: 1;
}
.login-btn {
  width: 280px;
  height: 40px;
  line-height: 40px;
  color: #FFF;
  font-weight: 400;
  text-align: center;
  background: #1478FF;
  border-radius: 8px;
  margin-top: 40px;
  cursor: pointer;
  border: none;
  font-size: 16px;
  margin: 0 auto;
}
.login-btn-box {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.login-btn:hover {
  background: #3D77FF;
}
meter {
  width: calc(3 * var(--size));
  border: 0;
  /* Safari */
  position: relative;
  --size: 60px;
  --gradient: linear-gradient(to right, red calc(var(--size) - 1px), transparent 0 calc(var(--size) + 1px), orange 0 calc(var(--size) * 2 - 1px), transparent 0 calc(var(--size) * 2 + 1px), green 0);
}
meter::after {
  content: '弱 中 强 aaaaaaaaaaaaaaaaaaaaaa';
  position: absolute;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  left: calc(var(--size) / 2 - 0.5em);
  right: calc(var(--size) / 2 - 0.5em);
  text-align: justify;
  -webkit-text-fill-color: transparent;
  background: var(--gradient) calc(0.5em - var(--size) / 2) / calc(3 * var(--size));
  -webkit-background-clip: text;
}
::-webkit-meter-bar {
  height: 12px;
  width: calc(3 * var(--size));
  border: 0;
  background: #eee;
  -webkit-mask: var(--gradient);
  mask: var(--gradient);
}
_::-moz-meter-bar,
meter {
  height: 12px;
  background: #eee;
}
::-webkit-meter-even-less-good-value {
  background: red;
}
::-webkit-meter-suboptimum-value {
  background: linear-gradient(to right, red var(--size), orange 0);
}
::-webkit-meter-optimum-value {
  background: linear-gradient(to right, red var(--size), orange 0 calc(2 * var(--size)), green 0);
}