body {
  margin: 0;
  padding: 0;
}

header {
  margin-top: 20px;
  height: 100px;
}

footer {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 60px;
  background-color: antiquewhite;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.fg {
  width: 400px;
  height: 2px;
  margin: 50px auto;
  background-color: #858dca;
  position: relative;
}

.fg .title {
  position: absolute;
  top: -28px;
  right: 75px;
  width: 250px;
  height: 56px;
  text-align: center;
  background-color: #fff;
  color: #000;
  font-weight: 700;
  font-size: 40px;
}

.page {
  margin: 0 auto;
  width: 1200px;
}

.b1 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: antiquewhite;
  border-radius: 20px;
}
.b2 {
  margin-top: 100px;
}
.item {
  display: flex;
}
.item:nth-child(even) {
  border-radius: 20px;
  background-color: antiquewhite;
}
.item > div {
  width: 50%;
}

.item1 img {
  width: 80%;
}

.item1, .item2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


/* iPhone X 和 iPhone XS */

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	header,.fg {display: none;}
	footer {height: 10rem;}
	.item1 > h1, .item2 > h1 {
		font-size: 4rem;
	}
	.item1 > div, .item2 > div,.footer {
		font-size: 2rem;
	}
}

/* iPhone XR */

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
	header,.fg {display: none;}
	footer {height: 10rem;}
	.item1 > h1, .item2 > h1 {
		font-size: 4rem;
	}
	.item1 > div, .item2 > div,.footer {
		font-size: 2rem;
	}
}

/* iPhone XS Max */

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
	header,.fg {display: none;}
	footer {height: 10rem;}
	.item1 > h1, .item2 > h1 {
		font-size: 4rem;
	}
	.item1 > div, .item2 > div,.footer {
		font-size: 2rem;
	}
}