@charset "utf-8";
body{
	background-image: url(2020znq_indexbg.jpg),url(2020znq_indexbg2.jpg);
	background-size: 100% auto,100% auto;
	background-position: center -1.76rem,center center;
	background-repeat:no-repeat,repeat-y;
	background-color: #961b1f;
}
.index_top{
	position: relative;
	min-height: 10.94rem;
	padding-top: 3.25rem;
}
.index_topimg{
	width: 100%;
	height: 10.94rem;
	position: absolute;
	top: 0;
	left: 0;
}
.index_top .content{
	position: relative;
	z-index: 2;
	height: 6rem;
	margin-bottom: .8rem;
}
.index_top_title{
	width: 4.79rem;
	height: .38rem;
	line-height: .38rem;
	text-align: center;
	font-size: .24rem;
	background: url(2020znq_index_a1.png) no-repeat center;
	background-size: 100% 100%;
	color: #F6DDC9;
	margin: 0 auto;
}
.index_top_title span{
	color: #FFDB83;
}
.cardBox{
	width: 6.8rem;
	margin: .32rem auto 0 ;
}
.cardBox ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}
.cardBox li{
	width: 1.36rem;
	height: 1.69rem;
	margin: 0 .09rem;
	background-size: 100% 100%;
	margin-bottom: .3rem;
	position: relative;
}
.cardBox li.c1{background-image: url(2020znq_index_card1.png);}
.cardBox li.c2{background-image: url(2020znq_index_card2.png);}
.cardBox li.c3{background-image: url(2020znq_index_card3.png);}
.cardBox li.c4{background-image: url(2020znq_index_card4.png);}
.cardBox li.c5{background-image: url(2020znq_index_card5.png);}
.cardBox li.c6{background-image: url(2020znq_index_card6.png);}
.cardBox li.c7{background-image: url(2020znq_index_card7.png);}
.cardBox li.c1.active{background-image: url(2020znq_index_card1_1.png);}
.cardBox li.c2.active{background-image: url(2020znq_index_card2_1.png);}
.cardBox li.c3.active{background-image: url(2020znq_index_card3_1.png);}
.cardBox li.c4.active{background-image: url(2020znq_index_card4_1.png);}
.cardBox li.c5.active{background-image: url(2020znq_index_card5_1.png);}
.cardBox li.c6.active{background-image: url(2020znq_index_card6_1.png);}
.cardBox li.c7.active{background-image: url(2020znq_index_card7_1.png);}

.cardBox li em,.cardBox .card_all em{
	position: absolute;
	width: .45rem;
	height: .45rem;
	border-radius: 50%;
	text-align: center;
	font-size: .22rem;
	background: url(2020znq_index_a2.png) no-repeat center;
	background-size: 100% 100%;
	line-height: .4rem;
	font-style: normal;
	right: -.12rem;
	bottom: .06rem;
	color: #f8d779;
	display: none;
}
.cardBox li.active em{display: block;}

.cardBox .card_all{
	cursor: pointer;
	width: 1.81rem;
	height: 1.93rem;
	position: absolute;
	top: 2.7rem;
	right: 0rem;
}
.cardBox .card_all.active em{
	left: auto;
	bottom: auto;
	right: .16rem;
	top: -0rem;
	display: block;
}
.cardBox .card_all img{
	display: block;
	width: 100%;
	height: 100%;
}

.index_top .content .bottomTip{
	text-align: center;
	color: #d3544f;
	font-size: .24rem;
	line-height: 2em;
}
.index_top .content .bottomTip .yellowTxt{
	color: #ffdb83;
}
.index_top .content .bottomTip .lineTxt{
	position: relative;
	display: inline-block;
}
.index_top .lineTxt:before,.index_top .lineTxt:after{
	content: '';
	width: .98rem;
	height: 1px;
	position: absolute;
	top: 50%;
	background: #a72429;
}
.index_top .lineTxt:before{left: -1.1rem;}
.index_top .lineTxt:after{right: -1.1rem;}
.index_top .content .hcBtn{
	display: block;
	width: 4.72rem;
	height: .97rem;
	background-size: 100% 100%;
	background-image: url(2020znq_index_a4.png);
	position: absolute;
	left: 50%;
	margin-left: -2.36rem;
  bottom: -.38rem;
  animation:btnScale 1s infinite;
  -webkit-animation:btnScale 1s infinite; /* Safari 和 Chrome */
}
@keyframes btnScale{
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
}

@-webkit-keyframes btnScale {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
}
.index_top .content .hcBtn.canHc{
	background-image: url(2020znq_index_a4_1.png);
}
.index_top .content .hcBtn.canDraw{
	background-image: url(2020znq_index_a4_2.png);
}
.index_top .noticeBox{
	width: 6.9rem;
	height: .46rem;
	line-height: .46rem;
	margin: 0 auto;
	background-color: rgba(138,28,32,.4);
	position: relative;
	z-index: 2;
	color: #d3544f;
	font-size: .24rem;
	overflow: hidden;
	padding-left: .2rem;
	margin-bottom: .34rem;
}
.index_top .noticeBox li{
	float: left;
	white-space: nowrap;
	margin-right: .4rem;
}
.index_top .noticeBox li img{
	vertical-align: middle;
	width: .26rem;
	height: .3rem;
	margin-right: .1rem;
}
.indexBox_tab .tabHd{
	display: flex;
	align-items: top;
	justify-content: space-between;
	width: 6.9rem;
	margin: 0 auto ;
}
.indexBox_tab .tabHd>a{
	width: 3.44rem;
	height: 1.32rem;
	background-repeat: no-repeat;
}
.indexBox_tab .tabHd>a.tab1{background-image: url(2020znq_index_a6.png);background-size: 100% 1.2rem;}
.indexBox_tab .tabHd>a.tab2{background-image: url(2020znq_index_a7.png);background-size: 100% 1.2rem;}
.indexBox_tab .tabHd>a.tab1.cur{background-image: url(2020znq_index_a6_1.png);background-size: 100% 1.32rem;}
.indexBox_tab .tabHd>a.tab2.cur{background-image: url(2020znq_index_a7_1.png);background-size: 100% 1.32rem;}

.index_methodBox{
	margin-top: .3rem;
}
.index_methodBox .method1{
	width: 100%;
	height: 3.64rem;
	position: relative;
}
.index_methodBox img.bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.index_methodBox .method1 .centerbox{
	width: 6.7rem;
	position: absolute;
	top: 1.65rem;
	height: 1.35rem;
	left: 50%;
	margin-left: -3.35rem;
	padding-left: .28rem;
	padding-right: .2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.index_methodBox .method1 .leftline{
	width: 4.4rem;
	height: 1.35rem;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-flow: column;
	font-size: .24rem;
	color: #fbeddd;
	line-height: 1em;
}
.index_methodBox .method1 .line{
	width: 4.4rem;
	height: .08rem;
}
.index_methodBox .method1 .txtline{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.index_methodBox .method1 .tip{
	/* width: 100%;
	text-align: right; */
	margin-bottom: .15rem;
	cursor: pointer;
}
.index_methodBox .method1 .tip em{
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	width: .22rem;
	height: .22rem;
	background: url(2020znq_index_a10.png) no-repeat center;
	background-size: 100% 100%;
	margin-left: .1rem;
	margin-bottom: 2px;
}
.index_methodBox .method1 .txtline li{
	position: relative;
	margin-top: .2rem;
}
.index_methodBox .method1 .txtline li:before{
	content: '';
	width: .3rem;
	height: .3rem;
	position: absolute;
	left: 50%;
	margin-left: -.15rem;
	top: -.4rem;
	background: url(2020znq_index_a9.png) no-repeat center;
	background-size: 100% 100%;
}
.index_methodBox .method1 .txtline li.cur:before{
	background: url(2020znq_index_a9_1.png) no-repeat center;
	background-size: 100% 100%;
}

.index_methodBox .method1 .rightBtn p{
	font-size: .24rem;
	color: #FBEDDD;
	font-weight: bold;
	text-align: center;
	margin-bottom: .1rem;
}
.index_methodBox .method1 .rightBtn p span{
	color: #F8D779;
}
.index_methodBox .method1 .signBtn{
	display: block;
	margin: 0 auto;
	width: 1.51rem;
	height: .58rem;
	background-size: 100% 100%;
	background-image: url(2020znq_index_a11.png);
}
.index_methodBox .method1 .signBtn.hasSign{
	background-image: url(2020znq_index_a11_1.png);
}
.index_methodBox .method1 .signBtn.getSignZk{
  background-image: url(2020znq_index_a11_2.png);
}
.index_methodBox .method2{
	width: 100%;
	height: 5.93rem;
	position: relative;
}
.index_methodBox .method2 .timeBox{
	position: absolute;
	top: .06rem;
	right: .45rem;
	text-align: center;
	height: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
}
.index_methodBox .method2 .timeBox p{
	font-size: .24rem;
	color: #821925;
	line-height: 2em;
}
.index_methodBox .method2 .clockbox{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1.9rem;
	padding-right: .1rem;
}
.index_methodBox .method2 .clockbox span{
	width: .48rem;
	height: .56rem;
	background: url(2020znq_index_a13.png) no-repeat center;
	background-size: 100% 100%;
	text-align: center;
	line-height: .56rem;
	font-size: .32rem;
	font-weight: 700;
}
.index_methodBox .method2 .clockbox span em{
	font-style: normal;
	color: #d42e30;
	/* background: -webkit-linear-gradient(#be291c 0%, #e84940 62%, #d42e30 99%); */
	background: -webkit-linear-gradient( #fa2f2e 0%, #fd3033 62%, #d42e30 99%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.index_methodBox .method2 .clockbox i{
	width: .24rem;
	height: .56rem;
	background: url(2020znq_index_a12.png) no-repeat center;
	background-size: .06rem .19rem;
}
.index_methodBox .method2 .title{
	font-size: .28rem;
	text-align: center;
	color: #F9E09A;
	width: 3.8rem;
	height: .44rem;
	line-height: .44rem;
	position: absolute;
	left: 50%;
	margin-left: -1.9rem;
	top: 1.56rem;
}
.index_methodBox .method2 .dtBtn{
	position: absolute;
	left: 50%;
	width: 3.87rem;
	height: .8rem;
	background-size: 100% 100%;
	background-image: url(2020znq_index_a14.png);
	margin-left: -1.935rem;
  bottom: -.08rem;
  z-index: 1;
}
.index_methodBox .method2 .dtBtn.yyBtn{background-image: url(2020znq_index_a14_1.png);}
.index_methodBox .method2 .dtBtn.hasDt{background-image: url(2020znq_index_a14_2.png);}

.index_methodBox .method3{
	position: relative;
	width: 100%;
	height: 9.14rem;
}
.index_methodBox .method3 .innerList{
	width: 6.36rem;
	height: 6.16rem;
	position: absolute;
	left: 50%;
	margin-left: -3.16rem;
	top: 2.26rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-flow: column;
}
.index_methodBox .method3 .innerList li{
	width: 100%;
	height: 1.4rem;
	position: relative;
}
.index_methodBox .method3 .innerList .code{
	position: absolute;
	width: .32rem;
	height: .32rem;
	background-image:url(2020znq_index_a15.png);
	background-size: 100% 100%;
	top: 50%;
	margin-top: -.16rem;
	left: -.43rem;
}
.index_methodBox .method3 .innerList li.hasDone .code{background-image:url(2020znq_index_a15_1.png);}

.index_methodBox .method3 .innerList .btnBox{
	position: absolute;
	right: .15rem;
	width: 1.48rem;
	height: 1.4rem;
	top: 0;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.index_methodBox .method3 .zk{
	width: 1.11rem;
	height: .29rem;
}
.index_methodBox .method3 .btnBox .btn{
	width: 1.48rem;
	height: .48rem;
	display: none;
	margin-top: .1rem;
	margin-bottom: .1rem;
}
.index_methodBox .method3 .btnBox .btn img{
	display: block;
	width: 100%;
	height: 100%;
}
.index_methodBox .method3 .btnBox p{
	font-size: .2rem;
	color: #956E62;
	line-height: 1em;
	display: none;
}
.index_methodBox .method3 .btnBox .btn.show,.index_methodBox .method3 .btnBox p.show{display: block;}
.index_methodBox .method3 .noBind{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.index_methodBox .method3 .noBind .bdzjzh{
	position: absolute;
	right: .15rem;
	width: 1.84rem;
	height: .5rem;
	top: .2rem;
}
.index_methodBox .method3 .noBind .bdzjzh img{
	width: 100%;
	height: 100%;
	display: block;
}

.index_methodBox  .method4{
	position: relative;
	min-height: 3.4rem;
	width: 6.9rem;
	margin: .25rem auto 0;
	padding-top: 1.2rem;
}
.index_methodBox  .method4 img.bg{
	width: 6.92rem;
	height: 3.26rem;
}
.index_methodBox  .method4 .content{
	position: relative;
	z-index: 2;
	width: 100%;
	border-radius: .2rem;
	border:.055rem solid #f21b2b;
	/* background-image: linear-gradient(to right,#8d1f24 0%, #b0272e 84%),linear-gradient(to right, #f21b2b, #C32C20);
	border:.05rem transparent solid;
	background-origin: border-box;
	background-clip: content-box, border-box; */
	
}
.index_methodBox  .method4 .content .top{
	position: relative;
	padding: .4rem .2rem .2rem 2.2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.index_methodBox  .method4 .content .top .imgIcon{
	position: absolute;
	left: -.1rem;
	width: 2.64rem;
	height: 1.83rem;
}
.index_methodBox  .method4 .content .top .word{
	width: 2.69rem;
	height: .72rem;
	margin-bottom: .4rem;
}
.index_methodBox  .method4 .content .btn{
	display: none;
}
.index_methodBox  .method4 .content .btn.show{
	display: block;
}
.index_methodBox  .method4 .content .zk{
	width: 1.35rem;
	height: .29rem;
}
.index_methodBox  .method4 .content .btn img{
	width: 1.48rem;
	height: .48rem;
	margin: .1rem auto;
}
.index_methodBox .lqsm{
	padding: 0 .25rem .25rem;
	font-size: .22rem;
	color: #D3544F;
	line-height: 1.8em;
	text-align: justify;
}
.index_methodBox .lqsm p{
	display: none;
}
.index_methodBox .ckbtn{
	font-size: .22rem;
	color: #D3544F;
	line-height: 1.8em;
	display: block;
	text-align: center;
	position: relative;
	top: -.3rem;
	margin-bottom: -.3rem;
}
.index_methodBox .ckbtn i{
	display: inline-block;
	vertical-align: middle;
	margin-left: .05rem;
	width: .21rem;
	height: .21rem;
	background: url(2020znq_index_a32.png) no-repeat center;
	background-size: 100% 100%;
	margin-bottom: .02rem;
}
.index_methodBox .lqsm.active p{
	display: block;
}
.index_methodBox .lqsm.active .ckbtn{
	margin: 0;
	top: 0;
	margin-top: .2rem;
}
.index_methodBox .lqsm.active .ckbtn i{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.indexBox_tab .bottomRule{
	display: block;
	text-align: center;
	width: 100%;
	padding: .3rem;
}
.indexBox_tab .ruleBtn{
	display: inline-block;
	height: .4rem;
	line-height: .4rem;
	font-size: .24rem;
	color: #D3544F;
	border-bottom: 1px solid #D3544F;
} 

/* 老虎机 */
.index_lotteryBox .com-main{
	position: relative;
	width: 6.9rem;
	margin:0 auto .4rem;
}
.index_lotteryBox .com-main.zhounianqin{
	padding-top: 1.5rem;
}
.index_lotteryBox .com-main.zhounianqin .title{
	position: absolute;
	z-index: 9;
	top: -0.18rem;
	left: .09rem;
	width: 6.7rem;
	height: 1.82rem; 
	background: url('2020_znq_zhnqTitBg.png') no-repeat;
	background-size: 100% 100%;
}
.index_lotteryBox .com-main.level2Hq{
	padding-top: 1.4rem;
}
.index_lotteryBox .com-main.level2Hq .title{
	position: absolute;
	z-index: 9;
	top: -0.35rem;
	left: .08rem;
	width: 6.68rem;
	height: 1.88rem;
	background: url('2020_znq_levelTitBg.png') no-repeat;
	background-size: 100% 100%;
}
.index_lotteryBox .com-main.xintougu{
	padding-top: 1.4rem;
}
.index_lotteryBox .com-main.xintougu .title{
	position: absolute;
	z-index: 9;
	top: 0;
	left: .09rem;
	width: 6.69rem;
	height: 1.53rem; 
	background: url('2020_znq_xtgTitBg.png') no-repeat;
	background-size: 100% 100%;
}
.index_lotteryBox .com-main .slots{
	position: relative;
	z-index: 8;
	width: 6.9rem;
	height: 4.25rem;
	background: url(2020_znq_licaiBg.png) no-repeat;
	background-size: 100% 100%;
	padding-top: .68rem;
}

.index_lotteryBox .com-main .slots dl{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 6.1rem;
	height: 1.6rem;
	margin: auto
}
.index_lotteryBox .com-main  .gb{
	width: 1.96rem;
	height: 1.6rem;
}
.index_lotteryBox .com-main.zhounianqin  .gb{
	background: url('2020_znq_quan_shadow.png') repeat-y;
	background-size: 1.96rem 9.76rem;
	background-position: left top;
}
.index_lotteryBox .com-main.xintougu  .gb{
	background: url('2020_znq_xhdlist_shadow.png') repeat-y;
	background-size: 1.96rem 9.76rem;
	background-position: left top;
}
.index_lotteryBox .com-main.level2Hq  .gb{
	background: url('2020_znq_level2list_shadow.png') repeat-y;
	background-size: 1.96rem 9.76rem;
	background-position: left top;
}
.play-btn1{
	cursor: pointer;
	width: 3.86rem;
	height: .78rem;
	margin: .4rem auto 0;
}
.index_lotteryBox .com-main .play-btn.nowDraw{
	background: url('2020_znq_licaiBtn.png') no-repeat;
	background-size: 100% 100%;
}
.index_lotteryBox .com-main .play-btn1.zzDraw{
	background: url('2020_znq_choujian.png') no-repeat;
	background-size: 100% 100%;
	width: 3.85rem;
	height: .81rem;
}
.index_lotteryBox .com-main .play-btn1.wcDraw{
	background: url('2020_znq_wcBtn.png') no-repeat;
	background-size: 100% 100%;
	height: .8rem;
}
.index_lotteryBox .com-main .play-btn3.djsDraw{
	width: 3.86rem;
	height:1.08rem;
	text-align: center;
	cursor: pointer;
	margin: auto;
	background: url('2020_znq_btnBg.png') no-repeat;
	background-size: 100% 100%;
	padding-top: .08rem;
	margin-top: .35rem;
}
.index_lotteryBox .com-main .play-btn3.djsDraw b{
	font-size: .36rem;
	letter-spacing: 2px;
	color: #f7d08b;
	font-weight: 700;
}
.index_lotteryBox .com-main .play-btn3.djsDraw p{
	font-size: .26rem;
	color: #f7d08b;
}
.index_lotteryBox .com-main .play-btn2{
	width: 6.1rem;
	padding: .08rem .12rem 0;
	margin: auto;
}
.index_lotteryBox .com-main .play-btn2 .drawBtn{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index_lotteryBox .com-main .play-btn2 .tips{
	text-align: center;
	width: 1.1rem;
	height: .34rem;
	line-height: .36rem;
	font-size: .22rem;
	color: #fff;
	background: url('2020_znq_tipsBtn.png') no-repeat;
	background-size: 100% 100%;
	margin-left: 4.8rem;
}
.index_lotteryBox .com-main .play-btn2 .drawBtn div{
	width: 2.6rem;
	height: .77rem;
}
.index_lotteryBox .com-main .play-btn2 .jixuBtn{
	background: url('2020_znq_jxBtn.png') no-repeat;
	background-size: 100% 100%;
	width: 2.68rem !important;
	height: .81rem !important;
}
.index_lotteryBox .com-main .play-btn2 .useBtn{
	background: url('2020_znq_lijiBtn.png') no-repeat;
	background-size: 100% 100%;
	width: 2.68rem !important;
	height: .81rem !important;
}
.index_lotteryBox .com-main .play-btn2 .jixuBtnGray{
	background: url('2020_znq_jxBtnGray.png') no-repeat;
	background-size: 100% 100%;
	width: 2.73rem !important;
	height: .81rem !important;
}
.index_lotteryBox .com-main .play-btn2 .chakanBtn{
	background: url('2020_znq_chakanBtn.png') no-repeat;
	background-size: 100% 100%;
	width: 2.68rem !important;
	height: .79rem !important;
}
.index_lotteryBox .com-main .slots .drawText{
	text-align: center;
	font-size: .26rem;
	color: #eeeeff;
	margin-top: .15rem;
}
.index_lotteryBox .com-main .slots .drawText span{
	color: #f4bb60;
}
.index_lotteryBox{
	padding-top: .4rem;
}
.indexBox_tab.tab_two{
	background-image: url(2020znq_indexbg3.jpg),url(2020znq_indexbg4.jpg);
	background-size: 100% auto,100% auto;
	background-position: center top,center center;
	background-repeat:no-repeat,repeat-y;
}
.index_lotteryBox .bottomRule{
	padding-top: 0;
	padding-bottom: .6rem;
}


/* 卡片合成后状态 */
.index_top .cardBox_yhc{
	width: 5.96rem;
	height: 3.55rem;
	position: relative;
	margin-bottom: .35rem;
	margin-top: .5rem;
}
.index_top .cardBox_yhc img{
	display: block;
	width: 100%;
	height: 100%;
}
.index_top .cardBox_yhc .num{
	position: absolute;
	z-index: 2;
	font-size: .32rem;
	color: #d97d20;
	left: .96rem;
	bottom: .5rem;
	font-weight: bold;
	background: -webkit-linear-gradient( #f3a840 20%, #d6810a 99%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.index_top .content .bottomTip .tx a{
	color: #d3544f;
	display: inline-block;
	line-height: 2em;
	border-bottom: 1px solid #d3544f;
}
.index_top .m_zkBtn{
	position: relative;
	z-index: 2;
}
.index_top .m_zkBtn img{
	display: block;
	margin: 0 auto;
	width: 1.7rem;
	height: .46rem;
	top: -.2rem;
	margin-bottom: .1rem;
	position: relative;
}
.index_top .shareBtnBox{
	width: 6.9rem;
	margin: 0 auto;
	padding: 0 .5rem;
	display: block;
	position: relative;
	top: -.3rem;
	margin-bottom: .1rem;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.index_top .shareBtnBox img{
	display: block;
	width: 2.7rem;
	height: .65rem;
}

.p40_layer{
	position: fixed;
	right: .1rem;
	bottom: 30%;
	z-index: 10;
}
.p40_layer img{
	width: .93rem;
	height: 1.38rem;
	display: block;
	cursor: pointer;
}
.p40_layer .close{
	cursor: pointer;
	width: .26rem;
	height: .26rem;
	position: absolute;
	right: 0rem;
	top: .3rem;
}