* {padding: 0; margin: 0; box-sizing: border-box;touch-action: pan-y;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
*::-webkit-scrollbar {width: 0!important;}
body {font-family: Regular, Microsoft YaHei, Helvetica, sans-serif;background: #fff;}
table,td {border-spacing: 0;}
a {text-decoration: none;}
img {width: 100%; float: left;}
.partOne {
	width: 100%;
	float: left;
	position: relative;
	> .logo {
		width: 4.32rem;
		position: absolute;
		top:0;
		left: 50%;
		transform: translateX(-50%);
	}
}
.partTwo {
	width:100%;
	float: left;
	position: relative;
	>.sonList {
		width: 100%;
		padding:0 0.2rem;
		margin-top:0.24rem;
		position: absolute;
		top:0;
		left:0;
		display: flex;
		justify-content: space-between;
		>.sonItem {
			width: 1.12rem;
			> span {
				width: 100%;
				font-size:0.24rem;
				text-align: center;
				line-height: 1em;
				color: #98acd0;
				float: left;
				margin-top: 0.14rem;
			}
		}
	}
}
.partThree {
	width: 100%;
	float:left;
	background: #0e131b;
	padding:0 0.24rem;
}
.download {
	width: 100%;
	float:left;
	margin-top:0.24rem;
	position: relative;
	>.sonButton {
		width: 100%;
		padding:0 0.4rem;
		position: absolute;
		left: 0;
		bottom: 0.28rem;
		display: flex;
		justify-content: space-between;
		> .button {
			width: 2.92rem;
			float: left;
		}
	}
}
.nav {
	width: 100%;
	padding: 0.2rem 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	> .sonItem {
		> img {
			width: 0.4rem;
		}
		> span {
			float: left;
			margin-left: 0.12rem;
			font-size: 0.24rem;
			line-height: 0.4rem;
			color: #98acd0;
		}
	}
}
.line {
	width: 100%;
	float: left;
	background: #2c3545;
	padding:0.34rem 0.2rem;
	border-radius: 0.2rem;
	>.sonList {
		width: 100%;
		float:left;
		margin-top:0.2rem;
		>.sonItem {
			width: 100%;
			float: left;
			margin-top:0.2rem;
			padding: 0.12rem 0.14rem;
			background: #1e2531;
			border-radius: 0.2rem;
			display: flex;
			justify-content: space-between;
			align-items: center;
			>.sonLeft {
				>img {
					width: 0.4rem;
				}
				> span {
					float:left;
					margin-left: 0.12rem;
					font-size:0.3rem;
					line-height:0.4rem;
					color:#fff;
					& + span {
						margin-left: 0.2rem;
					}
				}
			}
			>.sonRight {
				display: flex;
				justify-content: space-between;
				align-items: center;
				> span {
					float:left;
					font-size: 0.3rem;
					line-height: 1em;
					color: #00ff0c;
					& + span {
						color: #fff;
						margin-left: 0.2rem;
						padding:0.12rem 0.18rem;
						background: #3f84ee;
						border-radius: 0.26rem;
					}
				}
				
			}
		}
	}
}
.tips {
	width: 100%;
	float:left;
	padding: 0.18rem 0.84rem;
	display: flex;
	justify-content: center;
	align-items: center;
	> img {
		width: 0.28rem;
	}
	> span {
		float:left;
		margin-left:0.12rem;
		font-size:0.24rem;
		line-height: 1em;
		color:#98acd0;
	}
}
.banner {
	width: 100%;
	float:left;
	background: #2c3545;
	border-radius: 0.2rem;
	padding-bottom:0.4rem;
	>.sonTop {
		width: 100%;
		float: left;
		padding: 0 0.2rem;
		margin-top:0.3rem;
	}
	.swiper {
		width: calc(100% - 0.5rem);
		float: left;
		margin-top: 0.14rem;
		margin-left:0.24rem;
	}
}
.game {
	width: 100%;
	float: left;
	margin-top:0.2rem;
	background:#2c3545;
	border-radius:0.2rem;
	padding: 0.3rem 0.2rem;
	>.sonList {
		width: 100%;
		float: left;
		margin-top: 0.14rem;
		>.sonItem {
			width: 100%;
			float: left;
			margin-top: 0.24rem;
			display: flex;
			justify-content: space-between;
			>.sonGame {
				width: 1.56rem;
				float: left;
				> span {
					width: 100%;
					float: left;
					margin-top: 0.1rem;
					font-size: 0.24rem;
					line-height: 1em;
					color: #98acd0;
					text-align: center;
				}
			}
		}
	}
}
.bottomLine {
	width: 100%;
	height: 2rem;
	float: left;
}
.bottom {
	width: 100%;
	max-width: 750px;
	background: #1a1d28;
	position: fixed;
	left:50%;
	transform: translateX(-50%);
	bottom: 0;
	padding: 0.2rem;
	z-index: 999;
	>.sonContent {
		width: 100%;
		float: left;
		position: relative;
		> .sonLeft {
			width: 1.4rem;
			float: left;
		}
		> .sonRight {
			width: 4.4rem;
			float: left;
			margin-left: 0.3rem;
		}
		>.button {
			width: 2rem;
			position: absolute;
			top: 0.1rem;
			right: 0;
		}
	}
}
.content {
	width: 100%;
	float: left;
	max-width: 750px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.button {
	cursor: pointer;
	animation: pulse 1s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}