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;}

.wrap{
	width: 100%;
	height: 14.3rem;
	margin: 0 auto;
	overflow: hidden;
 	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20190517hdztig/kv.jpg) no-repeat top center;
 	background-size: contain;
 	position: relative;
}
.logo-new{
	position: absolute;
	width: 8rem;
	right: .5rem;
	top: 5.8rem;
}
.minisns {
	display: block;
	position: absolute;
	width: 1.79rem;
	height: .48rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20190517hdztig/home.png) no-repeat top center;
	background-size: 100% 100%;
	top: 0;
	left: 67%;
}
.bb2{
	display: block;
	width: 1.73rem;
	height: .46rem;
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20190517hdztig/anni.png) no-repeat top center;
	background-size: 100% 100%;
	position: absolute;
	left: 52%;
	top: 0;
}
.icon-box{
	width: 12.5rem;
	height: 5rem;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 8rem;
}

.icon{
	width: 2.15rem;
	height: 2.35rem;
	background: url(//game.gtimg.cn/images/hdl/ingame/cp/a20190517hdztig/sp-1.png) no-repeat top center;
	background-size: 20rem 8rem;
	margin:.16rem .4rem 0 0;
}
.icon01{
	background-position: -.33rem -.23rem;
}
.icon02{
	background-position: -2.81rem -.23rem;
}
.icon03{
	background-position: -5.3rem -.23rem;
}
.icon04{
	background-position: -7.78rem -.23rem;
}
.icon05{
	background-position: -10.26rem -.23rem;
	margin-right:0;
}
.icon06{
	background-position: -.33rem -2.74rem;
}
.icon07{
	background-position: -2.81rem -2.74rem;
}
.icon07.change{
	background-position: -2.83rem -5.33rem;
}
.icon08{
	background-position: -5.3rem -2.74rem;
}
.icon09{
	background-position: -7.78rem -2.74rem;
}
.icon10{
	background-position: -10.26rem -2.74rem;
	margin-right:0;
}
.icon10.change{
	background-position: -10.25rem -5.33rem;
}

/*dialog*/
.dialog-box{
	position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgba(0,0,0,.7);
    opacity: 0;
}
.dialog-box.show{
	z-index: 999;
	opacity: 1;
}
.dialog-box .dialog{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: none;
	outline: none;
}
.dialog{
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top center;
	width: 12.17rem;
	height: 5.81rem;
}
.dialog.show{
	display: block;
	-webkit-animation:fadeInDown .3s .1s ease both;
	animation:fadeInDown .3s .1s ease both;
}
.close{
	width: .6rem;
	height: .6rem;
	display: block;
	background:url(//game.gtimg.cn/images/hdl/ingame/cp/a20190517hdztig/close.png) no-repeat top center;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: .15rem;
}
.dia-1{
	background-image: url(//game.gtimg.cn/images/hdl/ingame/cp/a20190517hdztig/dia-1.png);
}
.dia-content{
	width: 100%;
	height: 3.8rem;
	margin:15% auto 0;
	box-sizing: border-box;
	text-align: center;
	overflow-y: scroll;
	border: none;

}
.dia-content::-webkit-scrollbar{  
    width: .12rem;  
    height: 1px;  
    background-color: #f6aa2f;  
}  
.dia-content::-webkit-scrollbar-track{  
    background-color: #6f5747;  
    border-radius: .1rem;
}  
.dia-content::-webkit-scrollbar-thumb{  
    -webkit-box-shadow: inset 0 0 .03rem rgba(255,209,66,.3);  
    background-color: #f6aa2f; 
    border-radius: .1rem;
} 

.dia-pic{
	width: 3.66rem;
	display: inline-block;
	vertical-align: top;
	margin:0 .1rem;
}
.dia1-pic:nth-of-type(2){
	width: 3.6rem
}
.dia1-pic:nth-of-type(3){
	width: 3.61rem
}
.dia-2{
	background-image: url(//game.gtimg.cn/images/hdl/ingame/cp/a20190517hdztig/dia-2.png);
}
.dia2-pic{
	width: 3.63rem;
}
.dia-3{
	width: 9.68rem;
	height: 6.65rem;
	background-image: url(//game.gtimg.cn/images/hdl/ingame/cp/a20190517hdztig/dia-3.png);
}
.dia-3 .close{
	right: -.35rem;
}
.dia-3 .dia-content{
	width: 9rem;
	height: 5rem;
}
.dia3-1{
	width: 7.93rem;
}
.dia-4{
	background-image: url(//game.gtimg.cn/images/hdl/ingame/cp/a20190517hdztig/dia-4.png);
}
.dia4-pic:nth-of-type(3){
	width: 3.7rem
}
.dia-5{
	width: 8.57rem;
	height: 5.65rem;
	background-image: url(//game.gtimg.cn/images/hdl/ingame/cp/a20190517hdztig/dia5.png);
}
.dia-5 .close{
	right: -.57rem;
	top: .12rem;
}
.dia-6{
	width: 8.57rem;
	height: 5.65rem;
	background-image: url(//game.gtimg.cn/images/hdl/ingame/cp/a20190517hdztig/dia6.png);
}
.dia-6 .close{
	right: -.57rem;
	top: .12rem;
}
.dia-7{
	width: 8.57rem;
	height: 5.65rem;
	background-image: url(//game.gtimg.cn/images/hdl/ingame/cp/a20190517hdztig/dia7.png);
}
.dia-7 .close{
	right: -.57rem;
	top: .12rem;
}
.dia-8{
	width: 8.57rem;
	height: 5.65rem;
	background-image: url(//game.gtimg.cn/images/hdl/ingame/cp/a20190517hdztig/dia8.png);
}
.dia-8 .close{
	right: -.57rem;
	top: .12rem;
}
.dia-9{
	width: 8.57rem;
	height: 5.65rem;
	background-image: url(//game.gtimg.cn/images/hdl/ingame/cp/a20190517hdztig/dia9.png);
}
.dia-8 .close{
	right: -.57rem;
	top: .12rem;
}
.dia-10{
	background-image: url(//game.gtimg.cn/images/hdl/ingame/cp/a20190517hdztig/dia10.png);
}
.dia10-pic{
	width: 3.62rem;
}
.swiper-slide img{
	width: 3.6rem;
}
.swiper-container{
	width: 3.6rem;
}
.swiper-pagination{
	top: 91%;
	text-align:center;
	width: 100%
}
.swiper-pagination span{
	display: inline-block;
	border: 1px solid #f6a02f;
	background-color: #fff
}
span.swiper-pagination-bullet-active{
	background-color: #f6a02f;
}
span.swiper-pagination-bullet{
	width: 4px;
	height: 4px;
	margin:0 2%;
}
.swiperWrap{
	width: 3.6rem;
	position: relative;
	left: 5%;
	top: 34%;
}
.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: .8rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    margin: 0 auto;
    text-align: center;
}
.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;
}

@media all and (orientation: portrait) {
    .cover {
        display: block;
    }
}


@keyframes fadeInDown{
	0%{
		opacity:0;
		filter: alpha(opacity=0);
		transform:translateY(-20px);
		-webkit-transform:translateY(-20px);
	}
	100%{
		opacity:1;
		filter: alpha(opacity=100);
		transform:translateY(0);
		-webkit-transform:translateY(0);
	}
}
@-webkit-keyframes fadeInDown{
	0%{
		opacity:0;
		filter: alpha(opacity=0);
		transform:translateY(-20px);
		-webkit-transform:translateY(-20px);
	}
	100%{
		opacity:1;
		filter: alpha(opacity=100);
		transform:translateY(0);
		-webkit-transform:translateY(0);
	}
}