* {
	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;
	background: #0A0A0A url(../images/bg01.jpg) no-repeat center top;
	background-size: 100% auto;
}
.page {
	padding: 0 0 1.55rem;
}
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-left: -2.32rem;
	width: 4.65rem;
	position: absolute;
	left: 50%;
	top: 2.4rem;
}
.down a img {
	animation: mymove 1s infinite linear;
	-webkit-animation: mymove 1s infinite linear;
}
.btmDown a .btn {
	animation: mymove 1s infinite linear;
	-webkit-animation: mymove 1s infinite linear;
}
@keyframes mymove
{
from {transform: scale(1)}
50% {transform: scale(1.1)}
to {transform: scale(1)}
}

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

.btmDown {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 750px;
	z-index: 999;
}
.btmDown a {
	display: block;
}
.btmDown a .btn {
	width: 2.22rem;
	position: absolute;
	right: 0.18rem;
	top: 25%;
}
.top {
	padding: 0.28rem 0.31rem 0 0.34rem;
	top: 0;
	z-index: 999;
	box-sizing: border-box;
}
.top .logo {
	width: 2.5rem;
	display: block;
	float: left;
}
.top .service {
	margin-top: 0.06rem;
	width: 2.23rem;
	display: block;
	float: right;
}
#main {
	padding: 8.48rem 0 0;
}
#main .img {
	position: relative;
}
#main .img .img02 {
	margin-left: -3.18rem;
	width: 6.3rem;
	position: absolute;
	left: 50%;
	bottom: 0.22rem;
}
.h5Box {
	margin-bottom: 0.3rem;
	padding: 0.27rem 0 0.15rem;
	box-sizing: border-box;
}
.h5Box .ttl {
	margin: 0 auto 0.23rem;
	width: 6.9rem;
}
.h5Box ul {
	margin: 0 0.3rem 0 0.32rem;
}
.h5Box li {
	padding: 0 0 0.33rem;
	overflow: hidden;
	zoom: 1;
}
.h5Box li p {
	width: 4.74rem;
	box-sizing: border-box;
	float: left;
	overflow: hidden;
	zoom: 1;
	border: 1px solid #DC0F05;
	border-radius: 0.3rem;
}
.h5Box li span {
	width: 3.48rem;
	display: block;
	float: right;
	color: #fff;
	font-size: 0.28rem;
	line-height: 0.59rem;
	text-align: center;
	box-sizing: border-box;
}
.h5Box li .ms {
	width: 1.11rem;
	float: left;
	background: url(../images/bg02.jpg) repeat-x left top;
	background-size: auto 100%;
}
.h5Box li .url {
	padding-right: 0.3rem;
}
.h5Box li a {
	width: 1.97rem;
	display: block;
	float: right;
}
#main .linkUl {
	margin: 0 0.1rem 0.44rem 0.16rem;
}
#main .linkUl li {
	width: 20%;
	float: left;
}
#main .linkUl li a {
	display: block;
	font-size: 0.24rem;
	text-align: center;
}
#main .linkUl li a span {
	display: block;
	color: #fdee88;
}
#main .linkUl li img {
	margin: 0 auto 0.07rem;
	width: 1.09rem;
	display: block;
}
.gameBox {
	margin-bottom: 0.48rem;
	position: relative;
}
.gameBox .ttl {
	margin: 0 auto 0.34rem;
	width: 4.03rem;
}
.photo img {
	display: block;
}
.eventBox {
}
.eventBox .ttl {
	margin: 0 auto 0.28rem;
	width: 4.03rem;
}
.eventBox .sliderBox {
	margin: 0 auto;
	width: 6.26rem;
}
.eventBox .sliderBox .slick-dots {
	margin-top: 0.07rem;
	text-align: center;
}
.eventBox .sliderBox .slick-dots li {
	margin: 0 0.04rem;
	width: 0.2rem;
	height: 0.2rem;
	display: inline-block;
	border-radius: 50%;
	background: #878787;
}
.eventBox .sliderBox .slick-dots li.slick-active {
	background: #FFCA5D;
}
.eventBox .sliderBox .slick-dots li button {
	display: none;
}
.wxBox {
	display: none;
	background-color: #F5F5F5;
}
.fh_jt{width: 100%;}
  .fh_jt img{width:100%;}
  .fh_wz{height:6.9rem;line-height:1rem;font-size: 0.7rem;text-align:center;color:#333}
  .fh_tp{width:86%;margin:0 auto}
  .fh_tp img{width:100%;text-align:center}


#container .page #main .list1 {
	width: 100%;
	padding: .4rem .2rem;
	box-sizing: border-box;
	margin-top: 0;
}

#container .page #main .list1 .tit {
	font-size: .35rem;
	box-sizing: border-box;
	color: #fff;
	position: relative;
	padding-left: .26rem;
	line-height: .72rem;
	width: 100%;
	overflow: hidden;
	border-bottom: .02rem solid #574d4b;
}

#container .page #main .list1 .tit span {
	float: right;
	font-size: .26rem;
	color: #ffff00;
}

#container .page #main  .list1 .tit img {
	display: block;
	width: 100%;
	height: auto;
}

#container .page #main  .list1 ul li {
	width: 100%;
	height: .6rem;
	overflow: hidden;
	margin-top: 0.25rem;
}

#container .page #main  .list1 ul li span {
	float: left;
	width: 1.3rem;
	height: .6rem;
	text-align: center;
	line-height: .6rem;
	display: block;
	font-size: .26rem;
	color: #fff;
	background: #e67824;
	border-radius: .1rem 0 0 .1rem;
}

#container .page #main  .list1 ul li input {
	border: none;
	float: left;
	display: block;
	background: #fff;
	text-align: center;
	font-size: .26rem;
	color: #ac2914;
	font-weight: bold;
	border-radius: 0 .1rem .1rem 0;
	width: 3.8rem;
	height: .6rem;
	outline: none;
}

#container .page #main  .list1 ul li a {
	float: right;
	display: block;
	background: url(../images/icon_17.png);
	width: 1.75rem;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	background-size: 100% 100%;
	color: #fff;
	border-radius: .1rem;
	font-size: .26rem;
	border: none;
	outline: none;
}

#container .page #main .list1 .tit:before {
	content: '';
	position: absolute;
	left: 0;
	top: .24rem;
	width: .11rem;
	height: .24rem;
	background: #ffff00;
}
        

.msmt {
    top: 0;
    position: fixed;
    display: flex;
    z-index: 999;
    height: 100%;
    background-color: #121111e3;
}


.msmt1 {
    position: relative;
    top: 15%;
}
.game {
    width: 100%;
    padding-top: .2rem;
    float: left
}

.game .title {
    width: 100%;
    text-align: center
}

.game .title img {
    width: 6.94rem
}

.game .conts {
   /*width: 100%;*/
    padding: 0 .5rem
}

.game .conts .list {
    width: 100%;
    padding: .32rem 0;
    padding-bottom: .5rem;
}

.game .conts .list ul {
    width: 100%
}

.game .conts .list ul li {
    width: 100%
}

.game .conts .list ul li img {
    width: 100%
}

.game .conts .list .swiper-pagination {
    bottom: 0!important
}

.game .conts .list .swiper-pagination .swiper-pagination-bullet {
    width: .14rem;
    margin: 0 .09rem;
    height: .14rem;
    opacity: .3;
    background-color: #f64a36
}

.game .conts .list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #f64a36;
    opacity: 1
}
img.clo {
    width: 3rem;
    margin-left: 44.4%;
}


}










