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

html, body {
	background-color: #F7F8FA;
	height: 100%;
}

a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
}

.box {
	min-height: 100%;
	position: relative;
}

.main {
	display: grid;
	grid-template-columns: 1fr;
	padding-bottom: 10vmax;
	text-align: center;
}

.main-item {
	-webkit-user-select: none;/*webkit浏览器*/
	-moz-user-select: none;/*火狐*/
	-ms-user-select: none;/*IE10*/
	user-select: none;
}

.appIcon {
    width: 15vmax;
    height: 15vmax;
	margin-top: 15vmax;
    border-radius: 4vmax;
}

.appName {
	margin-top: 10px;
	font-size: 3vmax;
	font-weight: bold;
}

.appTips {
	font-size: 2vmax;
}

.buttonBox {
	margin-top: 2rem;
}
.buttonBox button {
	margin: 6px 3px 6px 3px;
	transition: .15s;
	transform: scale(1);
}
.buttonBox button:active {
	transform: scale(0.93);
}

.userManualButton {
    background-color: #fff;
    color: #000;
    border: 0.7px;
    border-radius: 10px;
	border-color: #DADCE0;
	border-style: solid;
    padding: 10px;
    min-height: 30px; 
    min-width: 120px;
	font-size: 15px;
}

.downloadButton {
    background-color: #74A8FF;
    color: #fff;
    border: none; 
    border-radius: 10px; 
    padding: 10px;
    min-height: 30px;
    min-width: 120px;
	font-size: 15px;
}

.title {
	font-size: 3.5vmax;
	font-weight: bold;
	margin-top: 10vmax;
	margin-bottom: 2vmax;
}

.supportGameIcons {
	justify-content: center;
	display: grid;
	grid: repeat(3, 9vmax) / auto-flow 9vmax;
}
.supportGameIcons img {
	width: 8vmax;
	height: 8vmax;
	border-radius: 2vmax;
	place-self: center;
}

footer {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 0;
	padding-bottom: 3vmax;
	font-size: 12px;
	-webkit-user-select: none;/*webkit浏览器*/
	-moz-user-select: none;/*火狐*/
	-ms-user-select: none;/*IE10*/
	user-select: none;
}

footer .beian-box {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 6px;
}

footer .beian-box > a {
	color: #000;
	text-decoration: none;
}
footer .beian-box > a:hover {
	text-decoration: underline;
}
footer .beian-box > a:visited {
	color: #000;
	text-decoration: none;
}