/*#canvas {*/
/*position: absolute;*/
/*left: 0;*/
/*top: 0;*/
/*}*/

/*CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
button,input,select,textarea{font-size:100%; font-family:inherit; border:none; vertical-align:middle; outline:none;}
html,body{ font-family: "微软雅黑","Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color:#fff; -webkit-text-size-adjust:none; height:100%; overflow:hidden;background:url(../images/bg_top.jpg);}
.wraper{ position:absolute; left:0; right:0; top:50%; bottom:0; background: url(../images/bg_bottom.jpg);}
.house_container{ position:absolute; left:50%; top:50%; margin-left:-512px; width:1024px; height:168px; margin-top:-118px; background:url(../images/house.png) no-repeat;}
#logo{width:720px; height:56px; position:absolute; left:50%; margin-left:-315px; top:100px; background:url(../images/logo.png) no-repeat;}
.login_box{ width:904px; height:378px; position:absolute; top:51%; left:50%; margin-left:-452px; margin-top:-189px; background:url(../images/login_box.png) no-repeat;}
.login_box table{ width:380px; position:absolute; left:500px; top: 50%; margin-top: -98px;}
.btn{ width:106px; height:42px; text-align:center; line-height:42px; font-size:20px; cursor:pointer; font-family:'黑体';}
.login_btn{ background:url(../images/login_btn.png) no-repeat 1px 0; margin-left:-85px; margin-top:28px;text-indent: 999999px;}
.reset_btn{background:url(../images/reset_btn.png) no-repeat; color:#333;}
table td,table th{font-size:20px; font-weight:normal;}
table .wjpass{ height:20px; padding-bottom:10px;}
table .wjpass a{ font-size:16px; color:#1553df; text-decoration:none;}
table p{ width:250px; height:38px; padding: 2px 0 0px 4px;}
.pic1{ margin-top:-10px; margin-left:100px;}
p.username{ background:url(../images/username.png) no-repeat;}
p.password{ background:url(../images/password.png) no-repeat;}
p.keywords{ background:url(../images/keywords.png) no-repeat;}
p input{background-color: #fff; font-size:16px; color:#999; width:226px; height:30px;padding-left: 6px;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
.checkbox input{ float:left; margin-right:5px;margin-top:0px;}
.checkbox span{ float:left; font-size:16px;}
.space{ margin-right:25px;}
.foot{ position:fixed; width:100%; line-height:2; text-align:center; font-size:14px; bottom:0; left:0;}
.QR-code {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #F3ECE2;
    padding: 0 5px;
    margin-top: -65px;

    position: absolute;
    right: 80px;
    top: 50%;
}
.android-pic {
    border-bottom: 1px solid #d0cfce;
}
.QR-box {
    width: 54px;
    height: 65px;
    padding: 10px 5px;
    cursor: pointer;
}
.android-pic {
    background: url(../images/android.png) no-repeat center center;
}
.ios-pic {
    background: url(../images/ios.png) no-repeat center center;
}
.android-pic:hover {
    background-image: url(../images/android_c.png);
}
.ios-pic:hover {
    background-image: url(../images/iOS_c.png);
}
.QR-pic1,
.QR-pic {
    width: 240px;
    height: 240px;
    display: none;
    position: absolute;
    left: -240px;
    top: 0;
}
.QR-pic1 img,
.QR-pic img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    height: 100%;
}
.android-pic:hover .QR-pic {
    display: block;
}
.ios-pic:hover .QR-pic1 {
    display: block;
}