body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,b{font-style:normal}
a{text-decoration:none;outline: none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
img{border:0;}
button,input,select,textarea{font-size:100%;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0)}
table{border-collapse:collapse;border-spacing:0;}
td,th,ul,ol{padding:0;}
li {list-style: none; float: left;}
*{-webkit-text-size-adjust: none;}

a{font-size: 0}
.pa{
	position: absolute;
}
.wrap{
	width: 100%;
	background-color: #000;
	position: relative;
	margin:0 auto;
	overflow:hidden;
}
.new_wrap{
	width: 100%;
	background-color: #000;
	position: relative;
	margin:0 auto;
	overflow:scroll;
}
.content{
	display: block;
	width: 16.82rem;
	height: 6.65rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/bg.jpg) no-repeat top center;
	background-size: 100% 100%;
	margin: 0 auto;
	position: relative;
}
.logo{
	display: inline-block;
	width: 1.32rem;
	height: .67rem;
	left: 3.74rem;
	top: .17rem;
}
.mini{
	display: inline-block;
	width: 1.29rem;
	height: .4rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/mini.png) no-repeat top center;
	background-size: 100% 100%;
	left: 5.15rem;
	top: .3rem;
}
.tag-1{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/icon-1.png) no-repeat top center;
	left: 2.65rem;
	top: 2.22rem;
}
.tag-2{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/icon-2.png) no-repeat top center;
	left: 12.6rem;
	top: 1.22rem;
}
.tag-3{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/icon-3.png) no-repeat top center;
	left: 5.8rem;
	top: .73rem;
}
.tag-4{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/icon-4.png) no-repeat top center;
	left: 9.33rem;
    top: -.02rem;
}
.tag-5{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/icon-5.png) no-repeat top center;
	left: .5rem;
	top: 2.02rem;
}
.tag-6{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/icon-6.png) no-repeat top center;
	left: 12.23rem;
	top:4.19rem;
}
.tag-7{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/icon-7.png) no-repeat top center;
	left: 2.61rem;
	top: 4.19rem;
}
.tag-8{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/icon-8.png) no-repeat top center;
	left: 4.87rem;
	top: 3.01rem;
}
.tag-9{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/icon-9.png) no-repeat top center;
	left: 9.08rem;
	top:2.14rem;
}
.tag{
	width: 2.32rem;
	height: 1.41rem;
	background-size: 100%;
	z-index: 2;
}
.tag-mid{
	display: block;
	width: 1.3rem;
	height: .52rem;
	position: relative;
	top: 50%;
	transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    margin:0 auto;
    z-index: 2;
}
.tag-1 .tag-mid{
	height: 2.5rem;
    top: -5%;
}
.tag-2 .tag-mid{
	height: 2.5rem;
    top: 118%;
}
.tag-3 .tag-mid{
	height: 2rem;
    top: 95%;
}
.tag-4 .tag-mid{
	height: 2rem;
    top: 89%;
}
.tag-5 .tag-mid{
	height: 2.5rem;
    top: 118%;
}
.tag-6 .tag-mid{
	height: 1.8rem;
    top: 88%;
}
.tag-7 .tag-mid{
	height: 1.8rem;
    top: 88%;
}
.tag-8 .tag-mid{
	height: 2.5rem;
    top: 102%;
}
.tag-9 .tag-mid{
	height: 3.8rem;
    top: 158%;
}
.nav{
	width: 1.66rem;
	height: 2.69rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/nav.png) no-repeat top center;
	background-size: 100% 100%;
	top: .48rem;
	right: .5rem;
}
.container{
	width: 1.38rem;
	height: .83rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/video-bg.png) no-repeat top center;
	background-size: 100% 100%;
	margin: 1.7rem auto 0;
	position: relative;
}
.video-btn {
	display: block;
	width: .41rem;
	height: .41rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -.2rem 0 0 -.2rem;
	animation: tada 1s infinite ease both;
	-webkit-animation: tada 1s infinite ease both;
}
.video-mod{
    width: 100%;
    height: 100%;
}
.dialog{
    width: 10rem;
    height: 4.8rem;
    /* border: .05rem solid #5155a8; */
    display: none;
}
.pop-close {
    width: 1rem;
    height: 1rem;
    text-align: center;
    color: #ffeb67;
    font-size: .64rem;
    position: absolute;
    top: -.26rem;
    right: -.92rem;
}

.date{
	width: 2.65rem;
	height: 1.17rem;
	top: .75rem;
	left: 3.01rem;
}
.go .anni{
	width: 1.49rem;
	height: 2.12rem;
	left: 6.25rem;
	top: 1.95rem;
	animation:fadeIn 1s .2s ease both;
	-webkit-animation:fadeIn 1s .2s ease both;
}
.go .slogan{
	width: 2.08rem;
	height: 1.34rem;
	left: 9.55rem;
		top: 1.05rem;
		animation:fadeIn 1s .2s ease both;
	-webkit-animation:fadeIn 1s .2s ease both;
}
.dna{
	width: .82rem;
	height: 2.13rem;
	left: 13.25rem;
    top: 2.28rem;
}
/* pop */
.pop{
	width: 9.92rem;
	height: 4.6rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop-bg.png) no-repeat top center;
	background-size: 100% 100%;
	margin: 0 auto;
	position: relative;
	display: none;
}
.close{
	display: inline-block;
	width: .33rem;
	height: .33rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/close.png) no-repeat top center;
	background-size: 100% 100%;
	right: .5rem;
	top: -.5rem;
	z-index: 150;
}
.light{
	width: 2.94rem;
	height: .48rem;
	top: 0;
	left: 2.12rem;
	z-index: 2;
}
.title{
	width: 1.89rem;
	height: .38rem;
	left: 2.56rem;
	top: .27rem;
}
.sp-1{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/sp-1.png) no-repeat top center;
	background-size: 5rem 7rem;
}
.sp-2{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/sp-2.png) no-repeat center center;
	background-size: 5rem auto;
}
.le-1{
	width: 1.14rem;
	height: .32rem;
}

.desc0{
	background-position: -3.12rem -3.94rem;
	top: .9rem;
    left: 1.36rem;
}
.desc{
	display: none;
}
.desc1{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/tag-2.png) no-repeat top center;
	background-size: 100%;
	top: .9rem;
    left: 1.9rem;
}
.desc2{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/tag-3.png) no-repeat top center;
	background-size: 100%;
	top: 1.3rem;
    left: 1.36rem;
}
.desc3{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/tag-4.png) no-repeat top center;
	background-size: 100%;
	top: 1.35rem;
    left: 1.9rem;
}
.desc4{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/tag-5.png) no-repeat top center;
	background-size: 100%;
	top: 1.35rem;
    left: 2.3rem;
}
.desc5{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/tag-6.png) no-repeat top center;
	background-size: 100%;
	top: 1.35rem;
    left: 2.8rem;
}
.desc6{
	background-position: -3.12rem -3.48rem;
	top: .9rem;
    left: 1.36rem;
}
.desc7{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/tag-8.png) no-repeat top center;
	background-size: 100%;
	top: .9rem;
    left: 1.9rem;
}
.desc8{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/tag-9.png) no-repeat top center;
	background-size: 100%;
	top: 1.35rem;
    left: 1.36rem;
}
.desc9{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/tag-10.png) no-repeat top center;
	background-size: 100%;
	top: 1.35rem;
    left: 1.9rem;
}
.desc10{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/tag-11.png) no-repeat top center;
	background-size: 100%;
	top: 1.35rem;
    left: 2.3rem;
}
.desc11{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/tag-11-2.png) no-repeat top center;
	background-size: 100%;
	top: 1.35rem;
    left: 2.8rem;
}
.desc12{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/tag-12.png) no-repeat top center;
	background-size: 100%;
	top: 1.35rem;
  left: 3.5rem;
}
.le-2{
	width: 1.94rem;
	height: .32rem;
}
.desc13{
	background-position: -2.72rem -4.49rem;
	top: .9rem;
    left: 1.36rem;
}
.desc14{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/tag-13.png) no-repeat top center;
	background-size: 100%;
	top: .9rem;
    left: 1.9rem;
}
.desc15{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/tag-14.png) no-repeat top center;
	background-size: 100%;
	top: 1.32rem;
    left: 1.36rem;
}
.desc16{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/tag-15.png) no-repeat top center;
	background-size: 100%;
	top: 1.3rem;
    left: 1.9rem;
}
.desc17{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/tag-16.png) no-repeat top center;
	background-size: 100%;
	top: 1.35rem;
    left: 2.3rem;
}
.desc18{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/tag-17.png) no-repeat top center;
	background-size: 100%;
	top: 1.35rem;
    left: 2.8rem;
}

.desc.on{
	display: block;
}

.pagination_1{
	z-index: 100;
	top: 1.8rem;
    left: -1.6rem!important;
}
.swiper-pagination span{
	border-radius: 0;
	opacity: 1;
}
.pagination_1 span:nth-of-type(1){
	width: 1.72rem;
	height: .5rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/sp-1.png) no-repeat top center;
	background-size: 5rem 7rem;
	background-position: -1.8rem 0;
}
.pagination_1 span:nth-of-type(2){
	width: 1.91rem;
	height: .5rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/sp-1.png) no-repeat top center;
	background-size: 5rem 7rem;
	background-position: -1.99rem -.6rem;
}
.pagination_1 span:nth-of-type(3){
	width: 1.72rem;
	height: .5rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/sp-1.png) no-repeat top center;
	background-size: 5rem 7rem;
	background-position: -1.8rem -1.2rem;
}
.pagination_1 span:nth-of-type(1).swiper-pagination-bullet-active{
	background-position: 0 0;
}
.pagination_1 span:nth-of-type(2).swiper-pagination-bullet-active{
	background-position: 0 -.6rem;
}
.pagination_1 span:nth-of-type(3).swiper-pagination-bullet-active{
	background-position: 0 -1.2rem;
}
/* pagination2 */
.pagination_2 span:nth-of-type(1){
	width: 1.72rem;
	height: .55rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/sp-1.png) no-repeat top center;
	background-size: 5rem 7rem;
	background-position: 0 -1.86rem;
}
.pagination_2 span:nth-of-type(2){
	width: 1.91rem;
	height: .55rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/sp-1.png) no-repeat top center;
	background-size: 5rem 7rem;
	background-position: 0 -2.58rem;
}
.pagination_2 span:nth-of-type(3){
	width: 1.72rem;
	height: .55rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/sp-1.png) no-repeat top center;
	background-size: 5rem 7rem;
	background-position: 0 -3.24rem;
}
.pagination_2 span:nth-of-type(1).swiper-pagination-bullet-active{
	background-position: -1.8rem -1.86rem;
}
.pagination_2 span:nth-of-type(2).swiper-pagination-bullet-active{
	background-position: -1.99rem -2.58rem;
}
.pagination_2 span:nth-of-type(3).swiper-pagination-bullet-active{
	background-position: -1.87rem -3.24rem;
}
/* pagination3 */
.pagination_3 span:nth-of-type(1){
	width: 1.72rem;
	height: .55rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/sp-1.png) no-repeat top center;
	background-size: 5rem 7rem;
	background-position: 0 -3.98rem;
}
.pagination_3 span:nth-of-type(2){
	width: 1.91rem;
	height: .55rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/sp-1.png) no-repeat top center;
	background-size: 5rem 7rem;
	background-position: 0 -4.58rem;
}
.pagination_3 span:nth-of-type(1).swiper-pagination-bullet-active{
	background-position: -1.75rem -3.98rem;
}
.pagination_3 span:nth-of-type(2).swiper-pagination-bullet-active{
	background-position: -1.99rem -4.58rem;
}
/* pagination4 */
.pagination_4 span:nth-of-type(1){
	width: 2.52rem;
	height: .55rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/sp-1.png) no-repeat top center;
	background-size: 5rem 7rem;
	background-position: 0 -5.16rem;
}
.pagination_4 span:nth-of-type(2){
	width: 2.52rem;
	height: .55rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/sp-2.png) no-repeat top center;
	background-size: 5rem 5rem;
	background-position: 0 -1.84rem;
}
.pagination_4 span:nth-of-type(3){
	width: 2.52rem;
	height: .55rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/sp-2.png) no-repeat top center;
	background-size: 5rem 5rem;
	background-position: 0 -3.09rem;
}
.pagination_4 span:nth-of-type(1).swiper-pagination-bullet-active{
	background-position: 0 -5.72rem;
}
.pagination_4 span:nth-of-type(2).swiper-pagination-bullet-active{
	background-position: 0 -2.41rem;
}
.pagination_4 span:nth-of-type(3).swiper-pagination-bullet-active{
	background-position: 0 -3.66rem;
}
.swi-button{
	z-index: 150;
}
.p-left{
	position: relative;
	top: 1.3rem;
	left: .85rem;
	width: 50%;
	z-index: 2;
}
.p-txt{
	font-size: .2rem;
	color:#ffffff;
}
.skill-t1,.skill-t2{
	display: inline-block;
	width: 1.2rem;
	height: .28rem;
	background-position: -2.99rem -.12rem;
}
.skill-t2{
	background-position: -3rem -.46rem;
}
.skill-icon{
	display: inline-block;
	width: .42rem;
	height: .42rem;
}
.skill-1{
	background-position: 0 0;
}
.skill-2{
	background-position: -.49rem 0;
}
.skill-3{
	background-position: -.97rem 0;
}
.skill-4{
	background-position: -1.46rem 0;
}
.skill-5{
	background-position: -1.95rem 0;
}
.skill-6{
	background-position: -2.44rem 0;
}
.skill-7{
	background-position: 0 -.46rem;
}
.skill-8{
	background-position: -.49rem -.46rem;
}
.skill-9{
	background-position: -.97rem -.46rem;
}
.skill-10{
	background-position: -1.46rem -.46rem;
}
.skill-11{
	background-position: -1.95rem -.46rem;
}
.skill-12{
	background-position: -2.44rem -.46rem;
}
.skill-13{
	background-position: 0 -.92rem;
}
.skill-14{
	background-position: 0 -1.38rem;
}
.skill-15{
	background-position: -.49rem -1.38rem;
}
.skill-16{
	background-position: -.97rem -1.38rem;
}
.skill-17{
	background-position: -1.46rem -1.38rem;
}
.skill-18{
	background-position: -1.95rem -1.38rem;
}
.skill-19{
	background-position: -2.44rem -1.38rem;
}
.skill-20{
	background-position: -2.41rem -1.38rem;
}
.sbox-1{
	margin-top: .2rem;
}
.p-video{
	width: 1.78rem;
	height: .92rem;
	position: absolute;
	margin-left: .1rem;
}
.p-pic{
	width: 100%;
}
.p-right{
	position: relative;
	left: 3.6rem;
    top: -2.5rem;
}
.role-1{
	width: 6.02rem;
	height: 4.57rem;
	position: absolute;
	z-index: 1;
}
.header-1{
	display: block;
	width: 3.04rem;
	height: .45rem;
	left: 22%;
	top: 4.1rem;
}
.role-2{
	width: 5.94rem;
	height: 4.49rem;
	margin: .6rem 0 0 .28rem;
}
.role-3{
	width: 6.72rem;
	height: 5.52rem;
	margin-top: -.5rem;
}
.swiper-1{
	width: 104%;
    height: 120%;
    position: absolute;
    top: -1.1rem;
}
.pop-content{
	height: 4.6rem;
	margin-top: 1.08rem;
}
.next-btn, .prev-btn{
	width: .34rem;
	height: .49rem;
	top: 65%;
}
.next-btn{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/next.png);
	background-size: 100%;
	left: 90%;
}
.prev-btn{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/pop/prev.png);
	background-size: 100%;
}

.pic-1{
	width: 5.39rem;
	height: 2.43rem;
}
.pic-2{
	width: 5.61rem;
	height: 2.72rem;
}
.pic-3{
	width: 6.87rem;
	height: 3.17rem;
}
.pic{
	display: block;
    margin: 0 auto;
    margin-top: 1.5rem;
}
.pagination_2,.pagination_3,.pagination_4{
	z-index: 100;
	top: .8rem;
    left: 0;
}
#pop-2 .header,#pop-4 .header,#pop-5 .header,#pop-3 .header{
	position: absolute;
    left: 1.6rem;
}
.slide-con img{
	width: 3.07rem;
	height: 2.54rem;
    margin: 1.3rem 0 0 .7rem;
}
.swiper-3 .swiper-slide{
	height: 4rem;
	margin-top: .48rem;
}
.slide-txt{
	float: right;
    width: 52%;
    height: 100%;
    margin-right: .9rem;
    margin-top: .8rem;
}
.slide-txt p{
	color: #ffffff;
	font-size: .2rem;
	font-weight: normal;
	margin-top: .05rem;
}
.slide-txt p .big{
	font-weight: bold;
}
.slide-txt p .yellow{
	color: #ffd800;
}
.swiper-pagination{
	height: 12%;
}
.swiper-4 .swiper-slide img{
	display: block;
	width: 5.39rem;
	height: 2.53rem;
	margin: 1.6rem auto 0;
}
#pop-5{
	padding-top: 1px;
}
.pop5-btn{
	display: block;
	width: 1.5rem;
	height: .45rem;
	margin-left: 1.13rem;
	margin-top: .2rem;
}
.btn-1{
	background-position: -3.53rem -1.79rem;
	margin-top:.87rem;
}
.btn-2{
	background-position: -3.53rem -2.33rem;
}
.btn-3{
	background-position: -3.53rem -2.84rem;
}
.pop5-txt{
	color: #fff;
	font-size: .2rem;
	width: 85%;
	margin-left: 1.13rem;
	margin-top: .1rem;
}

/* 新玩法页面样�? */

.sec1{
	width: 100%;
	height:6.65rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/kv.jpg)top center no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.nav-ul{
	position:fixed;
	top:20%;
	right: 0;
	z-index: 5;
}
.nav-ul li{
	width: 1.38rem;
	height: 1.38rem;
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/sprite2.png)top center no-repeat;
	background-size: 2.86rem 5rem;
	float: none;
}
.nav-ul .navli1{background-position:0 0;}
.nav-ul .navli1.on{background-position:-1.49rem 0;}
.nav-ul .navli2{background-position:0 -1.38rem;}
.nav-ul .navli2.on{background-position:-1.49rem -1.38rem;}
.nav-ul .navli3{background-position:0 -2.76rem;}
.nav-ul .navli3.on{background-position:-1.49rem -2.76rem;}

.video-box{
	width: 3.14rem;
	height: 1.76rem;
	position: absolute;
	left: 3.2rem;
	top: 4.1rem;
}
.video-img{
	width: 2.99rem;
	height:1.62rem;
	position: absolute;
	top: 0;
	left: 0.1rem;
}
.icon-v{
	width: .25rem;
	height: .25rem;
	display: block;
	position: absolute;
}
.icon-v1{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/icon-v1.png)top center no-repeat;
	background-size: 100% 100%;
	bottom: .05rem;
	left: -.05rem;
	animation:twinkle 2.8s  ease-in-out infinite alternate;
	-webkit-animation:twinkle 2.8s  ease-in-out infinite alternate;
}
.icon-v2{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/icon-v2.png)top center no-repeat;
	background-size: 100% 100%;
	top: -.08rem;
	right: -.08rem;
	animation:twinkle 2.8s  ease-in-out infinite alternate;
	-webkit-animation:twinkle 2.8s  ease-in-out infinite alternate;
}
.icon-play{
    width: .48rem;
    height: .47rem;
    background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/play.png)top center no-repeat;
    background-size: 100% 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0.5rem;
    display: block;
    position: absolute;
    animation:twinkle 3s  ease-in-out infinite alternate;
	-webkit-animation:twinkle 3s  ease-in-out infinite alternate;
}
.sec2{
	width: 100%;
	height: 6.25rem;
	padding-top: 2rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/sec2.jpg)top center no-repeat;
	background-size: 100% 100%;
}
.icon-title1{
	width: 1.51rem;
	height: .52rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/title1.png)top center no-repeat;
	background-size: 100% 100%;
	display: block;
	margin-left: 1rem;
}
.referral{
	margin-left: 1rem;
	font-size: .2rem;
	color: #b0b2e2;
	line-height: .32rem;
}
.referral li span{
	display: inline-block;
	vertical-align: text-top;
}
.referral li{
	float: none;
	display: block;
}
.icon-num{
	display: inline-block;
	vertical-align: text-top;
	width: .26rem;
	height: .26rem;
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/sprite1.png)top center no-repeat;
	background-size:.26rem 1.47rem;
	margin-top: 0.05rem;
}
.icon-num1{
	background-position: 0 0;
}
.icon-num2{
	background-position: 0 -.49rem;
}
.icon-num3{
	background-position: 0 -.72rem;
}
.icon-num4{
	background-position: 0 -1.24rem;
}
.icon-title2{
	width: 1.52rem;
	height: .53rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/title2.png)top center no-repeat;
	background-size: 100% 100%;
	display: block;
	margin-left: 1rem;
	margin-top: 0.2rem;
	margin-bottom: 0.15rem;
}
.icon-title3{
	width: 1.96rem;
	height: .44rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/title3.png)top center no-repeat;
	background-size: 100% 100%;
	display: block;
	margin-left: 1rem;
	margin-top: 0.05rem;
	margin-bottom: 0.1rem;
}
.sec2 p{
	width: 5.6rem;
	font-size: .2rem;
	color: #b0b2e2;
	line-height: .32rem;
	margin-left: 1rem;
	margin-top: 0.05rem;
}
.sec3{
	width: 100%;
	height:5.18rem;
	padding-top: 1.06rem;
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/sec3.jpg)top center no-repeat;
	background-size: 100% 100%;
}
.sec3 ul{
	width: 10.05rem;
	height: 4.82rem;
	margin: 0 auto;
	text-align: center;
}
.sec3 ul li{
	display: inline-block;
	width: 31%;
	height: 2.36rem;
	margin-bottom: 0.1rem;
}
.midli{
	margin: 0 0.2rem 0.1rem 0.2rem;
}
.sec3-li1{background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/p1.png)top center no-repeat;background-size:100% 100%;}
.sec3-li2{background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/p2.png)top center no-repeat;background-size:100% 100%;}
.sec3-li3{background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/p3.png)top center no-repeat;background-size:100% 100%;}
.sec3-li4{background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/p4.png)top center no-repeat;background-size:100% 100%;}
.sec3-li5{background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/p5.png)top center no-repeat;background-size:100% 100%;}
.sec3-li6{background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/p6.png)top center no-repeat;background-size:100% 100%;}
.sec3-li7{background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/sec3-p7.png)top center no-repeat;background-size:100% 100%;}
.sec3-li11{height:2.93rem!important;background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/sec3-p11.png)top center no-repeat;background-size:100% 100%;}
.sec3-li12{background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/n-2.png)top center no-repeat;background-size:100% 100%;}

.sec3-li13{background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/sec3-p12.png)top center no-repeat;background-size:100% 100%;}
.sec3-li14{background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/sec3-p13.png)top center no-repeat;background-size:100% 100%;}

.sec3-li15{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/sec3-p15.png) no-repeat top center;
	background-size: 100% 100%;
}

.sec3-li16{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/sec3-p14.png) no-repeat top center;
	background-size: 100% 100%;
}
.sec3-li17{
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/sec3-p16.png) no-repeat top center;
	background-size: 100% 100%;
}


.sec3-li8{background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/n-1.png)top center no-repeat;background-size:100% 100%;width: 30%!important;
    margin-left: 4%;}


.sec4{
	width: 100%;
	height: 24.28rem;
	padding-top: 1.12rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/sec4.jpg)top center no-repeat;
	background-size: 100% 100%;
}
.icon-title4{
	width: 1.51rem;
	height: .52rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/title4.png)top center no-repeat;
	background-size: 100% 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.1rem;
}
.icon-title5{
	width: 1.91rem;
	height: .39rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/title5.png)top center no-repeat;
	background-size: 100% 100%;
	margin-left: 1rem;
	display: block;
	margin-bottom: 0.15rem;
}
.sec4 p{
	width: 11.10rem;
	color: #b0b2e2;
	margin: 0 auto;
	margin-bottom: 0.1rem;
	font-size: 0.2rem;
	line-height: 0.3rem;
}
.sec4 p span{
	color: #00dfff;
}
.p7{
	width: 11.85rem;
	height: 2.29rem;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.3rem;
	margin-top: 0.2rem;
}
.icon-title6{
	width: 1.95rem;
	height: .43rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/title6.png)top center no-repeat;
	background-size: 100% 100%;
	display: block;
	margin-left: 1rem;
	margin-bottom: 0.2rem;
}
.swiper-sec4{
	width: 6.33rem;
	margin: 0 auto;
	height: 2.4rem;
	margin-bottom: 0.5rem;
}
.swiper-sec4 .swiper-wrapper{
	width: 4.47rem;
	height: 2.33rem;
	margin: 0 auto;
}
.swiper-sec4 .swiper-wrapper img{
	display: block;
	/*margin: 0 auto;*/
	width: 4.47rem;
	height: 2.33rem;
}
.icon-title7{
	width: 1.95rem;
	height: .43rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/title7.png)top center no-repeat;
	background-size: 100% 100%;
	display: block;
	margin: 0 0 0.2rem 1rem;
}
.swiper-button-next{
	width: .44rem;
	height: .87rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/arr-right.png)top center no-repeat;
	background-size: 100% 100%;
	margin-top:-0.4rem;
}
.swiper-button-prev{
	width: .44rem;
	height: .87rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/arr-left.png)top center no-repeat;
	background-size: 100% 100%;
	margin-top:-0.4rem;
}
.p10{
	width: 3.46rem;
	height: 2.38rem;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.2rem;
	margin-top: 0.2rem;
}
.icon-title0{
	width: 1.51rem;
	height: .52rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/title8.png)top center no-repeat;
	background-size: 100% 100%;
	display: block;
	margin: 0 auto;
	/* margin-top: 0.1rem; */
}
.icon-title8{
	width: 1.95rem;
	height: .43rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/title9.png)top center no-repeat;
	background-size: 100% 100%;
	display: block;
	margin-left: 1rem;
	margin-bottom: 0.3rem;
}
.p11{
	width: 4.49rem;
	height: 2.38rem;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}
.swiper-sec4x{
	width: 6.33rem;
	margin: 0 auto;
	height: 2.4rem;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}
.swiper-sec4x .swiper-wrapper{
	width: 4.47rem;
	height: 2.33rem;
	margin: 0 auto;
}
.swiper-sec4x .swiper-wrapper img{
	display: block;
	/*margin: 0 auto;*/
	width: 4.47rem;
	height: 2.33rem;
}
.back-home{
	display: block;
	width: 1.54rem;
	height: .56rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/back.png) no-repeat top center;
	background-size: 100%;
	z-index: 2;
	right: .24rem;
	top: .3rem;
}
.nav-ul li.off{
	display: none;
}
.nav-close{
	width: .57rem;
	height: .57rem;
	position: fixed;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/close-nav.png) no-repeat top center;
	background-size: 100%;
	z-index: 2;
	top: 5.5rem;
    right: .42rem;
}
.nav-close.off{
	display: none;
}
.nav-open{
	width: .69rem;
	height: 2.71rem;
	position: fixed;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/news-nav.png) no-repeat top center;
	background-size: 100%;
	z-index: 2;
	top: 2.2rem;
	right: 0;
	display:none;
}
.nav-open.on{
	display: block;
}
.nav-ul li a{
	display: block;
	width: 100%;
	height: 100%;
}

.swiper-sec4x .swiper-slide{
	left: -.9rem;
}
.swiper-sec4 .swiper-slide{
	left: -.9rem;
}
.swiper-sec4 .swiper-slide img,.swiper-sec4x .swiper-slide img{
	margin: 0 auto;
}

.swiper-button-disabled{
	display: none;
}

/* news的弹�? */
.news-pop{
	width: 10.36rem;
	height: 5.76rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/news-bg.png) no-repeat top center;
	background-size: 100% 100%;
	position: relative;
	margin: 0 auto;
	padding-top: 1px;
}
.news-close{
	display: inline-block;
	width: .6rem;
	height: .6rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/news-close.png) no-repeat top center;
	background-size: 100%;
	right: -.8rem;
    top: .2rem;
}
.newsp-header{
	color: #ffffff;
	font-size: .22rem;
	text-align: center;
	margin-top: .15rem;
}
.newsp-pic{
	display: block;
	margin: .3rem auto 0;
}
.newsp-1{
	width: 6.05rem;
	height: 3.21rem;
}
.newsp-2{
	width: 6.28rem;
	height: 3.4rem;
}
.newsp-3{
	width: 6.37rem;
	height: 3.21rem;
}
.newsp-4{
	width: 6.05rem;
	height: 3.22rem;
}
.newsp-5{
	width: 6.05rem;
	height: 3.2rem;
}
.newsp-6{
	width: 6.05rem;
	height: 3.22rem;
}
.newsp-7{
	width: 6.03rem;
	height: 3.27rem;
}
.newsp-10, .news-11,.news-12,.news-13,.news-14{
	width: 6.05rem;
	height: 3.17rem;
}
.news-15, .news-16{
	width: 6rem;
	height: 3.29rem;
	margin-top: .1rem;
}
.news-17{
	width: 6rem;
	margin-top: .1rem;
}
.newsp-txt{
	font-size: .2rem;
	text-align: justify;
	width: 86%;
    margin: 0 auto;
}
.newsp-yellow{
	color: #ffc000;
}
.newsp-pink{
	color: #47f9ff;
}
.green{
	color: #b0b2e2;
	font-weight: bold;
}
.pagination_newsp span{
	border-radius: 0;
	opacity: 1;
	width: .2rem;
	height: .21rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/news-icon2.png) no-repeat top center;
	background-size: 100%;
	margin-left: .05rem;
}
.pagination_newsp{
	position: absolute;
    top: 92%;
    z-index: 50;
}
.pagination_newsp .swiper-pagination-bullet-active{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/news-icon1.png) no-repeat top center;
	background-size: 100%;
}
.pop-shadow{
	display: none;
	width: 100%;
	height: 100%;
	left:0;
	right: 0;
	position: fixed;
	top: 0;
	background: rgba(0,0,0,.8);
}
.pop-shadow.show{
	display: block;
	z-index: 999;
}
.all-pop{
	width: 12rem;
	height: 6.26rem;
	display: block;	
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	-webkit-transform: translate3d(0, -50%, 0);
}
.newsp-next,.newsp-prev{
	width: .66rem;
	height: 1.18rem;
}
.newsp-next{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/newsp-next.png) no-repeat top center;
	background-size: 100% 100%;
	right: 1.1rem;
}
.newsp-prev{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/newsp-prev.png) no-repeat top center;
	background-size: 100% 100%;
	left: 1.1rem;
}
.swiper-newsp{
	margin-top: .1rem;
	transform: scale(.9,.9);
	-webkit-transform: scale(.9,.9);
}


/* keyframes */
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0)}
}
@keyframes tada{
	0%{-webkit-transform:scale(1)}
	10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
	30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
	40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
	100%{-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes tada{
0%{-moz-transform:scale(1)}
10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
100%{-moz-transform:scale(1) rotate(0)}
}

@-webkit-keyframes twinkle {
    from {opacity: .4;}
    20%{opacity: .8;}
    40%{opacity: .6;}
    60%{opacity: 1;}
    80%{opacity: .7;}
    to {opacity: 1;}
}
 
@keyframes twinkle {
    from {opacity: .4;}
    20%{opacity: .8;}
    40%{opacity: .6;}
    60%{opacity: 1;}
    80%{opacity: .7;}
    to {opacity: 1;}
}
@keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}


/* loading */
.loader{position: fixed;width: 100%;height: 100%;background: #1e1e1e;left: 0;top: 0;right: 0;left: 0;z-index: 9999;font-size: .35rem;transform:translate3d(0,0,300px);-webkit-transform:translate3d(0,0,300px);}
.unloaded .loader{display: block;}
.loader-cont{width: 3.7rem;height: .8rem;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);}
.loader-cont p{line-height: .2rem;height: .4rem;text-align: center;color: #afafaf;}
.schedule .loading2{position: absolute;left: -.27rem;top: .02rem;}
.schedule .ending{height: .04rem;width: 100%;border-radius: .02rem;background: #464646;position: relative;z-index: 3;overflow: hidden;}
.schedule .ending span{float: left;display: inline;position: relative;width: 20%;background: #43418b;height: 100%;border-radius:2px;overflow: inherit !important;}



.cover {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
}
.cover p {
    color: #fff;
    font-size: .7rem;
    position: absolute;
    left: 0;
    right: 0;
		top: 50%;
		transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    margin: 0 auto;
    text-align: center;
}
.lock{
	display: inline-block;
	width: 1rem!important;
	height: 1rem!important;;
	margin-bottom: -.14rem;
}
/* change */
body.index{height:100%;overflow:hidden;}
.content{height:100%;}
.wrap{height:100%;}

@media all and (orientation: portrait) {
    .cover {
        display: block;
    }
    .content{background-size: 100% 100%;}
    .go .anni{
		top: 2.3rem;
    }
    .tag-7 {
    top: 5rem;
	}
	.tag-8{
		top: 3.3rem;
	}
	.tag-6{
		top: 4.9rem;
	}
	.tenvideo_player{
		width: 100%!important;
		height: 100%!important;
	}
}
/* .new_wrap .swiper-sec3x .swiper-button-disabled{
	display: block;
} */
.new_wrap .swiper-sec3x .swiper-button-prev{
	opacity: 1;
	left: 1.1rem;
}
.new_wrap .swiper-sec3x .swiper-button-next{
	opacity: 1;
	right: 1.4rem;
}


/* 新增 */
.sec3 .swiper-pagination{
	bottom: -.2rem;
    z-index: 50;
}
.sec3{
	height: 5.5rem;
}
.swiper-sec3x{
	height: 100%;
}
.hd{
	opacity: 0;
	height: 0;
}
.sec3-li11{
    /*margin-left: .1rem;*/
    width: 30%!important;
    height: 2.4rem!important;
}





.sec3-li9{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/sec3-p9.png) no-repeat top center;
	background-size: 100% 100%;
    width: 29%!important;
    margin-left: .2rem!important;
}
.sec3-li10{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180523anniversary/new/sec3-p10.png) no-repeat top center;
	background-size: 100% 100%;
}
#news-11 .newsp-txt{
	width: 90%;
}