*{margin:0;padding:0;}
html{height:100%;font-family:Arial,Verdana,"微软雅黑","宋体";font-size:1em;line-height:1.5;}
body{height:100%;background:#fff url(/public/ui/backgroud.jpg) 50% 50% no-repeat;background-size:cover;}
.outer{position:absolute;left:50%;top:60px;width:760px;height:600px;margin-left:-380px;}
.boxer{border:1px solid #fff;border-radius:20px;padding-bottom:20px;min-height:400px;}
.box2{margin-top:20px;height:60px;}
.box2row{text-align:center;color:#ccc;}
.box2row a{color:#ccc;margin:0 5px;}
.box2row a.btn{color:#fff;border-radius:1em;background-color:#4788d7;padding:1em;display:block;width:50%;margin:20px auto;font-size:16px;}
.logo{margin-top:20px;color:#fff;font-size:20px;}
.form-item{position:relative;width:360px;margin:0 auto;padding-bottom:30px;}
.form-item input{width:288px;height:48px;padding-left:70px;border:1px solid #fff;border-radius:25px;font-size:18px;color:#fff;background-color:transparent;outline:none;}
#uname{background:url(/public/ui/phone.png) 25px 9px no-repeat;}
#upass{background:url(/public/ui/password.png) 23px 11px no-repeat;}
#ucode{background:url(/public/ui/emil.png) 20px 14px no-repeat;}
#btnsm{width:100%;height:46px;line-height:46px;border:0;border-radius:25px;font-size:18px;color:#000;padding-left:0px;outline:none;cursor:pointer;background-color:#fff;}
.tip{display:none;position:absolute;left:20px;top:52px;font-size:14px;color:yellow;}
.reg-bar{width:360px;margin:20px auto 0;font-size:14px;overflow:hidden;}
.reg-bar a{color:#fff;text-decoration:none;}
.reg-bar a:hover{text-decoration:underline;}
.reg-bar .reg{float:right;}
.reg-bar .forget{float:left;}
.outer ::-webkit-input-placeholder{font-size:18px;line-height:1.4;color:#fff;}
.outer :-moz-placeholder{font-size:18px;line-height:1.4;color:#fff;}
.outer ::-moz-placeholder{font-size:18px;line-height:1.4;color:#fff;}
.outer :-ms-input-placeholder{font-size:18px;line-height:1.4;color:#fff;}
#footer{position:fixed;bottom:0px;width:430px;height:60px;margin:0 auto;text-align:center;}
.ewmbox{width:300px;border-radius:10px;background:#eee;}
.ewm{width:200px;border-radius:10px;}
#yzm{position:fixed;z-index:300;margin-top:-37px;margin-left:256px;cursor:pointer;}
#codepic{width:75px;height:25px;margin:0;}
@media screen and (max-width:500px){
	*{box-sizing:border-box;}
	.outer{position:static;width:auto;height:auto;margin:0 30px;}
	.boxer{border:0;border-radius:0;}
	.form-item{width:auto;}
	.form-item input,.form-item button,.reg-bar{width:100%;}
	.ewmbox{display:none;}
	#yzm{margin-left:60%;}
}