@charset "utf-8";
.login_main{position:relative;}
.login_ad{height:580px; background:no-repeat center;}
.login_ad div{height:100%;}
.login_ad a{display:block; width:67%; height:100%; z-index:3; position:relative;}
.login_full{z-index:1; position:absolute; top:0; left:0;}
.login_box{width:27.9661017%; padding:8.4745763% 4.2372881%;}
.login_info{background:rgba(255,255,255,0.8); padding:20px 23px;}
.login_info h3{font-size:20px;}
.login_info ul{padding-top:10px;}
.login_info li{padding-top:5px;}
.login_info input{font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
.login_info .user,.login_info .psd{width:99%; background:url(../images/login_user_01.gif) no-repeat left; text-indent:45px; line-height:38px; border:1px solid #ddd; height:38px;}
.login_info .psd{background-image:url(../images/login_psd_01.gif);}
.login_info .user_bj,.login_info .psd_bj{position:relative;}
.login_info .psd_bj{margin-top:15px;}
.login_info .user_bj span,.login_info .psd_bj span{display:none; position:absolute; top:-4px; left:1px; background:url(../images/login_user_01.gif) no-repeat center; width:40px; height:40px;}
.login_info .psd_bj span{background-image:url(../images/login_psd_01.gif);}
.login_info li em{display:inline-block; float:left; margin-top:20px;}
.login_info li span{display:inline-block; float:right; margin-top:20px;}
.login_info .login_btn{line-height:40px; width:100%; color:#fff; text-align:center; border:0; background:#00a3e7; border-radius:5px; font-size:20px; font-weight:bold; cursor:pointer;}
.login_info .other_login{margin-top:15px;}
.login_info .other_login a{margin-right:20px; display:inline-block; padding-left:25px; background:url(../images/login_03.png) no-repeat left; background-size:22px;}
.login_info .other_login a.wx_login{background-image:url(../images/login_04.png);}
.footer{text-align:center; padding:30px 0 40px; border:0; background:none; font-size:12px; line-height:30px;}
.footer a{margin:0 5px;}
.footer span{margin-left:20px;}
.footer p{display:inline-block; margin-left:20px;}

@media only screen and (min-width: 1200px){
  .a_wd{width:1180px;}
  .nav,.a963_city,.login_ad_foot,.son_nav{display:none;}
}

@media only screen and (max-width: 1024px){
  .nav,.a963_city,.login_ad_foot,.son_nav{display:none;}
}

@media (max-width:767px){
  .a_wd{width:92%; margin-left:auto; margin-right:auto;}
  .son_nav,.search,.login_ad,.footer,.nav-toggle,.a963_city,.top_nav,.login_info .other_login a.wx_login{display:none;}
  .logo{margin-top:20px;}
  .login_full{position:relative;}
  .login_box{width:100%; font-size:16px;}
  .login_info,.login_box{padding:10px 0;}
  .login_info h3{text-indent:10px;}
  .login_info a{color:#999;}
  .login_info a.qq_login,.login_info a.wx_login{color:#282828;}
  .login_info a:hover{color:#00a3e7;}
  .login_info .login_btn{border-radius:3px;}
  .login_ad_foot{display:block; overflow:hidden; margin-top:15px;}
  .login_ad_foot img{width:100%;}
  .login_ad_foot span{display:block;}
  .login_ad_foot .login_up{margin-top:15px; text-align:center; padding-bottom:20px;}
  .login_ad_foot .lg_btn{display:inline-block; padding:5px 30px; border:1px solid #ccc;}
}

@media only screen and (max-width:640px) {
  .footer span{display:block; margin-left:0; width:100%;}
  .footer p{display:block; margin-left:0; width:100%; margin-top:10px;}
}