@charset "utf-8";
body { background-color:#FFF}
.m {margin:auto;width:1200px;clear:both;}

/*头部样式*/
.head {background:#F0F0F0; width:100%;height:36px; line-height:36px; border-bottom:#DFDFDF solid 1px;}
.head_m {margin:auto;width:1200px;color:#777;}
.head_m a { color:#666}
.head_m a:hover { color:#FF552E; text-decoration:none}
.head_m span { font-family:"Times New Roman", Times, serif; font-size:10px; color:#aaa; position:relative; top:-1px}

.head_l li {float:left; margin:0 13px 0 0;}
.head_l li.cityname a{ color:#FF552E}
.head_l li.cityname a:hover { text-decoration:underline}
.h_city {background:url('images/icon-arrow.png') no-repeat right -42px;padding:0 13px 0 0;}
.h_fav {padding:0 0 0 2px;}
.h_mobile {background:url('images/ico_mobile.png') no-repeat 0 center;padding:0 2px 0 15px;}
.h_qrcode {background:url('images/ico_qrcode.png') no-repeat 0 center;padding:0 6px 0 18px;}

.tophead { width:100%; height:120px; overflow:hidden}
.tophead .logo { float:left; width:500px; height:45px; line-height:45px; position:relative; top:20px; font-size:26px; letter-spacing:1px; color:#888}
.tophead .logo a{ float:left; background:url(/upload/logo/logo.png) left center no-repeat; width:320px; height:80px; margin-right:20px; border-right:#E5E5E5 solid 1px; padding-right:20px;}


.tophead .kf { color:#888; float:right; background:url(images/ico-qq.png) left 2px no-repeat; padding-left:55px; height:55px; font-size:13px; position:relative; top:35px}
.tophead .kf span { line-height:40px; font-size:26px}
.tophead .kf a:hover { text-decoration:none}

.show_txt{margin: auto;  position: fixed; top: 40%; left:20%; right:20%; width:60%; max-width:280px;  max-height:500px;  background-color: #333;
           text-align: center;line-height:40px; padding:20px 0px; opacity: 0.8;z-index: 999;color: #ffffff;box-shadow: 0 0 5px #9e9e9e; 
           font-size: 15px; display:none; border-radius:10px;}

.index_bg2 {
    width: 100%;
    height: 700px;
    background-image: url(../images/loginbg.jpg);
    background-position: top center;
    background-repeat: no-repeat;

}
.w1200 {
  width: 1200px; margin:0px auto;
  padding: 0px 15px;
}
.login_wrap {width:100%; height:550px; background-image:url(/images/loginban.jpg); background-position:center center; background-repeat:no-repeat; }

.login_slider { width:550px;  height:300px; margin-top:60px; font-size:16px; color:#000;  font-weight:bold;   }
.login_slider p {font-size:16px; color:#000;  font-weight:bold;   }
.login_wrap_anget{width:100%; height:700px;     background-image: url(../images/loginbg.jpg); background-position:top center; background-repeat:no-repeat; }

/*登录页面框*/
.login_box{  margin:120px 30px 0 0; padding:20px 40px;  background-color:#fff; border:1px solid #eee;  overflow:hidden; }
.login_box .login_tit {width:320px;height:45px; padding-bottom:10px;font-size: 26px;
font-weight: 500;
margin-bottom: 5px;
text-align: center;  }
.login_box .login_tit .login_t {width:150px;height: 45px;line-height:45px;   }


.login_box .login_con{width:320px;height: 280px;
}
.login_box .login_con .item{width:320px;height: 40px; border:1px solid #dddddd; margin-bottom:20px; line-height:40px; }
.login_box .login_con .item div:nth-child(1){text-align:left; float:left; display:inline-block; padding:0px 5px 0px 10px;  color: #666; width:33px; }
.login_box .login_con .item div:nth-child(2){text-align:left; float:left; display:inline-block; color: #666; width:200px;  outline:none;}
.login_box .login_con .item3{width:320px;height: 40px; border:1px solid #dddddd; margin-bottom:20px; line-height:40px; }
.login_box .login_con .item3 div:nth-child(1){text-align:left; float:left; display:inline-block; padding:0px 5px 0px 10px;  color: #666; width:20px;   }
.login_box .login_con .item3 div:nth-child(2){text-align:left; float:left; display:inline-block; color: #666; width:160px; }
.login_box .login_con .item3 div:nth-child(3){text-align:center; float:right; display:inline-block; color: #666; width:100px;  background-color:#d5d5d5  }
.login_box .login_con .item input{ width:100%;border:0px solid #dddddd;  padding-left:2%;line-height:33px; outline:none; }
.login_box .login_con .item3 input{ width:100%;  border:0px solid #dddddd; line-height:40px;  }
.login_box .login_con .item2{width:320px;height: 40px; border:0px solid #dddddd; margin-bottom:20px; line-height:40px; }
.login_box .login_con .item2 a { padding:10px 20px;  }
.login_box .login_con .btn{display: inline-block;width: 100%;border:0px solid #dddddd;
height: 40px;background-color: #e60000;
border-radius: 5px;color: #fff;font-size: 18px;
line-height: 40px;
}
.login_box .login_con .btn2{display: inline-block;width: 100%;border:0px solid #dddddd;
height: 40px;background-color: #3a8232;
border-color: #3a8232;
color: #fff;font-size: 14px;
line-height: 40px;
}

.login_box .login_con .item i,   .login_box .login_con .item3 i { font-size:22px; color:#999; }

#login_container { width:200px!important;}
.w1000 {    width:1000px; margin:80px auto; height:400px;}
.w420 { width:450px;height:350px;  background-color:#fff;  border-radius:5px;background-color:#fff; padding-bottom:20px; }
.divtit { width:430px; height:50px; line-height:50px;  font-size:16px; padding-left:20px;  color:#333; font-weight:bolder; }
.divcon{  width:430px;  height:60px;   padding-left:20px; padding-right:20px;  line-height:35px;  clear:both;   }
.divcon2{  width:410px; height:160px;  padding-left:20px; padding-right:20px; clear:both;  line-height:35px;   }
.searbtn {display: inline-block;width:30%;border:0px solid #dddddd;height: 35px;background-color: #3a8232;
background: -webkit-linear-gradient(top, #FF5000, #3a8232);border-radius: 5px;color: #fff;font-size: 16px;font-weight: bold;}




/*-----------------
	11. Login
-----------------------*/
.container {	width: 1200px;	margin:0px auto;}
.login-body {

    height: 100vh;
    min-height: 80vh;
}
.login-wrapper {
	width: 100%;
	height: 100%;
margin:0px auto;
}
.login-wrapper .loginbox {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	display: flex;
    float:right;
    max-width:400px;
    min-height:200px;
    width: 100%;
     margin-top:150px; margin-right:100px;
}
.login-wrapper .loginbox .login-left {
    align-items: center;
    background: linear-gradient(180deg, #3949ab, #2962ff);
    border-radius: 6px 0 0 6px;
    flex-direction: column;
    justify-content: center;
    padding: 80px;
    width: 400px;
    display: flex;
}
.login-wrapper .loginbox .login-right {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 40px;
    width: 400px;
}
.login-wrapper .loginbox .login-right .login-right-wrap {
    max-width: 100%;
    flex: 0 0 100%;
}
.login-wrapper .loginbox .login-right h1 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: center;
}
.account-subtitle {
    color: #4c4c4c;
    font-size: 17px;
    margin-bottom: 1.875rem;
    text-align: center;
}
.login-wrapper .loginbox .login-right .forgotpass a {
	color: #a0a0a0;
}
.login-wrapper .loginbox .login-right .forgotpass a:hover {
	color: #333;
	text-decoration: underline;
}
.login-wrapper .loginbox .login-right .dont-have {
	color: #a0a0a0;
	margin-top: 1.875rem;
}
.login-wrapper .loginbox .login-right .dont-have a {
	color: #333;
}
.login-wrapper .loginbox .login-right .dont-have a:hover {
	text-decoration: underline;
}
.social-login {
	text-align: center;
}
.social-login > span {
	color: #a0a0a0;
	margin-right: 8px;
}
.social-login > a {
	background-color: #ccc;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	height: 32px;
	line-height: 32px;
	margin-right: 6px;
	text-align: center;
	width: 32px;
}
.social-login > a:last-child {
	margin-right: 0;
}
.social-login > a.facebook {
	background-color: #4b75bd;
}
.social-login > a.google {
	background-color: #fe5240;
}
.login-or {
	color: #a0a0a0;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
}
.or-line {
	background-color: #e5e5e5;
	height: 1px;
	margin-bottom: 0;
	margin-top: 0;
	display: block;
}
.span-or {
	background-color: #fff;
	display: block;
	left: 50%;
	margin-left: -20px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 42px;
}