@font-face { font-family: '.PingFang SC','Microsoft YaHei','Helvetica Neue','Helvetica','Tahoma','Arial','sans-serif'; font-style: normal; }
body, html { overflow: hidden; height: 100%; min-width: 75pc }
.largeHeader { position: relative; width: 100%; background: url(../../../images/loginBg2.jpg) no-repeat 100%/100% }
.largeHeader canvas { position: absolute; top: 0; left: 0; z-index: 10 }

@keyframes bodyAnimate {
    0% { opacity: 0 }
    to { opacity: 1 }
}

@-webkit-keyframes bodyAnimate {
    0% { opacity: 0 }
    to { opacity: 1 }
}

.swiper-container { position: absolute; top: 50%; z-index: 15; margin-top: -225px;  opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; -ms-transition: opacity .3s }
.show { opacity: 1 }
.loginBox { box-sizing: border-box; padding: 15px; width: 25pc; height: 450px; background: #fff }
.loginBox .imgBox { position: relative; margin: 10px auto; width: 75pt; height: 75pt; -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: 1pc; height: 1pc; border-radius: 50%; background: #000 }
.loginBox .imgBox .eye:after { position: absolute; top: 5px; left: 3px; width: 2px; height: 2px; background: #fff; content: ''; transition: all .3s }
.loginBox .imgBox .eye:before { position: absolute; top: -8px; left: -1px; width: 18px; height: 18px; border-radius: 50%; background: #fff; content: ''; opacity: 0; -webkit-transition: opacity .3s,-webkit-transform .3s; transition: opacity .3s,transform .3s }
.loginBox .imgBox .eye.eyeClose:before { opacity: 1; -webkit-transition: opacity .3s,-webkit-transform .3s .15s; transition: opacity .3s,transform .3s .15s; -webkit-transform: translateY(4px); transform: translateY(4px) }
.loginBox .imgBox .leftEye { left: 15px }
.loginBox .imgBox .rightEye { right: 25px }
.loginBox .imgBox .rightEye:after { left: 11px }
.loginBox h3 { margin-bottom: 15px; text-align: center; font-size: 22px }
.loginBox .layui-form-item { margin: 20px auto; width: 300px }
.loginBox .layui-input-block { margin-left: 0 }
.loginBox .loginBtnBox { margin-top: 30px }
.loginBox .loginBtnBox button { width: 100%; font-size: 1pc }
.loginBox .forgetPwd { float: right; margin-right: 30px }
.getVcode { position: absolute; top: 8px; right: 5px }
input.error, input.error:focus, input.error:hover { border: 1px solid #a10 }
input.ok, input.ok:focus, input.ok:hover { border: 1px solid #33ab9f }
input.ok + i:before { position: absolute; top: 7px; right: 10px; color: #33ab9f; content: '\e645'; font-weight: 600; font-size: 20px; font-family: iconfont !important }
input.ok + i.vCode:before { right: 101px }
button[disabled=disabled], button[disabled=disabled]:hover { opacity: .5; cursor: not-allowed }
.errorTips { position: relative; top: 5px; display: block; box-sizing: border-box; padding: 0 10px; width: 100%; height: 30px; background: #a10; color: #fff; line-height: 30px; transition: all .3s }
#admission { position: fixed; top: 0; left: 0; z-index: 9999; box-sizing: border-box }