@charset "UTF-8";

/* -------------------------------------
 * 后台框架
 * author mike <594776028@qq.com>
 * date 2017/02/13 14:15
 * --------------------------------------- */

html, body {height:100%;width:100%;overflow:hidden!important;overflow-y:hidden !important}

.login-container {background-color:#eeeeee;

    overflow:hidden;font-family:'微软雅黑', serif;margin:0 auto;font-size:9pt}
.login-container ul {display:block;margin:0;padding:0;list-style:none}
.login-container ul li {display:block;margin:0;padding:0;list-style:none}
.login-container img {border:0}

/*
.login-container .clouds {background:url("../img/login/cloud_three.png") repeat-x left 15%;position:absolute;left:0;top:0;height:100%;width:300%;-webkit-animation:cloudmove 200s linear infinite;-moz-animation:cloudmove 200s linear infinite;-o-animation:cloudmove 200s linear infinite;animation:cloudmove 200s linear infinite;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.login-container .clouds-fast {background:url("../img/login/cloud.png") no-repeat 0px 40%;-webkit-animation:cloudmove 30s linear infinite;-moz-animation:cloudmove 30s linear infinite;-o-animation:cloudmove 30s linear infinite;animation:cloudmove 30s linear infinite}
.login-container .clouds-footer {background:url("../img/login/cloud_one.png") no-repeat left 100%;animation:none}
*/


/*@-webkit-keyframes cloudmove {0% {left:-50%}100% {left:150%}}
@-moz-keyframes cloudmove {0% {left:-50%}100% {left:150%}}
@keyframes cloudmove {0% {left:-50%}100% {left:150%}}*/

.login-container a,
.login-container a:focus {text-decoration:none;color:#000;outline:none;blur:expression(this.onFocus=this.blur())}
.login-container a:hover {color:#00a4ac;text-decoration:none}
.login-container .header {height:47px;position:absolute;position:fixed;top:0;z-index:100;width:100%}
.login-container .header span {line-height:47px;text-indent:44px;float:left;font-family:"Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;color:#DDD;font-size:12px}
.login-container .header ul {float:right;padding-right:30px}
.login-container .header ul li {float:left;margin-left:20px;line-height:47px}
.login-container .header ul li a {color:#afc5d2}
.login-container .header ul li a:hover {color:#fff}

/* 登录表单 */

.login-container .container{padding-top:180px; height:100vh}
.login-container .content {
    -webkit-box-shadow:0 0 13px rgba(0,0,0,.1);-moz-box-shadow:0 0 13px rgba(0,0,0,.1);box-shadow:0 0 13px rgba(0,0,0,.1);
    padding:40px 20px 10px 20px; width:300px;background-color:#fff;margin:0 auto;}
.login-container .content h3 {
    color: #455a64;
    margin-bottom: 15px;
}
.login-container .admin {background-color:#fff;margin:0 auto;}
.login-container .reg {background-color:#fff;margin:0 auto;}
.login-container .content ul {}
.login-container .content ul li {margin-bottom:25px;position:relative}
.login-container .reg ul li {margin-bottom:10px;position:relative}
.login-container .content ul li input {margin-bottom:25px;position:relative;background:url(../img/icon.png) no-repeat;background-size:20px;padding-left:38px}
.login-container .reg ul li input {margin-bottom:10px;position:relative;background:url(../img/icon.png) no-repeat;background-size:20px;padding-left:38px}
.login-container .content ul li input.username {background-position:8px 7px}
.login-container .content ul li input.password {background-position:8px -20px}
.login-container .login-input {display:block;width:100%;padding-left:10px;height:38px;line-height:38px;line-height:36px \9;border:1px solid #e6e6e6;background-color:#fff;border-radius:2px}


/* 底部版权 */
.login-container .footer {height:50px;line-height:50px;text-align:center;position:fixed;_position:absolute;*position:absolute;bottom:0;width:100%;color:#fff}
.login-container .footer a {font-weight:bold;color:#0b3a58}
.login-container .footer a:hover {color:#fff}