html,
body { height: 100%; }

.largeHeader { position: absolute; top: 0; bottom: 0; width: 100%; background: url(../img/loginBg.jpg) no-repeat center; background-size: cover; }

/* 超小屏幕(手机) */
@media screen and (max-width: 768px) {
    .largeHeader { background: none; }
    .largeHeader .loginBox .copyright { text-align: center; margin-top: 60px; color: #666; }
    .largeHeader .loginBox .copyright a { color: #000; text-decoration: underline; }
}

.swiper-container { position: absolute; left: 50%; top: 50%; margin-top: -225px; margin-left: -200px; z-index: 15; }
.loginBox { box-sizing: border-box; width: 400px; height: 440px; background: #fff; padding: 15px; }
.loginBox .imgBox { position: relative; width: 100px; height: 100px; margin: 10px auto; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.loginBox .imgBox .eye { position: absolute; top: 25px; width: 16px; height: 16px; border-radius: 50%; background: #000; }
.loginBox .imgBox .eye:after { content: ''; position: absolute; top: 5px; left: 3px; width: 2px; height: 2px; background: #FFFFFF; transition: all .3s; }
.loginBox .imgBox .eye:before { content: ''; position: absolute; top: -8px; left: -1px; width: 18px; height: 18px; background: #fff; border-radius: 50%; opacity: 0; transition: opacity .3s, transform .3s; -webkit-transition: opacity .3s, -webkit-transform .3s; }
.loginBox .imgBox .eye.eyeClose:before { opacity: 1; transform: translateY(4px); -webkit-transform: translateY(4px); transition: opacity .3s, transform .3s .15s; -webkit-transition: opacity .3s, -webkit-transform .3s .15s; }
.loginBox .imgBox .leftEye { left: 15px; }
.loginBox .imgBox .rightEye { right: 25px; }
.loginBox .imgBox .rightEye:after { left: 11px; }
.loginBox h3 { font-size: 22px; text-align: center; margin-bottom: 15px; }
.loginBox .layui-form-item { width: 300px; margin: 20px auto; }
.loginBox .layui-input-block { margin-left: 0; }
.loginBox .layui-input-block #validateCode { width: 120px; float: left; margin-right: 10px; }
.loginBox .layui-input-block #img_validateCode { cursor: pointer; height: 38px; }
.loginBox .loginBtnBox { margin-top: 30px; }
.loginBox .loginBtnBox .layui-btn { width: 100%; font-size: 16px; }
.loginBox .forgetPwd { float: right; margin-right: 30px; }
.loginBox .copyright { text-align: center; margin-top: 60px; color: #ccc; }
.loginBox .copyright a { color: #e2e2e2; text-decoration: underline; }