caimei365-www/src/main/resources/static/css/account/login.css

@charset "utf-8";
li{list-style:none}
.toLogin{display:none;}
/**
 * PC端
 */
@media screen and (min-width:768px){
footer .footTop{display:none;}
.loginWrap{width:950px;height:366px;overflow:hidden;background:#FFF url(/img/account/login.png) no-repeat 30px center;margin:95px auto;box-sizing:border-box;box-shadow:0 10px 20px 0 rgba(255,180,150,0.17);border-radius:2px}
.loginForm{float:right;width:400px;padding:20px 24px;font-size:14px;position:relative}
.loginForm h1{color:#22272e;font-size:24px;font-weight:bold;line-height:30px}
.loginForm h2{color:#22272e;font-size:16px;font-weight:normal;line-height:24px}
.loginForm form{margin-top:60px}
.loginForm .formLine{height:70px;padding:0;}
.loginForm input{height:48px;line-height:48px;}
.loginForm .checked{top:14px;}
.loginForm .forget{text-align:right;color:#4a4f58;font-size:14px;line-height:14px;margin-top:-10px}
.loginForm .submit{height:44px;line-height:0;font-size:0;text-align:justify;margin-top:20px}
.loginForm .submit:after{content:'';display:inline-block;width:100%}
.loginForm .submit .btn{display:inline-block;box-sizing:border-box;width:192px;height:44px;line-height:44px;background-color:#ffe6dc;border-radius:2px;border:solid 1px #e15616;text-align:center;color:#e15616;font-size:14px;cursor:pointer}
.loginForm .submit button.btn{background-color:#e15616;color:#FFF}
.loginForm .submit .btn:hover{opacity:.8}
.loginForm .codeBtn{position:absolute;right:0;top:0;width:100px;height:100px}
.loginForm .codeBtn:before{width:100px;height:100px;background-position:-138px -146px}
.loginForm .qrCodeBox{text-align:center}
.loginForm .qrCode{width:168px;height:168px;border-radius:2px;border:solid 1px #ffb496;margin:27px auto 0 auto}
.loginForm .qrInfo{text-align:center;height:44px;line-height:44px;font-size:16px;color:#93979f}
.loginForm .changeBtn{display:inline-block;height:24px;line-height:24px;color:#e15616;font-size:16px;position:absolute;right:24px;top:20px}
.loginForm .changeBtn:before{width:24px;height:24px;background-position:-175px -251px;vertical-align:top;margin-right:6px}
.loginForm .showPwd{position:absolute;right:22px;top:16px;width:22px;height:16px;cursor:pointer}
.loginForm .showPwd:before{width:22px;height:20px;background-position:-240px -299px}
.loginForm .showPwd.on:before{width:22px;height:20px;background-position:-205px -299px}
#qrCodeWrap{position:relative}
#qrCodeWrap .model{position:absolute;width:200px;height:200px;top:15px;left:98px;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,1);color:#000;z-index:99999;cursor:pointer;border:1px solid #EBEBEB}
#qrCodeWrap .model .refresh{width:21px;height:21px;display:block;margin:0 auto 3px}
#qrCodeWrap .model .refresh-div{width:100px;height:64px;display:block}
#qrCodeWrap .model .refresh-div p{text-align:center;font-size:14px;line-height:20px}
.baseHeadCenter.account .accountLogin{display:none}


}

/**
* 移动端
*/
@media screen and (max-width:768px){
body{background:#FFF}
footer{display:none}
.loginForm{padding-top:4vw;text-align:center;background:#FFF url(/img/account/login_m.png) no-repeat center 25vw;background-size:57vw 43.2vw}
.loginForm h1{color:#22272e;font-size:6.4vw;font-weight:bold;line-height:10vw}
.loginForm h2{font-size:3.1vw;font-weight:normal;line-height:5.4vw;color:#627386}
.loginForm form{width:93.4vw;margin:54vw auto 0}
.loginForm .formLine{height:16.4vw;padding:0;}
.loginForm input{height:11.2vw;line-height:6vw;padding: 2.6vw 0;box-sizing: border-box;}
.loginForm .checked{top:3.6vw;right:3.6vw;}
.loginForm .forget{text-align:right;color:#4a4f58;font-size:3.4vw;line-height:3.4vw;margin-bottom:4.8vw}
.loginForm .submit .btn{display:inline-block;box-sizing:border-box;width:100%;height:11.2vw;line-height:11.2vw;background-color:#ffe6dc;border-radius:2px;border:solid 1px #e15616;text-align:center;color:#e15616;font-size:3.4vw;margin-bottom:4.8vw}
.loginForm .submit button.btn{background-color:#e15616;color:#FFF;margin-bottom:4.8vw}
.loginForm .showPwd{display:none;}


}