body * {
	box-sizing: border-box;
	flex-shrink: 0;
}

body {
	width: 100vw;
	min-width: 1024px;
	margin: 0;
}
body {
	font-family: -apple-system, BlinkMacSystemFont, 'Alibaba PuHuiTi', 'PingFang SC', 'Microsoft YaHei', Roboto, Arial, sans-serif;
}
a {
	text-decoration: none;
}
a:-webkit-any-link {
  text-decoration: none;
  color: inherit;
}
input {
	background-color: transparent;
	border: 0;
}
button {
	margin: 0;
	padding: 0;
	border: 1px solid transparent;
	outline: none;
	background-color: transparent;
}

button:active {
	opacity: 0.6;
}
.text {
	font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
	text-align: left;
}
.flex-col {
	display: flex;
	flex-direction: column;
}
.flex-row {
	display: flex;
	flex-direction: row;
}
.justify-start {
	display: flex;
	justify-content: flex-start;
}
.justify-center {
	display: flex;
	justify-content: center;
}

.justify-end {
	display: flex;
	justify-content: flex-end;
}
.justify-evenly {
	display: flex;
	justify-content: space-evenly;
}
.justify-around {
	display: flex;
	justify-content: space-around;
}
.justify-between {
	display: flex;
	justify-content: space-between;
}
.align-start {
	display: flex;
	align-items: flex-start;
}
.align-center {
	display: flex;
	align-items: center;
}
.align-end {
	display: flex;
	align-items: flex-end;
}

#page-container {
	display: flex;
	align-items: center;
	justify-content: center;
}