@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;box-sizing: border-box;}
ul,ol,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:12px; }
img{ border:none; vertical-align:middle;width: 100%;}
a{text-decoration:none;cursor: pointer;}
img, object, button, input, select {vertical-align: middle; }
input,select {outline: none; }
.clear{zoom:1;}
.clear:after{ content:""; display:block; clear:both;}
body{ font-size:12px;background: #efefef;}

.wrap { max-width: 750px;margin: 0 auto;width: 100%;}
.top { height: 12.55rem;background: url(/skin/default/images/top.jpg) no-repeat 0 0/100%;position: relative;}
.subtop { height: 627px;background: url(/skin/default/images/subtop.jpg) no-repeat 0 0/100%;position: relative;}
.logo { position: absolute;top:.6rem;left: .18rem;width:1.5rem;}
.txt { position: absolute;top:9.5rem;left: 50%;transform: translateX(-50%);width:6.77rem;}
.yybtn { width: 2.61rem;height: .87rem;background: url(/skin/default/images/yybtn.png) no-repeat 0 0/100%;position: absolute;top:7.17rem;left: 50%;margin-left:-1.3rem;}
.yypic { width: 6.9rem;position: absolute;bottom:0;left: 50%;transform: translateX(-50%);}
.top .yybtn { -webkit-animation:pulse 1.2s linear infinite;animation:pulse 1.2s linear infinite;}

.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 a { width: 2.08rem;height: .78rem;position: static;float: right;transform: none;margin-top: .3rem;background: url(/skin/default/images/yybtn.png) no-repeat 0 0/100%;}

.content { padding: .3rem .29rem 0;}
.part { margin-bottom: .55rem;}

.title01 { height: .73rem;background: url(/skin/default/images/title01.png) no-repeat 50% 0/auto 100%;}
.focus { margin-top: .25rem;background: #fff;border: .02rem solid #683815;border-radius: 15px;padding:.05rem;width: 100%;}
.swiper-container { width: 100%;}
#focus { border-radius: 15px;}
.focus-pag { text-align: left;padding-left: .14rem;font-size: 0;}
#focus>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 .05rem;}
.focus-pag .swiper-pagination-bullet { width: .15rem;height: .15rem;opacity: 1;background: #fff;border-radius: .15rem;border: 1px solid #000;}
.focus-pag .swiper-pagination-bullet-active { width: .49rem;height: .15rem;background: #fbd334;}
.news {margin-top: .22rem;background: #fff;border: .02rem solid #683815;border-radius: 15px;padding: .05rem .05rem .17rem;}
.newstab { height: .8rem;background: #9c3e1d;border-top-left-radius: 15px;border-top-right-radius: 15px;padding: .14rem 0 0 .2rem;box-sizing: border-box;position: relative;}
.newstab li { height: 100%;width: 25%;margin-right: .34rem;float: left;text-align: center;line-height: .48rem;font-size: .28rem;font-weight: 700;cursor: pointer;}
.newstab li.active { background: url(/skin/default/images/tabbg.png) no-repeat 0 0/100%;}
.newstab li a { color: #000;}
.newsmore { font-size: .36rem;font-weight: 700;position: absolute;right:.19rem;top:0;line-height: .8rem;color: #000;}
.newslist { width:6.4rem;margin: .06rem auto 0;height: 3.8rem;overflow: hidden;}
.newslist ul li:last-child .newslink { border: none;}
.newslink { border-bottom: 1px dashed #fbb251;display: flex;font-size: .22rem;color: #000;align-items: center;padding: .15rem 0;}
.newslink .tag { background: #fbd334;border: 1px solid #000;border-radius: 10px;padding:0 .1rem;line-height: .26rem;text-align: center;box-shadow: inset 0 1px 1px 1px #faee0b;font-size: .18rem;margin-right: .05rem;}
.newslink p { flex: 1;margin-right: .05rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.title02 { height: .73rem;background: url(/skin/default/images/title02.png) no-repeat 50% 0/auto 100%;}
.gllink { display: flex;justify-content: space-between;}
.gllink a { width: 2.2rem;margin-top: .35rem;}

.title03 { height: .73rem;background: url(/skin/default/images/title03.png) no-repeat 50% 0/auto 100%;}
.picbox { margin-top: .25rem;}
.piclink { width: 1.78rem;float: left;}
.pic { float: left;margin-bottom: .11rem;border-radius: 15px;border: .02rem solid #683815;overflow: hidden;position: relative;width: 50%;}.pic img { width: 100%;height:100%;object-fit: cover;}
.videobtn { width: .68rem;height: .68rem;background: url(/skin/default/images/videobtn.png) no-repeat 0 0/100%;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;z-index: 9;}

.shiping_box{ background: rgba(0,0,0,.8);position: fixed;top: 0;left: 0;right:0;bottom:0; z-index:-1; width: 100%; height: 100%;opacity: 0;}
.cols{background: url(/skin/default/images/close.png) no-repeat 0 0/100%;width: .3rem;height: .3rem;position: absolute;right: 0;top:0;z-index: 9; }
.shiping_box .ship_center{
  display:block;
  position:fixed;
  z-index:1000;
  left:50%;
  top:50%; 
  transform:translate3d(-50%,-50%,0); 
  width: 100%;
  background: #191919;
}
.shiping_box .ship_center .cols { top:-.3rem;}
.shiping_box .pic_center{
  display: -webkit-box;display: -webkit-flex;display: flex;
	position:fixed;
  z-index:1000;
	left:0;
  top:1.4rem;
  bottom:0;
	width: 100%;
}
.shiping_box .pic_center img { width: auto;max-height: 100%;max-width: 100%;margin: auto;}

.subwrap .content { padding: 1.65rem .24rem 0;}
.crumb { font-size: .28rem;}
.crumb span { color: #c3611f;}
.crumb a { color: #000;}
.part .pf_right { float: left;position: static;margin-top: 15px;}
.subnews { background: #fff;border: .02rem solid #683815;border-radius: 15px;padding: .05rem;margin-top: .15rem;}
.subnews .newstab { padding:.1rem .25rem 0;display: flex;justify-content: space-between;}
.subnews .newstab li { width: 1.13rem;margin-right: 0;white-space: nowrap;}
.subnews .newstab li.active { background: url(/skin/default/images/tabbg02.png) no-repeat 50% 0/96%;}
.subnews .newslist { height: auto;width: 6.52rem;}
.subnews .newslist .newslink { padding: .25rem 0;-webkit-flex-direction: column;flex-direction: column;align-items: flex-start;}
.subnews .newslist .newslink p { font-size: .28rem;white-space: normal;}
.page { text-align: center;font-size: 0;margin: .5rem 0;}
.page ul,.page li{ display:inline-block;vertical-align:middle;}
.page li { margin:0 .03rem;font-size:.16rem;}
.page ul { margin-right:.15rem;}
.page ul li>span,.page a{ display:block;line-height: .4rem;min-width: .4rem;border:1px solid #5c372f;background: #ffe224;}
.page a{ color:#5c372f;}
.page a.other { padding: 0 .1rem;}
.page>span { font-size: .14rem;color:#5c372f;vertical-align: middle;margin-right:.1rem;}

.newstxt { width:6.45rem;margin: .25rem auto 0;padding-bottom: .5rem;}
.newstitle { border-bottom: 1px dashed #fbb251;text-align: center;padding-bottom: .15rem;margin-bottom: .2rem;}
.newstitle h1 { font-size: .36rem;}
.newstitle p { font-size: .22rem;}
.newscontent { font-size: .22rem;}
.newscontent p { margin-bottom: .25rem;}
.newscontent img { max-width: 100%;}

.cardbox { margin-top: .4rem;}
.cjbox { position: relative;width: 6.3rem;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto;}
.cjpic { width: 1.82rem;margin-bottom: .3rem; }
.cjpic:not(:nth-child(3n)) { margin-right: .42rem;}

.piclist { width: 6.52rem;margin: 0 auto;padding-top: .4rem;}
.piclist ul { display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.piclist ul li { width: 49%;margin-bottom: .3rem;position: relative;}
.piclist ul li:not(:nth-child(2n)){ margin-right: 2%;}
.piclist ul li p { text-align: center;font-size: .18rem;color: #c3611f;}
.piclist ul li p span{ margin: 0 .05rem;display: inline-block;}
.piclist ul li img { width: 100%;}

.swiper_pic .swiper-slide { display: flex;}
.swiper_pic .swiper-slide img { width: auto;height: auto;max-width: 100%;max-height: 100%;margin: auto;}

/***********************************关于我们***********************************/
.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;
	}

.mc_box {background-color: rgba(0, 0, 0, .65);position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 999;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(/skin/default/images/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(/skin/default/images/ios.png) no-repeat 0 0/auto 100%;margin-right: 0.25rem;}
.yuyuetab li:nth-child(2) { background: url(/skin/default/images/android.png) no-repeat 0 0/auto 100%;}
.yuyuetab li:nth-child(1).active { background-image: url(/skin/default/images/ios_on.png); }
.yuyuetab li:nth-child(2).active { background-image: url(/skin/default/images/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%;}
.iosewm p { font-size: 12px;position:absolute;bottom: -12px;left:50%;transform: translateX(-50%);white-space: nowrap;}
.yuyuediv { height: 5.24rem;background: url(/skin/default/images/popbg.png) no-repeat 0 0/100%;}
.btn { margin-top: 0.3rem;}
.btn a { width:3.11rem;height:0.8rem;background: url(/skin/default/images/btn.png) no-repeat 0 0/100%;display: block;margin:0 auto;}
.success { width: 100%;height:3.74rem;background: url(/skin/default/images/success.png) no-repeat 0 0/100%;display: none;}
.error { width: 100%;height:3.74rem;background: url(/skin/default/images/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(/skin/default/images/repeat.png) no-repeat 0 0/100%;display: none;}
.success-ios { height: 4.49rem;background: url(/skin/default/images/success-ios.png) no-repeat 0 0/100%;display: none;}
.appstore { width: 1.7rem;height: .5rem;position: absolute;left: 2.44rem;bottom:.34rem;}


.qqpop { height: 6rem;background-image: url(/skin/default/images/qqpop.png);}
.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;}

.title04 { height: .72rem;background: url(/skin/default/images/title04.png) no-repeat 50% 0/auto 100%;}
.cardtab_box { height: 12.93rem;margin-top: .25rem;position: relative;}
.cardtab { width: 100%;height: 1.32rem;position: absolute;bottom:0;left: 0;z-index: 2;}
.cardtab01 { background: url(/skin/default/images/cardtab01.png) no-repeat 0 0/100%;}
.cardtab02 { background: url(/skin/default/images/cardtab02.png) no-repeat 0 0/100%;}
.cardtab03 { background: url(/skin/default/images/cardtab03.png) no-repeat 0 0/100%;}
.cardtab04 { background: url(/skin/default/images/cardtab04.png) no-repeat 0 0/100%;}
.cardtab05 { background: url(/skin/default/images/cardtab05.png) no-repeat 0 0/100%;}
.cardtab li { width: 1.13rem;height: 100%;cursor: pointer;float: left;}
.cardtab li.active { width: 1.27rem;}
.cardtab .more { width: 1.13rem;height: 100%;float: left;}
.cardcontent { height: 12.54rem;background:#fff;position: relative;border:.02rem solid #683815;border-radius: 10px;padding: .05rem;}
.cardcontent>div { background: #fdda52;width: 100%;height: 100%;border-radius: 10px;padding: .22rem .21rem 0;}
.cardtab_main>div { position: absolute;top:0;left: 0;}
.cardtab_main>div:last-child { display: none;}
/* .cardtab_main a { width: 1.16rem;height: .95rem;position: absolute;top:9.8rem;right:0;z-index: 9;} */
.cardtab_main a { width: 1.16rem;height: 1.03rem;position: absolute;top:9.8rem;right:.02rem;z-index: 9;background: #fff;cursor: default;}
#card { width: 100%;height: 100%;}

.subnews .cardtab_title { padding-left: .1rem;padding-right: .1rem;}
.subnews .cardtab_title li.active { width: 1.97rem;height:.64rem;background-image: url(/skin/default/images/tabbg03.png);}

.masklayer { background: rgba(0,0,0,.5);position: fixed;top: 0;left: 0;right:0;bottom:0; z-index:1000; width: 100%; height: 100%;display: none;}
.cardpop { width: 6rem;position: fixed;left:50%;top:50%;transform: translate(-50%,-50%);}
.cardpop_content { width: 100%;background:#fff;position: relative;border: .02rem solid #683815;border-radius: 10px;padding: .05rem;margin: 0 auto;}
.cardpop_content>div { background: #fdda52;width: 100%;height: 100%;border-radius: 10px;padding: .2rem;}
.cardpop .cardtab_main { position: static;width: 100%;display: block;}
.cardpop .cardtab_main img { width: 100%;}
.cardpop .cardtab_main>div { position: relative;}

.swiper-button-next, .swiper-button-prev { width: .47rem;height: .76rem;color: transparent;outline: none;}
.swiper-button-next { background: url(/skin/default/images/right.png) no-repeat 0 0/100%;right: 0;}
.swiper-button-prev { background: url(/skin/default/images/left.png) no-repeat 0 0/100%;left: 0;}
.cardclose { width: .54rem;height: .54rem;background: url(/skin/default/images/close02.png) no-repeat 0 0/100%;position: absolute;bottom:-.64rem;left:50%;z-index: 9;transform: translateX(-50%);}

@media screen and (min-width:768px) {
	.cardpop { transform: scale(.75) translate(-50%,-50%);transform-origin: 0 0;}
}

.cardtxt { width: 5.4rem;position: absolute;top:.4rem;left: .38rem;overflow: auto;height: 5.95rem;}
.cardpop .cardtab_main>div .cardtxt { width: 4.8rem;height: 4.3rem;}
.cardpop_content .cardtab_main a { top:8.4rem;}

@-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)}}

.glbox { padding: .3rem 0;}
.gllist { width: 6.6rem;margin: 0 auto;overflow: hidden;}
.gllist li { width: 3.19rem;float: left;margin: 0 .2rem .4rem 0;cursor: pointer;}
.gllist li:nth-child(2n) { margin-right: 0;}

.pf { position: fixed;right:0.15rem;top:2.6rem;z-index: 10;width: 1.6rem;}

.download { width: 4.19rem;height: .72rem;background: url(/skin/default/images/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;}