html { overflow: hidden; }
body { background: #ededed; }
#main_mainPage { display: none; }
.object { display: none; }
 ul, li, h1, h2, h3, h4, h5, h6, input, p, th, td { margin: 0; padding: 0;}

/*µÇÂ¼Ò³*/
.login-container { position: absolute; top: 0; left: 0;right:0;bottom:0;background-image: url(../images/log/bg.png); background-repeat: no-repeat; background-size: cover; background-position:center;  background: none\9;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=Enabled, sizingMethod='scale' , src='../Images/log/bg.png')}
.qy-logo{ display: block; height: 45px; background: url(../images/log/logo.png); background-repeat: no-repeat;  background-position:left center;   position: absolute; top: 30px; left: 50px; width: 300px;background-size:contain;background: none\9;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=Enabled, sizingMethod='scale' , src='../Images/log/logo.png')}
.login-form-list{ position:absolute;top:0;left:0;right:0;bottom:0;}
.login-form-wrap { position: absolute; width: 420px; height: 320px; top: 50%; right: 130px; margin-top: -160px; border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 5px #e1e1e1; z-index:10;}
/*.login-form-pic { position:relative; width: 460px; height: 420px;overflow: hidden; background: rgba(255,255,255,1);}
.login-form-pic .pic-top { width: 50%; max-width:256px; height: 40px; margin: 30px 20px; background: url(../images/log/logo.png);background-repeat: no-repeat;background-size: contain;}
.login-form-pic .pic-text{ position:absolute; top:50%;left:50%; margin-top:-25px; margin-left:-200px; width:400px; height:50px; line-height:50px; font-size:20px;text-align:center; color:#252b39;}
.login-form-pic .pic-text b{ padding: 0 5px; color:#0177fb; font-weight:normal;}*/
.login-form-container { position: absolute; top:0;right:0;bottom:0; left:0; background: rgba(255, 255, 255,1); color: #858585; overflow: hidden; }
.text-box{ width:75%;margin:0 auto;height:100%;overflow:hidden;}
.login-text{ position: relative; height: 40px; line-height: 40px; color: #666; overflow: hidden; margin: 0 auto;margin-bottom:20px; border:1px solid #adb0b9; font-size:14px;}
.login-text.on{ border-color:#0077f9}
.login-title{ text-align: center; font-size: 22px; height: 40px; line-height: 40px; margin: 20px 0; margin-top:40px; color:#1581F8;}
.login-select label { display: block; position: relative; height: 40px;line-height: 40px; padding: 0 3em;cursor: pointer;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; transition-duration: .5s; -webkit-transition-duration: .5s; background-image: url(../Images/log/dot.png); background-repeat: no-repeat;background-position: 300px center;}
.login-select label.active{ background-color:#056fe3;color:#fff;} 
.login-select span { display: block; position: absolute; height: 24px; width: 24px; top: 50%; margin-top: -12px;left: 5px;background-image: url(../Images/log/check.png); background-repeat: no-repeat;  z-index: 10;}
.login-text .label-user, .login-text .label-psw{ display: block; position: absolute; height: 24px; line-height: 24px; width: 24px; text-align: center; top: 50%;margin-top: -12px; left: 5px; overflow: hidden; vertical-align: top; text-indent: -999px;}
.login-text .label-user{ background-image: url(../Images/log/user.png); }
.login-text .label-psw{ background-image: url(../Images/log/password.png);}
.login-text .textbox { margin-left: 3em; width: 250px;border:none; background:none;}
.login-form-container input[type=text], .login-form-container input[type=password] { line-height: 40px; height: 40px; padding: 0; border: none; color: #666; outline: none;font-size:14px;background:none;}
.textbox-addon{ background:#fff;}
.passwordbox-open{ background: url(/Images/log/passwordbox_open.png) 50% 50% no-repeat;}
.login-form-container .cheb, .login-btn{ background: none;border: none;}
.cheb input[type=checkbox]{ vertical-align: middle;width:16px;height:16px; margin-bottom:2px;}
#trAuth { position: relative; margin-bottom: 10px;}
#login_authCode{ display: inline-block; border: 1px solid #ddd; background: none; height: 30px; line-height: 30px; padding: 0 30px; }
#trAuth img { position: absolute; right: 5px; top: 5px; cursor:pointer;}
.login-btn a.login-button { text-align: center;background-color: #0077f9;color: #fff;height: 35px; width: 100%;line-height: 35px; border-radius: 5px; display: block; text-decoration: none;}
.login-btn a.login-button:hover{ background:#056fe3}
.copyright{ position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; color:#252b39;z-index:10;}
.copyright h1, .copyright p{ font-size:12px; margin:0; font-weight: normal;}
.copyright p a{ color:#252b39;padding:0 5px;}
.icp a{ text-decoration:none;}
.icp { padding:5px;}

.choose-accbooks { position: absolute; z-index: 50; top: 0; left: 0; width: 100%; height: 100%; }
.choose-accbooks ul { position: absolute; background-color: #fff; border: #ced9df 1px solid; border-top: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; margin-left: -1px; margin-top: -1px; overflow: auto; }
.choose-accbooks li { height: 33px; line-height: 33px; padding: 0 1em; color: #666; }
.choose-accbooks li:hover { background-color: #ced9df; }

.upPwd { display: none;width: 360px; height: 240px; margin-left: -180px; position: absolute; background: #fff; left: 50%; top: 36%;box-shadow: #ddd 0px 0px 5px; z-index: 1001; font-size:12px;}
.upPwd .title { position: relative; background: #0077f9; height: 35px; line-height: 35px;}
.upPwd .title h3 { padding-left: 20px; color: #fff; font-size: 14px; }
.upPwd .title a { position: absolute; top: 50%; margin-top: -7px; right: 10px; width: 14px; height: 14px; background: url(../Images/main/close.png) center center; }
.upPwd .group { height: 35px; line-height: 25px; margin-top: 10px; }
.upPwd .group label { display: inline-block; width: 80px;text-align: left; text-align: right; padding-right: 5px; }
.upPwd .group input { display: inline-block; width: 240px; border: 1px solid #ccc; border-radius: 3px; height: 28px; line-height: 28px; }
.upPwd .group a { display: inline-block; height: 26px; width: 56px; text-align: center; border-radius: 3px; line-height: 26px; background-color: #0077f9;color: #fff; font-size: 14px; margin-left: 10px; text-decoration: none;}
.upPwd .group a:hover{ background-color:#056fe3}
.upPwd .group-btn { text-align: center; margin-top: 0;}

.loading{display:none; position:fixed; left:0; top:0; font-size:18px; z-index:100000000;width:100%; height:100%; background: rgba(000,000,000,.3); text-align:center;}
.loadbox{position:absolute; width:160px;height:150px; color: #aaa; left:50%; top:50%; margin-top:-100px; margin-left:-75px;}
.loadbox img{ margin:10px auto; display:block; width:40px;}
.canvas { position: absolute; width: 100%; left: 0;top: 0; height: 100%; z-index: 1;}

@media screen and (min-width:1650px) {
    .login-form-wrap{ width:470px;}
    /*.login-form-pic{ width: 600px; height: 450px;}*/
}


.sky {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:url(/Images/log/sky.png) repeat;
    background-size: cover;
    animation: posterDrop2 20000s linear infinite;
}

@keyframes posterDrop2 {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30000% 0;
    }
}