html,
body {
	margin: 0;
	padding: 0;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* -webkit-user-select: none; */
	-webkit-tap-highlight-color: transparent;
	outline: none;
}

.warp{
	width: 7.5rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/bg.jpg);
	background-size:100% 52rem;
	position: relative;
}

.top{
	width: 7.5rem;
	height: 1.16rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/top-bg.png);
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 .15rem;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
}

.top-logo{
	width: 2.13rem;
	height: .93rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/top-logo.png);
	background-size: cover;
	display: block;
}

.top-btn{
	display: flex;
}

.btn-xzyx{
	width: 1.98rem;
	height: .56rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/btn-xzyx.png);
	background-size: 100% 100%;
	display: block;
}

.btn-jrgw{
	width: 1.37rem;
	height: .4rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/btn-jrgw.png);
	background-size: 100% 100%;
	display: block;
	margin-top: .1rem;
}

.logo{
	width: 2.13rem;
	height: .93rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/logo.png);
	background-size: cover;
	display: block;
	margin-left: .25rem;
	margin-top: .55rem;
}

.mk1{
	padding-top: 8.1rem;
}

.mk1-main{
	width: 7.44rem;
	height: 3.93rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/mk1-bg.png);
	background-size:100% 100%;
	display: block;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.tit{
	height: 1.42rem;
	display: block;
	margin: 0 auto;
}

.mk1-dj{
	/* width: 6.37rem; */
	height: 1.78rem;
	display: block;
	margin: 0 auto;
}

.btn-ljlq{
	width: 2.34rem;
	height: .66rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/btn-ljlq.png);
	background-size:100% 100%;
	display: block;
	margin: 0 auto;
	margin-top: .25rem;
}

.mk2{
	margin-top: .4rem;
}

.video-jnbtn{
	margin-top:5.35rem;
	padding: 0 .25rem;
}

.mk2-btn{
	display: flex;
	margin: .1rem 0;
}

.video{
	width: 3.91rem;
	height: 2.18rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/jn-bg.png);
	background-size:100% 100%;
	margin-right: .15rem;
}

.mk2-btn a{
	width: 1.26rem;
	height: 1.23rem;
	display: block;
	margin-right: .1rem;
	filter: brightness(0.5);
}

.mk2-btn #btn-jn1{
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/jn1.png);
	background-size: cover;
}

.mk2-btn #btn-jn2{
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/jn2.png);
	background-size: cover;
}

.mk2-btn #btn-jn3{
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/jn3.png);
	background-size: cover;
	
}

.mk2-btn #btn-jn1.active{
	filter: brightness(1);
}

.mk2-btn #btn-jn2.active{
	filter: brightness(1);
}

.mk2-btn #btn-jn3.active{
	filter: brightness(1);
}

.video{
	overflow: hidden;
}

.video1{
	width: 100%;
	height: 100%;
	align-items: center;
	display: none;
}

.video2{
	width: 100%;
	height: 100%;
	align-items: center;
	display: none;
}

.video3{
	width: 100%;
	height: 100%;
	align-items: center;
	display: none;
}

.video div.active{
	display: flex;
}

.video1 .btn-play{
	width: 3.91rem;
	height: 2.18rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/fm1.png);
	background-size: cover;
	display: block;
	margin: 0 auto;
}

.video2 .btn-play{
	width: 3.91rem;
	height: 2.18rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/fm2.png);
	background-size: cover;
	display: block;
	margin: 0 auto;
}

.video3 .btn-play{
	width: 3.91rem;
	height: 2.18rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/fm3.png);
	background-size: cover;
	display: block;
	margin: 0 auto;
}

.jn-ms-bg{
	width: 6.89rem;
	height: 1.76rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/jn-ms-bg.png);
	background-size:100% 100%;
	margin: 0 auto;
	position: relative;
	margin-top: .2rem;
}

.jnmc{
	height: .48rem;
	display: block;
	margin-bottom: .05rem;
	position: absolute;
	top: -.1rem;
	left: .35rem;
}

.jnms-main{
	width: 5.2rem;
	font-size: .23rem;
	color: #000000;
	height: 1rem;
	overflow: auto;
	font-weight: bold;
}

.jn-ms1,.jn-ms2,.jn-ms3{
	display: none;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.jn-ms1.active,.jn-ms2.active,.jn-ms3.active{
	display: flex;
}

#container{
	width: 6rem;
	height: 3.4rem;
}

.dia-close{
	font-size: 1rem;
	color: #FFFFFF;
	text-decoration: none;
	position: absolute;
    top: -1.1rem;
    right: -.15rem;
}

.mk3{
	margin-top: .55rem;
}

.banner{
	width: 7.15rem;
	height: 5.02rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/banner-bg.png);
	background-size: 100% 100%;
	margin: 0 auto;
	position: relative;
	padding-right: .15rem;
}

.bann{
	width: 6.2rem;
	height:5.02rem;
	margin: 0 auto;
}

.swiper-slide{
	padding-top: .3rem;
}

.swiper-slide img{
	width: 6.2rem;
	display: block;
	margin: 0 auto;
}

.swiper-pagination-bullet{
	width: .24rem !important;
	height: .09rem !important;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/feibiao.png) !important;
	background-size: cover !important;
	border-radius: 0 !important;
}

.swiper-pagination-bullet-active{
	width: .52rem !important;
	height: .09rem !important;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/feibiao1.png) !important;
	background-size: cover !important;
}

.swiper-pagination{
	bottom: -.1rem !important;
}

.mk4{
	margin-top: .45rem;
}

.mk4-dj{
	width: 7.16rem;
	height: 12.37rem;
	display: block;
	margin: 0 auto;
	/* margin-top: .25rem; */
}

.banner1{
	width: 7.02rem;
	height: 5.92rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/banner-bg1.png);
	background-size:cover ;
	margin: 0 auto;
	margin-top: .3rem;
	padding-top: .1rem;
	position: relative;
}

.bann1{
	width: 6.36rem;
	height: 4.7rem;
	margin: 0 auto;
}

.bann1 img{
	width: 100%;
	height: 100%;
}

.banner1 .swiper-pagination{
	width: 100%;
	margin-bottom: 0rem;
}

.banner1 .swiper-pagination .swiper-pagination-bullet{
	margin-right: .15rem;
}

footer{
	width: 7.5rem;
	height: 1.39rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/footer.png);
	background-size: cover;
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-return-top{
	width: 2.32rem;
	height: .49rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/btn-topreturn.png);
	background-size: 100% 100%;
	display: block;
}

.luban-head-qq-login{
	position: absolute;
	font-size: .24rem;
	text-align: center;
	width: 100%;
	font-weight: bold;
	top: 1rem;
	right: 0;
	color:#FFFFFF;
	text-align: end;
	/* max-width: 5.5rem; */
}

.luban-head-qq-login a{
	text-decoration: none;
	color:#FFFFFF;
}

.ewm{
	width: 5.89rem;
	height: 2.02rem;
	display: block;
	margin: 0 auto;
	margin-top: .75rem;
}

.swiper-button-next{
	width: .54rem !important;
	height: .82rem !important;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/next.png) !important;
	background-size: 100% 100% !important;
	top: 2rem !important;
	right: -.15rem !important;
}

.swiper-button-prev{
	width: .54rem !important;
	height: .82rem !important;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/prev.png) !important;
	background-size: 100% 100% !important;
	top: 2rem !important;
	left: -.15rem !important;
}

#test2{
	width: 100vw;
	height: 100vh;
	position: fixed !important;
	background: #FFFFFF;
	top: 0 !important;
	z-index: 9;
	font-size: .2rem;
	padding: .25rem;
}

.back{
	width: .4rem;
	height: .4rem;
	background: url(//game.gtimg.cn/images/hyrz/lbact/a20201217hyrzxyhly/btn-back.png);
	background-size:100% 100%;
	display: block;
	margin-right: .2rem;
}

.box{
	display: flex;
	align-items: center;
}

.qx{
	font-size: .5rem;
}

#test2 .dia-con{
	margin-top: .75rem;
	font-size: .3rem;
}

#test2 .dia-con p{
	font-size: .2rem;
	color: #afafaf;
}


.ckqx{
	font-size: .24rem;
	color: #FFFFFF;
	display: block;
	margin: .1rem 0;
	text-decoration: underline ;
	white-space: nowrap;
}

.logo1{
	width: .8rem;
}

.logo-ms{
	color: #FFFFFF;
	margin-top: .07rem;
}

.name{
	font-size: .24rem;
	font-weight: bold;
	margin-left: .1rem;
}

.ma-t1{
	margin-top: .05rem;
}

.ma-tf1{
	margin-top: -.05rem;
}

.logo-ms span{
	display: block;
	white-space: nowrap;
	transform: scale(.7);
	transform-origin: 0 0;
	font-weight: 400;
	font-size:.24rem;
	margin-left: .1rem;
}

.name span{
	transform-origin: 0 .3rem;
}

.gxsj{
	margin-left: -.3rem !important;
}

.mg-l{
	margin-left: -.6rem;
}

.mengceng{
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background: #000000;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.mengceng img{
	width: 647px;
	display: block;
}

.transf {
    transform: scale(.7);
}

.ma-t35{
	margin-top: .35rem;
}