.block {
  width: 100%;
  height: 640px;
  margin: 0 auto;
}
.block1 {
  background-color: white;
  display: flex;
  align-items: center;
}
.block2 {
  background: url(../img/bg2.png) no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
.block3 {
  background-color: white;
  display: flex;
  align-items: center;
}
#content img {
  width: 352px;
  height: 506px;
}
.makeFriends{
	margin-top: 96px;
}
.deOrder{
	margin-top: 16px;
}
.match_banner{
	width: 385px;
}
.block1 .matching{
	margin-top: 100px;
	text-align: right;
}
.block1 .matchingL{
	font-size: 80px;
	font-weight: bold;
	text-align: right;
}
.block1 .matchingR{
	font-size: 40px;
	margin-top: 60px;
}
.match_banner_par{
	text-align: center;
}
@media (max-width: 1220px){	
	#header .h1{
		font-size: 70px;
	}
}
@media (max-width: 768px){
	.navigatorBar{
		/* display: none; */
	}
	#header .content{
		margin: 40px auto auto auto;
	}
	#header .download{
		justify-content: center;
	}
	.posterL{
		margin: auto;
	}
	.posterR{
		display: none;
		text-align: center;
	}
	#header .poster{
		width: 318px;
	}
	#header .makeFriends{
		display: block;
		margin-top: 20px;
		font-size: 25px;
		text-align: center;
	}
	#header .deOrder{
		text-align: center;
		display: block;
		font-size: 28px;
	}
	#header .link{
		margin-left: 0;
		margin-top: 18px;
	}
	#header .brand{
		margin-left: 15px;
	}
	#header .link a{
		margin: 0 15px;
	}
	.match_banner{
		width: 318px;
	}
	.block{
		height: auto;
	}
	.block1 .matching{
		margin-top: 40px;
	}
	.block1 .matchingL{
		text-align: center;
		font-size: 22px;
		font-weight: bold;
	}
	.block1 .matchingR{
		text-align: center;
		font-size: 15px;
		margin-top: 30px;
	}
	.match_banner_par{
		margin-top: 45px;
	}
	
}