#app {
	width: 100%;
	min-height: 100vh
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

html,body {
	width: 100%;
	height: 100%;
	font-family: -apple-system,BlinkMacSystemFont,Microsoft YaHei,Roboto,Helvetica Neue,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent
}

ul,ol {
	list-style: none
}

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

img {
	display: block;
	max-width: 100%;
	height: auto
}

input,textarea,button {
	font-family: inherit;
	font-size: inherit;
	border: none;
	outline: none;
	background: none
}

button {
	cursor: pointer
}

html {
	font-size: .26rem
}

.flex {
	display: flex
}

.flex-center {
	display: flex;
	align-items: center;
	justify-content: center
}

.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.flex-column {
	display: flex;
	flex-direction: column
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.overflow-hidden {
	overflow: hidden
}