@media(min-width:100px) and (max-width:320px) {
    .logo {
        margin-top: 160px;      
    }
}
@media(min-width:321px) and (max-width:376px) {
    .logo {
      /*  margin-top: 70px;    */  
    }
}
@media(min-width:377px) and (max-width:383px) {
    .logo {
        margin-top: 160px;
    }
}
@media(min-width:384px) and (max-width:500px){
    .logo {
       /* margin-top: 90px;*/
    }
}
@media(min-width:500px) and (max-width:1000px) {
    .main, .mainform {
        width: 100%;
    }
}
@media (max-width:500px) {
    .logo {     
        margin-bottom: 20px !important;
    }
        .logo img {
        width:66vw!important;
        }
    .forgetpwd {
        font-size: 12px !important;
    }
    .btn {
        width:6rem!important;
        font-size:0.9rem;
    }
    .content {
        height: 40px !important;
        line-height: 40px !important;
        margin: 0.3vw !important;
    }
    .layui-btn {
    font-size:16px!important;
    }
}