html {
  font-size: 100px;
}

body {
	padding: 0;
	margin: 0;
  font-family: Helvetica, Arial, sans-serif, '华文细黑', '微软雅黑', '宋体';
  font-size: .14rem;
  background-color: white;
}

button {
	border: none;
	outline: none;
	background-color: transparent;
}

button, input {
	border: none;
	outline: none;
}

ul, ol, li {
	list-style-type: none;
}

ul, ol, li, button {
	padding: 0;
	margin: 0;
}

p, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	color: white;
}

/* rem 屏幕适配 */
@media screen and (min-width: 320px) and (max-width: 375px) {
  html {
    font-size: 85.33px;
  }
}
@media screen and (min-width: 375px) and (max-width: 414px) {
  html {
    font-size: 100px;
  }
}
@media screen and (min-width: 414px) and (max-width: 500px) {
  html {
    font-size: 110.4px;
  }
}
@media screen and (min-width: 500px) {
	html {
    font-size: 110.4px;
		background-color: #f6f7f8;
  }
	body {
		margin: 0 auto;
		width: 4.14rem;
		background-color: white;
	}
}

/* flex 布局 */
.flex {
	display: flex;
}
.flex-row {
	flex-direction: row;
}
.flex-column {
	flex-direction: column;
}
.justify-center {
	justify-content: center;
}
.justify-around {
	justify-content: space-around;
}
.justify-evenly {
	justify-content: space-evenly;
}
.justify-between {
	justify-content: space-between;
}
.items-start{
	align-items: flex-start;
}
.items-end{
	align-items: flex-end;
}
.items-center {
	align-items: center;
}
.flex-wrap {
	/* 换行 子元素的 flex-grow / flex-shrink 需要为 0 */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}