@charset "utf-8";
/* CSS Document */


html, body, ul, li, a, p{margin: 0;padding: 0;}
*{ padding:0px; margin:0px;}
h1,h2,h3,h4,h5,input,textarea,button,select{font-family: "微软雅黑", "宋体";}
body{font-size: 12px;font-family: "微软雅黑", "宋体";margin: auto; background:#fff }
img{border: 0;}
ul, li{list-style: none;}
a,b,em,i{text-decoration: none;font-style: normal; color:#666;}
a:hover{ color:#406ba2;}
.slow a,.slow,.slow li{transition: all 0.5s ease 0s;}
.fr{ float:right;}
.fl{ float:left;} 





.toper{ width:100%; min-width:900px; height:144px;  background:#fff; overflow:hidden;}
.top{ width:900px; margin:auto}
.logo{ height:100px; float:left}  

.banner-bg{ width:100%; min-width:900px; height: 390px;background:#0e60ac; }
.banner{width:900px; height: 390px; margin:auto; position:relative}
.ban-bg{ position:absolute; left: -200px; top:0;height: 390px;width: 900px;overflow: hidden;}
.login-box{ width: 300px; height: 410px; background-color:#fff; border:1px solid #dfdfdf; border-radius:5px; position:absolute; top: -35px; right:0;}


.footer{ width:100%; min-width:900px; height:80px; background-color:#2f3238; overflow:hidden}
.foot{ width:900px; margin:auto; line-height:80px; text-align:center; }
.foot p{ color:#b3b3b3}
.foot p a{ color:#eee}
.foot p a:hover{ color:#b3b3b3; text-decoration:underline}


 
 .login-tabs{float:left;overflow:hidden}
.login-tabs .login-tab {  width: 149px;float:left;  text-align: center; height: 55px; line-height: 55px;  font-size: 18px;  cursor: pointer;   }
.login-tabs  .login-tab-qrcode.active {float:left;  border-right: 1px solid #dfdfdf; background: #fff;  } 
.login-tabs  .login-tab-account.active {float:left;   border-left: 1px solid #dfdfdf;  background: #fff;  } 
.login-tabs .active{ }
.login-tabs{ background: #f5f5f5;  } 

.login-main{ height: 290px; width:100%; overflow:hidden;    float: left;}
.login-qrcode{ margin-top:20px; text-align:center}
.login-qrcode img{ width: 180px; height: 180px;}

.zw-login{  text-align:center; line-height:50px; font-size:14px;}
.zw-login a{ color:#0e60ac}
.zw-login a:hover{  text-decoration:underline}


.login-input{  width: 270px; margin:auto; margin-top: 10px;}

.login-input input {
  margin-bottom: 20px;
  width: 250px;
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  color: #b3b3b3;
  padding: 0 10px;
  border: 1px solid #c7c7c7;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #ffffff;
}
 .checkbox{ font-size:14px; margin:10px 0;}
 .checkbox input{ width:15px;height:15px; float:left;border:none}
 .checkbox em{ float:left; line-height:15px; padding:0 5px;} 
.checkbox span{ float:right;}

.login-btn{ width:100%; height: 46px; text-align:center; line-height: 46px; margin:20px auto; background-color:#0e60ac; overflow:hidden; border-radius:8px;}
.login-btn a{ color:#fff; font-size:16px; display:block; width:100%;}


.yjfk-tit{ width:100%; height:60px; line-height:60px; background-color:#0e60ac; min-width:900px; text-align:center; overflow:hidden}
.yjfk-tit h3{ font-size:20px; color:#fff; font-weight:normal}

.yjfk-main { width: 650px; margin:auto; padding-top: 50px; padding-bottom: 90px; }
.yjfk-main p { color: #898989; font-size: 14px; line-height: 36px; text-align:center}
.yjfk-main ul {
	margin-top: 20px;
}
.yjfk-main li {
	width: 100%;
	margin-bottom: 20px;
	float: left;
}
.yjfk-main span {
	color: #545454;
	font-size: 14px;
	width: 100px;
	line-height: 42px;
	text-align: right;
	float: left;
}
.necessary-info {
	color: #ff8400;
	vertical-align: middle;
	padding-right: 5px;
	font-style: normal;
}
.fb-type-reminder {
	color: #009ed6;
	font-size: 12px;
	font-style: normal;
	margin-left: 10px;
	line-height: 44px;
}
.yjfk-main li img {
	width: 120px;
	height: 42px;
	vertical-align: middle;
}
.feedback-type,
.feedback-textarea,
input {
	border: 1px solid #e5e5e5;
	font-family: "microsoft yahei";
	color: #666;
	outline-color: #009ed6;
}
 
.feedback-textarea {
	width:500px;
	height: 110px;
	padding: 10px;
	resize: none;
}
.feedback-input,
.captcha-input {
	color: #555;
	font-size: 14px;
	width: 500px;
	line-height: 20px;
	padding: 10px;
	border: 1px solid #e8e8e8;
}
.captcha-input {
	width: 100px;
}
.fb-btn {
	display: inline-block;
	background: #ff8400;
	color: #fff;
	font-size: 16px;
	width: 142px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	border-radius: 4px;
	border: none;
	outline: none;
	cursor: pointer;
}
.fb-btn:hover {
	background: #ff6e00;
}
.ban-bg img{ /* height:290px; */}

