@charset "utf-8";
html{height: 100%;}
body{font:12px/1.8 \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;background:#fff;padding: 0; margin: 0; height: 100%;}
#LAY_app{height: 100%;}
.loading{background:url(../images/logincheck.gif) no-repeat center center #fff;position:absolute;z-index:9999;top:0;left:0;width:100%;height:100%}
.login{display:none;min-height: 100%; background: #2d3a4b;}
.login-bg{background:#252c36;}
.login .header{padding-top: 30px; width: 1200px; margin: 0 auto;}
.login .container{ position: relative; padding-top: 160px;}
.login .block{ width: 1200px; margin: 0 auto; }
.login .login-box{ margin: 0 auto;padding: 20px 40px;width: 400px;}
.login .login-box h1{ font-size: 26px; color: #eee; margin:0 auto 40px auto; text-align: center;}
.login .login-box p{ margin:20px 0 0; position:relative;}
.login .login-box p:first-child{ margin-top:0;}
.login .login-box .inbox{ border: 1px solid hsla(0,0%,100%,.1); border-radius: 3px; height: 46px; line-height: 46px; background: rgba(0,0,0,.1);border-radius: 5px;position: relative;}
.login .login-box .inbox span{ float: left; width: 46px; text-align: center; background: #283443; border-right: 1px solid #3e4957; font-size: 16px; color: #889aa4; border-radius: 5px 0 0 5px;}
.login .login-box .inbox .gdimg{position: absolute; right: -110px; top: 2px;}
.login input[type="text"],.login input[type="password"]{background:#283443; border:none;color: #fff;height: 46px; line-height:46px;padding: 0 10px;width: 251px; float: left; outline: none;}
.login .submit{position:absolute;top:10px;right:10px;background:url(../images/loginsubmit.png) no-repeat;width:24px;height:24px;text-indent:-9999px;border:none;padding:0; cursor:pointer; outline: none;}
.login .gdkey .submit:active{background-position:0 -24px}
.login .gdkey .sloading{background:url(../images/logincheck.gif) no-repeat center center;}
.login .gdkey .check{background:url(logincheck.gif) no-repeat;position:absolute;top:3px;right:8px;width:24px;height:24px;text-indent:-9999px;border:0 none;padding:0;-webkit-animation:charge 1.2s linear forwards;-moz-animation:charge 1.2s linear forwards;display:none}
.login .tip{height:20px; line-height:20px;text-align:left;font-size:14px;color:#fff;letter-spacing:1px;color:#ff0000; text-align: center;}
.login .bottom{ text-align: center; font-size: 14px; color: #fff;}

.update_browser{width:640px;height:350px;position:absolute;left:50%;top:50%;margin-left:-320px;margin-top:-175px}
.update_browser .subtitle{width:640px;height:36px;line-height:18px;font-size:14px;font-family:'微软雅黑';color:#fff}
.update_browser .title{width:640px;height:106px;line-height:96px;font-size:48px;font-family:'微软雅黑';text-align:center;color:#fff}
.update_browser .title span{font-size:60px;color:#F33}
.update_browser .browser{background:url(../images/browser.png) no-repeat;width:640px;height:128px;overflow:hidden}
.update_browser .browser a{display:block;width:128px;height:128px;float:left;text-indent:-999em}

@media (max-width: 720px){
	.login .container{padding-top: max(64px, 12vh);}
	.login .block{width: 100%;}
	.login .login-box{box-sizing: border-box; width: 100%; max-width: 400px; padding: 20px;}
	.login .login-box h1{font-size: 24px; margin-bottom: 32px;}
	.login .login-box .inbox{display: flex; width: 100%;}
	.login input[type="text"],.login input[type="password"]{box-sizing: border-box; flex: 1; min-width: 0; width: auto;}
	.login .gdkey{margin-bottom: 72px !important;}
	.login .login-box .inbox .gdimg{right: 50%; top: 56px; transform: translateX(50%);}
	.login .bottom{padding-bottom: 24px;}
}