.login{
    min-height: 660px;
}
.login .login_box{
    width: 390px;
    /* border: 1px solid #000; */
}
.login .login_box .top{
    font-size: 0;
}
.login .login_type{
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.login .mail_login{
    width:52px;
    height: 52px;
    border-radius: 4px;
    background-color: #f0f0f0;
    margin-right: 11px;
    font-size: 1rem;
    vertical-align: top;
}
.login .phone_login{
    width: 52px;
    height: 52px;
    background-color: #f0f0f0;
    border-radius: 4px;
    font-size: 1rem;
    vertical-align: top;
}

.mail_input{
    width: 100%;
    border: none;
    background-color: #f0f0f0;
    height: 46px;
    text-indent: 12px;
}
#int{
    width: 100%;
    margin-right: 20px;
    height: 46px;
    text-indent: 2px;
    border: none;
    background-color: #f0f0f0;
}
.mobile_input{
    width: 100%;
    border: none;
    background-color: #f0f0f0;
    height: 46px;
    text-indent: 12px;
}
.pwd_input{
    width: 100%;
    border: none;
    background-color: #f0f0f0;
    height: 46px;
    text-indent: 12px;
}
.code_input{
    width: 60%;
    border: none;
    background-color: #f0f0f0;
    height: 46px;
    text-indent: 12px;
}
.get_code{
    width: 36%;
}
.login_btn{
    height: 46px;
}
.login .active{
    background-color: #0080cc !important;
    color: #fff;
    width: 322px;
}
.login .login_type span{
    display: none;
}
.login .active span{
    display: inline;
}
.login_tips{
    color: red;
    font-size: 12px;
    height: 0;
    position: relative;
    top: -20px;
}