html,body{
	width:100%;
	height: 100%;
	overflow: hidden;
	min-width: 600px;
}
body {
    font-family: '微软雅黑';

    background: #FFF;
}
.login-box{
	background:#e8e8e8;
	position: absolute;
    width: 100%;
    height: 103px;
}
.login-top {
    height: 103px;
    line-height: 103px;
    margin: 0 auto;
}
.login-top ,
.login-content .login-form-black {
    width: 67%;
    
}
@media screen and (max-width: 1660px) {
.login-top ,
.login-content .login-form-black  {
    width: 72%;
}
}

.login-top .logo {
    font-size: 0;
}

.login-top .a-list {
    font-size: 12px;

    float: right;

    color: #666;
}

.login-top .a-list a {
    color: #666;
}

.login-top .a-list span {
    margin: 0 8px;
}
.logo-main{
	background: url(../images/login/logo_bg.jpg) center 103px no-repeat;
	overflow: hidden;
    height: 100%;
}
.login-content {
    display:     -ms-flex;
    display: -webkit-flex;
    display:         flex;

    width: 100%;
    min-width: 1060px;
    height: 480px;

    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
}

@media screen and (min-width: 1660px) {
    .login-content {
        height: 592px;
    }
}

.login-content .login-form-black {
    margin: auto;
}

.login-content .login-form {
    position: fixed;
    top:50%;
    left:50%;
    margin-top:-146px;
    margin-left: -234px;
    font-size: 16px;
    float: right;
    width: 468px;
    height:400px;
    padding: 50px 94px;
    color: #FFF;
    border-radius: 5px;
    background: rgba(255, 255, 255, .3);
    box-shadow: 0 0 4px #888;
}

.login-form .error {
    position: absolute;
    right: 40px;
    left: 40px;

    margin-top: -5px;
}

.login-form .tips {
    font-size: 12px;

    float: right;

    opacity: 1;
    color: #F60;
}

.login-form .show {
    opacity: 1;
}

.login-content .login-form label {
    font-weight: normal;
}

.login-form .form-control {
    border-radius: 0;
    color:#4b89d6;
    background: rgba(255,255,255,0.8);
    border: 0px solid rgba(255,255,255,0.8);
    height:32px;
    line-height: 32px;
}
.login-form input::-webkit-input-placeholder {
     /* placeholder颜色  */
     color: #4b89d6;
}
.login-form .kaptchaLabel {
    display: block;
}

.login-form #kaptcha {
    display: inline-block;
}

.login-form #kaptcha::-ms-clear{
    display:none;
}

.login-form .fa-check-circle-o,
.login-form .fa-times-circle-o {
    position: absolute;

    font-size: 22px;

    display: inline-block;

    margin-top: 6px;
    margin-left: -32px;

    -webkit-transition: color .5s ease;
            transition: color .5s ease;
}

.login-form .fa-check-circle-o {
    color: #8ECE4D;
}

.login-form .fa-times-circle-o {
    color: #fb4242;
}

.login-form .checkbox {
    font-size: 14px;
}

.login-form input[type=checkbox] {
    position: relative;

    width: 20px;
}

.login-form input[type=checkbox]::before {
    position: absolute;
    top: 0;
    left: 0;

    font-size: 14px;
    line-height: 16px;

    width: 16px;
    height: 16px;

    content: '';
    cursor: pointer;
    text-align: center;

    color: white;
    border-radius: 4px;
    background-color: #fff;
}

.login-form input[type=checkbox]:checked::before {
    font-weight: 700;

    content: '√';

    background: #0088D1;
    color:#fff;
}

.login-form #kaptcha {
    width: 60%;
}

.login-form #kaptcha+img {
    position: absolute;
    right: 40px;

    margin-top: -34px;
}

.login-form .login-btn {
    font-size: 18px;
    line-height: 47px;

    width: 100%;
    height: 47px;
    margin-top: 20px;

    border: none;
    background: #297aef;
}

.login-form .login-btn.disabled {
    cursor: pointer;

    background: #bfbfbf;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.login-footer {
    text-align: center;
    position: fixed;
    bottom: 15px;
    left: 0;
    width: 100%;
    font-size: 12px;
    color: #fff;
}
.login-footer a{
	display: inline-block;
}