html, body {
  font-size: 62.5%;
  height: 100%;
  overflow: hidden;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 320px) {
  html, body {
    font-size: 40%;
  }
}

@media screen and (min-width: 375px) {
  html, body {
    font-size: 53%;
  }
}

input, button {
  outline: none;
  border: none;
}

input::-webkit-input-placeholder { color:#419DFA; }
input::-moz-placeholder { color:#419DFA;}
input::-ms-input-placeholder { color:#419DFA; }

.login__row 
{
  height: 40px;
  line-height:40px;
  margin:20px auto;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f000000',endColorstr='#3f000000');
  background-color:rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid #B6D2FD;
}
.login__icon{ width: 25px;height: 25px; vertical-align:middle; margin:0 8px; }
.login__input {
  vertical-align:middle;
  font-size: 1.6rem;
  background: transparent;
  color: #333;
  display: inline-block;
  width: 80%;
}
.login__submit {
  position: relative;
  width: 100%;
  height: 48px;
  line-height:48px;
  margin-top:18px;
  color: #FFF;
  background: #419DFA;
  font-size: 2rem;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
          transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
}

.login_tip
{
   color:#95BEFC; margin:5px auto; width:80%; text-align:center; font-size:1.4rem;
}