html,
body {
	position: relative;
	height: 100%;
	text-align: left;
}

body {
	background: #eee;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}
.hide{display: none;}
/*1*/
.swiper-banner_tt.box1{overflow:hidden;}
.onepage{position: absolute;top:0rem;left:0;}
.jw-box-hd{position:relative;z-index: 5;}
.jw-nav-box{background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/bg_header.png)no-repeat center top;  width: 6.4rem;  height: 0.97rem;z-index:3;}
.jw-box-bd .content{padding: 0;}
.jw-box-bd{position: absolute;  top: 0rem;}
.jw-table-bg{position: relative;top:-0.8rem;}

.jw-nav-logo img{width:1.77rem; height: 0.66rem;float: left;margin-left:.12rem;margin-top:.16rem; }
.jw-nav-into img{width: 1.35rem;height:0.41rem; float: right;margin-right: 0.46rem;margin-top: .33rem;}
.baitian{left: 0.64rem;top:4.63rem;width: 0.78rem;height: 0.79rem;z-index: 599;position: absolute;background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/zhou.png)no-repeat;background-size: 100% auto;}
.huanghun{left: 0.64rem;top:5.62rem;width: 0.78rem;height: 0.79rem;z-index: 599;position: absolute;background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/mu.png)no-repeat;background-size: 100% auto;}
.yewan{left: 0.64rem;top:6.61rem;width: 0.78rem;height: 0.79rem;z-index: 599;position: absolute;background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/ye.png)no-repeat;background-size: 100% auto;}
.btn_baitian{left: 0.64rem;top:4.63rem;width: 0.78rem;height: 0.79rem;z-index: 599;position: absolute;background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/btn_zhou.png)no-repeat;background-size: 100% auto;}
.btn_huanghun{left: 0.64rem;top:5.62rem;width: 0.78rem;height: 0.79rem;z-index: 599;position: absolute;background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/btn_mu.png)no-repeat;background-size: 100% auto;}
.btn_yewan{left: 0.64rem;top:6.61rem;width: 0.78rem;height: 0.79rem;z-index: 599;position: absolute;background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/btn_ye.png)no-repeat;background-size: 100% auto;}
.jw-table-bg .content li img{width: 100%;height: 100%;z-index: 3;margin-top: 1rem;}
.jw-box-footer .name{background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/bg_name.png) no-repeat 0 0;background-size: 100% auto;width:6.4rem;height:3.2rem;z-index: 50;position: absolute;top:7.06rem;}
.name a{text-decoration:none;font-size: 0.27rem;color: #fee5e5;font-family: "mfkesong";height: 1.0rem;letter-spacing:0.04rem;width: 5.5rem;line-height: 1.0rem;}
.jw-box-footer .name a{position:absolute;left: 1.55rem;top:1.0rem;width: 2.87rem;height: 0.92rem;display: block;text-align: center;line-height: 0.56rem;font-size: 0.162rem;color: #fee5e5;font-family: "mfkesong";background: url(//game.gtimg.cn/images/jx3/m/m201704/images/main/name_bg01.png) no-repeat center bottom;background-size:100% auto;text-indent: 999em;}
.jw-box-footer .name a.jhjf{}
.jw-box-footer .name a.on{background: url(//game.gtimg.cn/images/jx3/m/m201704/images/main/name_bg02.png) no-repeat center bottom;background-size:100% auto;}
/* 2 */
.wrap{position: relative;margin: auto;}
.wrap .box2{background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/bg_box2.jpg) 0 0/100% 100% no-repeat; width: 100%;height: 100%;max-width: 600px;padding:2rem 40px 0;position: relative;box-sizing: border-box;overflow: hidden;}
.box2 .swiper-container{overflow: inherit;perspective: 500px;}
.box2 img{width:100%}
.box2 ul{margin: 0 auto;}
.box2 ul li{width: 345px;height: 100%;overflow: hidden;opacity: 0.6;}
.box2 ul li i{display: block; display: none;width:64px;margin-top: 30px;margin: 0px auto 0; }
.box2 ul li.swiper-slide-active i{display: block;}
.box2 ul li.swiper-slide-active{opacity: 1}
.box2_nr{height: 6.6rem;}


@media screen and (min-width: 320px) and (max-height: 568px){
.wrap .box2{padding:2.8rem 30px 0; }
.wrap .box2 ul li{width: 267px;}
.wrap .box2 ul li i{width: 50px;}
}

@media screen and (min-width: 375px) and (max-height: 667px){
.wrap .box2{padding:2.2rem 35px 0; }
.wrap .box2 ul li{width: 312px;}
.wrap .box2 ul li i{width: 58px;}
}

.swiper-container-h{
	position: relative;
	overflow:inherit;
}
.swiper-button-prev, .swiper-button-next{
	position: absolute;z-index: 100;top:50%;width:0.45rem;height: 0.45rem;
}
@media screen and (max-width: 640px) {
.swiper-button-prev{background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/btn_p.png) 0 0/100% 100%; left: 0.3rem; }
.swiper-button-next{background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/btn_n.png) 0 0/100% 100%; right: 0.3rem; }
}
@media screen and (min-width: 641px) {
.swiper-button-prev{background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/btn_p.png) 0 0/100% 100%; left: 0.7rem; }
.swiper-button-next{background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/btn_n.png) 0 0/100% 100%; right: 0.7rem; }
}

/*3*/
.slider_video{  background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/bg_video.jpg)no-repeat 0 0;width:6.4rem;height: 11.36rem;background-size: 100% 100%; position: relative; }
.slider_video_window{background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/v_window.png)no-repeat 0 0;width: 6.4rem;height: 3.42rem;background-size: 100% 100%;margin-top:4.32rem;position: absolute; overflow:hidden;}
.slider_video_window span{font-size: 0.16rem;color: rgb(187,175,143);position: absolute;display: block;width: 100%;text-align: center; line-height: 0.29rem; }
.slider_video_window video{width: 5rem;height: 2.78rem;position: absolute;top: 0.325rem;  left: 0.76rem;}
.slider_video_window .video-box{width: 5rem;height: 2.78rem;position: absolute;top: 0.325rem;  left: 0.76rem; overflow: hidden;}
/*4*/
.banner {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.swiper-banner_tt {
	text-align: center;
	font-size: 12px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-banner {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
}

.slider-banner {
	background-size: cover;
	background-position: center;
}
.video{position: absolute;left:50%;top:3.8rem;width: 5.88rem;height:3.51rem;margin-left:-2.94rem;background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/video.png) no-repeat 0 0/100%;}
.video2{width: 5.99rem;height:3.38rem;background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/video2.png) no-repeat 0 0/100%;}
.video video{width: 100%;height:100%;}
.video .img-gif{width:4.83rem;height:2.69rem;position: absolute;left:0.56rem;top:0.37rem;}
.video2 .img-gif{left:0.72rem;top:0.29rem;}
.type04,.type05 {
	width: 6.4rem;
	height: 100%;
	background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/bg.jpg) no-repeat 0 0;
	background-size: 100% 100%;
	position: relative;
	margin:0 auto;
}
.type05{
	background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/bg05.jpg) no-repeat 0 0/100%;
}

.type04 .container, .type05 .container{
	position: absolute;
	top: 7.5rem;
	left: 0rem;
}

.type04 .container .gallery-thumbs ,.type05 .container .gallery-thumbs{
	width: 6.5rem;
	height: 1rem;
	box-sizing: border-box;
	padding: 10px 15px;
	overflow: hidden;
}

.type04 .container .gallery-thumbs .swiper-slide,.type05 .container .gallery-thumbs .swiper-slide {
	position: relative;
	width: 0.74rem;
	height: 0.74rem;
	opacity: 0.4;
	overflow: hidden;border-radius:50%;
}
.type04 .container .gallery-thumbs .swiper-slide .name,.type05 .container .gallery-thumbs .swiper-slide .name{
	text-indent: -100em;
}

.type04 .container .gallery-thumbs .swiper-slide-active ,.type05 .container .gallery-thumbs .swiper-slide-active{
	width: 0.86rem;
	height: 0.86rem;
	opacity: 1;
	margin-top: -0.05rem;
	overflow: hidden;border-radius:50%;
}
.type04 .container .gallery-thumbs .swiper-slide-active .name ,.type05 .container .gallery-thumbs .swiper-slide-active .name{
	position: absolute;
	left: 0.05rem;
    top: 0.07rem;
	width: 0.74rem;
	height: 0.74rem;
	color: #fff;
	line-height: 0.74rem;
	text-align: center;
	z-index: 10;
	text-indent: 0;
	    font-size: 0.2rem;
}
.type04 .container .gallery-thumbs .swiper-slide-active .mask ,.type05 .container .gallery-thumbs .swiper-slide-active .mask{
	position: absolute;
	width: 0.86rem;
	height: 0.86rem;
	background-color: brown;
	opacity: 0.6;
	border-radius: 50%;
}

.type04 .container .finger ,.type05 .container .finger{
	    width: 1.6rem;
    height: 1.4rem;
    background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/finger01.png) no-repeat center center;
    background-size: cover;
    position: absolute;
   
    margin-top: 0.3rem;
}
/* 6 */
li{list-style: none;}
.box6{background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/bg_box6.jpg) 0 0/100% 100%;}
.box6 .ul{    position: absolute;
    left: 50%;
    top: 1.5rem;
    padding: 0;
    margin-left: -2.8rem;}
.box6 .ul li{background-color: #4a738b;text-align: center;height: 3rem;}
.box6 .ul li a{display: block;height:100%;text-decoration: none;}
.box6 .ul li:nth-of-type(1){width: 2.7rem; float: left;border-radius: 8px; margin-right: 0.4rem;}
.box6 .ul li:nth-of-type(2){width: 2.7rem; float: right; border-radius: 8px;}
.box6 .ul li img{width:0.77rem;height:0.71rem;padding-top:0.5rem;}
.box6 .ul li p{color:#b7e7e7;font-size:0.19rem;line-height:0.22rem;}
.box6 .ul li p span{color:#fff;font-size:0.23rem;}
.return{    position: absolute;
    /*top: 6.6rem;*/bottom:2.4rem;
    left: 2.9rem;
    background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/box6_ico3.png) no-repeat center;
    padding-top: 1.1rem;color:#4a738b;text-decoration:none;}
.foot_btn{    position: absolute;
    bottom: 0rem;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 0.9rem;
    line-height: 0.9rem;background:#276c94;}
.foot_btn li{float:left;width:33.3%;text-align:center;color:#fff;font-size:0.26rem;}
.cup{    width: 2.4rem;
    height: 1.44rem;
    background: url(//game.gtimg.cn/images/jx3/m/m201704/images/guide/box6_ico4.png) 0 0/100% 100%;
    position: absolute;
    bottom: 0.9rem;
    left: 2.3rem;}


	.move{
				-webkit-animation:move 1s linear infinite ;
				-o-animation: move 1s linear infinite;
				-moz-animation:move 1s linear infinite ;
				animation:move 1s linear infinite ;
			}
@-webkit-keyframes move{
	0%{left:2.1rem;} 
    100%{left:2.3rem;}
}
@-o-keyframes move{
	0%{left:2.1rem;} 
    100%{left:2.3rem;}
}
@-moz-keyframes move{
	0%{left:2.1rem;} 
    100%{left:2.3rem;}
}
@keyframes move{
	0%{left:2.1rem;} 
    100%{left:2.3rem;}
}

#dialogVideoPlayerBox{height:4rem;}
.mocha-page-mark{position: fixed;z-index:999;left:0;top:0;width:100%;height:100%;
	/* css3 rgba */
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.7); 
}
.mocha-dialog{font-size:0.32rem;}
	.mocha-dialog-mark{position: fixed;z-index:999;left:0;top:0;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.7);}
	.mocha-dialog-box{position: fixed;z-index:1001;left:50%;top:20%;margin:0 0 0 -45%;width:90%;}
	.mocha-dialog-close{position: absolute;right:10px;top:10px;font-size:0.58rem;text-decoration: none;}
	.mocha-dialog-hd{padding:0.28rem;}
	.mocha-dialog-hd-title{font-size: 0.36rem;text-align: center;padding:0 0.32rem;}
	.mocha-dialog-bd{padding:0.32rem;}
	.mocha-dialog-fd{font-size:0.32rem;padding:0.28rem;border-top:1px solid #ccc;text-align: center;}
	.mocha-box-fd-btn{display: inline-block;vertical-align: middle;padding:0.16rem 0.32rem;margin:0 0.16rem;font-size:0.32rem;}
	/* scheme */
	.mocha-dialog-scheme1{}
	.mocha-dialog-scheme1 .mocha-dialog-bd{font-size:0.32rem;line-height:0.28rem;}
	.mocha-dialog-scheme2{}
	.mocha-dialog-scheme2 .mocha-dialog-hd{display: none;}
	.mocha-dialog-scheme2 .mocha-dialog-bd{font-size:0.32rem;line-height:0.48rem;padding:0.96rem 0 0 0;text-align: center;}
	.mocha-dialog-scheme2 .mocha-dialog-bd p{margin:0 0 0.16rem;}.mocha-dialog-skin1 .mocha-dialog-close{color: #ccc;}