﻿#login-layer-mask{position:fixed;top:0;left:0;width:100%;height:100%;opacity:1;filter:alpha(opacity=100);background:url(../../../student/images/icon/overlay_dot.png) repeat 0 0;z-index:99}
#login-layer-content{position:fixed;top:50%;left:50%;width:378px;height:522px;margin-left:-189px;margin-top:-264px;z-index:100;background:#fff;border-radius:3px;-webkit-animation:zoomIn .3s ease both;-moz-animation:zoomIn .3s ease both;animation:zoomIn .3s ease both}
@keyframes zoomIn{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1)}}
@-webkit-keyframes zoomIn{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1)}}
@-moz-keyframes zoomIn{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1)}}
#login-layer-content .login-layer-header{line-height:48px;text-indent:20px;color:#333;font-size:18px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom:1px solid #f5f5f5}
#login-layer-content .login-layer-header i{float:right;height:16px;width:16px;line-height:16px;font-size:3ex;color:#999;font-style:normal;margin:15px;text-indent:0;cursor:pointer;background:url(../../../student/images/icon/layer-top-X.png) no-repeat;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
#login-layer-content .login-layer-header i:hover{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}
.login-layer-container .userLogin{padding:0 26px}
.login-layer-container .tt{display:inline-block;margin-bottom:20px;border:1px solid #ddd;text-indent:20px;width:324px;line-height:40px;height:40px}
.login-layer-container .tt:focus{outline:#7cbf59 auto 1px}
#UserName-error,#Password-error,#mobile-error,#code-error,#mobileValidateCode-error{line-height:2;color:#ff7562;position:relative;margin-top:-20px;display:block;padding-left:20px;background:url(../../../student/images/icon/layer-login-dialog.png) -26px 6px no-repeat}
.login-layer-container #code{width:118px;margin-top:0;font-size:14px}
.login-layer-container #mobileValidateCode{width:224px;font-size:14px;margin-top:0}
.login-layer-container .sendCode{display:inline-block;vertical-align:top;width:94px;height:40px;line-height:40px;text-align:center;background-color:#7cbf59;color:#fff;cursor:pointer;font-size:14px}
.login-layer-container .sendCode.inactive{background-color:#f2f2f2;color:#999;cursor:default}
.login-layer-container .reg-info p img{width:78px;height:38px;vertical-align:top;margin:0 8px;max-height:100%;max-width:100%}
.login-layer-container .reg-info p a{text-decoration:none;color:#2860a0;font-size:14px}
.login-layer-container .login-nav{margin-left:26px;margin-bottom:10px;line-height:40px;font-size:16px}
.login-layer-container .dn{display:none}
.login-layer-container .form-btn{background-color:#7cbf59;color:#fff;border:1px solid #7cbf59;font-size:18px;margin-bottom:0;text-indent:0}
.login-layer-container .login-nav .nav{cursor:pointer}
.login-layer-container .login-nav .active{color:#7cbf59;border-bottom:1px solid #7cbf59}
.login-layer-container .login-nav .down{margin:0 10px}
.login-layer-container .auto-login i{display:inline-block;vertical-align:sub;width:15px;height:15px;margin-right:3px;background:url(../../../student/images/icon/layer-login-dialog.png) -26px 0 no-repeat}
.login-layer-container .auto-login.active i{background:url(../../../student/images/icon/layer-login-dialog.png) -26px -22px no-repeat}
.login-layer-container .auto-login{cursor:pointer;display:inline-block}
.login-layer-container .auto-login i{width:16px;height:16px;background:url(../../../student/images/icon/layer-login-dialog.png) 0 -22px no-repeat}
.login-layer-container .auto-login span{color:#999}
.login-layer-container a.forget-passwd-link{float:right;margin-right:26px;color:#ff7562;text-decoration:none}
.login-layer-container .login-submit{display:block;width:324px;margin:12px auto;line-height:40px;color:#fff;font-size:18px;text-align:center;background:#7cbf59;cursor:pointer}
.login-layer-container .fake-reg-btn{width:324px;margin:0 auto;border-bottom:1px solid #ddd}
.login-layer-container .fake-reg-btn p{text-align:center;line-height:4}
.login-layer-container .fake-reg-btn .fake-reg-link{padding-left:10px;color:#7cbf59;font-size:16px;text-decoration:underline}
.login-layer-container .fake-reg-btn .fake-reg-link i{display:inline-block;width:18px;height:18px;margin-left:4px;vertical-align:sub;background:url(../../../student/images/icon/layer-login-dialog.png) 1px 0 no-repeat}
.login-layer-container .fake-link-btn{text-align:center;font-size:0}
.login-layer-container .fake-link-btn p{color:#999;line-height:3;font-size:14px}
.login-layer-container .fake-link-btn a.fake-qq-link,.login-layer-container .fake-link-btn a.fake-wechat-link,.login-layer-container .fake-link-btn a.fake-weibo-link{display:inline-block;width:51px;height:51px;margin-right:26px;background:url(../../../student/images/icon/layer-login-dialog.png) 0 -43px no-repeat}
.login-layer-container .fake-link-btn a.fake-qq-link{background:url(../../../student/images/icon/layer-login-dialog.png) 0 -104px no-repeat}
.login-layer-container .fake-link-btn a.fake-wechat-link{margin:0;background:url(../../../student/images/icon/layer-login-dialog.png) 0 -165px no-repeat}
