html,body,ul,ol,h1,h2,h3,h4,h5,h6,p,th,td,dl,dt,dd,form,input,textarea,select,.cf{margin:0;padding:0;}
body{font-size:.12rem; font-family: Helvetica, Microsoft YaHei, Tohoma, Arial;}
h1,h2,h3,h4,h5,h6,b{font-weight: normal;}
a{text-decoration:none;outline:none;}
li{list-style:none}
img{border:none;vertical-align:middle;}
html{overflow-x:hidden;overflow:-Scroll;overflow-x:hidden}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}




.page_0{  width:6.4rem; height:3.61rem;}
.page_0 img{ width:6.4rem; height:3.61rem;}
.wrap{ margin:0 auto; width:6.4rem; position:relative;}
.page_1{ background:url(../images/bg_01.jpg) no-repeat; width:6.4rem; height:1.45rem;background-size: 100% 100%; position:relative;margin-top: 0.2rem;margin-bottom: 0.2rem;}
.part1Con {width: 6.4rem;height:8.57rem;position: absolute;left: 50%;top:0;margin-left: -3.2rem; z-index:3;}
.slo{background: url(../images/header_btn_07.png) no-repeat;background-size: 100% 100%;width: 6.02rem;height: 2.75rem; position:absolute;left:50%;top:5.59rem; margin:0 0 0 -3.01rem;animation:scaleA 1s .2s ease both;-webkit-animation:scaleA 1s .2s ease both;-ms-animation:scaleA 1s .2s ease both;-moz-animation:scaleA 1s .2s ease both;-o-animation:scaleA 1s .2s ease both;}
@keyframes scaleA{
0%{opacity:0;-webkit-transform:scale(2,2);}
80%{-webkit-transform:scale(.9,.9);}
100%{opacity:1;-webkit-transform:scale(1,1);}
}
@-webkit-keyframes scaleA{
0%{opacity:0;-webkit-transform:scale(2,2);}
80%{-webkit-transform:scale(.9,.9);}
100%{opacity:1;-webkit-transform:scale(1,1);}
}
@-ms-keyframes scaleA{
0%{opacity:0;-ms-transform:scale(2,2);}
80%{-ms-transform:scale(.9,.9);}
100%{opacity:1;-ms-transform:scale(1,1);}
}
@-moz-keyframes scaleA{
0%{opacity:0;-moz-transform:scale(2,2);}
80%{-moz-transform:scale(.9,.9);}
100%{opacity:1;-moz-transform:scale(1,1);}
}
@-o-keyframes scaleA{
0%{opacity:0;-o-transform:scale(2,2);}
80%{-o-transform:scale(.9,.9);}
100%{opacity:1;-o-transform:scale(1,1);}
}
@keyframes movebottom{
	from{transform: translateY(-.03rem);}
	25%{transform: translateY(0rem);}
	50%{transform: translateY(.03rem);}
	75%{transform: translateY(0rem);}
	to{transform: translateY(-.03rem);}
}
@-webkit-keyframes movebottom{
	from{-webkit-transform: translateY(-.03rem);}
	25%{-webkit-transform: translateY(0rem);}
	50%{-webkit-transform: translateY(.03rem);}
	75%{-webkit-transform: translateY(0rem);}
	to{-webkit-transform: translateY(-.03rem);}
}
.solshou{ background:url(../images/header_btn_15.png) no-repeat;background-size: 100% 100%; width:3.44rem; height:.49rem; position:absolute; top:6.46rem; left:50%; margin:0 0 0 -1.72rem; z-index:9;}
.solshou{animation: fadeInUp .1s 1s both;}
.logo{ background:url(../images/btn_02.png) no-repeat;background-size: 100% 100%; width:2.03rem; height:0.74rem;position:absolute; top:0.44rem; left:4.3rem; }



.btn3{ background:url(../images/btn_03.png) no-repeat;background-size: 100% 100%; margin-top:0.2rem; width:5rem; height:1.26rem; margin-left:0.7rem; }
.play{width:.66rem;height:.66rem;overflow:hidden;cursor:pointer;position:absolute;top:.6rem;left:4.08rem;z-index:100; border:10px solid #f00;background: url("../images/header_btn_1.png") no-repeat center center;background-size: 100% 100%;}
.play span{display: block;width:.66rem;height:.66rem;background: url("../images/header_btn_2.png") no-repeat center center;background-size: 100% 100%;-webkit-animation:circle 5s infinite linear;}
@-webkit-keyframes circle{0%{ transform:rotate(0deg); }100%{ transform:rotate(360deg); }}


.btn{  position:absolute; top:7.08rem; left:50%; margin:0 0 0 -1.75rem; z-index:9;overflow:hidden;}
.btn{animation: fadeInUp .1s 1.2s both;}
.yy_btn{background:url(../images/yy_btn.png) no-repeat;background-size: 100% 100%; width:3.51rem; height:1.2rem; display:block;}
.yy_btn{background:url(../images/yy_btn.png?v=1) no-repeat;background-size: 100% 100%; width:3.53rem; height:1.21rem; display:block;}
.yy_btn1{background:url(../images/ios_down.png?v=1) no-repeat;background-size: 100% 100%; width:3.53rem; height:1.21rem; display:block;}
.page_2{width: 6.4rem;height: 8.95rem;}

.news{width: 6.4rem;height: 5.6rem;background-color: #000; float:left;}
.news-title{position: relative;width: 100%;height: .65rem;background-color: #0e0d0d;}
.news-title li.active img{ width:1.32rem; height:.65rem;}
.news-inner{width:100%;height:4.98rem; margin: 0 auto;position: relative;}
.news-listbox{width: 100%;padding-top: .17rem;margin:0 auto;}
.news-listbox li{ width: 100%;padding: .15rem 0;font-size: .16rem;color: #eaeaea;}
.news-listbox a{ display: block;overflow: hidden;width: 100%;color: #eaeaea;font-size: .16rem;}
.news-listbox a:hover{color: #d4ae71;}
.news-listbox p{ width: auto;max-width: 70%; float: left;padding-left: .3rem; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-listbox span{width: auto; max-width: 20%; float: right;padding-right: .34rem;}
.news-inner .more a{ color:#fff; border:1px solid #fff; display:block; width:5.75rem; text-align:center; margin:.1rem auto; line-height:.6rem;font-size: .16rem;}
.news-inner .more a:hover{ color:#fff;text-decoration:underline;}

.page_3{ background:url(../images/bg_05.jpg) no-repeat;background-size: 100% 100%; width:6.4rem; height:6.07rem; border-bottom:.03rem solid #d4ae71;}
.page_3 h3{ text-align:center; padding:.3rem 0 0 0;}
.page_3 h4{ text-align:center; padding:.5rem 0 0 0;}
.page_3 h3 img{ width:2.48rem; height:.91rem;}
.page_3 h4 img{ width:2.49rem; height:.83rem;}
.page3conte{ height:3.5rem;}
.box_sp{ width:4rem; height:2.3rem;margin:.56rem 0 0 0; position:absolute; top:0; left:1.0rem;}
.page_3 .swiper-pagination{ text-align:center; width:4rem; margin:0 0 0 2.22rem;}
.page_3 .swiper-pagination-bullet{width:.33rem;height:.33rem;border-radius:inherit;background: url("../images/slidesp.png") no-repeat;background-size: 100% 100%; margin:.1rem !important;opacity:1;}
.page_3 .swiper-pagination-bullet-active{opacity:1; background: url("../images/slidesp_act.png") no-repeat;background-size: 100% 100%;}

.page_4{ background-color:#fff; border-bottom:.03rem solid #d4ae71;}
.lef{ position:absolute; left:.3rem; top:5rem; background:url(../images/btn_11.png) no-repeat;background-size: 100% 100%; width:1.21rem; height:.53rem;cursor:pointer; z-index:10;}
.rig{ position:absolute; left:1.52rem; top:5rem;background:url(../images/btn_13.png) no-repeat;background-size: 100% 100%; width:1.2rem; height:.53rem;cursor:pointer;z-index:10;}

.box2{height:7rem;}
.game_roles{ width:6.4rem;height:7rem; overflow:hidden; position:relative;}
.game_roles .swiper-slide{width:100%;min-width:6.4rem;position:relative;}
.role_info .tit img{width:6.4rem; height:6.48rem;position:absolute; top:.54rem; left:50%;margin:0 0 0 -3.2rem;z-index:1;}
.role_info{opacity:0; -webkit-transform:translate(100%, 0); transform: translate(100%, 0); -webkit-transition:all 0.3s; transition:all 0.3s; z-index:1;}
.role_img1,.role_img2,.role_img3,.role_img4,.role_img5,.role_img6{-webkit-transform:translate(-100%, 0); transform:translate(-100%, 0); -webkit-transition:all 0.3s; transition:all 0.3s; z-index:10;}
.game_roles .swiper-slide-active .role_info{-webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0.3s; transition: all 0.3s; opacity:1;}
.game_roles .swiper-slide-active .role_img{opacity:1; -webkit-transform:translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0.3s; transition: all 0.3s; z-index:1;position:absolute;top:.97rem; left:0%;}
.game_roles .swiper-slide-active .role_img{ width:4.05rem; height:3.7rem; position:absolute;top:.97rem; left:50%; margin:0 0 0 -3.2rem; z-index:10;}
.slide1 img,.slide2 img,.slide3 img,.slide4 img,.slide5 img,.slide6 img{ width:4.05rem; height:3.7rem;position:absolute;top:.97rem; left:0%;}

.page_5{ background-color:#fff; height:3.4rem;}
.page_5 h3{ text-align:center; margin:.36rem 0 0 0;}
.page_5 h3 img{ width:2.54rem; height:.94rem;}

.ani{
    /*! -moz-animation: downarr .2s linear infinite alternate; */
    /*! -webkit-animation: downarr .2s linear infinite alternate; */
    /*! -o-animation: downarr .2s linear infinite alternate; */
    -ms-animation: downarr .2s linear infinite alternate;
    animation: downarr .2s linear infinite alternate;
}

@-webkit-keyframes downarr{0%{-webkit-transform:translateY(-4px);}
100%{-webkit-transform:translateY(4px);}
}
@-moz-keyframes downarr{0%{-moz-transform:translateY(-4px);}
100%{-moz-transform:translateY(4px);}
}
@-o-keyframes downarr{0%{-o-transform:translateY(-4px);}
100%{-o-transform:translateY(4px);}
}
@-ms-keyframes downarr{0%{-ms-transform:translateY(-4px);}
100%{-ms-transform:translateY(4px);}
}
@keyframes downarr{0%{transform:translateY(-4px);}
100%{transform:translateY(4px);}
}

.box3 .swiper-container {width: 6.4rem;padding-top:  .5rem;padding-bottom:  .5rem;margin:0 auto;}
.box3 .swiper-slide {background-position: center;background-size: cover;width:4.68rem;height: 2.64rem;/*cursor:e-resize*/ margin:.5rem 0;}
.box3 .swiper-slide img{width:4.68rem;height: 2.64rem;}
.box3{ width: 6.4rem;margin:0 auto; position:relative; background-image:none;}
.box3 .swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none;}






.page_6{ background-color:#000; height:1.05rem;}
/*.baidu_btn,.wx_btn,.wb_btn{ float:left; margin:.11rem 0 0 1.15rem; }*/
.baidu_btn,.wx_btn,.wb_btn{ float:left; margin:.11rem 0 0 1.6rem; }
.baidu_btn{width:.57rem;}
.baidu_btn span,.wx_btn span,.wb_btn span{ display:block; text-align:center; color:#fff; line-height:.3rem;}
.baidu_btn img{ width:.57rem; height:.62rem;}
.wx_btn{width:.71rem;}
.wx_btn img{width:.71rem; height:.62rem;}
.list_wx p{ margin:.3rem auto;width:3.5rem; text-align:left; font-size:.2rem;}
.list_wx{ position:fixed; top:0; left:0;background: #000;background:url(../images/pop_bg_03.png) repeat;background-size: 100% 100%;display:none;z-index:99999; width:6.4rem; height:100%;}
.list_wx .img_bg{color:#fff; text-align:center; position:absolute; bottom:5%; left:0%; width:6.4rem;}
.list_wx .img_bg img{ width:1.63rem; height:1.63rem;}
.list_wx .img_bg p img{ width:.66rem; height:.66rem;}
.list_wx .img_bg p span{ width:.66rem; height:.66rem; display:block; float:left; margin:0rem .1rem 0 0;}
.closebtn2{ background:url(../images/xx_03.png) no-repeat;background-size: 100% 100%; width:.48rem; height:.49rem; float:right; margin:.5rem;}
.wb_btn{width:.69rem;}
.wb_btn img{width:.69rem; height:.62rem;}

.page_7{ background-color:#3b3b3b; height:1.05rem;}
.footerleft{ color:#fff; font-size:.12rem; float:left;margin:.11rem 0 0 .15rem;}
.footerleft img{ width:.1rem; height:.1rem;}

.footerright{ float:right; margin:.15rem .2rem 0 0;}
.footerright img{ width:.64rem; height:.64rem;}

/*视频弹窗*/
.bg{display:none;width: 100%;height: 100%;position: fixed;left:0;top:0;z-index:500;background: #000;filter:alpha(opacity=50);-moz-opacity:0.5;  opacity: 0.5;}
.openbox{display:none;margin:-1.35rem 0 0 -3.2rem;width:6.4rem; height:3.2rem;position: fixed;z-index: 99999999;left:50%;top:50%;}
.closebtn{position: absolute;top:-.49rem;right:.1rem;height:.49rem;width: .48rem;cursor: pointer;z-index: 181;background: url('../images/xx_03.png') no-repeat;background-size: 100% 100%;}
.play_sp{ width:6.4rem; height:3.35rem; position:absolute;left:50%;top:50%;margin:-1.6rem 0 0 -3.2rem;}
.play_sp img{width:6.4rem; height:3.35rem;}





.page_2_1{width: 6.4rem;height: 7.65rem;  background:url(../images/bg_02_1.jpg) no-repeat; background-size: 100% 100%; position:relative;}
.phone_icon{    left: 0.3rem;position: absolute;top: 0.25rem;}
.phone_icon img{ width:2.05rem; height:2.05rem;}
.s2 li img{width:2.04rem; height:0.62rem;}
.s2{ height:0.87rem; position:absolute; top:0.34rem; left:2.45rem; width:2.04rem;}

.apk a img{margin-bottom:0.05rem;}
.s3{ height:1rem; position:absolute; top:0.34rem; left:4.7rem; width:1rem; }
.group a img{margin-bottom:0.05rem;}
.s3 li img{width:0.96rem; height:0.99rem;}

.gift_b a{      height: 2.3365rem;left:0.4965rem; position: absolute;top: 8.0365rem;width: 2.8365rem; display:block; }
	/*四个图标*/
.apk11 a{height: 0.69rem;left: 0.23rem; position: absolute; top: 5.87rem; display:block;width: 2.92rem; border:1px solid #f00; }
.apk12 a{height: 0.69rem;left: 3.24rem; position: absolute; top: 5.87rem; display:block;width: 2.92rem; border:1px solid #f00;}
.apk13 a{height: 0.69rem;left: 0.23rem; position: absolute; top: 6.67rem; display:block;width: 2.92rem;border:1px solid #f00;}
.apk14 a{height: 0.69rem;left: 3.24rem; position: absolute; top: 6.67rem; display:block;width: 2.92rem;border:1px solid #f00; }
	/*联系客服*/
	
.s3_1_1{ width:2.71rem; text-align:left ; font-size:0.18rem;line-height:0.32rem; color:#fff; position:absolute;    top: 3.60rem; left:3.51rem; }
.s3_1_1 p{height:0.33rem; line-height:0.33rem;letter-spacing:0.03rem;}
.s3_1_1 a{color:#fff; text-decoration:none;}
.s3_1_1 a:hover{color:#f00;}

	/*底部*/
.phone_bottom{width: 6.4rem; height:3.01rem;background:url(../images/list_bg_07.jpg);margin:0 auto;position: relative;background-size: 100% 100%;}
.phone_list_img {position:absolute;top: 0.10rem;left: 0rem;}
.phone_list_img img{float:left;}
.footer1{position:absolute; top:6.21rem; left: 0rem;}
.footer1_img1 img{float:left;}
.footer1_img2 img{float:right;}
.fixe_btn{position:absolute; top:2.50rem; left:0rem;}
.fixe_btn img{width:3.26rem ; height:3.34rem;}
.fixe_btn{-webkit-animation:sec_pic 1.2s linear infinite}
@-webkit-keyframes sec_pic{0%{-webkit-transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,0.08rem,0)}100%{-webkit-transform:translate3d(0,0,0)}}

.phone_list_img img{width:2.13rem; }

.box{ width:6.4rem; height:3.35rem; float:left;}
.box .swiper-slide img {width:6.4rem; height:3.35rem}
.box .swiper-pagination-bullet{width:26px;height:10px;border-radius:inherit;background: url(../images/slidenav.png) no-repeat;  background-size: 100% 100%; margin:0 !important;opacity:1;}
.box .swiper-pagination-bullet-active{opacity:1; background: url(../images/slidenav-act.png) no-repeat;  background-size: 100% 100%;}


.icon{width:1.5rem; height:1.48rem;position:absolute; top:0rem; left:0.1rem;}




/*第三部分 立即登录*/
.part3{height: 5.54rem; background-image:url(../images/phone_img_bg_03.png);width:6.4rem;  position:relative;background-size: 100% 100%;}
.btn1  {    position: absolute;
    top:0.7rem;
    left: 2.51rem;
    width: 3.37rem;
    height: 0.53rem;
  }
	.btn1 img{width:3.37rem; height:0.53rem;}

.input1 {   
    height:0.63rem;
    width: 2.89rem;
    position: absolute;
    top: 3.71rem;
    left: 2.99rem;
    text-align: center;
    }
.text_content1{width:2.80rem; height:0.62rem; line-height:0.62rem; background:none; font-size:0.2rem; float:left; border:none; overflow:hidden;text-align:center; }

.chaxun_btn{    position: absolute;
    top: 1.85rem;
    left: 1.15rem;
 
   }
   
   .chaxun_btn a{     width: 5rem;
    height: 1.24rem;
    display: block;
   }


   .tip {
    width: 6.4rem;
    height: 3.12rem;
    background-color: transparent;     /* 透明背景 */
    color: #333;                        /* 字体颜色 */
    font-size: 0.2rem;
    text-align: left;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-y: auto;             
  word-break: break-word;      
  white-space: normal;         
  box-sizing: border-box;        
    line-height: 1.3;                
    margin-top: 0.15rem;
  }