@charset "utf-8";
/*网页的全局样式 解决兼容问题*/
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,tr,td,form,input,select,textarea,span,img,a,em,strong,*{ margin:0; padding:0;font-weight:normal; box-sizing: border-box;}
article,section,aside,nav,header,footer,address,header,hgroup,blockquote,figure,figcaption{ display:block;}
body{font-size:12px; position: relative; background: #efefef;}/*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
ul,ol,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:12px; }
input,select,textarea{ vertical-align:middle;}
img{ border:none; vertical-align:middle;width: 100%;}
a{ text-decoration:none;cursor: pointer; }
a img { border: none; }
a span, form label { cursor: pointer; }
table { border-collapse: collapse; }
blockquote, q { quotes: "" ""; }
img, object, button, input, select { vertical-align: middle; }
input,select { outline: none; }
em, s, i { font-style: normal; text-decoration:none;}
body{-webkit-tap-highlight-color:transparent;}

.wrap { max-width: 750px;margin:0 auto;position: relative;}
.logo { position: absolute;top:.6rem;left: .18rem;width: 1.5rem;}
.slogan { width: 7.1rem;position: absolute;top:9.5rem;left:50%;transform: translateX(-50%);}
.num { width: 100%;position: absolute;top:3.3rem;left:0;font-size: 0;text-align: center;}
.numl { width: 0.52rem;height:0.28rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/num1.png) no-repeat 0 0/100%;display: inline-block;vertical-align: middle;}
.numr { width: 1.63rem;height:0.28rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/num2.png) no-repeat 0 0/100%;display: inline-block;vertical-align: middle;}
.num span { font-size: 0.32rem;color:#ffefc4;margin:0 0.2rem;display: inline-block;vertical-align: middle;}

.box,.box2 { width: 3.1rem;height:2.3rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/box.gif) no-repeat 0 0/100%;position: absolute;top:8.1rem;left:2rem;}
.box2 { display: block;background: none;z-index: 3;}
.hand { width: 1.08rem;height:1.14rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/hand.png) no-repeat 0 0/100%;position: absolute;top:9.35rem;left:4.08rem;cursor: pointer;z-index: 2;}
.box2:hover+.box { display: block;}

@-webkit-keyframes shakeX {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

  10%,20%,30%,100% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	5%,15%,25%  {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}
}

@keyframes shakeX {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10%,20%,30%,100% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}
  5%,15%,25% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}

}

.animate__shakeX {
	-webkit-animation:shakeX 2s linear infinite;animation:shakeX 2s linear infinite;
}

.videobox { width: 6.57rem;margin:0.4rem auto;}
.videobox video { border-radius: 20px;}
.part { position: relative;}
.pf { width: 4.59rem;height:1.13rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/pf.png) no-repeat 0 0/100%;position: absolute;left:50%;transform: translateX(-50%);bottom:0.35rem;}

.mc_box {background-color: rgba(0, 0, 0, .65);position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 9;display: none;}
.popbox,.qqpop { width:6.56rem;min-height:3.74rem;position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 1000;display: none;}
.close,.btnclose { width: 0.47rem;height:0.47rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/close.png) no-repeat 0 0/100%;position: absolute;left:50%;transform: translateX(-50%);bottom:-0.57rem;}
.yuyuetab { font-size: 0;text-align: center;padding-top: 0.32rem;height:1rem;box-sizing: border-box;}
.yuyuetab li { display: inline-block;width:2.1rem;cursor: pointer;height:0.33rem;}
.yuyuetab li:nth-child(1) { background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/ios.png) no-repeat 0 0/auto 100%;margin-right: 0.25rem;}
.yuyuetab li:nth-child(2) { background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/android.png) no-repeat 0 0/auto 100%;}
.yuyuetab li:nth-child(1).active { background-image: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/ios_on.png); }
.yuyuetab li:nth-child(2).active { background-image: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/android_on.png); }
.yuyueform { margin-top: 0.34rem;text-align: center;height: 3.63rem;display: flex;-webkit-flex-direction: column;flex-direction: column;justify-content: center;}
.yuyueform p input { width: 4.63rem;height:0.88rem;background-color: #fff;border:1px solid #000;font-size:0.3rem;text-align: center;border-radius: 10px;}
.iosewm { width: 1.5rem;margin: .15rem auto 0;position: relative;}
.iosewm img { width: 100%;}
.yuyuediv { height: 5.24rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/popbg.png) no-repeat 0 0/100%;}
.btn { margin-top: 0.3rem;}
.btn a { width:3.11rem;height:0.8rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/btn.png) no-repeat 0 0/100%;display: block;margin:0 auto;}
.success { width: 100%;height:3.74rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/success.png) no-repeat 0 0/100%;display: none;}
.error { width: 100%;height:3.74rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/error.png) no-repeat 0 0/100%;display: none;}
.errorbtn { width: 2.70rem;position: absolute;top:75%;left:50%;transform: translateX(-50%);}
.repeat { width: 100%;height:3.74rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/repeat.png) no-repeat 0 0/100%;display: none;}

/***********************************关于我们***********************************/
.main-copyright-container{
	text-align: left;
	background: #282828;
	color: #fff;
	padding: 15px 10px;
	font-size: 12px;
	line-height: 20px;
	}
	.main-copyright-container p span{
	float: left;
	}
	.main-copyright-container p a{
	background: url(//cdn-content.longtugame.cn/image/longtugame/m/v1/icon_footer_wen.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	width: 18px;
	height: 18px;
	}
	
	/***********************************关于我们、联系方式、隐私政策*****************/
	.nav_vice_wrap {
	width: 100%;
	padding: 14px;
	box-sizing: border-box;
	background: #878787;
	/*margin-top: 20px;*/
	}
	
	.nav_vice_wrap > ul {
	text-align: center;
	}
	
	.nav_vice_wrap > ul > li {
	display: inline-block;
	margin-left: -3px;
	padding: 0 7px;
	position: relative;
	line-height: 1.4;
	}
	
	.nav_vice_wrap > ul > li::after {
	pointer-events: none;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	content: "\0020";
	border-color: #fff;
	border-style: solid;
	border-width: 0 1px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	}
	
	@media screen and (orientation: portrait) {
	.nav_vice_wrap > ul > li::after {
	  width: 100%;
	  height: 100%;
	}
	}
	
	@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
	.nav_vice_wrap > ul > li::after {
	  width: 200%;
	  height: 200%;
	  -webkit-transform: scale(0.5);
	  transform: scale(0.5);
	}
	}
	
	@media (min--moz-device-pixel-ratio: 2.5), (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5), (min-resolution: 240dpi), (min-resolution: 2.5dppx) {
	.nav_vice_wrap > ul > li::after {
	  width: 300%;
	  height: 300%;
	  -webkit-transform: scale(0.3333);
	  transform: scale(0.3333);
	}
	}
	
	.nav_vice_wrap > ul > li:last-child::after {
	border: 0;
	}
	
	.nav_vice_wrap > ul > li a {
	color: #fff;
	display: block;
	width: 100%;
	font-size: 12px;
	}
	
	
	.website_kv { display:none;}

.videopop { width: 100%;max-width: 750px;position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 1000;border: 5px solid #000;display: none;}

#role { width: 6.55rem;margin-bottom: 1rem;padding-bottom: 2rem; }
#role>.swiper-pagination-bullets { bottom:0;display: -webkit-box;display: -webkit-flex;display: flex;
-webkit-justify-content: space-between;justify-content:space-between;}
#role>.swiper-pagination-bullets .swiper-pagination-bullet { width:1.26rem;height:1.71rem;margin:0;opacity: 1;border-radius: 0;outline: none;}
#role>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(1){background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/role02.png) no-repeat 0 0/100%;}
#role>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2){background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/role01.png) no-repeat 0 0/100%;}
#role>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3){background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/role01.png) no-repeat 0 0/100%;}
#role>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4){background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/role04.png) no-repeat 0 0/100%;}
#role>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(5){background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/role05.png) no-repeat 0 0/100%;}
#role>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active{background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/role02_on.png) no-repeat 0 0/100%;}
#role>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active{background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/role03_on.png) no-repeat 0 0/100%;}
#role>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active{background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/role01_on.png) no-repeat 0 0/100%;}
#role>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active{background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/role04_on.png) no-repeat 0 0/100%;}
#role>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active{background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/role05_on.png) no-repeat 0 0/100%;}

.yybox { width: 4.45rem;position: absolute;top:0.28rem;right:0.25rem;}
.yybox .yuyuetab { padding-top: 0;height:0.3rem;padding-left: 0.3rem;}
.yybox .yuyuetab li { width: 1.89rem;height:0.3rem;}
.yybox .yuyuetab li:nth-child(1) { background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/ios1.png) no-repeat 0 0/auto 100%;margin-right:0;}
.yybox .yuyuetab li:nth-child(2) { background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/android1.png) no-repeat 0 0/auto 100%;}
.yybox .yuyuetab li:nth-child(1).active { background-image: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/ios1_on.png); }
.yybox .yuyuetab li:nth-child(2).active { background-image: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/android1_on.png); }
.yybox .yuyueform { margin-top: 0.22rem;}
.yybox .yuyueform p input { width: 4.45rem;height:0.68rem;text-align: left;padding-left: 0.3rem;}
.yybox .btn { margin-top: 0.18rem;}
.yybox .btn a { width:2.45rem;height:0.64rem;}

.div16 { width: 1.19rem;position: absolute;top:4.53rem;right:0.2rem;}

.lbbox { width: 5.06rem;position: absolute;top:10.4rem;left: 50%;transform: translateX(-50%);}

.lcbox { height: 6.2rem;padding-top:.4rem;}
.lcbox .main { width: 6.57rem;margin: 0 auto;height: 5.38rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/lcb.png) no-repeat 0 0/100%;position: relative;}
.lc { height: .1rem;position: absolute;top:1.98rem;left: 0.04rem;width: 6.48rem;}
.lc div { height: .1rem;background: #f2c834;border-radius: .1rem;position: relative;}
.lc div em { width:1.22rem;height:.88rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/man02.png) no-repeat 0 0/100%;position: absolute;right:-.19rem;top:-1.49rem;}
.small_box { width: 1.12rem;height: .81rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/box03.png) no-repeat 0 0/100%;position: absolute;bottom:3.27rem;right:-.07rem;}
.lcnum { position: absolute;top:.75rem;left: 50%;transform: translateX(-50%);padding-left: 1.05rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/num3.png) no-repeat 0 50%/auto .26rem;}
.lcnum p { padding-right: 1.78rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/num4.png) no-repeat 100% 50%/auto .26rem;font-size: .26rem;color: #1b54c5;}

.qqbox { height: 5.98rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/qqbox.jpg) no-repeat 0 0/100%;position: relative;margin-top: 1.4rem;}
.qqbtn { width: 1.25rem;height: 1.5rem;position: absolute;top:.77rem;right: .47rem;}

.yxts { padding: 0 0 1rem;background: #fff;position: relative;}
.yxts .title { height: .65rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/title.png) no-repeat 50% 0/auto 100%;}
.picbox { margin: .22rem auto 0;width: 6.56rem;}
#features { padding-bottom: .2rem;}
#features .swiper-slide{ padding: .04rem;background: #d9981a;border-radius: .1rem;}
#features .swiper-slide img { border: .02rem solid #fff;}
#features.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0;}
#features .swiper-pagination-bullet { width: .12rem;height: .12rem;opacity: 1;background: #f2c834;border: 1px solid #d9981a;}
#features .swiper-pagination-bullet-active { width: .97rem;border-radius: .12rem;}

.qqpop { height: 6rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/qqpop.png) no-repeat 0 0/100%;}
.qqcon { padding-top: 1.33rem;height:100%;position: relative;}
.qqlist li { margin-bottom: .12rem;text-align: center;font-size: 0;}
.qqlist li p,.copy { font-size: .26rem;line-height: .62rem;border: 1px solid #000;border-radius: .15rem;padding: 0 .3rem;display: inline-block;}
.copy { background: #efb91e;margin-left: .1rem;}
.qqtxt { text-align: center;font-size: .3rem;width: 100%;position: absolute;left: 0;bottom:.35rem;}

.part .title { height: .64rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/title02.png) no-repeat 50% 0/auto 100%;margin-bottom: .2rem;}

.success-ios { height: 4.49rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/success-ios.png) no-repeat 0 0/100%;display: none;}
.appstore { width: 1.7rem;height: .5rem;position: absolute;left: 2.44rem;bottom:.34rem;}

.yybtn { width: 2.61rem;height: .87rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/yybtn.png) no-repeat 0 0/100%;position: absolute;top:9.46rem;left:2.38rem;-webkit-animation:pulse 1.2s linear infinite;animation:pulse 1.2s linear infinite;}
.lb-box { width: 6.9rem;position: absolute;bottom: 0;left:.3rem;}
.top{position: relative;}

.topwarp { height: 1.4rem;background: #000;max-width: 750px;width: 100%;position: fixed;top:0;left: 50%;transform: translateX(-50%);padding: 0 .2rem;z-index: 999;}
.icon { width: 1.04rem;float: left;margin-top: .17rem;}
.gametxt { color: #fff;font-size: .24rem;line-height: 1;margin: .37rem 0 0 .1rem;float: left;}
.gametxt h2 { font-size: .33rem;margin-bottom: .1rem;}
.topwarp .enter { width: 2.08rem;height: .78rem;position: static;float: right;transform: none;margin-top: .3rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/enter.png) no-repeat 0 0/100%;}

@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}

.download { width: 4.19rem;height: .72rem;background: url(//content-cdn.longtugame.com/image/mt/m/ob_lp/download.png) no-repeat 0 0/100%;position: absolute;bottom:.2rem;left:50%;transform: translateX(-50%);}
.download a { width: 2rem;height: .72rem;float: left;}
.download a:last-child{float: right;}