@charset "UTF-8";
html{overflow-y:hidden;vertical-align:baseline;}
body{margin:0;height:100%;background-color:#1F9CEE;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body,html{font-size:14px;font-family:"微软雅黑",Helvetica,Tahoma,Arial,sans-serif;color:#000;height:100%;background-position:center;background-attachment:fixed;background-size:cover}
img{border:0}
a:active,a:hover{outline:0}
.clear:after,.clear:before{display:table;content:""}
.clear:after{clear:both}

#main-content{width: 100%;height:100%}
.login-body{display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;min-height:100%;padding:20px}
.login-main{-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;background:#fff;width:90%;max-width:400px;position:relative;padding:0;-webkit-box-shadow:0 30px 60px 0 rgba(0,0,0,.3);box-shadow:0 30px 60px 0 rgba(0,0,0,.3);text-align:center}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeIn{opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s}
.fadeIn.first{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}
.fadeIn.second{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}
.fadeIn.third{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.fadeIn.fourth{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}

.login-body .pr{position:relative}
.login-body .login-mini img{width:150px;height:150px;border-radius:50%;}
.login-form{width:100%;margin:0 auto;padding:20px 30px 13px}
.login-form .input-group{margin-bottom:20px;}
.login-form .input-group .input-group-prepend .input-group-text{color:rgba(86,186,237,.9);font-size:18px;background:#f6f6f6;border:none;}
.login-form .input-group .input-group-append .input-group-text{color:rgba(86,186,237,.9);font-size:16px;background:#f6f6f6;border:none;width:35px;cursor:pointer;}
.login-form .input-group .input-group-append .input-group-text i{line-height:1.5;}
.login-form .input-group>input{border:none;padding:10px;color:#333;height:40px;line-height:40px;outline:none;background:#f6f6f6;box-shadow:none;background-clip:inherit}
.login-form .input-group>input:focus{border:none;}
.login-form h3{color:#56baed;font-size:18px;}
.login-form .check-tips{color:red;text-align:center;position:absolute;bottom:-38px;text-align: center;width:100%;}
.login-form .item-box{margin-top:20px}
.login-form .login_btn_panel{margin:10px 0 35px;position:relative;}
.login-form .login_btn_panel button{border:none}
.login-form .login-btn:disabled,.login-form .register-btn:disabled{color: #fff;opacity:.6;filter:alpha(opacity=60);cursor:default;box-shadow:none;background-color: gray;border-color: gray;}
.login-form .login-btn .in,.login-form .register-btn .in{display:none}
.login-form .log-in .in{display:inline-block}
.login-form .log-in .on{display:none}
.login-form .remember{margin-bottom:0;cursor:pointer;}
.login-form .remember .custom-checkbox{margin-left:10px;}
.login-form .remember input{box-shadow:none;width:16px;height:16px;vertical-align:middle}
.icon-loading{display:inline-block;margin-right:5px;width:16px;height:16px;vertical-align:-3px;background:url(../images/loading_icon.gif) no-repeat 0 0}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}
.formfooter{background-color: #f6f6f6;border-top: 1px solid #dce8f1;padding:10px;font-size:13px;text-align: center;-webkit-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;color: #56baed;}
.login-form button[type=submit]{width:80%;background-color:#56baed;border:none;color:#fff;padding:0.8rem 3rem;text-align:center;text-decoration:none;display:inline-block;text-transform:uppercase;font-size:1.2rem;-webkit-box-shadow:0 10px 30px 0 rgba(95,186,233,.4);box-shadow:0 10px 30px 0 rgba(95,186,233,.4);-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;margin:5px 20px -10px 20px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.login-form button[type=submit]:hover{background-color: #39ace7}

#nprogress{pointer-events:none}
#nprogress .bar{background:#34ce57;position:fixed;z-index:1031;top:0;left:0;width:100%;height:3px}
#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #34ce57,0 0 5px #34ce57;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}
#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}
#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#34ce57;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}
.nprogress-custom-parent{overflow:hidden;position:relative}
.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}
@-webkit-keyframes nprogress-spinner{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@keyframes nprogress-spinner{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
@media screen and (max-width:400px){
    .login-form{padding:10px 20px 15px}
    .login-body{padding:0px}
    .login-form h3{font-size:20px}
}