html,body{height: 100%}
.loginBg{background-image: url(../image/login/bg.jpg); background-repeat: no-repeat; background-size:cover; background-position: center;}
.logo{width:950px; margin: auto; margin-top: 20px; margin-bottom: 50px}
.loginBox{clear: both; overflow: hidden; width: 880px; margin: auto}
.noticeBox{background-image: url(../image/login/code.jpg); width: 580px; height: 580px; float: left;}
.noticeBox .hd{padding: 15px; color: #fff; font-weight: bold; font-size: 20px;}
.noticeBox .bd{padding: 0 15px; height: 260px}
.noticeBox .bd li{line-height: 24px; height:24px}
.noticeBox .bd li a{color: #fff}
.noticeBox .fd{padding: 15px; clear: both; overflow: hidden;}
.noticeBox .fd .qrcode{float: left; width: 100px; margin-right: 20px;}
.noticeBox .fd .intr{float: left; color: #fff; padding-top: 20px}
.login{float: right; width: 300px; height: 580px; background: #fff; box-sizing: border-box; padding: 30px;}
.login .hd{line-height: 60px; font-size: 20px;}
.login .fd{color: #999; margin-top:100px}
.getPwdBtn{margin-top: 10px;}
.layui-form-checkbox[lay-skin=primary]:hover i {border-color: #F9B228;}
.layui-form-checked[lay-skin=primary] i {border-color: #F9B228;background-color: #F9B228;}