@import url('base.css?v3-31');
html {min-height:100vh;}
body {background:url('/images/account/logBG01.jpg') center no-repeat;background-size:cover;position:relative;min-height:100vh;}

/*登录窗口*/
.login-box {min-height:100vh;position:absolute;top:0;left:0;right:0;bottom:0;}

.login-box form {position:absolute;left:50%;top:50%;margin-left:-180px;width:300px;margin-top:-290px;padding:30px;padding-bottom:50px;background:#fff;border-radius:5px;box-shadow:0 0 10px 5px rgba(0,0,0,0.3);}
.login-box form a {text-decoration:underline;color:#1bb2ff;}
.login-box form.reg {}
.login-box form.reg .regNote {color:#ff0000;}
.login-box form.reg .regNote a {color:#12A4D5;font-weight:bold;}
.login-box form.findPwd {}
.login-box form>.title {padding:25px 0;line-height:24px;text-align:center;font-size:26px;font-weight:bold;position:relative;}
.login-box form.reg>.title {text-align:left;padding-bottom:15px;}
.login-box form.reg>.title span {display:inline-block;font-size:14px;margin-left:20px;color:#444;}
.login-box form.reg>.title span a {color:#12A4D5;text-decoration:underline;}

.login-box form>.title.line:before,.login-box form .title.line:after {content:' ';position:absolute;display:block;height:1px;background:#ccc;width:30%;top:50%;}
.login-box form>.title.line:before {left:0;}
.login-box form>.title.line:after {right:0;}

.login-box form .item {margin-top:15px;overflow:hidden;position:relative;}
.login-box form .item>label {width:40px;text-align:center;display:block;font-size:18px;line-height:20px;color:#555;position:absolute;top:9px;}
.login-box form .item.full {padding-left:0;color:#ff0000;}
.login-box form .item input.input {position:relative;z-index:1;display:inline-block;width:-webkit-calc(100% - 52px);width:-moz-calc(100% - 52px);width:calc(100% - 52px);height:28px;padding:5px 10px 5px 40px;line-height:22px;border:1px solid #eee;background:none transparent !important;transition:border-color .5s ease,box-shadow .5s ease,background-color 50000000s ease-in-out 0s !important;font-size:14px;}
.login-box form .item input.input:focus {border-color:#2196f3;box-shadow:1px 1px 3px #dedede inset;}
.login-box form .item span[data-valmsg-for] {margin-left:2px;clear:both;height:18px;line-height:18px;color:#999;position:absolute;top:50%;right:8px;margin-top:-9px;display:block;}
.login-box form .item span[data-valmsg-for].ValidWrong {color:#ff0000;}
.login-box form .item span[data-valmsg-for].ValidRight {color:#09d900;}
.login-box form .item.buts input[type="submit"] {margin-left:1px;border:none transparent;width:300px;height:46px;font-size:20px;color:#ffffff;font-weight:bold;text-align:center;background:#2196f3;cursor:pointer;border-radius:5px;}
.login-box form .item.buts input[type="submit"]:hover {background:#1687ac;}
.login-box form .item label.txt {margin-left:5px;}
.login-box form .formnoter {color:#ff0000;margin-top:5px;}
.login-box form .otherLink {text-indent:3px;}

.login-box form .item .getSMSCode {position:absolute;width:140px;height:18px;padding:10px 0px;line-height:18px;right:1px;top:1px;background:#ddd;text-align:center;z-index:2;}
.login-box form .item .getSMSCode:hover {background:#999;color:#fff;}
.login-box form .item .getSMSCode.wait {background:#999 !important;color:#fff !important;}

.login-box .site-icons {margin-top:20px;padding-top:15px;border-top:1px solid #ccc;}
.login-box .site-icons .title {color:#999;}
.login-box .site-icons .items {overflow:hidden;margin-top:5px;}
.login-box .site-icons .items a {float:left;padding:3px;border-radius:100%;overflow:hidden;margin-right:5px;}
.login-box .site-icons .items a img {display:block;width:20px;}

.header {position:absolute;top:0;left:0;right:0;padding:15px;text-align:right;font-weight:bold;z-index:1;}
.header span {margin:0 10px;}
.header a {color:#fff;}
.footer {position:absolute;bottom:0;left:0;right:0;padding:15px;background:rgba(255,255,255,0.1);text-align:center;color:#999;z-index:1;}

@media only screen and (max-width:540px){
	.login-box form {position:relative;top:10% !important;margin-top:10% !important;padding-left:15px;padding-right:15px;margin-left:-165px;}
	.login-box form .form {position:relative;}
	.login-box form .item {height:40px;overflow:unset;padding-left:0;}
	.login-box form .item#err {height:unset;}
	.login-box form .item span[data-valmsg-for] {right:2px;font-size:11px;}
	.login-box form .item.buts input[type="submit"] {width:100%;}
}