::-webkit-scrollbar {
	display: none;
}
html,
body {
	width: 100vw;
	min-height: 100vh !important;
}
#app {
	width: 100vw;
	min-height: 100vh;
	overflow: hidden;
	font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50;
}

.router-view-wrap {
  transition: opacity 0.3s, transform 0.3s;
  width: 100%;
}
.forward-enter,
.back-leave-active {
  position: absolute;
  opacity: 0.5;
  transform: translateX(100%);
}
.forward-leave-active,
.back-enter {
  position: absolute;
  opacity: 0.5;
  transform: translateX(-100%);
}