* {
	margin: 0;
	padding: 0;
}
a {
	color: #fff;
	text-decoration: none
}
body {
	font: 14px/1.6 "Microsoft Yahei";
	color: #ffd195;
	overflow-x: hidden;
}
#container {
	max-width: 750px;
	margin: 0 auto;
	padding: 0 0 2.23rem;
	background: #0D0D0D url("../assets/bg01.f9d46d6d.2024115.jpg") no-repeat center top;
	background-size: 100% auto;
}
ul li {
	list-style: none
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
*+height:1%;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*+html .clearfix {
	zoom: 1;
} /* IE7 */
.fL {
	float: left !important;
}
.fR {
	float: right !important;
}
img {
	vertical-align: top;
	width: 100%;
}
.down {
	margin: 0.49rem auto 1.04rem;
	width: 8.88rem;
	position: relative;
}
.down a {
	width: 7.84rem;
	display: block;
	position: absolute;
	left: 0.5rem;
	bottom: 0.43rem;
}
.down a img {
	animation: mymove 1s infinite linear;
	-webkit-animation: mymove 1s infinite linear;
}
@keyframes mymove
{
from {transform: scale(1)}
50% {transform: scale(0.9)}
to {transform: scale(1)}
}

@-webkit-keyframes mymove
{
from {-webkit-transform: scale(1)}
50% {-webkit-transform: scale(0.9)}
to {-webkit-transform: scale(1)}
}
.down .iosBtn {
	display: none;
}

.btmDown {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 999;
}
.btmDown a {
	width: 1.64rem;
	position: absolute;
	top: 0.22rem;
	right: 0.29rem;
}
.top {
	padding: 0.3rem 0.38rem 8.07rem 0.39rem;
}
.top .logo {
	width: 2.64rem;
	float: left;
}
.top .jcBtn {
	margin-top: 0.08rem;
	width: 2.81rem;
	float: right;
}
.top img {
	display: block;
}

.h5Box {
	margin: 0 auto;
	padding: 0 0.42rem 0.13rem 0.35rem;
	width: 9.12rem;
	box-sizing: border-box;
	background: url("../assets/bg02.92670ad8.2024115.png") no-repeat center top;
	background-size: 100% auto;
}
.h5Box .ttl {
	margin: 0 auto -0.3rem;
	width: 4.12rem;
}
.h5Box .ttl img {
	transform: translateY(-0.62rem);
	-webkit-transform: translateY(-0.62rem);
}
.h5Box li {
	padding: 0 0 0.32rem 0.07rem;
	overflow: hidden;
	zoom: 1;
}
.h5Box li p {
	width: 5.97rem;
	float: left;
	overflow: hidden;
	zoom: 1;
	box-sizing: border-box;
	border: 1px solid #6A5C45;
	background: #000;
	border-radius: 0.15rem;
}
.h5Box li span {
	width: 1.49rem;
	display: block;
	float: left;
	color: #fff;
	font-size: 0.37rem;
	line-height: 0.79rem;
	text-align: center;
}
.h5Box li .ms {
	color: #000;
	background: #F3C57D;
}
.h5Box li .url {
	width: 4.4rem;
}
.h5Box li a {
	margin-top: 1px;
	width: 2.01rem;
	display: block;
	float: right;
}
.title {
	margin: 0 auto;
	width: 4.45rem;
}
.listUl {
	margin: 0.22rem auto 0.3rem;
	width: 9.57rem;
}
.listUl li {
	margin-bottom: 0.2rem;
}
.gameBox {
	margin: 0.26rem auto 0.45rem;
	padding: 0.4rem 0.43rem 0;
	width: 9.59rem;
	height: 5.49rem;
	position: relative;
	box-sizing: border-box;
	background: url("../assets/bg03.d49cd0aa.2024115.png") no-repeat;
	background-size: 100% 100%;
}
.gameBox .slick-dots {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -0.6rem;
	text-align: center;
}
.gameBox .slick-dots li {
	margin: 0 0 0 0.24rem;
	width: 0.27rem;
	height: 0.27rem;
	display: inline-block;
	border-radius: 50%;
	background: #686868;
}
.gameBox .slick-dots li.slick-active {
	background: #FFD800;
}
.gameBox .slick-dots li button {
	display: none;
}
.info {
	margin: 0.26rem auto 0.1rem;
	padding: 0.42rem 0.45rem;
	width: 9.4rem;
	height: 5.61rem;
	box-sizing: border-box;
	background: url("../assets/bg04.68a41612.2024115.png") no-repeat;
	background-size: 100% auto;
}
.info p {
	color: #ffecb5;
	font-size: 0.33rem;
	line-height: 1.75;
	text-align: justify;
	text-justify: inter-ideograph;
}

.copyright {
	color: #bfa865;
	font-size: 0.34rem;
	text-align: center;
}

.service {
	margin: -1.5rem -5rem 0 0;
	width: 1.72rem;
	position: fixed;
	right: 50%;
	top: 50%;
}

.iosBtn,.iosImg {
	display: none;
}

.cover {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	background: rgba(0,0,0,0.7);
}
.popBox {
	margin-left: -4.345rem;
	width: 8.69rem;
	position: fixed;
	left: 50%;
	top: 1.16rem;
	z-index: 1000;
}
.popBox .close {
	margin: 0.35rem auto 0;
	width: 1.11rem;
	display: block;
}

.jcBox {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #000;
}
.jcBtn {
	margin: 0 0;
}
@media all and (min-width: 767px) {
	#container {
		padding: 0 0 180px;
	}
	.service {
		margin-right: -375px;
	}
	.top {
		padding-bottom: 620px;
	}
	.btmDown {
		max-width: 750px;
		margin: 0 auto;	
		left: 50%;
		margin-left: -375px;
	}
	.btmDown a {
		width: 123px;
		right: 22px;
		top: 18px;
	}
	
	.jcBox {
		margin-left: -375px;
		width: 750px;
		left: 50%;
	}

}