body,html{
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	overflow-y: auto;
}
.wrapper{
	height: auto;
	background-color: #000;
}
.content{
	position: relative;
	top: 0;
	transform: none;
}
.mySwiper{
	height: auto;
}
.mySwiper .swiper-wrapper1{
	display: block;
}
.part{
	height: auto;
	background-color: #cff;
	border: none;
}

.part{
	background: url(../images/m/bg_kv1.jpg) center/cover no-repeat;
	border: none;
	overflow: hidden;
}
.kv{
	height: 11.29rem;
	background: url(../images/m/bg_kv1.jpg) center/cover no-repeat;
	margin-top: .7rem;
}
.part1{
	height: 15.38rem;
	background: url(../images/m/bg_part1.jpg) center/cover no-repeat;
}
.part2{
	height: 13.78rem;
	background: url(../images/m/bg_part2.jpg) center/cover no-repeat;
}
.part3{
	height: 13.14rem;
	background: url(../images/m/bg_part3.jpg) center/cover no-repeat;
}
.part4{
	height: 14.66rem;
	background: url(../images/m/bg_part4.jpg) center/cover no-repeat;
}
.part5{
	height: 8.9rem;
	background: url(../images/m/bg_part5.jpg) center/cover no-repeat;
}
.flex-center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.slogan-box{
	display: block;
	margin-top: 1.4rem;
}
.slogan-kv{
	display: none;
	width: 6.94rem;
	margin: 0 auto;
	background: url(../images/m/img_slogan1.png) center/100% no-repeat;
	height: 3.61rem;
}
.slogan-kv2{
	width: 5.97rem;
	background: url(../images/m/img_slogan2.png) center/100% no-repeat;
	height: 2.1rem;
	margin-top: 2rem;
	margin-bottom: 1.3rem;
}
.btn-join {
    width: 4.78rem;
    height: 0.98rem;
    background: url(../images/m/btn_join.png) center/100% no-repeat;
    margin: 0.6rem auto .4rem;
}
.btn-join:hover{
	background-position: center center;
}
.kv-btn{
	width: 7.5rem;
	display: none;
	text-align: center;
}
.kv-btn.on{
	display: block;
}
.kv-btn a{
	margin: .1rem .2rem;
}
.kv-btn a.on{
	display: inline-block;
}
.kv-btn .pluto-mall{
	position: relative;
	display: inline-block;
}
/* .kv-btn .pluto-mall .btn-pluto-title{
	width: 2.6rem;
	height: .85rem;
	background: url(../images/btns/a_pay_btn.png) top/100% auto no-repeat;
	position: absolute;
	top: -0.45rem;
	left: 50%;
	transform: translateX(-50%);
} */
.kv-btn a.btn-plutomall{
	width: 2.66rem;
	height: 1.2768rem;
	background: url(../images/btns/a_pay_btn.png) bottom/100% auto no-repeat;
}
.kv-btn a.btn-appstore{
	width: 2.66rem;
	height: .85rem;
	background: url(../images/m/btn_app_store.png) center/100% no-repeat;
}
.kv-btn a.btn-googleplay{
	width: 2.82rem;
	height: .84rem;
	background: url(../images/m/google_download.png) center/100% no-repeat;
}
.kv-btn2 a.btn-appstore{
  background: url(../images/m/btn_app_store2.png) center/100% no-repeat;
  width: 2.64rem;
  height: .86rem;
}
.kv-btn2 a.btn-googleplay{
  background: url(../images/m/google_download2.png) center/100% no-repeat;
  width: 2.67rem;
  height: .86rem;
}
.kv-btn a.btn-email{
	width: 2.55rem;
	height: .86rem;
	background: url(../images/m/btn_email.png) center/100% no-repeat;
}
.kv-btn a.btn-pc{
	width: 2.62rem;
	height: .86rem;
	background: url(../images/m/btn_window.png) center/100% no-repeat;
}
.kv-video{
	display: none!important;
}
/*part2*/
.p2-box{
    width: 100%;
    height: 10rem;
    background: none;
    position: relative;
}
.p2-list{
	height: .5rem;
	position: absolute;
	top: 1rem;
	left: 1rem;
}
.p2-list.on{
	height: 1rem;
}
.p2-list1{
    top: 2.4rem;
    left: 3.4rem;
}
.p2-list2{
    top: 7.3rem;
    left: 0.1rem;
}
.p2-list .btn-msg,.p2-list .btn-go {
    width: 1.88rem;
    height: .66rem;
    margin: 0 .05rem;
}
.p2-list .btn-go {
	background: url(../images/m/btn_go.png) center/100% no-repeat;
}

.p2-list .pc-show{
  display: none;
}
.p2-list .m-show1{
  width: 2.56rem;
}
.p2-list .m-show2{
  width: 1.69rem;
}
.p2-list .m-show{
  display: block;
}
.p2-list.on .m-show{
  display: none;
}
.p2-list.on a{
  display: block;
}
.p2-list .btn-msg:hover,
.p2-list .btn-go:hover{
	background-position: center top;
}
/*part3*/
.p3-box{
	background: none;
	height: 11rem;
}
.p3-btn {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
}
.p3-btn a {
    display: block;
    width: 1.67rem;
    height: 0.77rem;
    background: url(../images/m/btn_follow.png) center/100% no-repeat;
    position: absolute;
}
.p3-btn a:hover{
	background-position: center center;
}
.p3-btn a:nth-child(1){
    position: absolute;
    top: 4rem;
    left: .8rem;
}
.p3-btn a:nth-child(2){
    position: absolute;
    top: 6.4rem;
    left: 3.5rem;
}
.p3-btn a:nth-child(3){
    position: absolute;
    top: 8.7rem;
    left: 0.8rem;
}

/*part4*/
.p4-title{
	display: none;
}
.p4-con{
	background: none;
	width: 5rem;
	margin: 3.5rem auto 0;
	height: 8.5rem;
}
.rule-box{
	width: 100%;
	position: relative;
	margin: 0;
	height: auto;
}
/*part5*/
.p5-title{
	display: none;
}
.p5-con{
	display: block;
	width: 100%;
	margin: 0 auto;
}
.role-nav {
    display: flex;
    width: 6.5rem;
    height: .4rem;
    position: relative;
    top: 0;
    left: 0;
    margin: 2.2rem auto 0;
    justify-content: space-around;
}
.role-nav a{
	width: 1.88rem;
	height: .44rem;
	background: url(../images/m/btn_role.png) center no-repeat;
	background-size: 6.19rem auto;
	background-position-y: top;
}
.role-nav a:nth-child(1){
    background-position-x: left;
}
.role-nav a:nth-child(2){
    background-position-x: center;
}
.role-nav a:nth-child(3){
    background-position-x: right;
}
.role-nav a.on{
	background-position-y: bottom;
}
.role-wrap .role-list{
	width: 7.5rem;
	height: 11.2rem;
}
.role-desc-box-m{
	display: block;
}
.role-info-box .role-desc-box{
	display: block;
	width: 100%;
	position: relative;
	left: 0;
	top: 0;
	text-align: center;
	margin: .3rem auto 0;
}
.role-info-box .role-desc-box-pc{
	display: none;
}
.role-info-box .role-desc{
	font-size: .24rem;
	line-height: .35rem;
	width: 90%;
	margin: 0 auto;
}
.role-info-box .role-name2{
	font-size: .35rem;
	line-height: .6rem;
}
.role-info-box .role-name1{
	font-size: 1.2rem;
	line-height: 1.2rem;
}
.role-cover{
	top: 4rem;
	left: 0rem;
	width: 100%;
	height: 100%;
}
.role-wrap .role-list1:after{
	top: 10.4rem;
	right: 3rem;
}
.role-wrap .role-list1{
	background-image: url(../images/m/bg_role1.png);
	background-position: center bottom;
}
.role-wrap .role-list2{
	background-image: url(../images/m/bg_role2.png);
	background-position: center bottom;
}
.role-wrap .role-list3{
	background-image: url(../images/m/bg_role3.png);
	background-position: center bottom;
}
.role-btn{
    width: 7rem;
    position: relative;
    left: 0;
    top: 0;
    margin: .4rem auto;
}
.role-btn a{
	width: 1.38rem;
	height: 1.6rem;
	margin: 0 .1rem;
}
.role-btn a.on:after{
	width: 1.4rem;
	height: 1.5rem;
	top: 0.05rem;
}
.role-cover .img-role1{
    width: 7.89rem;
    top: 0.8rem;
    left: 0.2rem;
}
.role-cover .img-role2{
    width: 6.61rem;
    top: 0.8rem;
    left: 0.5rem;
}
.role-cover .img-role3{
    width: 7.19rem;
    top: 0.7rem;
    left: 0.1rem;
}
.role-cover .img-role4{
    width: 7.39rem;
    top: 1.2rem;
    left: 0.5rem;
}
.role-cover .img-role5{
    width: 3.35rem;
    top: 0.6rem;
    left: 2.2rem;
}
.role-cover .img-role6{
    width: 5.83rem;
    top: 0.7rem;
    left: 2rem;
}
.role-cover .img-role7{
    width: 3.74rem;
    top: 0.5rem;
    left: 1.6rem;
}
.role-cover .img-role8{
    width: 7.63rem;
    top: 0.1rem;
    left: 0.2rem;
}
.role-cover .img-role9{
    width: 5.73rem;
    top: 0.2rem;
    left: 1rem;
}
.role-cover .img-role10{
    width: 5.94rem;
    top: 0.3rem;
    left: 0.2rem;
}
.role-cover .img-role11{
    width: 4.2rem;
    top: 2.3rem;
    left: 1.2rem;
}
.role-cover .img-role12{
    width: 6.38rem;
    top: -.3rem;
    left: 0.4rem;
}

/*part6*/
.p6-title{
	display: none;
}
.p6-swiper{
	display: block;
	width: 6.4rem;
	height: 4.8rem;
	margin: .34rem auto 0;
	position: relative;
	left: -.1rem;
}
.p6-swiper-box {
    display: block;
    width: 7.5rem;
    height: 5.14rem;
    background: url(../images/m/p6_mask.png) center/100% no-repeat;
    margin: 1.6rem auto;
    overflow: hidden;
}
.p6-swiper .p6-nav{
    bottom: .16rem;
}
/*footer*/
.p6-footer{
	display: block;
	height: 1.6rem;
	width: 7.5rem;
}
.p6-footer .footer-logo{
	margin: .1rem auto;
}
.p6-footer .footer-hint{
	width: 100%;
	height: .3rem;
	line-height: .3rem;
	text-align: center;
	font-size: .14rem;
}
.p6-footer .footer-link a{
	margin: 0 .05rem;
}
.p6-footer .footer-link{
	text-align: center;
	width: 100%;
}
.p6-prev, .p6-next{
    background: url(../images/m/p6_dir.png) no-repeat;
    background-size: 1.95rem auto;
    height: .6rem;
    top: 5.5rem;
    width: .6rem;
    left: 2.1rem;
    background-position: center left;
}
.p6-next{
    right: 2.2rem;
    background-position: center right;
    left: auto;
}
.page-txt{
	display: none;
}
/*m-nav*/
.com_topbar{
	display: block;
    height: 1.14rem;
    background: #000;
    position: fixed;
    z-index: 99;
    width: 100%;
    left: 0;
    top: 0;
}
.com_topbar h1{width: 2.35rem;height: 1.79rem;position: absolute;top:0.1rem;left: 50%;transform: translateX(-50%);opacity: 1; transition: all .5s;}
.com_topbar h1.hide{
	opacity: 0;
}
.nav-share{
	display: block;
	width: .63rem;
	height: .63rem;
	background: url(../images/m/top_share.png) center/100% no-repeat;
	position: absolute;
	top: .2rem;
	right: .2rem;
}
.com_topbar h1 a{display: block;width: 2.35rem;height: 1.79rem;background: url(../images/m/m_top_logo.png) center/100% no-repeat;}
.btn-slide{width: 0.58rem;height: 0.5rem;background-position: 0 -1.11rem;position: absolute;left: 0.2rem;top: 0.25rem;}
.btn-book{width: 1.81rem; height:0.66rem; background-position: -1.9rem -1.1rem; position: absolute; left:4.41rem; top:0.25rem; text-indent: -200%; overflow: hidden;}
.draw:before {content: ".";top: -0.18rem;}
.draw:after {content: ".";top: 0.17rem;}
.draw {top: 50%;margin-top: -1px;left: 0.44rem;}
.draw, .draw:before, .draw:after {width: 0.58rem;height: 0.13rem;background: url(../images/m/btn_top_nav2.png) center/100% no-repeat;position: absolute;left: 0;transition: all .5s;transform-style: preserve-3d;-webkit-backface-visibility: hidden;}
.draw-open .draw:before {top: 0;transform: rotate(45deg);background: #3D5BC5;}
.draw-open .draw:after {top: 0;transform: rotate(-45deg);background: #3D5BC5;}
.draw-open .draw {background: transparent;}
.draw-close .draw{background:transparent;}
.draw-close .draw:before{top:0;-webkit-transform:rotate(45deg);/* background: #fff; */}
.draw-close .draw:after{top:0;-webkit-transform:rotate(-45deg);/* background: #fff; */}
.com_nav{width:0;height:0;position:fixed;left:0;top:1.1rem;z-index:9999;opacity:0;-webkit-transition:all .5s;-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;overflow: hidden;}
.com_nav ul{width:100%;overflow:hidden;text-align:center;}
.com_nav li{height: 1.1rem;overflow:hidden;line-height: 1.1rem;position:relative;/* border-top:1px solid rgba(255,255,255,0.5); */margin:0 0.66rem;}
.com_nav li:first-child{border-top:none;}
.com_nav a{color:#fff;display:block;height:100%;font-size: 0.48rem;font-family: font;}
.com_nav a.on{
	color: #ffbf34;
}
.com_nav-open{width:100%;height:100%;opacity:1;-webkit-transform:scale3d(1,1,1);background: #000;}
.cover_content{
	background: url(../images/m/nav_line.png) bottom/100% no-repeat;
	padding-bottom: .4rem;
}
.top-nav{
    background: url(../images/m/top_nav.png) center/100% no-repeat;
    display: flex;
    width: 0;
    height: 1.1rem;
    margin: .4rem auto;
    background-size: 3.32rem;
    justify-content: center;
}
.com_nav-open .top-nav{
	width: 5.32rem;
}
.top-nav a{
    display: block;
    width: 33%;
    height: 100%;
}
.pop-close{
    right: 50%;
    top: 7rem;
    transform: translateX(50%);
}

.kv-btn .pluto-mall {
  display: none;
}

.wrapper.noOfficial .kv-btn .pluto-mall {
  display: block;
}