html,body {
    width: 100%;
    height: 100%;
}
body,h1,h2,h3,p,ul{
    margin: 0;
    padding: 0;
}
ul,li{
	list-style: none;
}
div,p,li,input{
  box-sizing: border-box;
}
a {
  cursor: pointer;
	text-decoration: none;
	color: #000;
}
body{
	background-color: #eff0f5;
	font-size: 18px;
}
.container{
	max-width: 1366px;
	min-width: 1366px;
	margin: 0 auto;
	overflow: hidden;
}
.fl{
	float: left;
}
.fr{
	float: right;
}


.jy-intro{
  padding-top: 30px;
}
.intro-chart{
	position: relative;
	font-size: 18px;
	color: #fff;
}
.intro-step1-1{
	position: absolute;
	left:40px; 
	top:7px;
}
.intro-step1-2{
	position: absolute;
	left:40px; 
	top:160px;
}
.intro-step1-3{
	position: absolute;
	left:40px; 
	top:305px;
}
.intro-step2{
	position: absolute;
	left:230px; 
	top:180px;
}
.intro-step3{
	position: absolute;
	left:550px; 
	top:180px;
}
.intro-tit{
	margin-left: 250px;
	color: #fff;
	font-size: 48px;
}
.intro-content{
	position: absolute;
	border-radius: 10px;
	background-color: #fff;
	font-size: 14px;
	top: 330px;
	left: 335px;
	padding: 0 20px;
	width: 434px;
}
.intro-content p{
	line-height: 30px;
}
.intro-strong{
	position: absolute;
	top:5px;
	right: 10px;
}
.member-form {
  width: 370px;
	margin-left: 881px;
	padding-top: 30px;
	padding-left: 20px;
	margin-bottom: 16px;
}
.member-form input{
	width: 100%;
	outline: none;
	border:none;
	line-height: 54px;
	padding-left: 60px;
	border-radius: 10px;
	margin-bottom: 15px;
	font-size: 16px;
}.container{ position:relative}
.member-form input.user{
	background: #f5f5f5 url(./img/phone.png) no-repeat 20px 10px;
}.asa{ position:absolute; left:50%; margin-left:-40px; top:786px; width:120px; height:40px; display:inline-block}

.member-form input.pass{
	background: #f5f5f5 url(./img/pass.png) no-repeat 20px 10px;
}
.member-form input.captcha{
	width: 260px;
	background: #f5f5f5 url(./img/captcha.png) no-repeat 20px 10px;
	margin-right: 10px;
}
.member-form input.login-btn{
  background-image: linear-gradient(#99bdf9, #3372f2);
  background-color: #3372f2;
  font-size: 24px;
  color: #fff;
  padding-left: 0;
  border-radius: 25px;
  cursor: pointer;
}
.member-form input.apply-btn{
  font-size: 24px;
  color: #999;
  padding-left: 0;
  border: 1px solid #d5d5d5;
  border-radius: 25px;
  cursor: pointer;
}
.member-form .time{
	background-image: linear-gradient(#99bdf9, #3372f2);
	background-color: #3372f2;
	color: #fff;
	width: 93px;
	line-height: 54px;
	text-align: center;
	border-radius: 10px;
	display: inline-block;
}
.form-tit{
	color: #4064df;
	font-size: 30px;
	position: relative;
	padding-left: 80px;
	margin-bottom: 30px;
}
.form-tit:before{
	content: "";
	position: absolute;
	top:0;
	left: 0;
	width:67px;
	height: 36px;
	background: url(./img/truck.png);
}
.intros-step1{
	position: absolute;
	left:0; 
	top:135px;
	text-align: center;
}
.intros-step2{
	position: absolute;
	left:200px; 
	top:135px;
	text-align: center;
}
.intros-step3{
	position: absolute;
	left:414px; 
	top:135px;
	text-align: center;
}
.intros-step4{
	position: absolute;
	left:625px; 
	top:140px;
	text-align: center;
	font-size: 10px;
}
.plist-btn{
	position: absolute;
	left:685px; 
	top:195px;
	text-align: center;
	font-size: 14px;
	border-radius: 10px;
	padding: 5px;
	border: 1px solid #fff;
}
.intro-content2{
	position: absolute;
	left: 140px;
}
.form-tit2{
	color: #e5a701;
}
.form-tit2:before{
	width:48px;
	height: 43px;
	background: url(./img/tv.png);
}
.member-form2{
	padding-top: 40px;
	position: relative;
}
.member-form2:before{
  content: "";
  position: absolute;
  width: 1500%;
  height: 15px;
  background-color: #eaeaea;
  left: -1050px;
  top: -5px;
}
.member-form .time2{
	background-image: linear-gradient(#f5df66, #e6ab08);
	background-color: #e6ab08;
}
.member-form input.login-btn2{
	background-image: linear-gradient(#f5df66, #e6ab08);
	background-color: #e6ab08;
}

.bg{
  background: #fff url(./img/bg.png) no-repeat;
  background-size:881px 961px;
}
.bg1{
  display: none;
}
.bg2{
  display: none;
}
@media only screen and (max-width: 768px) {
	.asa{ position:absolute; left:80%; top:60%; width:100px; height:40px; display:inline-block}

	.container{
		max-width: 100%;
		min-width: 100%;
	}
	.bg-b{
	  background-image: linear-gradient(#99bdf9, #3372f2);
	  background-color: #3372f2;
	}
	.bg-y{
	  background-image: linear-gradient(#f5df66, #e6ab08);
	  background-color: #e6ab08;
	  position: relative;
	  margin-top: 380px;
	}
	.bg{
		background: #fff;
	}
	.form-tit{
		text-align: center;
		font-size: 18px;
		margin-bottom: 15px;
		padding-left: 0;
	}
	.form-tit:before{
		left: 70px;
		top: 5px;
		width: 35px;
    height: 18px;
    background-size: 100% 100%;
	}
	.member-form{
		margin-left: 0;
		padding-bottom: 20px;
		padding-top: 15px;
		padding-left: 0;
		width: 100%;
		margin-bottom: 0;
		font-size: 10px;
	}
	.member-form input.login-btn {
		font-size: 18px;
	}
	.member-form input.apply-btn {
		font-size: 18px;
	}
	.member-form .time{
		line-height: 36px;
	}
	.member-form input.user{
	  background-size: 10px 15px;
  }
  .member-form input.pass{
	  background-size: 10px 13px;
  }
	.member-form input.captcha {
    width: 187px;
    background-size: 12px 13px;
  }
	.member-form input{
	 width: 80%;
	 margin: 10px 10%;
	 line-height: 36px;
	 font-size: 10px;
	}
	.
	.member-form2{
		margin-left: 0;
		width: 100%;
    background-color: #fff;
	}
	.member-form2:before{
		content: "";
		background-color: #fff;
	}
	.form-tit2:before{
		width: 24px;
		height:21px;
		top:0;
	}
	.bg-y:before{
	content: "";
  position: absolute;
  width: 500%;
  height: 10px;
  background-color: #eaeaea;
  left: -50px;
  top: -10px;
}
	.bg1{
	display: block;
	margin: 0 auto;
	width: 100%;
}.bg2{
	display: block;
	width: 100%;
	margin: 0 auto;
}

}