/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}


/* 适配 */
/* 设置根节点 font-size，基于设计稿 1920px */
html {
  font-size: calc(100 / 1920 * 100vw);
}

/* 设置最小宽度限制（可选） */
@media screen and (max-width: 1200px) {
  html {
    font-size: calc(100 / 1920 * 1200px);
  }
}

/* 设置最大宽度限制（可选） */
@media screen and (min-width: 1920px) {
  html {
    font-size: 100px; /* 设计稿宽度时，1rem = 100px */
  }
}

.swiper-no-swiping {
  touch-action: none !important;
}

/*页面样式*/
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
body {font:12px/1.5 '\5FAE\8F6F\96C5\9ED1';background-color: #586943;padding-top: 0 !important;}
body{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body,html{background-color: #1a1e24;width: 100%;height: 100%;overflow: hidden;}
#_overlay_{height: 100%!important;}
a {text-decoration:none; outline: none;-moz-outline-style: none; }
a:hover {text-decoration:none;}
:focus{outline: none;}
img{display: block;}
.pr{position:relative;}
.pa{position:absolute;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.db{display:block;text-indent:-999em;}
.fl{float: left;}
.fr{float: right;}
.dis{display: none;}

@font-face {
	font-family:"font";
	src: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_recycle/images/font/font.ttf);
}

@font-face {
	font-family:"font1";
	src: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_recycle/images/font/font1.ttf);
}

@font-face {
	font-family:"font2";
	src: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_recycle/images/font/font2.ttf);
}

/* 按钮置灰 不可点击 */
.g-btn--disable{
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; pointer-events: none; 
}

.fr-wrapper{position: relative;width: 100%!important;height: 100%;overflow: hidden;}
.fr-container{width: 100%!important;height: 100%;margin:0 auto;}

/* 导航 */

.fr-top-banner{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/nav-bg.png) no-repeat center;
	background-size:auto 100%;
	width:100%;
	height: 1.31rem;
	position: fixed;
	top: 0;
	left: 0;
	z-index:2;
	transform: translateY(-1.1rem);
	transition: .4s transform ease;

	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	box-sizing: border-box;
	padding-bottom: 0.38rem;
}
.fr-top-banner::after{
	content: "";
	width:100%;
	height:0.9rem;
	background-color: #1d111b;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.fr-top-banner.show{transform: translateY(0);}
.fr-top-banner:hover{transform: translateY(0);}
/* .fr-top-banner a{pointer-events: all;} */

.logo{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/logo.png) no-repeat center;
	background-size: 100%;
	width:1.27rem;
	height:0.59rem;
	position: absolute;
	top:0.1rem;
	left:0.52rem;
}
.section-navbox{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 0;
}
.section-navbtn{
	font-size:0.44rem;
	color: #fff;
	font-family: "font1";
	margin: 0 0.3rem 0;
}
.section-navbtn.section-navbtn--on{
	color: #f7ecbb;
}

.section-loginbox{
	position: absolute;
	right:1.44rem;
	top:0.24rem;
	z-index: 1;
}
.section-login{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/login-in.png) no-repeat center center;
	background-size: 100%;
	width:1.49rem;
	height:0.38rem;
}
.section-logout {
	color: #fff;
	font-size: .2rem;
}
.section-logout-btn{
	margin-left: .1rem;
	display: inline-block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/login-out.png) no-repeat center center;
	background-size: 100%;
	width:1.49rem;
	height:0.38rem;
	vertical-align: -0.1rem;
}

.g-btn-bgm{ background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p1-icon_music1.png) no-repeat; background-size: 100%; width: 0.52rem; height: 0.52rem;
	position: absolute;
	right:0.8rem;
	top:0.16rem;
}

.g-music-on{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p1-icon_music.png) no-repeat;
	background-size: 100%;
}


.page-swiper{width: 100%;height: 100%;}
.section-box1{width:19.2rem;height:9.2rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);box-sizing: border-box;z-index: 4;}
.fr-wrapper .bg-1{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/bg1.jpg) 50% 0%/cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;top: 0;
	overflow: hidden;
}
.fr-wrapper .bg-2{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/bg2.jpg) 50% 0%/cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;top: 0;
}
.fr-wrapper .bg-2-1{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/bg2_1.jpg) 50% 0%/cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;top: 0;
}
.fr-wrapper .bg-3{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/bg2.jpg) 50% 0%/cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;top: 0;
}
.fr-wrapper .bg-4{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/bg4.jpg) 50% 0%/cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;top: 0;
}
.fr-wrapper .bg-5{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/bg5.jpg) 50% 0%/cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;top: 0;
}
.fr-wrapper .bg-6{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/bg6.jpg) 50% 0%/cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;top: 0;
}
.fr-wrapper .bg-7{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/bg7.jpg) 50% 0%/cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;top: 0;
}
.fr-wrapper .bg-8{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/bg8.jpg) 50% 0%/cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;top: 0;
}
.fr-wrapper .bg-9{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/bg9.jpg) 50% 0%/cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;top: 0;
}

/* .con-video2{position:absolute;width:100%;   top:50%;left:50%;transform:translate(-50%,-50%);pointer-events: none;z-index: 2; } */
.con-video2{position:absolute;width:100%;height: 100%;object-fit: cover;  top:50%;left:50%;transform:translate(-50%,-50%);pointer-events: none;z-index: 2; }



@-webkit-keyframes leftInto {
	0%{transform: translateX(-100%);opacity: 0;}
	100%{ transform: translateX(0);opacity: 1;}
}
@-webkit-keyframes rightInto {
	0%{transform: translateX(100%);opacity: 0;}
	100%{ transform: translateX(0);opacity: 1;}
}
@-webkit-keyframes move { 
0% { transform: rotate(0deg); } 
20% { transform: rotate(5deg); } 
40% { transform: rotate(-5deg); } 
60% { transform: rotate(3deg); } 
80% { transform: rotate(-3deg); }
100% { transform: rotate(0deg); } }



.section-xh{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/xh-icon.png) no-repeat;
	background-size: 100%;
	width:2.38rem;
	height:1.81rem;
	position: absolute;left:50%;margin-left:-1.19rem;bottom: 0.1rem;z-index: 10;}
.section-xh{animation: nextanim 2s ease-in-out both infinite;}


/*section1*/
.section-p1-slg{
	display: block;
	width:11.75rem;
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	top:5.3rem;
}
.section-p1btn{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p1-btn.png) no-repeat;
	background-size: 100%;
	width:4.25rem;
	height:1.07rem;
	position: absolute;
	top:7.8rem;
	left: 50%;
	margin-left: -2.12rem;
	animation: breathe 2s ease-in-out both infinite;
}

/* .section-p1btn.g-btn--disable{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p1-btn_dis.png) no-repeat;
	background-size: 100%;
} */

.section-p1-vidbox{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/p1-vidbox.png) no-repeat;
	background-size: 100%;
	width:4.94rem;
	height:2.83rem;
	position: absolute;
	right:0.8rem;
	top:6.56rem;
	cursor: pointer;
}
.section-p1-player{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/p1-player.png) no-repeat;
	background-size: 100%;
	width: 0.57rem;
	height: 0.58rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
}
/* .section-p1-vidcon{
	width:4.78rem;
	height:2.72rem;
	position: absolute;
	left:0.08rem;
	top:0.06rem;
} */

.section-p1-vid{
	width:4.78rem;
	height:2.72rem;
	position: absolute;
	left:0.08rem;
	top:0.06rem;
}


/*section2*/
.section-p2tit{
	background:url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p2-tit.png) no-repeat;
	background-size: 100%;
	width:6.75rem;
	height: 1.3rem;
	margin:0.2rem auto 0;
}
.section-p2txt1{
	text-align: center;
	font-size:0.2rem;
	color: #d8d8d8;
	line-height: 0.3rem;
	font-family: "font2";
	margin:0.1rem auto 0;
	text-shadow: 0 0 0.2rem #000,0 0 0.2rem #000,0 0 0.2rem #000,0 0 0.2rem #000;
}
.section-p2txt1 span{
	color: #fdf5b5;
}

.swiper-slide-active .section-p2tit,.swiper-slide-active .section-p2txt1{
	animation: fadeInTop 1s .4s ease both;
}

.section-p2-img{
	display: block;
	width:19.2rem;
	margin:-0.46rem auto 0;
}

.swiper-slide-active .section-p2-img{
	animation: fadeIn 0.8s .4s ease both;
}

.section-p2-jdtbox{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/p2-jdt.png) no-repeat;
	background-size: 100%;
	width:12rem;
	height:0.63rem;
	margin:0.36rem auto 0;
	position: relative;
}

.swiper-slide-active .section-p2-jdtbox{
	animation: fadeIn 0.8s .4s ease both;
}

.section-p2-jdtbox .section-p2-jdt1{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/p2-jdt1.png) no-repeat;
	background-size: auto 100%;
	height:0.25rem;
	position:absolute;
	left: 0;
	top:0.38rem;
}
.section-p2-jdt_icon{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/p2-jdt_zs.png) no-repeat;
	background-size: 100%;
	width:1.18rem;
	height:0.97rem;
	position: absolute;
	right: -0.56rem;
	top: -0.3rem;
}

.section-p2-btnbox{
	display:flex;
	justify-content: center;
	margin:-0.38rem auto 0;
}

.swiper-slide-active .section-p2-btnbox{
	animation: fadeIn 0.8s .4s ease both;
}

.section-p2btn{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p2-btn.png) no-repeat;
	background-size: 100%;
	width:3.06rem;
	height: 0.77rem;
	text-align: center;
	line-height: 0.77rem;
	font-size: 0.26rem;
	color: #efd3b3;
	font-family: "font";
	margin:0 0.24rem 0;
}


.section-p2-img1{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p2-img1.png) no-repeat;
	background-size: 100%;
	width:19.2rem;
	height:8.78rem;
	margin:-0.98rem auto 0;
	position: relative;
}

.swiper-slide-active .section-p2-img1{
	animation: fadeIn 0.8s .4s ease both;
}

.section-p2btn2{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p2-btn1.png) no-repeat;
	background-size: 100%;
	width:2.22rem;
	height: 0.54rem;
	text-align: center;
	line-height: 0.54rem;
	font-size: 0.24rem;
	color: #efd3b3;
	font-family: "font";
	position: absolute;
}

.section-p2btn2_1{
	left: 6.64rem;
	top: 7.2rem;
}
.section-p2btn2_2{
	left:9.02rem;
	top:6.46rem;
}
.section-p2btn2_3{
	left:11.26rem;
	top: 5.24rem;
}
.section-p2btn2_4{
	left:13.24rem;
	top:2.9rem;
}

.section-p2txt2{
	width: 2.22rem;
	text-align: center;
	font-size: 0.18rem;
	color: #faf2e5;
	position: absolute;
}

.section-p2txt2_1{
	left: 6.64rem;
	top: 7.76rem;
}
.section-p2txt2_2{
	left:9.02rem;
	top:7.04rem;
}
.section-p2txt2_3{
	left:11.26rem;
	top: 5.82rem;
}
.section-p2txt2_4{
	left:13.24rem;
	top:3.48rem;
}


/* .section-p2btn.g-btn--disable{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/p2-btn_dis.png) no-repeat;
	background-size: 100%;
} */



/*section3*/
.section-p3tit{
	background:url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p3-tit.png) no-repeat;
	background-size: 100%;
	width:7.16rem;
	height: 1.3rem;
	margin:0.16rem auto 0;
}

.swiper-slide-active .section-p3tit{
	animation: fadeInTop 0.8s .4s ease both;
}

.section-txt1{
	text-align: center;
	font-size:0.2rem;
	color: #d8d8d8;
	/* line-height: 0.3rem; */
	font-family: "font2";
	margin:0.1rem auto 0;
	/* text-shadow: 0 0 0.2rem #000,0 0 0.2rem #000,0 0 0.2rem #000,0 0 0.2rem #000; */
}
.section-txt1 span{
	color: #fdf5b5;
}

.swiper-slide-active .section-txt1{
	animation: fadeInTop 0.8s .4s ease both;
}

.section-p3con{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p3-conbg.png) no-repeat;
	background-size: 100%;
	width: 12.05rem;
	height: 3.29rem;
	display: flex;
	justify-content:center;
	margin: 0.1rem auto 0;
	box-sizing: border-box;
	padding-top: 0.32rem;
}
.swiper-slide-active .section-p3con{
	animation: fadeIn 0.8s .4s ease both;
}

.section-p3txbox1{
	width: 1.73rem;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p3-txbox.png) no-repeat;
	background-size: 100%;
	margin-right: 0.1rem;
	position: relative;
}
.section-p3tximgbox{
	width: 1.64rem;
	height: 1.64rem;
	overflow: hidden;
	border-radius: 50%;
	position: absolute;
	left:0.06rem;
	top:0.1rem;
}
.section-p3tximg{
	display: block;
	width: 100%;
	height: 100%;
	object-fit:contain;
}

.section-p3txkuang1{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p3-txkuang1.png) no-repeat;
	background-size: 100%;
	width: 1.73rem;
	height:1.9rem;
	position: relative;
	z-index: 1;
}
.section-p3txkuang2{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p3-txkuang2.png) no-repeat;
	background-size: 100%;
	width: 1.73rem;
	height:1.9rem;
	position: relative;
	z-index: 1;
}
.section-p3txname{
	text-align: center;
	font-size: 0.18rem;
	color: #b8b8b8;
	font-family: "font2";
	margin: 0.04rem auto 0;
}


.section-p3list{
	display: flex;
	justify-content: center;
}

.section-p3list .section-p3list-li{
	width:1.73rem;
	margin: 0 0.08rem 0;
}
.section-p3txbox2{
	width: 1.73rem;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p3-txbox1.png) no-repeat;
	background-size: 100%;
	position: relative;
}

.section-p3btnbox{
	display: flex;
	justify-content: center;
	margin: -0.54rem auto 0;
}

.swiper-slide-active .section-p3btnbox{
	animation: fadeIn 0.8s .4s ease both;
}
.section-p3-btn1{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p3-btn1.png) no-repeat;
	background-size: 100%;
	width:3.16rem;
	height: 0.8rem;
	margin: 0 0.3rem 0;
}
.section-p3-btn2{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p3-btn2.png) no-repeat;
	background-size: 100%;
	width:3.16rem;
	height: 0.8rem;
	margin:0 0.3rem 0;
}

.section-p3proplist{
	display: flex;
	justify-content: center;
	margin:0.2rem auto 0;
}
.swiper-slide-active .section-p3proplist{
	animation: fadeInDown 0.8s .4s ease both;
}

.section-p3proplist .section-p3prop-li{
	width:3.99rem;
	margin: 0 0.06rem;
}
.section-p3prop-img{
	display: block;
	width: 3.99rem;
	margin: 0 auto 0;
}
.section-p3prop-btnbox{
	display: flex;
	justify-content: center;
	margin: -0.34rem auto 0;
}
.section-p3-btn3{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p2-btn.png) no-repeat;
	background-size: 100%;
	width:1.82rem;
	height: 0.46rem;
	margin: 0 0.1rem;
	text-align: center;
	line-height: 0.46rem;
	font-size: 0.26rem;
	color: #efd3b3;
	font-family: "font";
}


/*section4*/
.section-p4tit{
	background:url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p4-tit.png) no-repeat;
	background-size: 100%;
	width: 7.16rem;
	height:1.3rem;
	margin:0.16rem auto 0;
}
.section-p4txt1{
	margin-top: 0.4rem;
}

.swiper-slide-active .section-p4tit{
	animation: fadeInTop 0.8s .4s ease both;
}

.section-p4img{
	display: block;
	width:12.05rem;
	margin: 0.3rem auto 0;
}

.swiper-slide-active .section-p4img{
	animation: fadeIn 0.8s .4s ease both;
}

.section-p4btnbox{
	display: flex;
	justify-content: center;
	margin: 0.3rem auto 0;
}

.swiper-slide-active .section-p4btnbox{
	animation: fadeIn 0.8s .4s ease both;
}

.section-p4-btn1{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p2-btn.png) no-repeat;
	background-size: 100%;
	width:3.06rem;
	height: 0.77rem;
	margin: 0 0.3rem;
	text-align: center;
	line-height: 0.77rem;
	font-size: 0.26rem;
	color: #efd3b3;
	font-family: "font";
}


/*section5*/
.section-p5tit{
	background:url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p5-tit.png) no-repeat;
	background-size: 100%;
	width:6.92rem;
	height: 1.3rem;
	margin:0.16rem auto 0;
}
.swiper-slide-active .section-p5tit{
	animation: fadeInTop 0.8s .4s ease both;
}
.section-p5-cont{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p5-con.png) no-repeat;
	background-size: 100%;
	width: 12.05rem;
	height: 5.29rem;
	margin:1rem auto 0;
	position: relative;
}
.swiper-slide-active .section-p5-cont{
	animation: fadeIn 0.8s .4s ease both;
}
.section-p5-zs1{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p5-zs1.png) no-repeat;
	background-size: 100%;
	width:3.26rem;
	height: 5.63rem;
	position: absolute;
	right: -1.8rem;
	bottom: -0.9rem;
}
.section-p5-txt1{
	width: 6rem;
	text-align: center;
	font-size: 0.28rem;
	color: #bfbfbf;
	line-height: 0.42rem;
	font-family: "font2";
	position: absolute;
	left: 5.18rem;
	top: 2.1rem;
}
.section-p5-txt1 span{
	color: #fff0b9;
}

.section-p5-btn1{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p5-btn1.png) no-repeat;
	background-size: 100%;
	width:3rem;
	height:0.76rem;
	position: absolute;
	left:6.68rem;
	top:3.38rem;
}

/*section6*/
.section-p6tit{
	background:url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p6-tit.png) no-repeat;
	background-size: 100%;
	width:6.92rem;
	height: 1.3rem;
	margin:0.16rem auto 0;
}
.swiper-slide-active .section-p6tit{
	animation: fadeInTop 0.8s .4s ease both;
}

.section-p6-cont{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p6-con.png) no-repeat;
	background-size: 100%;
	width: 12.05rem;
	height: 5.29rem;
	margin:1rem auto 0;
	position: relative;
}
.swiper-slide-active .section-p6-cont{
	animation: fadeIn 0.8s .4s ease both;
}
.section-p6-txt1{
	width: 6rem;
	text-align: center;
	font-size: 0.28rem;
	color: #bfbfbf;
	line-height: 0.44rem;
	font-family: "font2";
	position: absolute;
	left: 5.18rem;
	top: 2.1rem;
}
.section-p6-txt1 span{
	color: #fff0b9;
}
.section-p6-propicon1{
	display: inline-block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p6-propicon1.png) no-repeat;
	background-size: 100%;
	width:0.61rem;
	height: 0.57rem;
	margin: 0 0.1rem 0;
	vertical-align: middle;
}
.section-p6-txt2{
	width: 6rem;
	text-align: center;
	font-size: 0.22rem;
	color: #bfbfbf;
	line-height: 0.44rem;
	font-family: "font2";
	position: absolute;
	left: 5.18rem;
	top: 2.66rem;
}

.section-p6-btn1{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p6-btn1.png) no-repeat;
	background-size: 100%;
	width:3rem;
	height:0.76rem;
	position: absolute;
	left:6.68rem;
	top:3.38rem;
}

/*section7*/
.section-p7tit{
	background:url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p7-tit.png) no-repeat;
	background-size: 100%;
	width:6.75rem;
	height: 1.3rem;
	margin:0.16rem auto 0;
}
.swiper-slide-active .section-p7tit{
	animation: fadeInTop 0.8s .4s ease both;
}

.section-p7-cont{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p7-con.png) no-repeat;
	background-size: 100%;
	width: 12.05rem;
	height: 5.89rem;
	margin:1rem auto 0;
	position: relative;
	box-sizing: border-box;
	padding-top:0.4rem;
}
.swiper-slide-active .section-p7-cont{
	animation: fadeIn 0.8s .4s ease both;
}

.section-p7-navbox{
	display: flex;
	justify-content: center;
	margin: 0 auto 0;
}
.section-p7-nav{
	display: block;
	width:2.73rem;
	height: 0.56rem;
	margin: 0 0.1rem;
}
.section-p7-nav1{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p7-nav1.png) no-repeat;
	background-size: 100%;
}
.section-p7-nav2{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p7-nav2.png) no-repeat;
	background-size: 100%;
}
.section-p7-nav3{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p7-nav3.png) no-repeat;
	background-size: 100%;
}
.section-p7-nav4{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p7-nav4.png) no-repeat;
	background-size: 100%;
}

.section-p7-nav1.on{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p7-nav1_on.png) no-repeat;
	background-size: 100%;
}
.section-p7-nav2.on{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p7-nav2_on.png) no-repeat;
	background-size: 100%;
}
.section-p7-nav3.on{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p7-nav3_on.png) no-repeat;
	background-size: 100%;
}
.section-p7-nav4.on{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p7-nav4_on.png) no-repeat;
	background-size: 100%;
}

.section-p7-content{
	margin: 0.3rem auto 0;
}
.section-p7-box{
	/* display: flex;
	justify-content: center; */
	margin: 0 auto 0;
	box-sizing: border-box;
	padding-top: 1px;
	position: relative;
}

.section-p7-img1{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p7-img1.png) no-repeat;
	background-size: 100%;
	width:11.32rem;
	height:2.85rem;
	position: relative;
	margin:0.64rem auto 0;
	box-sizing: border-box;
	padding-top:1.1rem;
	display: flex;
	justify-content: center;
}
.section-p7-fcbox1{
	width: 1.7rem;
	height:1.84rem;
	margin: 0 0.12rem;
}
.section-p7-fcbox1:first-of-type{
	margin-left: 0;
}
.section-p7-fcbox1:last-of-type{
	margin-right: 0;
}


.section-p7-fc1{
	display: none;
	width: 1.7rem;
	margin: 0 auto 0;
}
.section-p7-fcbox1:hover img{
	display: block;
}

.section-p7-img2{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p7-img2.png) no-repeat;
	background-size: 100%;
	width:7.3rem;
	height:2.98rem;
	position: relative;
	margin:0.2rem auto 0;
}
.section-p7-btn2-1{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p7-btn2_1.png) no-repeat;
	background-size: 100%;
	width:2.44rem;
	height:0.61rem;
	margin: 0.2rem auto 0;
}

.section-p7-txt1{
	text-align: center;
	font-size:0.2rem;
	color: #d8d8d8;
	font-family: "font2";
}
.section-p7-hdgz{
	font-size:0.2rem;
	color: #c7ab6f;
	font-family: "font2";
	position: absolute;
	right:0.66rem;
	top:0;
	text-decoration: underline !important;
}
.section-p7-img3{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p7-img3.png) no-repeat;
	background-size: 100%;
	width:10.17rem;
	height:4.09rem;
	position: relative;
	margin:0.1rem auto 0;
}

.section-p7-img4{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p7-img4.png) no-repeat;
	background-size: 100%;
	width:6.47rem;
	height:3.5rem;
	position: relative;
	margin:0.4rem auto 0;
}





/*section8*/
.section-p8tit{
	background:url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p8-tit.png) no-repeat;
	background-size: 100%;
	width:7.86rem;
	height:1.3rem;
	margin:0.16rem auto 0;
}

.swiper-slide-active .section-p8tit{
	animation: fadeInTop 0.8s .4s ease both;
}

.section-p8-cont{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p8-con.png) no-repeat;
	background-size: 100%;
	width: 12.05rem;
	height:7.19rem;
	margin:0.42rem auto 0;
	position: relative;
	box-sizing: border-box;
	padding-top:0.6rem;
	display: flex;
	justify-content: center;
}
.swiper-slide-active .section-p8-cont{
	animation: fadeIn 0.8s .4s ease both;
}

.section-p8box1{
	width:5.8rem;
	margin-right: 0.1rem;
	box-sizing: border-box;
	padding-top: 0.16rem;
}

.section-p8-lotbox{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p8-lot_con.png) no-repeat;
	background-size: 100%;
	width:5.8rem;
	height: 5.52rem;
	margin:0 auto 0;
	position: relative;
	box-sizing: border-box;
	padding-top: 0.1rem;
	
}
.section-p8-lottey{
	display: block;
	width: 5.16rem;
	margin: 0 auto 0;
	position: relative;
}
.section-p8-lotteyimg{
	display: block;
	width: 5.16rem;
	margin: 0 auto 0;
}

.section-p8-lottey_hover{
    width:5.16rem !important;
    height: 5.16rem !important;
    background-size: 100% !important;
}
.section-p8-lottey_start{
	display: block;
    width: 1.06rem;
    height: 1.38rem;
	position: relative;
	margin-left: -0.53rem !important;
    margin-top: -0.69rem !important;
}
.section-p8-lottey_start:hover{
    transform: scale(1) !important;
}

.section-p8-lottey_disable{
    width: 1.06rem;
    height: 1.38rem;
	margin-left: -0.53rem !important;
    margin-top: -0.69rem !important;
}

.section-p8-lotbox-zs1{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p8-lot_zs1.png) no-repeat;
	background-size: 100%;
	width:0.87rem;
	height:0.65rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -0.3rem;
}


.section-p8-winner-con{
	width:5rem;
	height:0.48rem;
	margin:0.1rem auto 0;
	position: relative;
}

.section-winner-list{
	width:5rem;
}
.section-winner-li{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p8-txtbg.png) no-repeat;
	background-size: 100%;
	width:5rem;
	height:0.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0.04rem auto;
}
.section-winner-txt{
	text-align: center;
	font-size: 0.18rem;
	line-height: 0.22rem;
	color: #ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width:3.32rem;
}

.section-winner-txt span{
	color: #f3d388;
}

.section-winner-icon1{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p8-icon1.png) no-repeat;
	background-size: 100%;
	width:0.21rem;
	height:0.21rem;
	margin-right: 0.1rem;
}

.section-winner-box{
	width:5rem;
	height:0.4rem;
	overflow: hidden;
}

.section-winner-list{animation: scroll1 8s linear infinite;}

@keyframes scroll1{
	0% {
	    transform: translateY(0);
	}
	100% {
	    transform: translateY(-50%);
	}
}


.section-p8box2{
	width:5.56rem;
	height:6.48rem;
	margin-top: 0.3rem;
}
.section-p8-ltit{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p8-ltit.png) no-repeat;
	background-size: 100%;
	width:4.26rem;
	height:0.67rem;
	margin:0 auto 0;
}

.section-p8-txt1{
	text-align: center;
	font-size: 0.22rem;
	color: #cf8135;
	font-family: "font";
	margin: 0 auto 0;
}

.section-p8list-rw{
	width: 5.56rem;
	margin: 0 auto 0;
}
.section-p8list-rwli{
	height: 0.7rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:0.1rem auto 0;
	border-bottom: 1px dashed #595259;
}
.section-p8-rwtxt{
	max-width: 3.94rem;
	font-size: 0.24rem;
	color: #bcbcbe;
}
.section-p8-rwtxt span{
	color: #ffe559;
}

.section-p8-btn{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p8-btn1.png) no-repeat;
	background-size: 100%;
	width:1.49rem;
	height:0.38rem;
	text-align: center;
	line-height: 0.38rem;
	color: #e9c7a0;
	font-size: 0.18rem;
	font-family: "font";
}
.section-p8-btn.g-btn-dis{
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; pointer-events: none; 
}

.section-p8-hdgz{
	font-size:0.2rem;
	color: #c7ab6f;
	font-family: "font2";
	position: absolute;
	right:0.66rem;
	top:0.3rem;
	text-decoration: underline !important;
}

.section-p8-lbjl{
	font-size:0.2rem;
	color: #c7ab6f;
	font-family: "font2";
	position: absolute;
	right:1.66rem;
	top:0.3rem;
	text-decoration: underline !important;
}

.section-p8-shdz{
	font-size:0.2rem;
	color: #c7ab6f;
	font-family: "font2";
	position: absolute;
	right:2.66rem;
	top:0.3rem;
	text-decoration: underline !important;
}
.section-p8-num {
	margin-top: .2rem;
	text-align: center;
	font-size: .2rem;
	color: #c7ab6f;
	font-family: "font2";
}

/*section9*/
.section-p9tit{
	background:url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p9-tit.png) no-repeat;
	background-size: 100%;
	width:6.75rem;
	height: 1.3rem;
	margin:0.16rem auto 0;
}
.swiper-slide-active .section-p9tit{
	animation: fadeInTop 0.8s .4s ease both;
}
.section-p9txt1{
	margin-top: 0.3rem;
}
.section-p9-cont{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p9-con.png) no-repeat;
	background-size: 100%;
	width: 12.05rem;
	height:5.99rem;
	margin: 0.46rem auto 0;
	box-sizing: border-box;
	padding-top:1px;
}
.swiper-slide-active .section-p9-cont{
	animation: fadeIn 0.8s .4s ease both;
}


.section-p9-img{
	display: block;
	width:5.52rem;
	margin:0.6rem auto 0;
}
.section-p9-propcont{
	margin: 0.4rem auto 0;
}
.section-p9-propcon{
	width: 7.6rem;
	height:5.1rem;
    overflow-x: hidden;
	margin: 0 auto 0;
    padding-right: 0.2rem;
}

.section-p9-propcon::-webkit-scrollbar-track-piece{background-color:#525b65;}
.section-p9-propcon::-webkit-scrollbar{width:0.06rem;}
.section-p9-propcon::-webkit-scrollbar-thumb{background:#9babb7;border-radius:0.05rem}


.section-p9-propcon table{
	width: 100%;
	border: 1px solid #282828;
}
.section-p9-propcon table th{
	height: 0.42rem;
	background-color: #56565a;
	font-size: 0.3rem;
	color: #ffffff;
	text-align: center;
}
.section-p9-propcon td{
	padding: 0.1rem 0;
	font-size: 0.24rem;
	color: #c7c7c7;
	background-color: rgba(84, 85, 93, 0.5);
	border-top: 1px solid #282828;
}

.section-p9-propcon td img{
	display: block;
	width: 0.95rem;
	margin: 0 auto 0;
}
.section-p9-propcon td:first-of-type{
	width:25%;
}
.section-p9-propcon td:nth-of-type(2){
	width:40%;
}

.section-p9btn{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p9-btn.png) no-repeat;
	background-size: 100%;
	width:1.73rem;
	height:0.44rem;
	margin:0 auto 0;
}
.section-p9btn.g-btn-disable{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p9-btn_dis.png) no-repeat;
	background-size: 100%;
}



/*section10*/
.section-p10tit{
	background:url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p10-tit.png) no-repeat;
	background-size: 100%;
	width:6.75rem;
	height: 1.3rem;
	margin:0.16rem auto 0;
}
.swiper-slide-active .section-p10tit{
	animation: fadeInTop 0.8s .4s ease both;
}
.section-p10-cont{
	width: 12rem;
	display: flex;
	justify-content: center;
	margin:1.2rem auto 0;
}
.swiper-slide-active .section-p10-cont{
	animation: fadeIn 0.8s .4s ease both;
}
.section-p10-vidcon{
	width: 5.92rem;
	margin:0 0.1rem 0;
	position: relative;
}

.section-p10-ltit1{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p10-ltit1.png) no-repeat;
	background-size: 100%;
	width:4.01rem;
	height:0.56rem;
	margin:0 auto 0;
}
.section-p10-ltit2{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p10-ltit2.png) no-repeat;
	background-size: 100%;
	width:4.31rem;
	height:0.56rem;
	margin:0 auto 0;
}
.section-p10-vidbox{
	width: 5.92rem;
	height: 3.22rem;
	margin: 0.4rem auto 0;
	position: relative;
}
.section-p10-vidbox1{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p10-vidcon1.png) no-repeat;
	background-size: 100%;
}
.section-p10-vidbox2{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p10-vidcon2.png) no-repeat;
	background-size: 100%;
}

.section-p10-player{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p10-player.png) no-repeat;
	background-size: 100%;
	width: 1.05rem;
	height:1.05rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

/*section11*/
.section-p11-cont{
	width: 12rem;
	display: flex;
	justify-content: center;
	margin:0.7rem auto 0;
	position: relative;
}
.swiper-slide-active .section-p11-cont{
	animation: fadeIn 0.8s .4s ease both;
}
.section-p11-zs1{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p11-zs1.png) no-repeat;
	background-size: 100%;
	width:5.86rem;
	height:8.73rem;
	position: absolute;
	left: -1.08rem;
	top: -0.96rem;
}

.section-p11-vidcon{
	width: 9.65rem;
	margin:0 auto 0;
	position: relative;
	transform: translateX(1.2rem);
}

.section-p11-vidbox{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/p11-vidcon1.png) no-repeat;
	background-size: 100%;
	width: 9.65rem;
	height:5.54rem;
	margin: 0.4rem auto 0;
	position: relative;
}

/* 侧导航 */
.fr-top-cdhcon{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-bg.png) no-repeat;
	background-size: 100%;
	width: 1.9rem;
	height: 4.67rem;
	position: absolute;
	left:0.3rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	box-sizing: border-box;
	padding-top:0.3rem;
}

.section-cdh-navbox{
	margin: 0 auto 0;
}

.section-cdh-nav{
	display: block;
	width: 1.59rem;
	height: 0.34rem;
	margin: 0.02rem auto 0;
}
.section-cdh-nav:first-of-type{
	margin-top: 0;
}

.section-cdh-nav1{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav1.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav2{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav2.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav3{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav3.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav4{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav4.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav5{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav5.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav6{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav6.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav7{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav7.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav8{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav8.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav9{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav9.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav10{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav10.png) no-repeat;
	background-size: 100%;
}

.section-cdh-nav1.on{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav1_on.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav2.on{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav2_on.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav3.on{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav3_on.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav4.on{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav4_on.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav5.on{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav5_on.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav6.on{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav6_on.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav7.on{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav7_on.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav8.on{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav8_on.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav9.on{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav9_on.png) no-repeat;
	background-size: 100%;
}
.section-cdh-nav10.on{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-nav10_on.png) no-repeat;
	background-size: 100%;
}
.section-cdh-bd{
	display: block;
	text-align: center;
	font-size: 0.22rem;
	color: #fff1ce;
	text-decoration: underline !important;
	font-family: "font";
	margin: 0.02rem auto 0;
}
.section-cdh-top{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/cdh/cdh-top.png) no-repeat;
	background-size: 100%;
	width: 0.9rem;
	height: 0.75rem;
	margin: 0.16rem auto 0;
}


/*动画*/
@keyframes nextanim{0% {transform: translateY(-0.15rem);opacity: 0.3;}50% {transform: translateY(0.1rem);opacity: 1;}100% {transform: translateY(-0.15rem);opacity: 0.3;}}
@keyframes bounceInbot1 { /*淡下往上*/
	0% {opacity: 0;transform: translateY(0.6rem);}
	100% {transform: translateY(0);}}
@keyframes bounceIntop {/*上往下*/
	0% {opacity: 0;transform: translateY(-4rem);}
	100% {transform: translateX(0);}
}
@keyframes bounceInleft {/*左往右*/
	0% {opacity: 0;transform: translateX(-4rem);}
	100% {transform: translateX(0);}
}
@keyframes bounceInright{/*右左往*/
	0% {opacity: 0;transform: translateX(4rem);}
	100% {transform: translateX(0);}
}

@keyframes bounceIntop3{/*右左往*/
	0% {opacity: 0;transform: translateY(4rem);}
	100% {transform: translateY(0);}
}
/* 呼吸 */
@keyframes breathe {
	50%{transform: scale(1.1);}
}
/* 上下浮动 */
@keyframes floatTopDown {
	25%{transform: translateY(-5%);}
	75%{transform: translateY(5%);}
}
/* 颤抖 */
@keyframes tada{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
	10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}
	30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
	40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
	100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
/* 弹跳 */
@keyframes bounceIn{
	0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
	50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
	70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
	100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
/* 淡入 */
@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}}
/* 淡入系列 */
/* 左到右 */
@keyframes fadeInLeft {
	0% {opacity: 0;transform: translateX(-1rem);}
	100% {transform: translateX(0);}}
/* 右到左 */
@keyframes fadeInRight {
	0% {opacity: 0;transform: translateX(1rem);}
	100% {transform: translateX(0);}}
/* 上到下 */
@keyframes fadeInTop {
	0% {opacity: 0;transform: translateY(-1rem);}
	100% {transform: translateX(0);}}
/* 下到上 */
@keyframes fadeInDown {
	0% {opacity: 0;transform: translateY(1rem);}
	100% {transform: translateX(0);}}
/* 左右延展 */
@keyframes fadeInExtension {
	0% {opacity:0;transform: scale(0.6,1);}
	100% {opacity:1;}}

.fr-popbox{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.85);
	z-index: 2;
}
.g-pop-close{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/close.png) no-repeat;
	background-size: 100%;
	width:0.38rem;
	height: 0.38rem;
	position: absolute;
	right: 0.16rem;
	top:0.26rem;
}
.g-pop-close1{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/close.png) no-repeat;
	background-size: 100%;
	width:0.38rem;
	height: 0.38rem;
	position: absolute;
	right: -0.66rem;
	top: 0;
}
.g-pops{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/pop.png) no-repeat;
	background-size: 100%;
	width:7.43rem;
	height:4.79rem;
	position: relative;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -2.39rem;
	margin-left: -3.72rem;
}


/* pop1 */
.g-pop1{
	padding-top:0.66rem;
}
.g-pop1-tit{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/pop1-tit.png) no-repeat;
	background-size: 100%;
	width:5.06rem;
	height: 0.4rem;
	margin: 0 auto 0;
}
.g-pop1-con{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 0 auto 0;
	height: 2.7rem;
}
.g-pop1-con .g-pop1-img{
	width: auto;
	height: 2.08rem;
	display: block;
}

.g-pop-btnbox{
	display: flex;
	justify-content: center;
	margin: 0 auto 0;
}
.g-pop-btn1{
	display: block;
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/pop-btn1.png) no-repeat;
	background-size: 100%;
	width: 2.44rem;
	height: 0.61rem;
	margin: 0 0.1rem;
}


/* pop2 */
.g-pop2{
	padding-top:0.56rem;
}
.g-pop2-tit{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/pop2-tit.png) no-repeat;
	background-size: 100%;
	width: 5.06rem;
	height: 0.4rem;
	margin: 0 auto 0;
}
.g-pop2-con{
	margin:0.3rem auto 0;
}
.g-pop2-box{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0.16rem auto 0;
}
.g-pop2-box:first-of-type{
	margin-top: 0;
}
.g-pop2-box .g-pop2-txt{
	font-size: 0.26rem;
	color: #bcbcbc;
}
.g-pop2-box .g-pop2-inp{
	background-color:rgba(80, 86, 91,0.5) ;
	border: 1px solid rgb(34, 38, 41);
	width: 4.83rem;
  	height: 0.59rem;
	font-size: 0.26rem;
	color: #ffffff;
	box-sizing: border-box;
	padding: 0 0.1rem;
	margin-left: 0.1rem;
}
.g-pop2 .g-pop-btnbox{
	margin-top:0.24rem;
}

.g-pop-btn2{
	display: block;
	background:url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/pop-btn2.png) no-repeat;
	background-size: 100%;
	width: 2.44rem;
	height: 0.61rem;
	margin: 0 0.1rem;
}

/* pop3 */
.g-pop3{
	padding-top:0.6rem;
}

.g-pop3-tit{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/pop3-tit.png) no-repeat;
	background-size: 100%;
	width:6.64rem;
	height: 0.39rem;
	margin: 0 auto 0;
}
.g-pop3-con{
	margin:0.2rem auto 0;
	width: 86%;
	height: 3.12rem;
	overflow-x: hidden;
	font-size: 0.22rem;
	color: #c7c7c7;
	line-height: 0.34rem;
	box-sizing: border-box;
	padding-right: 0.06rem;
}

.g-pop3-con::-webkit-scrollbar-track-piece{background-color:#525b65;}
.g-pop3-con::-webkit-scrollbar{width:0.06rem;}
.g-pop3-con::-webkit-scrollbar-thumb{background:#9babb7;border-radius:0.05rem}

.g-pop3-ltit1{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/pop3-ltit1.png) no-repeat;
	background-size: 100%;
	width:1.88rem;
	height: 0.31rem;
	margin: 0 auto 0.2rem;
}
.g-pop3-ltit2{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/pop3-ltit2.png) no-repeat;
	background-size: 100%;
	width:1.88rem;
	height: 0.31rem;
	margin: 0.2rem auto 0.2rem;
}
.g-pop3-ltit3{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/pop3-ltit3.png) no-repeat;
	background-size: 100%;
	width:1.88rem;
	height: 0.31rem;
	margin: 0.2rem auto 0.2rem;
}

.g-pop3-tab{
	width: 100%;
	border: 1px solid #3f464c;
}
.g-pop3-tab th{
	text-align: center;
	font-size: 0.22rem;
	color: #ffffff;
	height: 0.44rem;
	background-color: #575757;
}
.g-pop3-tab td{
	background-color: #515765;
	text-align: center;
	font-size: 0.2rem;
	color: #939393;
	/* height: 0.42rem; */
	border-right:1px solid #989699;
	border-top:1px solid #989699;
}


/* pop4 */
.g-pop4{
	padding-top:0.6rem;
}
.g-pop4-tit{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/pop4-tit.png) no-repeat;
	background-size: 100%;
	width: 5.06rem;
	height: 0.4rem;
	margin: 0 auto 0;
}

.g-pop4-con{
	margin:0.2rem auto 0;
	width: 86%;
	height: 3.12rem;
	overflow-x: hidden;
	font-size: 0.22rem;
	color: #c7c7c7;
	line-height: 0.34rem;
	box-sizing: border-box;
	padding-right: 0.06rem;
}

.g-pop4-con::-webkit-scrollbar-track-piece{background-color:#525b65;}
.g-pop4-con::-webkit-scrollbar{width:0.06rem;}
.g-pop4-con::-webkit-scrollbar-thumb{background:#9babb7;border-radius:0.05rem}

.g-pop4-tab{
	width: 100%;
	border: 1px solid #3f464c;
}
.g-pop4-tab th{
	text-align: center;
	font-size: 0.3rem;
	color: #ffffff;
	height: 0.44rem;
	background-color: #575757;
}
.g-pop4-tab td{
	/* background-color: #4b545b; */
	text-align: center;
	font-size: 0.24rem;
	color: #c7c7c7;
	height: 0.42rem;
	border-right:1px solid #575757;
	border-top:1px solid #575757;
}

/* pop5 */
.g-pop5{
	padding-top:0.74rem;
}
.g-pop5-tit{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/pop5-tit.png) no-repeat;
	background-size: 100%;
	width: 5.06rem;
	height: 0.4rem;
	margin: 0 auto 0;
}
.g-pop5-con{
	text-align: center;
	margin:0.3rem auto 0;
	width: 86%;
	height:2.06rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 0.3rem;
	color: #c7c7c7;
	line-height: 0.48rem;
}
.g-pop5 .g-pop-btnbox{
	margin-top: 0.1rem;
}

/* pop6 */
.g-pop6{
	padding-top:0.66rem;
}

.g-pop6-con{
	margin:0.7rem auto 0;
}
.g-pop6-box{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0.26rem auto 0;
}
.g-pop6-box:first-of-type{
	margin-top: 0;
}
.g-pop6-box .g-pop6-txt{
	font-size: 0.26rem;
	color: #bcbcbc;
}
.g-pop6-box .g-pop6-inp1{
	background-color:rgba(80, 86, 91,0.5) ;
	border: 1px solid rgb(34, 38, 41);
	width: 4.83rem;
  	height: 0.59rem;
	font-size: 0.26rem;
	color: #ffffff;
	box-sizing: border-box;
	padding: 0 0.1rem;
	margin-left: 0.1rem;
}
.g-pop6-inpbox{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 4.83rem;
	margin-left: 0.1rem;
}

.g-pop6-box .g-pop6-inp2{
	background-color:rgba(80, 86, 91,0.5) ;
	border: 1px solid rgb(34, 38, 41);
	width: 3.18rem;
  	height: 0.59rem;
	font-size: 0.26rem;
	color: #ffffff;
	box-sizing: border-box;
	padding: 0 0.1rem;
}

.g-pop6-hqyzm{
	display: block;
	width: 1.63rem;
  	height: 0.55rem;
	text-align: center;
	line-height: 0.55rem;
	font-size: 0.26rem;
	color: #ffffff	;
	background-color: #8e896f;
}

.g-pop6 .g-pop-btnbox{
	margin-top:0.5rem;
}

.g-pop-btn3{
	display: block;
	background:url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/pop-btn3.png) no-repeat;
	background-size: 100%;
	width: 2.44rem;
	height: 0.61rem;
	margin: 0 0.1rem;
}



/* pop7 */
.g-pop7{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/pop-vidbg.png) no-repeat;
	background-size: 100%;
	width:9.65rem;
	height:5.54rem;
	margin:0 auto 0;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -2.77rem;
	margin-left: -4.82rem;
}
.g-pop7-vid{
	width:9.4rem;
	height:5.26rem;
	position: absolute;
	left:0.14rem;
	top:0.14rem;
	background-color: #000000;
}

/* g-pop8 */
.g-pop8{
	background: none;
    width: 9.66rem;
	height:7.56rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -3.78rem;
	margin-left: -4.83rem;
}
.g-pop8 .loadvid{
	display: block;
    width:9.66rem;
    height:7.56rem;
	margin: 0 auto 0;
}

/* pop9 */
.g-pop9{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/pop9.png) no-repeat;
	background-size: 100%;
	width:7.83rem;
	height:4.78rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -2.39rem;
	margin-left: -3.92rem;

	box-sizing: border-box;
	padding-top:0.6rem;
}
.g-pop9-tit{
	background: url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/pop9-tit.png) no-repeat;
	background-size: 100%;
	width: 6.61rem;
	height: 0.4rem;
	margin: 0 auto 0;
}
.g-pop9-cont{
	display: flex;
	justify-content: center;
	align-items: center;
	margin:0.3rem auto 0;
}
.g-pop9-con{
	width:3.28rem;
	margin:0 0.16rem 0;
	height:2.36rem;
	overflow-x: hidden;
}

.g-pop9-con::-webkit-scrollbar-track-piece{background-color:#525b65;}
.g-pop9-con::-webkit-scrollbar{width:0.06rem;}
.g-pop9-con::-webkit-scrollbar-thumb{background:#9babb7;border-radius:0.05rem}


.g-pop9-box{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0.16rem auto 0;
	cursor: pointer;
}
.g-pop9-box:first-of-type{
	margin-top: 0;
}
.g-pop9-xz{
	cursor: pointer;
	background:url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/pop9-icon.png) no-repeat;
	background-size: 100%;
	width: 0.36rem;
	height: 0.39rem;
	margin-right: 0.1rem;
}
.g-pop9-box.on .g-pop9-xz{
	background:url(//wegame.gtimg.com/tgp_act/release/online/qjmu_online/images/sx/pop9-icon_on.png) no-repeat;
	background-size: 100%;
}

.g-pop9-box p{
	text-align: center;
	width:2.6rem;
  	height: 0.56rem;
	background-color: #434446;
	font-size: 0.24rem;
	color: #8d8d8d;
	line-height: 0.56rem;
}

.g-pop9 .g-pop-btnbox{
	margin-top:0.1rem;
}



/* 弹窗动画 */
@keyframes pop1hei {
	0% {
		height:0.2rem;
	}
	100% {
		height:5.77rem;
	}
}
@keyframes pop1nr {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


@keyframes scale-up-ver-center {
	0% {
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4);
		opacity: 0;
	}

	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		opacity: 1;
	}
}
@keyframes scale-up-ver-centers {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4);
		opacity: 0;
	}
}

/*里面的代码可以根据自己需求去进行更改*/
/* 设置滚动条的样式 */
::-webkit-scrollbar{

width:0.05rem;

height:1px;

background-color:#F5F5F5;

}

/*定义滚动条轨道

内阴影+圆角*/

::-webkit-scrollbar-track{

-webkit-box-shadow:inset 0 0 0.06rem rgba(0,0,0,0.3);

border-radius:0.02rem;

background-color:#F5F5F5;

}

/*定义滑块

内阴影+圆角*/

::-webkit-scrollbar-thumb{

border-radius:1px;

-webkit-box-shadow:inset 0 0 0.06rem rgba(0,0,0,.3);

background-color:#555;

}
.txp_barrage_client_launcher, .txp_btn_fake {
  display: none !important;
}
.gray {
  pointer-events: none;
  filter: grayscale(1);
}
.disabled, .g-btn--disable {
  pointer-events: none;
}
.pop-address .input-box a {
  font-size: 12px;
}
[v-cloak] {
  visibility: hidden;
}