@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;} }