body{
    background-color: #f3f4f5;
}
#app {
    width:100vw;
    height:100vh;
    position: relative;
}
.loginBox{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow-y:auto;
}
.login-top{
    margin-top: 0.6rem;
    margin-bottom: 1rem;
}
.login-logo{
    width:2rem;
    height:2rem;
    display: block;
    margin:0 auto;
}
.login-title{
    font-size: 0.24rem;
    color: #222222;
    display: block;
    text-align: center;
    line-height: 1;
    margin-top: 0.1rem;
    font-weight: bold;
}
.log-box{
    padding:0 0.3rem;
}
.log-wz-box{
    background: #fff;
    margin-bottom: 0.25rem;
    box-shadow:0 0.1rem 0.2rem #edeff0;
}
.log-tel-logo{
    background:url("../img/ico28.png") no-repeat center;
    width:0.27rem;
    height:0.33rem;
    background-size: cover;
    margin:0.34rem 0.3rem 0 0.3rem;
}
.log-code-logo{
    background:url("../img/ico29.png") no-repeat center;
    width:0.27rem;
    height:0.33rem;
    background-size: cover;
    margin:0.34rem 0.3rem 0 0.3rem;
}
.log-pw-logo{
    background:url("../img/ico32.png") no-repeat center;
    width:0.27rem;
    height:0.33rem;
    background-size: cover;
    margin:0.34rem 0.3rem 0 0.3rem;
}
.log-tel,.log-code,.logo-send-code,.log-pw{
    height:1rem;
    width:4.2rem;
}
.logo-send-code{
    width:1.5rem;
    height:1rem;
    text-align: center;
    line-height: 1rem;
    font-size: 0.28rem;
    color: #81868a;
    margin-right: 0.27rem;
    background-color: #fff;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari บอ Chrome */
}
input::-webkit-input-placeholder{
    color: #81868a;
    font-size: 0.28rem;
}
.login{
    width:6.9rem;
    height:1rem;
    text-align: center;
    background-color: #4285f4;
    line-height: 1rem;
    font-size: 0.36rem;
    color: #fff;
    margin-bottom: 0.44rem;
}
.login.active{
    background-color: #e2e0e0;
}
.reg-box{
    text-align: center;
}
.no-zh{
    font-size: 0.26rem;
    color: #222;
}
.reg{
    font-size: 0.26rem;
    color: #4285f4;
}
.logo-type-box{
    margin-top: 1.4rem;
}
.zh-login{
    background: url(../img/ico30.png) no-repeat top center;
    background-size: 0.64rem 0.64rem;
    padding-top: 0.83rem;
    font-size: 0.2rem;
    color: #666666;
    margin-left: 1.83rem;
}
.shu-line{
    margin:0 1.1rem;
    width:0.01rem;
    height:0.5rem;
    background:#cccccc;
}
.wx-login{
    background: url(../img/ico31_2.png) no-repeat top center;
    background-size: 0.64rem 0.64rem;
    padding-top: 0.83rem;
    font-size: 0.2rem;
    color: #666666;
}