body{margin:0;font-size:14px;font-family:'Microsoft YaHei';background:#F8F8F8}
input{-webkit-appearance:none;}
.logo{
margin:0 auto 20px;
height:64px;width:64px;
background:url(../img/logo.svg);
}
.lform{
	margin:100px auto 50px;
	width:500px;background:#FFF;border-radius:10px;box-shadow:0 0 20px 0 #DDD;
	box-sizing:border-box;padding:20px 20px 30px;
	position:relative;overflow:hidden;
}
.lform .txtbox{
	border:1px solid #DDD;padding:10px;border-radius:5px;margin:15px 0;
}
.lform .codebox{
	position:relative;padding-right:234px;
}
.lform .codebox #codeImg{
	position:absolute;right:130px;top:0;border:1px solid #DDD;padding:6px;border-radius:5px;cursor:pointer;
}
.lform .txtbox .txt{
	border:none;height:32px;line-height:32px;box-sizing:border-box;width:100%;outline:none;
	font-size:16px;
}
.lform .btn{
	border:none;height:50px;line-height:50px;box-sizing:border-box;width:100%;outline:none;
	font-size:16px;background:#333;color:#FFF;border-radius:5px;margin-top:10px;cursor:pointer;
}
.lform .err{
	color:#F55757;padding:10px 0;
}
.lform .err:before{
	display:inline-block;content:'\00d7';background:#F55757;color:#FFF;
	width:16px;height:16px;line-height:16px;border-radius:8px;text-align:center;font-size:14px;
	margin-right:5px;
}
.checkbox{box-sizing:border-box;background:#DDD;color:#000;height:54px;border:1px solid #DDD;padding:0 10px;width:120px;position:absolute;right:0;top:0;line-height:50px;border-radius:5px;cursor:pointer;user-select:none;overflow:hidden}
.checkbox:before{content:'';background:#FFF;position:absolute;right:0;top:0;width:40px;height:100%;}
.checkbox.checked{text-align:right;border-color:#333;background:#333;color:#FFF}
.checkbox.checked:before{right:auto;left:0;}

.qrcode-btn{
	position:absolute;right:0;top:0;background:#EEE;width:100px;height:30px;padding-top:20px;line-height:30px;text-align:center;font-size:12px;font-weight:bold;
	transform:translate(40px,-10px) rotate(45deg);cursor:pointer;user-select:none;
}
.qrcode{
	display:flex;align-items:center;justify-content:center;
	font-size:24px;color:#666;font-weight:bold;
}
.qrcode a{color:#09F;padding:0 5px}
.qrcode canvas{width:80%;}

#keepLogin{display:none}
.copyright{
	font-size:12px;color:#666;text-align:center;height:30px;line-height:30px;
}

@media screen and (max-width: 750px){
	body{background:#FFF}
	.lform{width:auto;margin:30px 0;box-shadow:none}
}