html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #2d2d2d;
}

* {
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
}

#loading {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #2d2d2d;
	display: flex;
	justify-content: center;
	align-items: center;
}

.loadCircle {
	border: 5px solid rgba(255, 215, 0, 0.3);
	border-top: 5px solid #ff9933;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: loadCircle-rotate 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.appHidden {
	visibility: hidden !important;
}

.appShow {
	visibility: visible !important;
}

.loadHidden {
	display: none !important;
}

@keyframes loadCircle-rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#appWrap {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background: #2d2d2d;
}

.page-inner {
	width: 100%;
	max-width: 430px;
	flex-shrink: 0;
}

#jumpImg {
	display: block;
	width: 100%;
	height: auto;
	cursor: pointer;
	user-select: none;
	-webkit-user-drag: none;
}