.login-bg{
	padding:0;
	margin:0;
	font-size:14px;
	color:#888;
	background: #003c8a;
	font-family:"Microsoft YaHei",Arial;
} 
div,h1,h2,h3,h4,h5,h6,ul,li,span,p,b,i,a,img,header,footer,bottom,section,body,html,form{
	padding:0;
	margin:0;
}
ul,li{
	list-style: none;
}
a{
	text-decoration: none;
	color:#174b94;
}
.fl{
	float: left;
}
.ft{
	float: right;
}
.clearFix{clear:both;overflow: hidden;}
.message{
	width:100%;
	padding:8px 0;
	text-indent: 10px;
	background: #F3F5A2;
	color:#e31e1e;
	position: absolute;
	top:0px;
	display: none;
}
.message a{
	text-decoration: underline;
}
.message .cancel{
	position: absolute;
	right:30px;
	cursor: pointer;
	width:18px;
	height:18px;
	background:url("../image/cancel1.png") no-repeat center;
}
.mask{
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	bottom:0;
	top:0;
	right:0;
	background-color: #6B6A69\9;
	filter: "alpha(opacity=57)";   /* IE 8 */ 
	filter: alpha(opacity=57);  /* IE 4-7 */ 
	background-color: rgba(55,55,55,0.3);
	zoom: 1;  /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */  
	display: none;
}
.msk{
	border:1px solid #aaa;
	width:400px;
	background: #fff;
	opacity: 1;
	padding:35px 0 25px 55px;
	position: absolute;
	top:40%;
	right:40%;
	box-shadow: 0px 0px 6px #999;
	display: none;
}
 .msk p{
	padding-bottom: 15px;
}
 .msk .mask-tip{
	color:#333;
	font-size:16px;
	font-weight: bold;
}
 .msk .down a{
	margin-left:10px;
	padding-left:20px;
}
 .msk .down .chrome{
	background: url("../image/chrome.png") no-repeat left center;
}
.msk .down .ie{
	background: url("../image/ie.png") no-repeat left center;
}
.tip{
	margin-bottom: 25px;
	color:#e31e1e;
	font-size:12px;
	overflow: hidden;
	font-size:14px;
}
/*瀵艰埅閮ㄥ垎*/
#header{
	width:100%;
	margin-top:10px;
	background:#fff;
	text-align: center;
}
.nav{
	min-width: 1170px;
	padding:20px 0;
	background:#fff;
}
.nav img{
	border:none;
}
.nav .title img{
	margin-left:50px;
	margin-bottom: 12px;
}
.nav a{
	border:none;
}
.nav .dec{
	margin-left:150px;
}
.mt18{
	margin-top:18px;
}

/*杞挱鍥鹃儴鍒�/

#section{
	min-width:1170px;
	overflow:hidden;
	position: relative;
}
#section .slider{	
	height:600px;
}

#section .slider img{
	width:1920px;
	height:100%;
	vertical-align: bottom;
}

.login{
	position: absolute;
	right:18%;
	top:40px;
	background: #fff;
	width:380px;
	border-radius:4px;
	text-align: left;
}
.login .login-main{
	padding:38px;
}
.login .login-main .login-title{
	font-size:36px;
	color:#9ba6c1;
	margin-bottom: 20px;
	text-align: left;
}
 .input{
	width:100%;
	padding:8px 0;
	padding-left:70px;
	border:none;
	border:1px solid #ddd;
	margin-bottom: 16px;
	box-sizing: border-box;
	height:46px;
	border-radius:5px;
}
.login .login-main .input:focus{
	    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.login .login-main  .user.input{
	background: url('../image/usericon.png') no-repeat 20px center;
}
.login .login-main  .pwd.input{
	background: url('../image/password.png') no-repeat 20px center;
}
.login .login-main .yan .yan-kuang{
	border: 1px solid #ddd;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	width:120px;
	height:44px;
	float: right;
}
.login .login-main .yan .yan-kuang:hover{
	outline: none;
	cursor: pointer;
}
.login .login-main .yan .input{
	width:170px;
	float: left;
	border-bottom-right-radius:0;
	border-top-right-radius:0;
}
.login .login-main .input.btn{
	background: #003F8A;
	color:#fff;
	text-align: center;	
	padding: 0;
	border:none;
	box-shadow: none;
}
.login .login-main .input.btn:hover{
	outline: none;
	cursor: pointer;
}
.login .login-main .place_holder{
	padding:0px 0px 20px 0px;
}

.login .login-main .detail{
	font-size:12px;
	color:#868686;
	line-height: 26px;
	text-align: left;
}
#msg.login_errors{
	color: #BB0000; 
	width: 60%;
	padding :0px;
	margin-bottom: 0px;
}
/*footer*/
#footer{
	min-width:1170px;
	width:100%;
	color:#fff;
	position: absolute;
	top:754px;
	left:0;
	right:0;
	min-height: 168px;
	text-align: center;	
	background-image:url("../image/foot-bg.png");
	 background-repeat: repeat-x;
	 background-position: bottom;
}
#footer .foot{
	width:100%;
	height:155px;
	position: absolute;
	bottom: 0;
	
}



/*瀵嗙爜鎵惧洖*/
.bg1{
	background:#f7f7f7;
	color:#666;
	font-size:14px;
	font-family:"Microsoft YaHei",Arial;
}
.header-pwd{
	min-width:740px;
	height: 60px;
	line-height: 60px;
	background-color: #003c8a;	
	text-align: center;
}
.header-pwd .pwd-nav{
	height:60px;
	margin:0 auto;
	line-height: 60px;

}
.header-pwd .pwd-nav img{
	vertical-align: middle;
	margin-left:5px;
}
.header-pwd .back{
	color: #fff;
}
.pwd-bg{
	padding-top:30px;

}
.findPwd-box{
	height:720px;
	background: #fff;
	padding:30px;
	margin: 0 auto;
	border-radius:10px;
}
.findPwd-box .findPwd-title{
	color:#333;
	font-size: 36px;
	margin-bottom: 40px;
}
.findPwd-box .findPwd-main{
	width:435px;
	margin:0 auto;
} 
 .input-group .input{
	height:54px;
	line-height: 54px;
	margin-bottom:20px;
	color:#888;
	font-size:16px;
}
.findPwd-box .findPwd-main .iphone{
	background:url("../image/usericon.png") no-repeat 20px center;
}
.findPwd-box .findPwd-main .iphone1{
	background:url("../image/tel.png") no-repeat 20px center;
}
.findPwd-box .findPwd-main .usernameIcon{
	background:url("../image/usericon.png") no-repeat 20px center;
}
.findPwd-box .findPwd-main .passwordIcon{
	background:url("../image/password.png") no-repeat 20px center;
}
.findPwd-box .findPwd-main .wechatIcon{
	background:url("../image/wechat.png") no-repeat 20px center;
}
.findPwd-box .findPwd-main .imageYan{
	background: url("../image/yanzm.png") no-repeat 20px center;
}
.findPwd-box .findPwd-main .note{
	background:url("../image/duan.png") no-repeat 20px center;
}
.findPwd-box .findPwd-main .verifity .fl{
	width:60%;
}
.findPwd-box .findPwd-main .verifity{
	position:relative;
}
.findPwd-box .findPwd-main .verifity .ver-msg{
	position: absolute;
	right:-30px;
	top:20px;
}
.findPwd-box .findPwd-main .verifity .ft{
	width:35%;
	height: 52px;
	line-height: 52px;
	text-align: center;
}
.findPwd-box .findPwd-main .verifity .ft .yan-kuang{
	width:135px;
	height:45px;
	float: right;
}
.findPwd-box .findPwd-main .verifity .ft .yan-kuang:hover{
	outline: none;
	cursor: pointer;
}
.findPwd-box .findPwd-main .verifity .input{
	border-radius: 5px 0 0 5px;

}
.findPwd-box .findPwd-main .input-group .Img{
	height: 100%;
	border:1px solid #ddd;
	border-radius: 0 5px 5px 0;
}
.findPwd-box .findPwd-main .verifity .again-send{
	background: #e6e6e6;
	height:54px;
	color:#333;
	width:100%;
	font-size:14px;
	border:none;
	line-height: 54px;
	border-radius: 0 5px 5px 0;
}
.again-send-active{
	height: 54px;
	color: #fff;
	width: 35%;
	font-size: 14px;
	line-height: 54px;
	background: #06bb56;
	border: 1px solid #06bb56;
	border-radius: 0 5px 5px 0;
}
.findPwd-box .findPwd-main .verifity .again-send:hover{
	outline: none;
	cursor: pointer;
}
.findPwd-box .findPwd-main .verifity .again-send:focus{
	outline: none;
}
.again-send-active:hover{
	outline: none;
	cursor: pointer;
}
.again-send-active:focus{
	outline: none;
}
.findPwd-box .findPwd-main .btn{
	text-align: center;
	background: #003c8a ;
	color:#fff;
	padding: 0;
	font-size:16px;
}
.findPwd-box .findPwd-main .btn:hover{
	outline: none;
	cursor: pointer;
}
.findPwd-box .findPwd-main .pwd-tip{
	color:#868686;
	font-size:14px;
	margin-top:50px;
}
.pwd-ft{
	width:100%;
	position: absolute;	
	left:0;
	right:0;
	min-height:68px;
	text-align: center;	
	margin-bottom: 20px;
	margin-top:20px;
}
.pwd-ft p{
	width:315px;
	color:#666;
	margin:0 auto;
	font-size: 14px;
	line-height:32px;
}
/*瀵嗙爜鎵惧洖*/
.firm{
	position: relative;
}
.firm .err-msg{
	position: absolute;
	right: -30px;
	top:18px;
}
.input-group .pwd-resert{
	background:url("../image/password1.png") no-repeat 20px center;
}
.input-group .pwd-confirm{
	background:url("../image/passsword2.png") no-repeat 20px center;
}
.input-group .user-resert{
	background: url('../image/usericon.png') no-repeat 20px center;
}
.tip-msg{
	color:#e31e1e;
	/* font-size:;*/
}
/*璁剧疆鎴愬姛*/
.success{
	text-align: center;
}
.success img{
	margin-top:200px;
	margin-bottom: 70px;
}
.success p{
	line-height: 36px;
	color:#888;
	font-size:16px;
}
.success .skip{
	font-size:14px;
	display: none;
}
@media (min-width: 0){
	.findPwd-box{
		width:680px;
		height:520px;
	}
	.header-pwd .pwd-nav{
		width:740px;
	}
	.pwd-ft{
		top:720px;
	}
} 
@media (min-width: 1000px){
	.findPwd-box{
		width:800px;
		height:560px;
	}
	.header-pwd .pwd-nav{
		width:870px;
	}
	.pwd-ft{
		top:760px;
	}
}

@media (min-width: 1300px){
	.findPwd-box{
		width:1110px;
	}
	.header-pwd .pwd-nav{
		width:1170px;
	}
	.pwd-ft{
		top:760px;
	}
}

.findPwd-dlg{
	height:430px;
	background: #fff;
	padding:0px;
	margin: 0 auto;
	border-radius:10px;
}
.findPwd-dlg .findPwd-title{
	color:#333;
	font-size: 36px;
	margin-bottom: 40px;
}
.findPwd-dlg .findPwd-main{
	width:435px;
	margin:0 auto;
} 
 .findPwd-dlg .findPwd-main .input-group .input{
 	text-indent:55px;
	height:54px;
	line-height: 54px;
	margin-bottom:20px;
	color:#888;
	font-size:16px;
}

 .findPwd-dlg .findPwd-main .input-group .phoneip{
 	width:400px;
 	border:1px solid #ddd ;
}
 .findPwd-dlg .findPwd-main .input-group .pwdip{
 	width:250px;
}
 .findPwd-dlg .findPwd-main .input-group .nextbtn{
 	margin-left: 10px;
 	width:200px;
 	color:white;
 	text-indent:0px;
}
.findPwd-dlg .findPwd-main .input-group .nextbtn2{
	margin-left: 0px;
	width:401px;
	color:white;
	text-indent:0px;
}
.findPwd-dlg .findPwd-main .input-group .btnSkip{
 	width:190px;
 	color:white;
 	text-indent:0px;
}
.findPwd-dlg .findPwd-main .iphone{
	background:url("../image/usericon.png") no-repeat 20px center;
}
.findPwd-dlg .findPwd-main .iphoneIcon{
	background:url("../image/tel.png") no-repeat 20px center;
}
.findPwd-dlg .findPwd-main .passwordIcon{
	background:url("../image/password.png") no-repeat 20px center;
}
.findPwd-dlg .findPwd-main .imageYan{
	background: url("../image/yanzm.png") no-repeat 20px center;
}
.findPwd-dlg .findPwd-main .note{
	background:url("../image/duan.png") no-repeat 20px center;
}

.findPwd-dlg .findPwd-main .verifity{
	position:relative;
	width:100%;
}
.findPwd-dlg .findPwd-main .verifity .ver-msg{
	position: absolute;
	right:-30px;
	top:20px;
}
.findPwd-dlg .findPwd-main .verifity .ft{
	width:140px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	margin-left: 10px;
}
.findPwd-dlg .findPwd-main .verifity .ft .yan-kuang{
	width:135px;
	height:45px;
	float: right;
}
.findPwd-dlg .findPwd-main .verifity .ft .yan-kuang:hover{
	outline: none;
	cursor: pointer;
}
.findPwd-dlg .findPwd-main .verifity .input{
	border-radius: 5px 0 0 5px;
	float:left;
	border:1px solid #ddd;
}
.findPwd-dlg .findPwd-main .input-group .Img{
	height: 100%;
	border:1px solid #ddd;
	border-radius: 0 5px 5px 0;
	 float: left;
    width: 151px;
    padding: 10px;
}
.findPwd-dlg .findPwd-main .verifity .again-send{
	background: #e6e6e6;
	height:54px;
	color:#333;
	width:35%;
	font-size:14px;
	border:none;
	line-height: 54px;
	border-radius: 0 5px 5px 0;
}
.findPwd-dlg .findPwd-main .verifity .again-send:hover{
	outline: none;
	cursor: pointer;
}
.findPwd-dlg .findPwd-main .verifity .again-send:focus{
	outline: none;
}
.findPwd-dlg .findPwd-main .btn{
	text-align: center;
	background: #003c8a ;
	color:#fff;
	padding: 0;
	font-size:16px;
}
.findPwd-dlg .findPwd-main .btn:hover{
	outline: none;
	cursor: pointer;
}
.findPwd-dlg .findPwd-main .pwd-tip{
	color:#868686;
	font-size:14px;
	margin-top:10px;
}


.bg {
	width: 100%;
	height: 100%;
	/* background: url("./images/bg.png") no-repeat; */
	color: #fff;
	position: relative;
	overflow: hidden;
}

.bg .bg-img {
	display: block;
	height: 100%;
	position: relative;
	/* animation: banner 30s linear infinite; */
}

.bg .header {
	width: 1170px;
	margin: 0 auto;
	padding-top: 90px;
}

.bg .main {
	width: 1170px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-585px);
	margin: 0 auto;
}

.bg .content.choose-content {
	margin: 0 auto;
	margin-top: 200px;
	width: 660px;

}

.bg .content .choose-login {
	/* overflow: hidden; */
}

.bg .content .choose-login .lf {
	float: left;
	text-align: center;
}

.bg .content .choose-login .rt {
	float: right;
	text-align: center;
}

.bg .content .choose-login .choose-icon {
	width: 200px;
	height: 200px;
	background: #fff;
	border-radius: 50%;
	position: relative;
	margin-bottom: 40px;
	transition: transform 1s;
}

.bg .content .choose-login .choose-icon:hover {
	transform: scale(1.2)
}
.bg .content .choose-login .choose-word{
	font-size:20px;
}

.bg .content .choose-login .choose-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}



.bg .content {
	margin: 0 auto;
	margin-top: 140px;
	width: 500px;

}

.bg .content .input-item {
	overflow: hidden;
	width: 498px;
	height: 50px;
	border: 1px solid #ddd;
	line-height: 50px;
	margin-top: 36px;
}

.bg .content .input-item .input-img {
	float: left;
	position: relative;
	top: 14px;
	margin: 0 20px;
}

.bg .content .input-item>div {
	float: left;
	position: relative;
	width: 80%;
}

.bg .content .input-item .label {
	position: absolute;
	font-size: 20px;
	font-weight: 200;
	line-height: 2;
}

.bg .content .input-item input {
	border: 0;
	outline: none;
	background: transparent;
	color: #fff;
	height: 50px;
	font-size: 20px;
	width: 100%;
}

.bg .content .forget-pwd {
	float: right;
	color: #fff;
	font-size: 16px;
	margin: 20px 0;
}

.bg .content .login-new {
	width: 498px;
	height: 50px;
	background: #d2a84c;
	line-height: 50px;
	text-align: center;
	font-size: 22px;
	border-radius: 5px;
}
.bg .content .login-new:hover{
	cursor: pointer;
	background: #f3b42c;
}

.bg .content .notice {
	overflow: hidden;
	margin-top: 30px;
}

.bg .content .notice .notice-img {
	float: left;
}

.bg .content .notice .notice-word {
	float: left;
	margin-left: 10px;
	font-size: 14px;
}
.bg .content .verify{
	overflow: hidden;
}
.bg .content .verify .input-item{
	float:left;
	width:70%;
}
.bg .content .verify .verify-bg{
	float:right;
	width:24%;
	height:50px;
	background: #fff;
	text-align: center;
	line-height:50px;
	margin-top: 36px;
}
.bg .content .verify .verify-bg>span{
	color:#000;
	font-size:24px;
}

@keyframes banner {
	0% {
		transform: translateX(0);
		opacity: 1;
	}
	50% {
		transform: translateX(-20%)
	}
	100% {
		opacity: 1;
	}
}

@media screen and (max-height: 830px){
	.bg .content{
		margin-top:30px;
	}
}

.bg input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color: transparent !important;
	background-image: none !important;
	color: rgb(0, 0, 0) !important;
}
/* 登录页适应手机 */
.help{float: left;color: #fff;font-size: 16px;margin: 20px 0;}

@media screen and (min-width: 200px) and (max-width: 550px){
	#header{margin-top:0;}
	
	.bg .main{
	width:100%;
   	height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0px); 
    margin: 0 auto;
	}
	.bg .header{
		width:85%;
	    padding-top: 15%;
	}
	.bg .header img{
		display:block;
		width:100%;
		height:auto;
	}
	.bg .content{
	width:80%;
	margin-top:15%;
	}
	.bg .content .input-item{width:100%;
	overflow: hidden;
    margin-top: 8%;
	}
	.bg .content .input-item input {
	    font-size: 2rem;
	    width: 85%;
   }
   .bg .content .login-new {
    width: 100%;
    font-size: 2rem;
	}
	.bg .content .notice .notice-word {
    float: left;
    font-size: 1.1rem;
    width: 70%;
	}
	.bg .content .input-item .label {
    font-size: 14px;
    margin-top: 10px;
	}
	.bg .content .input-item>div {
    width: 75%;
  	}
	.bg .content .forget-pwd {
	  
	    margin:20px 2%;
	    font-size:12px;
	}
	.tip{font-size:12px;}
	.tip .help{font-size:12px;}
	.bg .motto {
   		padding:0 5%;
	}
	.bg .motto img{width:100%;height:auto; margin-top:10%;}
	.btnSkip,.nextbtn{text-indent:0px;}
	.findPwd-dlg,.findPwd-dlg .findPwd-main,.input-group{width:100%;padding:0;}
	.findPwd-dlg .findPwd-main .input-group .input{width:100%;border: 1px solid #ddd;}
	.findPwd-dlg .findPwd-main .input-group .input.btnSkip,.findPwd-dlg .findPwd-main .input-group .input.nextbtn{width:48%;float:left; text-indent: 0;}
	.findPwd-dlg .findPwd-main .input-group .input.imageYan,.findPwd-dlg .findPwd-main .input-group .input.note {width:55%;float:left;}
	.findPwd-dlg .findPwd-main .verifity .again-send{width:44%;float:left;margin-left:1%;}
	.verifyCodeImage1{border:1px sloid #ddd; text-align:center;}
	.findPwd-dlg .findPwd-main .input-group .Img{float: left;
    padding: 1% 4%;
    width: 45%;
    height: 53px;
    line-height: 48px;}
    .findPwd-dlg .findPwd-main .pwd-tip{margin:0;}
}

@media screen and (min-width: 350px) and (max-width: 450px){
	.bg .content{
	width:80%;
	margin-top:20%;
	}
}
@media screen and (min-width:600px){
.bg .motto {
	position: absolute;
	left: 50%;
	bottom: 3%;
	transform: translateX(-50%);
}
}



.findPwd-box .findPwd-main{width:80%;margin-left: 20%;}
.findPwd-box .findPwd-main .input-group input[type=text]{ width:55%; height:49px; line-height:49px;  text-indent: 55px;border:1px solid #ddd;float:left;border-radis:0px !important;}
.input-group{clear:both;overflow:hidden;}
.iphone1{border-radius: 5px;}
.numTip{color:red;font-size:12px;float:left;margin: 2% 0 0 3%;}
.findPwd-box .findPwd-main .verifity .fl {width: 55%;}
.findPwd-box .findPwd-main .input-group .Img{ float: left;height: 47px; border-radis: 0; width: 20%; line-height: 47px;text-align: center;}
.findPwd-box .findPwd-main .input-group .Img img{margin-top:7%;width: 100%;height:34px;}
.findPwd-box .findPwd-main .verifity .fl {width: 73%;}
.findPwd-box .findPwd-main .verifity .fl .again-send{ float: left;width: 21%;height: 50px;line-height: 50px;}
.findPwd-box .findPwd-main .input-group .input{border-radius: 5px; border: 1px solid #ddd;width: 55%;}
/*  */
@media screen and (min-width: 200px) and (max-width: 550px){
.login-bg , .bg1{width:100%; height:100%;overflow: hidden;}
.header-pwd,.pwd-nav{width:100%;height:auto;overflow:hidden;}
	.header-pwd .pwd-nav {width: 100%;overflow:hidden;height:auto;}
	.header-pwd .pwd-nav .header-nav{width:90%;padding: 2% 0px;}
	.header-pwd .pwd-nav  .back{width:10%;}
	.header-pwd .pwd-nav img{width:21%;height:auto;float:left;}
	.header-pwd .pwd-nav img.pwd-logo,.header-pwd .pwd-nav .pwd-xbsfdx,.header-pwd .pwd-nav .back{display: none;}
	.findPwd-box .findPwd-main{margin-left:0;width:96%;padding:0 3%;}
	#footer{display:none;}
	.pwd-bg {padding-top: 5%;}
	.findPwd-box {width: 100%; height: 100%;padding:0;}
	.findPwd-box .findPwd-title {font-size:16px;padding:5%;margin:0;}
	
	.input-group .input{margin:0;}
	.findPwd-box .findPwd-main .input-group input[type=text] {width:55%;font-size:12px;}
	.findPwd-box .findPwd-main .verifity .fl {width:100%;}
	.findPwd-box .findPwd-main .input-group .Img ,.findPwd-box .findPwd-main .verifity .fl .again-send{width:40%;margin-top: 3%;}
	.findPwd-box .findPwd-main .input-group input.iphone1{width:96%;}
	.findPwd-box .findPwd-main .input-group .input {margin-top:3%;}
	.findPwd-box .findPwd-main .pwd-tip{margin-top:0;font-size:12px;}
	.pwd-resert,.pwd-confirm{padding-left:18%;}
}