@charset "utf-8";
/* CSS Document */
body{ font-family:"Microsoft YaHei","微软雅黑",Helvetica,Arial,Tahoma;

 background:url(images/bg.png)  no-repeat;

    background-size: 100%;

 }
.sqImg{
    width: 70px;
    height: 70px;
    background:url(images/sqLogo.png)  no-repeat;
    background-size: cover;
}






input[type="text"]:focus, input[type="password"]:focus {border: none;outline: none;}
*{ margin:0; padding:0;}
	
.main{ width:100%; position:relative;height: calc(100% - 70px);}
.earth{ width:400px; height:540px;float:left;}
.login{ width:400px; background-color:#fff;height:345px; position:relative; left:calc(50% - 203px);top:calc(50% - 199.5px);border-radius:7px;}

.login_content{ width:326px; height:auto; padding:40px;padding-top: 20px;}

#QRCode{background:url(images/QRCode.png) fixed center center no-repeat;width:54px;height:54px;position: absolute;top:8px;right:12px;}
#login-qq{background:url(images/qq.png) no-repeat center right;}
#login-weixin{background:url(images/weixin.png) no-repeat center right;}
#login-weibo{background:url(images/weibo.png) no-repeat center right;}

#logo-min{background:url(images/logo-index.png);background-size:100% 100%;width:355px;height:50px;}
#logo-max{background:url(images/max.png);background-size:100% 100%;width:480px;height:120px;}

.user_main{ width:325px; height:40px; border:1px solid #cccccc; border-radius:3px;}
.user_int{ width:325px; border:none; background:none; height:40px; float:right; line-height:50px; color:#666666; font-size:14px;padding-left: 10px;}

.password_main{ width:325px; height:40px; border:1px solid #cccccc; border-radius:3px; margin-top:14px;}
.paswd_int{ width:325px; border:none; background:none; height:40px; float:right; line-height:50px; color:#666666; font-size:14px;padding-left: 10px;}

.code_main{ width:325px; height:40px; border:1px solid #cccccc; border-radius:3px; margin-top:14px;}
.code_int{ width:196px; border:none; background:none; height:40px; float:right; line-height:50px; color:#666666; font-size:14px;margin-left:30px}

.pasd_choose{ margin-top:15px;}
.re_pasd{ float:left;color:#666666;}
.re_pasd span{color:#a7a7a7; font-size:14px;}
.fo_pasd{ float:right;}
.fo_pasd a{ text-decoration:none;color:#5a87d0; font-size:14px;}

.chk_1 { display: none; } 
.chk_1 + label { background-color: #FFF; border: 1px solid #ebedee; width:16px; height:16px; border-radius: 2px; display: inline-block; position: relative; top:4px; margin-right:8px; cursor:pointer;} 
.chk_1:checked + label { background-color: #f39800;  color: #ffffff;border: 1px solid #f39800;} 
.chk_1:checked + label:after { content: '\2714';  position: absolute; top: -4px; left: 0px; color: #ffffff;text-align: center; width:16px; height:16px;border-radius:2px;} 


.login_btn,.login_btn1,.login_btn2{ width:325px; height:45px;border-radius:3px;background:#cd0e0e; line-height:45px; text-align:center; color:#ffffff; text-decoration:none; font-size:20px; display:block; margin-top:14px;}


.main_01{ width:90%; margin:0 auto; height:500px; margin-top:6%; max-width:1100px;}
.user_main.active, .password_main.active, .yz_tex.active,.code_main.active{ border:1px solid #11dd0e}


/*错误提示*/
.form_control{ position:relative;}
.error1{position:absolute; right:-20px; top:12px; background:url(images/warn_icon.png) no-repeat; display:block; width:10px; height:20px; display:none;}
.error2{position:absolute; right:164px; top:12px; background:url(images/warn_icon.png) no-repeat; display:block; width:10px; height:20px; display:none;}


.foot{ width:100%; height:30px; text-align:center; font-size:14px; color:#fff;position: absolute;bottom:10px;}

.callout {
    margin: 8px 0 15px 0 !important;
    padding: 5px 15px 8px 5px !important;
    width: 275px;
    font-size: 13px;
}
.error-msg{
	color:red;
	padding-top: 8px;
    padding-left: 5px;
    font-size: 13px;
}
body {
    min-height: 85% !important;
}