html,body{width: 100%;height: 100%;margin: 0px;position: relative;}
body{font-family:Microsoft Yahei;background-color:#242c38;color:#fff;}
input{font:14px Microsoft Yahei;}
div.login-top{line-height:40px;padding:5px 30px;}
div.login-top>span{font-size:30px;}
div.login-center{width: 1100px;height: 460px;position: absolute;left:50%;top: 50%;margin-top: -230px;margin-left:-550px;}
div.login-left{width:49%;height:100%;}
div.login-left>img{max-width:100%;max-height:100%}
div.login-frame{position: absolute;right:0px;top:0px;width:400px;height:100%;padding:40px 30px;background-color:#323a4a;border-radius:16px;}
div.login-info{position: relative;}
div.login-info>div.text-title{width:100%;color:white;font-size:25px;text-align:center;margin-bottom:35px;}
div.login-info>div.text-forms{width: 100%;overflow: hidden;position: relative;margin-bottom: 35px;line-height: 50px;}
span.create-option{width: 100%;height: 33px;line-height: 33px;font-size: 14px;position: absolute;top: 0;left: 8px;color: #9fa8ad;display: inline-block;}
input.input-text{line-height: 50px;border: 1px solid hsla(0, 0%, 100%, .1);background: rgba(0, 0, 0, .1);border-radius: 5px;color: #f5f5f5;width:100%;position: relative;z-index: 20;padding: 0 5px;}
#login-btn{width: 100%;height: 100%;cursor: pointer;border: 0px;background-color:#409eff;color:#fff;border-radius:5px;font-size:14px;}
#login-btn:hover{background-color:#509eff;font-size:15px;}
div.login-keep{margin:auto;margin-top: 18px;width: 145px;}
span.login-keep-none{cursor: pointer;width: 16px;height: 16px;display: block;background: url(/static/image/login/login_check.png) no-repeat 0px 0px;float: left;margin-top: 2px;}
span.login-keeping{background: url(/static/image/login/login_check.png) no-repeat -16px 0px;}
span.login-keep-text{color: #fff;display: block;float: left;margin-left: 9px;}
span.user-type{width: 16px;height: 16px;background: url(/static/image/login/login_check.png) no-repeat 0px -16px;display: block;float: left;margin-left: 24px;cursor: pointer;}
span.user-type-text{display: block;float: left;color: #fff;height: 16px;line-height: 16px;margin: 0px 10px;}
span.user-type-choose{background: url(/static/image/login/login_check.png) no-repeat -16px -16px;}
span.on{color: #44afef;}
div.login-bottom{position:fixed;bottom:5px;text-align:center;width:100%;}
div.test-item{color:#000;background-color:#eee;padding:4px 8px;font-size:20px;margin-bottom:6px;}
div.test-item>span{background-color:#fff;padding:4px 8px;display:inline-block;margin:8px;}
div.test-item>span.title{background-color:#44afef;color:#fff;}