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;}
.clear:after{display:block;content:"";clear: both;}
a{font-size: 0}
.pa{
	position: absolute;
}
.wrap{
	width: 100%;
	background-color: #000;
	position: relative;
	margin:0 auto;
	overflow-x: scroll;
	overflow-y: hidden;
}

/*index*/
.envelope{
	width: 1.71rem;
	height: 1.3rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/envelope.png)top center no-repeat;
	background-size: 100% 100%;
	display: block;
	position: absolute;
	top: 0;
	left:2.6rem;
}


/*second*/
.sec1{
	width: 100%;
	height: 6.48rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/kv.jpg)top center no-repeat;
	background-size:100% 100%;
	position: relative;
}
.logo{
	width: 1.5rem;
	height: .9rem;
	display: block;
	position: absolute;
	top: 0.3rem;
	left: 1rem;
}
.goto{
	width: 2.59rem;
	height: .39rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/goto.png)top center no-repeat;
	background-size: 100% 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 1.2rem;
}
.second .sec2{
	width: 100%;
	height:2.59rem;
	padding-top:1.06rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/sec2x1.jpg)top center no-repeat;
	background-size:100% 100%;
	position: relative;
	margin-top: -1px;
}
.index .sec2{
	width: 100%;
	height:2.15rem;
	padding-top: 0;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/sec2x.jpg)top center no-repeat;
	background-size:100% 100%;
	position: relative;
}
.third .sec2{
	width: 100%;
	height:2.59rem;
	padding-top:1.06rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/sec2.jpg)top center no-repeat;
	background-size:100% 100%;
	position: relative;
}
.return-box{
	height: .59rem;
	margin-bottom: 0.4rem;
}
.return{
	width: 1.9rem;
	height: .59rem;
	margin-right: 1.16rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/return.png)top center no-repeat;
	background-size: 100% 100%;
	display: block;
	float: right;
}
.nav{
	width:12.06rem;
	height: .97rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/nav.png)top center no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
}
.nav li{
	width: 1.49rem;
	height: 100%;
	float: left;
	border-right: 0.01rem solid #b68a4f;
}
.nav li:last-child{
	border-right:none;
}
.nav li a{
	width: 100%;
	/*height:100%;*/
	height: .8rem;
	padding-top: .17rem;
	display: block;
	margin: 0 auto;
	color: #c6ab72;
	font-size: 0.2rem;
	text-align: center;
	line-height:.3rem;
}
.third .nav li a{
	padding-top: 0;
	height:100%;
	line-height: .97rem;
}
.third .nav li{
	width: 1.7rem;
}
.nav li.on a{
	text-decoration: underline;
	color:#f1e8ae;
}
.sec3{
	width: 100%;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/sec3.jpg)top center;
	background-size: 100% 100%;
	padding-bottom: 0.5rem;
	margin-top: -1px;
}
.index .sec3{
	width: 100%;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/sec3x.jpg)top center;
	background-size: 100% auto;
	padding-bottom: 0.5rem;
}
.sec3-top{
	width: 6.56rem;
	margin: 0 auto;
	margin-bottom: 0.2rem;
}
.sec3-top a{
	width: 2.87rem;
	height: 1rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/sprite3.png)top center no-repeat;
	background-size:6.56rem 2rem;
	display:inline-block;
}
.sec3-top .btn-hot{
	margin-right: 0.7rem;
	background-position: 0 0;
}
.sec3-top .btn-hot.on{
	background-position: 0 -1rem;
}
.sec3-top .btn-happy{
	background-position: -3.7rem 0;
}
.sec3-top .btn-happy.on{
	background-position: -3.7rem -1rem;
}
.icon-title{
	width:7rem;
	height:.72rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/sprite.png)top center no-repeat;
	background-size: 7rem 7rem;
	margin: 0 auto;
	margin-bottom: 0.5rem;
	display: block;
}
.icon-titlex{
	width:7rem;
	height:.72rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/spritex.png)top center no-repeat;
	background-size: 7rem 7rem;
	margin: 0 auto;
	margin-bottom: 0.5rem;
	display: block;
}
.icon-title0{background-position:0 0;}
.icon-title1{background-position:0 -.86rem;}
.icon-title2{background-position:0 -1.75rem;}
.icon-title3{background-position:0 -2.59rem;}
.icon-title4{background-position:0 -3.44rem;}
.icon-title5{background-position:0 -4.27rem;}
.icon-title6{background-position:0 -5.07rem;}
.icon-title7{background-position:0 -5.89rem;}

.icon-titlex0{background-position:0 0;}
.icon-titlex1{background-position:0 -.82rem;}
.icon-titlex2{background-position:0 -1.64rem;}
.icon-titlex3{background-position:0 -2.46rem;}
.icon-titlex4{background-position:0 -3.28rem;}
.icon-titlex5{background-position:0 -4.1rem;}
.icon-titlex6{background-position:0 -4.92rem;}
.name-time{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/sprite0.png)top center no-repeat;
	background-size: 10rem 10rem;
	margin: 0 0 0.2rem 1.33rem;
	display: block;
}
.name-timex{
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/spritex0.png)top center no-repeat;
	background-size: 10rem 12rem;
	margin: 0 0 0.2rem 1.33rem;
	display: block;
}
.name-time0{width: 5.03rem;height:1.23rem;background-position: 0 0;}
.name-time1{width: 5.03rem;height:1.23rem;background-position:-5.03rem 0;}
.name-time2{width: 5.03rem;height:1.23rem;background-position:0rem -1.23rem;}
.name-time3-1{width: 5.03rem;height:.67rem;background-position:-5.03rem -1.23rem;}
.name-time3-2{width: 5.03rem;height:1.23rem;background-position:0rem -2.46rem;}
.name-time3-3{width: 5.03rem;height:1.23rem;background-position:-5.03rem -2.46rem;}
.name-time4{width: 5.03rem;height:1.23rem;background-position:0rem -3.69rem;}
.name-time5-1{width: 5.03rem;height:1.23rem;background-position:-5.03rem -3.69rem;}
.name-time5-2{width: 5.03rem;height:1.23rem;background-position:0rem -4.92rem;}
.name-time5-3{width: 5.03rem;height:1.23rem;background-position:0rem -6.15rem;}
.name-time6{width: 5.03rem;height:1.23rem;background-position:0rem -7.38rem;}
.name-time7{width: 5.03rem;height:1.23rem;background-position:-5.03rem -7.38rem;}

.name-timex0{width: 7.27rem;height: .97rem;background-position: 0 -9.24rem;}
.name-timex1-1{width: 5rem;height: 1.26rem;background-position: -5rem 0;}
.name-timex1-2{width: 5rem;height: 1.26rem;background-position:0rem -1.26rem;}
.name-timex1-3{width: 5rem;height: 1.26rem;background-position:-5rem -1.26rem;}
.name-timex2{width: 5rem;height: 1.26rem;background-position:0rem -2.51rem;}
/* .name-timex3{width: 5rem;height: 1.26rem;background-position:0rem -3.77rem;} */
.name-timex4-1{width: 5rem;height: 1.26rem;background-position:0rem -5.03rem;}
.name-timex4-2{width: 5rem;height: 1.26rem;background-position:-5rem -5.03rem;}
.name-timex5{width: 5rem;height: 1.26rem;background-position:0rem -6.29rem;}
.name-timex6{width: 5rem;height: 1.26rem;background-position:0rem -7.55rem;}
.name-timex3{
	width: 4.83rem;
	height: .97rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/dt.png) no-repeat top center;
	background-size: 100%;
}
.nav-img{
	width: 7.54rem;
	height: 4.11rem;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.5rem;
}
.nav-img2{
	width: 7.35rem;
	height: 2.98rem;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.5rem;
}
.navx-img{
	width: 3.43rem;
	height: 3.43rem;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.5rem;
}
.sec3 div p{
	width: 9.9rem;
	margin-left:1.33rem;
	color: #FFFFFF;
	font-size: 0.22rem;
	line-height: .35rem;
}
.second .sec3 .nav3 p,.second .sec3 .nav5 p,.third .sec3 .nav1 p,.third .sec3 .nav4 p{
	width: 9.7rem;
	margin-left: 1.92rem;
	margin-bottom: 0.2rem;
}


.sec3 div p span{
	color: #fbd03b;
}
.nav-content{
	display: none;
}
.nav-content.on{
	display: block;
}
.tips{
	margin-left: 1.9rem;
	font-size: 0.26rem;
	line-height: .35rem;
	color: #fbd03b;
	font-weight: bolder;
	margin-bottom: 0.2rem;
}
.card-ul{
	width: 11.8rem;
	display:none;
	margin-left: 1.1rem;
}
.card-ul.on{
	display: block;
}
.card-ul li{
	width:2.38rem;
	height: 2.86rem;
	margin-bottom:0.7rem;
	float: none;
	display: inline-block;
	margin-right: .48rem;
}
.card-ul li a{
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
}
.card-ul li a img{
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
}
.hot-ul{
	/*width: 12rem;*/
}
.hot-ul li{
	width: 2.65rem;
	height: 2.5rem;
	margin-bottom:0.7rem;
	float: none;
	display: inline-block;
	margin-right: .24rem;
}
.hot-ul li a{
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
}
.hot-ul li a img{
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
}
.hotli4{
	margin-left: 1.3rem;
}
.hotli5{
	margin-left: 0.2rem;
	margin-right: 0.4rem;
}
.pop-envelope{
	width: 9.51rem;
	height: 4.61rem;
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/pop-envelope.png)top center no-repeat;
	background-size: 100% 100%;
	position: relative;
	display:  none;
}
.btn-close{
	width: .36rem;
	height: .36rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20180530celebrateig/btn-close.png)top center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: .4rem;
	right: .8rem;
}

.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%;
    -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;
}
.hidebg{
	display: none;
}
@media all and (orientation: portrait) {
    .cover {
        display: block;
    }
}