* {
	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(../images/bg01.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(../images/bg02.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 #click_url_1,
.h5Box li #click_url_2,
.h5Box li #click_url_3 {
	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(../images/bg03.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(../images/bg04.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%;
	z-index: 999;
}

.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%;
	}
}
.swiper-pagination{
	left: 30%;
}
.swiper-pagination-bullet{
	width: 10px !important;
	height: 10px !important;
	background: #686868 !important;
	margin-left: 10px !important;
}
/* .swiper-pagination-bullet span{
	margin-left: 10px !important;
} */
.swiper-pagination-bullet-active{
	background: #FFD800 !important;
}