@media (max-width:767px) and (min-width: 641px){

}
@media (max-width:640px) and (min-width: 320px){
    .login-bg{
        padding: 5% 10% 0;
    }
    .logo-box{
        max-width: 30%;
    }
    .logo-box img {
        max-width: 90%;
    }
    .logo-box span{
        display: block;
    }
    .logo-box span.beta-num {
        font-size: 12px;
        position: relative;
        top: 2px;
        color: #fff;
        left: 2px;
    }
    .logo-box span.phone{
        display: none;
    }
    .nav-box{
        max-width: 65%;
    }
    .nav-item{
        min-width: 45px;
    }
    .login-modal-title{
        font-size: 24px;
    }
    .login-modal-header{
        margin-bottom: 10px;
    }
    .login-modal-box{
        width: 320px;
        margin-left: -160px;
        top: 100px;
    }
    .login-modal-body{
        padding: 5% 10%;
    }
    .login-cont-box .img-header img{
        max-width: 38%;
    }
    .login-cont-box .title-nav,
    .login-cont-box .title,
    .login-cont-box .img-header{
        margin-bottom: 25px;
    }
    .login-modal-box .btn#getVerifyCode {
        font-size: 12px;
        line-height: 3;
    }
    .login-email-cont .email-tips {
        font-size: 15px;
        line-height: 1.6;
    }
    .minH450{
        min-height: 300px;
    }
    .minH560 {
        min-height: 455px;
    }
    .ma-t40{
        margin-top: 20px;
    }
}
@media (max-width:320px){

}