.content{
    background-color: #fff;
    padding:1.067rem;
    text-align: center;
}
.title{
    font-size: 0.56rem;
    font-weight: bold;
    margin-bottom: 0.427rem;
    color: #222;
    text-align: left;
}
input{
    height: 1.653rem;
    width: 100%;
    font-size: 0.453rem;
    border: none;
    border-bottom: solid 1px #eee; 
    color: #222;
}
input::-webkit-input-placeholder {  /* WebKit browsers*/ 
    color: #bbb; 
    letter-spacing: 2px;
}
 input:-moz-input-placeholder {   /* Mozilla Firefox 4 to 18*/ 
    color: #bbb; 
    letter-spacing: 2px;
}
input::-moz-input-placeholder {  /* Mozilla Firefox 19+*/ 
    color: #bbb; 
    letter-spacing: 2px;
}

input:-ms-input-placeholder { /* Internet Explorer 10+*/ 
    color: #bbb; 
    letter-spacing: 2px;
}
.code{
    position: absolute;
    right: 1.067rem;
    top:5.588rem;
    height: 1.653rem;
    width: 1.867rem;
    text-align: center;
    line-height: 1.653rem;
    font-size: 0.373rem;
    color: #E50012;
}
.validateCode{
    position: absolute;
    right: 1.467rem;
    width: 1.067rem;
    height: 0.533rem;
    top: 4.5rem;
}
.pending{
    color: #999999;
}
.login{
    display: block;
    width: 100%;
    height: 1.173rem;
    line-height: 1.173rem;
    text-align: center;
    background: #E50012;
    color: #fff;
    border: none;
    font-size: 0.427rem;
    margin-top: 1.173rem;
}
#errorInfo{
    position: absolute;
    top: 2.8rem;
    max-width: 4.72rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.267rem 0.533rem;
    background: rgba(0,0,0,0.7);
    color: #fff;
    box-sizing: border-box;
    border-radius: 4px;
    display: none;
}