@charset "utf-8";
.transition {transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;}.main {width:1200px;margin:0 auto;}.left {float:left;}.right {float:right;}.overflow {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}a{color:#444;}
.login {background:#F6F6F6 url(../images/login-bg.jpg) no-repeat center center;background-size: cover;height:100%;font-size:14px;color:#333;position:relative;}
.login-box {width:770px;height:547px;position:absolute;left:50%;top:50%;margin:-273px 0 0 -385px;}
.login-content {background:url(../images/login-content-bg-new.png) no-repeat;width:752px;height:504px;padding:9px;}
.login-content .login-left {width:482px;text-align:center;padding-top:60px;}
.login-content .login-left .login-logo {display:inline-block;}
.login-content .login-left .login-pic {width:84px;margin-right:10px;vertical-align:top;}
.login-content .login-left .login-txt {display:inline-block;max-width:360px;font-size:25px;font-weight:bold;color:#444;margin-top:6px;text-align:left;vertical-align:top;}




.login-content .login-right {width:210px;padding:72px 30px 0 30px;}
.login-content .welcome-login-txt {display:block;margin-bottom:20px;width:76%;}
.login-content .login-main {border-bottom:#DDD solid 1px;padding:8px 0;margin-bottom:20px;}
.login-content .login-main .login-icon {background-repeat:no-repeat;background-position:center center;width:26px;height:26px;}
.login-content .login-main .ico-user {background-image:url(../images/ico-user.png);}
.login-content .login-main .ico-pwd {background-image:url(../images/ico-pwd.png);}
.login-content .login-main .ico-code {background-image:url(../images/ico-code.png);}
.login-content .login-main .input-txt {background:none;border:none;height:32px;font-size:14px;width:170px;margin-left:12px;}
.login-content .login-main .input-code {width:92px;}
.login-content .login-main .code-pic,
.login-content .login-main .code-pic img {width:80px;height:32px;display:block;}
.login-content .login-main .remember {}
.login-content .remember .input-checkbox {width:16px;height:16px;vertical-align:middle;}
.login-content .remember span {vertical-align:middle;margin-left:6px;}
.login-content .login-btn {background:url(../images/login-btn-bg.jpg) repeat-x;height:46px;line-height:46px;color:#FFF;font-size:16px;font-weight:bold;text-align:center;display:block;border-radius:100px;margin-top:20px;}
.login-content .login-btn:hover {background-image:url(../images/login-btn-hover-bg.jpg);}
.login-content .login-btn:active {background-image:url(../images/login-btn-active-bg.jpg);}
.login-bottom {text-align:center;color:#FFF;font-size:12px;margin-top:6px;}

/* @media screen and (max-width:1440px) {
    .login-box{transform:scale(0.8,0.8);-webkit-transform:scale(0.8,0.8);-moz-transform:scale(0.8,0.8);-o-transform:scale(0.8,0.8)}
}
@media screen and (max-width:1280px) {
    .login-box{transform:scale(0.7,0.7);-webkit-transform:scale(0.7,0.7);-moz-transform:scale(0.7,0.7);-o-transform:scale(0.7,0.7)}
}
@media screen and (max-width:1024px) {
    .login-box{transform:scale(0.6,0.6);-webkit-transform:scale(0.6,0.6);-moz-transform:scale(0.6,0.6);-o-transform:scale(0.6,0.6)}
} */