html,body{
	background:#000;
}
#hzWrap{
	width:100%;
	overflow: hidden;
	position:relative;
}
.chengg{
	height:1px;
}
.logo{
	display:block;
	width:1.21rem;
	position:absolute;
	left:.6rem;
	top:.2rem;
	z-index:1;
}
.hzMain{
	width:100%;
	height:5.84rem;
	position:relative;
	background:#1c1c1c;
	margin:0 auto 0;
}
.hzMain:after{
	display:block;
	content:'';
	width:100%;
	height:5.84rem;
	background:url(../images/zz.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:0;
	top:0;
}
.topPic{
	width:132.4rem;
	height:3.36rem;
	position:relative;
	white-space: nowrap;
	animation: footer_move 800s linear infinite;
	margin-top:-6%;
}
.topPic img{
	display:block;
	width:43.92rem;
	float:left;
}
.topPic img:nth-child(2),.topPic img:nth-child(3){
	margin-left:.32rem;
}
.bottomPic{
	width:132.4rem;
	height:3.36rem;
	position:relative;
	white-space: nowrap;
	animation: footer_move1 800s linear infinite;
	margin-top:.1rem;
	transform: translateX(-88.48rem);
}
.bottomPic img{
	display:block;
	width:43.92rem;
	float:left;
}
.bottomPic img:nth-child(2),.bottomPic img:nth-child(3){
	margin-left:.32rem;
}
.slogan{
	display:block;
	width:8.6rem;
	position:absolute;
	left:50%;
	margin-left:-4.3rem;
	top:1.76rem;
	z-index:1;
}
.btnList{
	width:8.6rem;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	position:absolute;
	left:50%;
	margin-left:-4.3rem;
	top:4.06rem;
	z-index:4;
}
.btnList a:nth-child(1){
	width:2.5rem;
	height:.64rem;
	border:0.01rem solid #fff;
	border-radius:.16rem;
}
.btnList a:nth-child(2){
	width:2.38rem;
	height:.64rem;
	border:0.01rem solid #fff;
	border-radius:.16rem;
}
.btnList a:nth-child(3){
	width:2.38rem;
	height:.64rem;
	border:0.01rem solid #fff;
	border-radius:.16rem;
}
.btnList a{
	display:flex;
	display:-webkit-flex;
	align-items:center;
	justify-content: center;
	position:relative;
}
.btnList a:hover{
	background:rgba(255,255,255,.1);
}
.btnList a i{
	display:none;
	width:1.68rem;
	height:1.8rem;
	background:url(../images/code.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:50%;
	margin-left:-.84rem;
	bottom:-1.9rem;
}
.btnList a:hover i{
	display:block;
}
.btnList a img{
	height:.24rem;
}
.hzTit{
	width:12rem;
	position:absolute;
	left:50%;
	margin-left:-6rem;
	bottom:0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	z-index:2;
	align-items:center;
}
.hzTit>div:nth-child(1){
	font-size:.29rem;
	color:#fff;
	font-family: 'PingFang SC';
}
.hzTit>div:nth-child(2){
	width:9.14rem;
	height:1px;
	background:rgba(255,255,255,.3);
}
.hzTit a{
	display:block;
	width:1.46rem;
}
.hzTit a img{
	display:block;
	width:100%;
}
.gameMain{
	width:100%;
	height:4.96rem;
	overflow: hidden;
	background:#1c1c1c;
	position:relative;
}
.gameList{
	display:flex;
	display:-webkit-flex;
	justify-content: center;
	margin-top:.97rem;
}
.gameList div{
	width:2.22rem;
	height:3.33rem;
	margin-right:.32rem;
	cursor: pointer;
	position:relative;
	overflow: hidden;
	border-radius: .12rem;
	transition:all .15s;
	-webkit-transition:all .15s;
}
.gameList div:nth-child(5){
	margin-right:0;
}
.gameList div:hover{
	width:2.72rem;
	height:4.28rem;
	margin-top:-.65rem;
	border-radius: 0;
}
.gameList div img{
	display:block;
	width:2.72rem;
	height:4.28rem;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.footer{
	width:100%;
	height:1.32rem;
	background:#000;
	position:relative;
	overflow: hidden;
}
.footer div:nth-child(1){
	margin-top:.42rem;
}
.footer div{
	font-size:.12rem;
	color:#898fa3;
	text-align: center;
	line-height:.24rem;
}
.footer div a{
	color:#898fa3;
	text-decoration: none;
}
@keyframes footer_move {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-88.48rem);
	}
}
@keyframes footer_move1 {
	0% {
		/* transform: translateX(0); */
	}

	100% {
		transform: translateX(0rem);
	}
}