.loginbox{ position: relative;margin-top:60px; padding:160px 0; background:url(img/login_bg.jpg) no-repeat center top/cover; } .mem_tit{color: #fff;margin-bottom:35px;} .login_form{width:360px;margin:0 auto;} .login_tit{color: #fff;margin-bottom:40px;} .login_input{padding:12px 10px 15px 45px; background:#fff;margin-bottom:20px;} .user_input{background:#fff url(../img/user_icon.png) no-repeat 15px 50%;} .pwd_input{background:#fff url(../img/pwd_icon.png) no-repeat 15px 50%;} .login_input input{width:100%;border:none;} .forget_pwd a{font-size:14px;color: #999;} .forget_pwd a:hover{color: #fff; text-decoration: underline;} .btnLogin{height:50px;margin:15px 0 25px;} .btnLogin button{width:100%;height:100%; background:#0a2c7d;color: #fff; font-size:16px;border:none;} .btnLogin button:hover{background:#235fb4;} .no_account a{font-size:16px; color: #fff;} .no_account a:hover{text-decoration: underline;} /*Í϶¯»¬¿é*/ .imgscode {display:none;width: 220px;padding:10px; background:#fff; position: absolute;left:50%;top:40%;margin-left:-120px; } .imgscode input {display: block;width: 290px;line-height: 40px;margin: 10px 0;padding: 0 10px;outline: none; border:1px solid #c8cccf;border-radius: 4px;color:#6a6f77;} #msg { width: 100%;line-height: 40px;font-size: 14px;text-align: center; color: #333;} @media (max-width: 768px) { .loginbox{padding:50px 0;margin-top:50px;} } @media (max-width: 480px) { .login_form{width:90%;} }