h2, p ul, li, img, h1, h2, h3, h4, h5, h6{
	padding:0;
	margin:0;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	zoom:1;
}
/* 第一页 */
@keyframes znq3Scale{
	0% {
		transform: scale(0.8);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.8);
	}
}
@keyframes lightMove {
	0% {
		left: -200px;
		top: -300px;
	}
	100% {
		left: -160px;
		top: 800px;
	}
}
/* 第二三页 */
@keyframes fateFromLeft{
	0%{
		left:-100%;
		opacity: 0;
	}
	100%{
		left:0.82rem;
		opacity: 1;
	}
}
@keyframes fateFromBottom{
	0%{
		transform:translateY(500%);
		-ms-transform:translateY(500%); /* IE 9 */
		-webkit-transform:translateY(500%); /* Safari and Chrome */
		opacity: 0;
	}
	100%{
		transform:translateY(6.3rem);
		-ms-transform:translateY(6.3rem); /* IE 9 */
		-webkit-transform:translateY(6.3rem); /* Safari and Chrome */
		opacity: 1;
	}
}
/* 第五页 */
@keyframes fifthFadeFromLeft{
	0%{
		left:-100%;
		opacity: 0;
	}
	100%{
		left:0;
		opacity: 1;
	}
}
/* 第六页 */
@keyframes imgFromTop{
	0%{
		/*transform:translateY(-120%);*/
		/*-ms-transform:translateY(-120%); !* IE 9 *!*/
		/*-webkit-transform:translateY(-120%); !* Safari and Chrome *!*/
		top:-100%;
		opacity: 0;
	}
	100%{
		/*transform:translateY(0);*/
		/*-ms-transform:translateY(0); !* IE 9 *!*/
		/*-webkit-transform:translateY(0); !* Safari and Chrome *!*/
		top:0;
		opacity: 1;
	}
}
@keyframes fateSixFromLeft{
	0%{
		transform:translateX(-100%);
		-ms-transform:translateX(-100%); /* IE 9 */
		-webkit-transform:translateX(-100%); /* Safari and Chrome */
		opacity: 1;
	}
	100%{
		transform:translateX(0);
		-ms-transform:translateX(0); /* IE 9 */
		-webkit-transform:translateX(0); /* Safari and Chrome */
		opacity: 1;
	}
}
@keyframes fateSixFromRight{
	0%{
		transform:translateX(120%);
		-ms-transform:translateX(120%); /* IE 9 */
		-webkit-transform:translateX(120%); /* Safari and Chrome */
		opacity: 1;
	}
	100%{
		transform:translateX(0);
		-ms-transform:translateX(0); /* IE 9 */
		-webkit-transform:translateX(0); /* Safari and Chrome */
		opacity: 1;
	}
}
@keyframes imgFromBottom{
	0%{
		transform: scale(0);
        opacity: 0;
	}
	100%{
		transform: scale(1);
        opacity: 1;
	}
}
/* 第七页 */
@keyframes birthday{
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
html , body{
    width:100%;
    height:100%;
}

.znqPrevPage{
	width: 0.9rem;
	-webkit-animation:znqNextBtn 1.2s .5s ease-in-out infinite;
	animation:znqNextBtn 1.2s .5s ease-in-out infinite;
	position: fixed;
	bottom: 0.5rem;
	left: 0.2rem;
}
.znqNextPage{
	width: 0.9rem;
	-webkit-animation:znqNextBtn 1.2s .5s ease-in-out infinite;
	animation:znqNextBtn 1.2s .5s ease-in-out infinite;
	position: fixed;
	bottom: 0.5rem;
	right: 0.2rem;
}
@-webkit-keyframes znqNextBtn{
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.8);
    }
}
@keyframes znqNextBtn{
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.8);
    }
}

/* 第一页 */
#znq2019{
	width:100%;
	height: 100%;
	position:absolute;
}
#znq2019 .znqContent{
	width:100%;
	height:100%;
	background:url(../img/event/nationalday70/znqIndexBg.jpg) no-repeat;
	background-size:cover;
	position: relative;
}
#znq2019 .znqContent .index-3{
	position: absolute;
	left:0.18rem;
	top:0.78rem;
	width:2.92rem;
	height:4rem;
	animation:znq3Scale 2s infinite;
}
#znq2019 .znqContent .imgBox{
	width:5.54rem;
	height:1.1rem;
	position: absolute;
	left: 50%;
	margin-left: -2.77rem;
	bottom: 0.8rem;
	overflow: hidden;
	transition-duration: 5s;/**动画时间**/
}
#znq2019 .znqContent .imgBox:before{  /**根据logo外div样式名称修改before前名称**/
	content: "";
	position: absolute;
	width: 1000px;
	height: 20px; /**光标的宽度，可根据实际调整**/
	background-image: linear-gradient(to bottom,transparent,rgba(255,255,255,.5),transparent);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: lightMove 2s ease-in 1s infinite;
	-o-animation: lightMove 2s ease-in 1s infinite;
	animation: lightMove 2s ease-in 1s infinite; /**第一个数字参数控制扫光速度，数字越大越慢**/
}
#znq2019 .znqContent .index-btn{
	width:100%;
}
/* 第二页 */
#znq2019Page1{
	width:100%;
	height:100%;
	background:url(../img/event/nationalday70/znqSecondBg.jpg) no-repeat top left;
	background-size:cover;
	position: relative;
	color:#112b42;
}
#znq2019Page1 .title{
	position: absolute;
	/*left:0.82rem;*/
	top:4.2rem;
	line-height: 0.6rem;
	font-size: 0.38rem;
	font-weight: bold;
	letter-spacing: 2px;
	-webkit-animation: fateFromLeft 1.5s linear;
	-o-animation: fateFromLeft 1.5s linear;
	animation: fateFromLeft 1.5s linear; /**第一个数字参数控制扫光速度，数字越大越慢**/
	animation-fill-mode: forwards;/*定义动画结束的状态*/
}
#znq2019Page1 .title p:nth-of-type(2){
	text-indent: 25px;
}
#znq2019Page1 .registerTime, #znq2019Page1 .repayTime{
	width:80%;
	position: absolute;
	/*left:0.82rem;*/
	left:-100%;
	line-height:0.62rem;
	font-size:0.3rem;
	text-indent: 0.5rem;
}
#znq2019Page1 .registerTime{
	top:6.4rem;
	-webkit-animation: fateFromLeft 1.5s linear 1s;
	-o-animation: fateFromLeft 1.5s linear 1s;
	animation: fateFromLeft 1.5s linear 1s; /**第一个数字参数控制扫光速度，数字越大越慢**/
	animation-fill-mode: forwards;/*定义动画结束的状态*/
}
#znq2019Page1 .repayTime{
	top:7.5rem;
	-webkit-animation: fateFromLeft 1.5s linear 2s;
	-o-animation: fateFromLeft 1.5s linear 2s;
	animation: fateFromLeft 1.5s linear 2s; /**第一个数字参数控制扫光速度，数字越大越慢**/
	animation-fill-mode: forwards;/*定义动画结束的状态*/
}
/*#znq2019Page1 .registerTime span, #znq2019Page1 .repayTime span{*/
/*	font-size: 0.4rem;*/
/*	font-weight: bold;*/
/*}*/
/* 第三页 */
#znq2019Page2{
	width:100%;
	height:100%;
	background:url(../img/event/nationalday70/znqThirdBg.jpg) no-repeat;
	background-size:cover;
	position: relative;
	color:#112b42;
	text-align: center;
}
#znq2019Page2 h2{
	position: absolute;
	/*left:0.8rem;*/
	top:3.8rem;
	text-align: center;
	line-height:0.8rem;
	font-size:0.38rem;
	font-weight: bold;
	letter-spacing: 2px;
	color:#21476b;
	-webkit-animation: fateFromLeft 1.5s linear;
	-o-animation: fateFromLeft1.5s linear;
	animation: fateFromLeft 1.5s linear; /**第一个数字参数控制扫光速度，数字越大越慢**/
	animation-fill-mode: forwards;/*定义动画结束的状态*/
}
#znq2019Page2 p{
	width:80%;
	position: absolute;
	left:-100%;
	top:5rem;
	text-align: left;
	line-height:0.62rem;
	font-size:0.3rem;
	-webkit-animation: fateFromLeft 1.5s linear 1s;
	-o-animation: fateFromLeft 1.5s linear 1s;
	animation: fateFromLeft 1.5s linear 1s; /**第一个数字参数控制扫光速度，数字越大越慢**/
	animation-fill-mode: forwards;/*定义动画结束的状态*/
}
#znq2019Page2 p .time, #znq2019Page2 p .money, #znq2019Page1 .registerTime span, #znq2019Page1 .repayTime span{
	font-weight: bold;
	color:#e54448;
}
/*#znq2019Page2 p .money{*/
/*	font-size:0.42rem;*/
/*	font-weight: 500;*/
/*}*/
#znq2019Page2 .znqThirdIncome{
	width:5.98rem;
	height:2.98rem;
	transform:translateY(500%);
	position: absolute;
	left:50%;
	margin-left:-2.99rem;
	-webkit-animation: fateFromBottom 1.5s linear 2s;
	-o-animation: fateFromBottom 1.5s linear 2s;
	animation: fateFromBottom 1.5s linear 2s; /**第一个数字参数控制扫光速度，数字越大越慢**/
	animation-fill-mode: forwards;/*定义动画结束的状态*/
}
/* 第四页 */
#znq2019Page3{
	width:100%;
	height:100%;
	background:url(../img/event/nationalday70/znqFourthBg.jpg) no-repeat;
	background-size:cover;
	position: relative;
    /*left: 0;*/
    /*top: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
	color: #fff;
	text-align: center;
    overflow-y: scroll;
}
#znq2019Page3 header{
	font-size:0.38rem;
	font-weight: bold;
	line-height:1rem;
	margin-top:0.2rem;
	letter-spacing: 1px;
}
#znq2019Page3 .awardBox{
	width:85%;
	margin:0.2rem auto;
}
#znq2019Page3 .awardBox h2{
	color: #fff;
	font-size:0.28rem;
	text-align: left;
}
#znq2019Page3 .awardBox .awardIcon{
	width:0.6rem;
	vertical-align: middle;
	margin-right: 0.1rem;
}
#znq2019Page3 .awardBox .listBox{
	width:100%;
}
#znq2019Page3 .cgAward .listBox{
	position: relative;
}
#znq2019Page3 .awardBox .dot{
	width: 4.2rem;
	height: 2.2rem;
	background: none;
	border: 4px dotted #59fffd;
	border-left:0;
	border-radius: 5px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -2.1rem;
	margin-top: -1.1rem;
}
#znq2019Page3 .awardBox ul{
	width:100%;
	background:#679ac5;
}

#znq2019Page3 .awardBox li{
	width:1.5rem;
	height:2.04rem;
	float:left;
	margin: 0.1rem 0.3rem;
	position: relative;
}
#znq2019Page3 .awardBox li img{
	width:100%;
	height:100%;
}
/* 第五页 */
#znq2019Page4{
	width:100%;
	height:100%;
	background:url(../img/event/nationalday70/znqSixthBg.jpg) no-repeat;
	background-size:cover;
	position: relative;
	text-align: center;
}
#znq2019Page4 .fifthImgBox{
	width:6.8rem;
	height:2.8rem;
	overflow: hidden;
	position: relative;
	margin:2.44rem auto;
}
#znq2019Page4 .fifthImg{
	width:100%;
	height:2.25rem;
	overflow: hidden;
	position: absolute;
	left:0;
	bottom: 0;
	background:url(../img/event/nationalday70/znqSixthTop.png) no-repeat;
	background-size:cover;
}
#znq2019Page4 .fifthImg:before{ /**根据logo外div样式名称修改before前名称**/
	content: "";
	position: absolute;
	width: 1000px;
	height: 20px; /**光标的宽度，可根据实际调整**/
	background-image: linear-gradient(to bottom,transparent,rgba(255,255,255,.5),transparent);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: lightMove 2s ease-in 1s infinite;
	-o-animation: lightMove 2s ease-in 1s infinite;
	animation: lightMove 2s ease-in 1s infinite; /**第一个数字参数控制扫光速度，数字越大越慢**/
}
#znq2019Page4 .fifthImgBox .znqSixStar{
	width:1.21rem;
	height: 0.95rem;
	position: absolute;
	left:1.6rem;
	top:0;
}
#znq2019Page4 .text{
	width:100%;
	position: absolute;
	left:-100%;
	top: 7rem;
	-webkit-animation: fifthFadeFromLeft 1.5s linear;
	-o-animation: fifthFadeFromLeft 1.5s linear;
	animation: fifthFadeFromLeft 1.5s linear; /**第一个数字参数控制扫光速度，数字越大越慢**/
	animation-fill-mode: forwards;/*定义动画结束的状态*/
}
#znq2019Page4 .text-p{
	color:#fff;
	font-size:0.36rem;
}
#znq2019Page4 .text-goods{
	color: #fee21f;
	font-size: 0.5rem;
	font-weight: bold;
	margin-top: 0.6rem;
}
/* 第六页 */
#znq2019Page5{
	width:100%;
	height:100%;
	background:url(../img/event/nationalday70/znqFifthBg.jpg) no-repeat;
	background-size:cover;
	position: relative;
	text-align: center;
}
#znq2019Page5 .top{
	width:90%;
	/*height:5.82rem;*/
    /*transform:translateY(-120%);*/
	/*position:absolute;*/
	/*left:0;*/
	/*top:-100%;*/
	margin:auto;
    position:absolute;
    left:0;
    top:0;
    right:0;
	-webkit-animation: imgFromTop 2s linear;
	-o-animation: imgFromTop 2s linear;
	animation: imgFromTop 2s linear; /**第一个数字参数控制扫光速度，数字越大越慢**/
	animation-fill-mode: forwards;/*定义动画结束的状态*/
}
#znq2019Page5 .middle{
	width:100%;
    position: absolute;
    left:0;
    right:0;
    top:50%;
    z-index:1;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    text-transform:uppercase;
}
#znq2019Page5 .middle h2{
	transform:translateX(-100%);
	font-size:1rem;
	color: #4b83b6;
	letter-spacing: 10px;
	-webkit-animation: fateSixFromLeft 1.5s linear 2s;
	-o-animation: fateSixFromLeft 1.5s linear 2s;
	animation: fateSixFromLeft 1.5s linear 2s; /**第一个数字参数控制扫光速度，数字越大越慢**/
	animation-fill-mode: forwards;/*定义动画结束的状态*/
}
#znq2019Page5 .middle .text{
	transform:translateX(120%);
	/*width:100%;*/
	width: 80%;
	margin: 0.2rem auto;
	font-size:0.28rem;
	color: #194369;
	text-align: left;
	letter-spacing: 1px;
	/*margin-top:0.2rem;*/
	-webkit-animation: fateSixFromRight 1.5s linear 2s;
	-o-animation: fateSixFromRight 1.5s linear 2s;
	animation: fateSixFromRight 1.5s linear 2s; /**第一个数字参数控制扫光速度，数字越大越慢**/
	animation-fill-mode: forwards;/*定义动画结束的状态*/
}
#znq2019Page5 .bottom{
	/*transform:translateY(120%);*/
	transform: scale(0);
    /*width:87%;*/
	width:6.54rem;
	height:4.62rem;
	position: absolute;
	left: 50%;
	bottom:0;
	margin-left: -3.27rem;
	-webkit-animation: imgFromBottom 2s linear 0.5s;
	-o-animation: imgFromBottom 2s linear 0.5s;
	animation: imgFromBottom 2s linear 0.5s; /**第一个数字参数控制扫光速度，数字越大越慢**/
	animation-fill-mode: forwards;/*定义动画结束的状态*/
}
/* 第七页 */
#znq2019Page6{
	width:100%;
	height:100%;
	background:url(../img/event/nationalday70/znqSeventhBg.jpg) no-repeat;
	background-size:cover;
	position: relative;
	text-align: center;
}
#znq2019Page6 .sevenBtnBox{
	width:5.54rem;
	height:1.1rem;
	position: absolute;
	left: 50%;
	margin-left: -2.77rem;
	bottom: 0.8rem;
	overflow: hidden;
	transition-duration: 5s;/**动画时间**/
}
#znq2019Page6 .sevenBtnBox:before{  /**根据logo外div样式名称修改before前名称**/
	content: "";
	position: absolute;
	width: 1000px;
	height: 20px; /**光标的宽度，可根据实际调整**/
	background-image: linear-gradient(to bottom,transparent,rgba(255,255,255,.5),transparent);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: lightMove 2s ease-in 1s infinite;
	-o-animation: lightMove 2s ease-in 1s infinite;
	animation: lightMove 2s ease-in 1s infinite; /**第一个数字参数控制扫光速度，数字越大越慢**/
}
#znq2019Page6 .sevenBtnBox .sevenBtn{
	width:100%;
}

.znq2019Page6Cover{
	width:100%;
	height:100%;
	background:url(../img/event/nationalday70/znqSeventhCover.png) no-repeat;
	background-size:cover;
	position: relative;
	text-align: center;
	z-index: 9;
}
.znq2019Page6Mask{
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 1);
}
.znq2019Page6Cover p{
	width:100%;
	height:0.3rem;
	z-index: 5;
	position: absolute;
	left:0;
	bottom:48%;
	color:#fff;
}
/*#znq2019Page6 .mask{*/
/*	width:100%;*/
/*	height:100%;*/
/*	z-index: 1;*/
/*	background: rgba(0, 0, 0, 1);*/
/*	!*background-size:cover;*!*/
/*	position: relative;*/
/*	!*text-align: center;*!*/
/*}*/
/*#znq2019Page6 .mask img{*/
/*	!*width:100%;*!*/
/*	!*z-index: 2;*!*/
/*	width:100%;*/
/*	height:100%;*/
/*	background-size:cover;*/
/*	position: relative;*/
/*	text-align: center;*/
/*}*/
/*#znq2019Page6 .mask p{*/
/*	width:100%;*/
/*	height:0.3rem;*/
/*	z-index: 5;*/
/*	position: absolute;*/
/*	left:0;*/
/*	bottom:48%;*/
/*	color:#fff;*/
/*}*/
.maskHide{
	-webkit-animation:birthday 2s linear;
	animation:birthday 2s linear;
	animation-fill-mode: forwards;
}

/* 主活动页 */
#zna2019Main{
    width:100%;
    height:100%;
	overflow-y: auto;
}
#zna2019Main .inZnq{
    width:100%;
	background:#4155d6;
	padding-bottom:10px;
}
#zna2019Main .inZnq header{
    width:100%;
    height:3.26rem;
    background:url(../img/event/nationalday70/znqMainHeader.jpg) no-repeat;
    background-size:cover;
}
#zna2019Main .znqMain-sign, #zna2019Main .znqMain-addRate, #zna2019Main .znqMain-reward{
    width:95%;
    border-radius: 7px;
    margin: 0.4rem auto 0;
    background:#fff;
    box-shadow: 0 0  10px 10px #2b3990;
}
#zna2019Main .znqMain-sign{
    height:7.2rem;
}
#zna2019Main .znqMain-sign h2, #zna2019Main .znqMain-addRate h2, #zna2019Main .znqMain-reward h2{
	width:100%;
	height:0.91rem;
	display: table;
	vertical-align: middle;
	text-align: center;
}
#zna2019Main .znqMain-sign .main-img, #zna2019Main .znqMain-addRate .main-img, #zna2019Main .znqMain-reward .main-img{
	width:5.5rem;
}
#zna2019Main .znqMain-sign .znqMain-sign-moneyBox{
	width:100%;
	text-align: center;
}
/*#zna2019Main .znqMain-sign h3{*/
/*	color:#000;*/
/*	font-size:0.24rem;*/
/*}*/
#zna2019Main .znqMain-sign h3 span{
	color:#000;
	font-size:0.24rem;
	text-decoration: underline;
}
#zna2019Main .znqMain-sign ul{
	width:100%;
	height:2.02rem;
	margin: 0.2rem 0;
}
#zna2019Main .znqMain-sign li{
	width:2.05rem;
	height:100%;
	border-radius: 15px;
	box-shadow: 0 0  5px 5px #e1e1e1;
	float:left;
	margin:0 0.16rem;
	position: relative;
}
#zna2019Main .znqMain-sign li .znqCouponDefault{
	width:100%;
}
#zna2019Main .znqMain-sign li .znqCouponSelect{
	width:0.84rem;
	position: absolute;
	right:0;
	top:0;
}
#zna2019Main .znqMain-sign .znqMain-sign-btnBox{
	width:100%;
}
#zna2019Main .znqMain-sign-btnBox p{
	color:#bf8c35;
	font-size:0.24rem;
	line-height: 0.6rem;
}
#zna2019Main .znqMain-sign-btnBox .znqMain-sign-btn{
    width:2.76rem;
    height:0.7rem;
    border-radius: 25px;
    border: none;
    color: #fff;
    font-size: 0.3rem;
    letter-spacing: 2px;
    font-weight: bold;
}
#zna2019Main .znqMain-sign-btnBox .znqMain-sign-red{
    background-image: linear-gradient(to bottom right, #ffa17b, #ff4527);
    box-shadow: 0 3px 10px 3px #f1d1cf;
}
#zna2019Main .znqMain-sign-btnBox .znqMain-sign-gray{
    background-image: linear-gradient(to bottom right, #bdbdbd, #939393);
    box-shadow: 0 3px 10px 3px #e1e1e1;
}
#zna2019Main .znqMain-sign-rule, #zna2019Main .znqMain-reward-rule{
	width:95%;
	margin:0.2rem auto;
	border-radius: 7px;
	background: #374efe;
	color:#fff;
	font-size: 0.18rem;
	line-height: 0.44rem;
	padding:10px 13px 10px 20px;
    border: 1px solid #fff;
	position: relative;
}
#zna2019Main .znqMain-reward-rule .rule-section{
	margin-top:0.2rem;
}
#zna2019Main .znqMain-sign-rule p, #zna2019Main .znqMain-reward-rule p{
	font-size:13px;
}
#zna2019Main .znqMain-sign-rule h4, #zna2019Main .znqMain-reward-rule h4{
	font-size: 0.28rem;
	margin:0;
	color:#fff;
}
#zna2019Main .znqMain-sign-rule span, #zna2019Main .znqMain-reward-rule span{
	display: block;
	width:0.25rem;
	height:0.5rem;
	background:#fff;
	position:absolute;
	top:50%;
	margin-top:-0.25rem;
}
#zna2019Main .dotLeft{
	left:-1px;
	border-top-right-radius:25px;
	border-bottom-right-radius:25px;
}
#zna2019Main .dotRight{
	right:-1px;
	border-top-left-radius:25px;
	border-bottom-left-radius:25px;
}

#zna2019Main .znqMain-addRate{
    height:2.55rem;
}
#zna2019Main .znqMain-reward{
    height:15.7rem;
}
#zna2019Main .znqMain-addRate .znqMain-addRate-img{
	width:100%;
	height:1.6rem;
	display: table;
	vertical-align: middle;
	text-align: center;
}
#zna2019Main .znqMain-addRate-img img{
	width:7.03rem;
}
#zna2019Main .znqMain-reward-box{
    width:95%;
    height:5.8rem;
    margin:15px auto;
    background:#f4f4f4;
    border-radius: 7px;
    position: relative;
}
#zna2019Main .znqMain-reward-box header{
    background-image:url(../img/event/nationalday70/znqRewardIcon.png);
    background-size:0.5rem 0.42rem;
    background-position:7% center;
    width:4.2rem;
    height:0.6rem;
    line-height:0.6rem;
    background-color:#ff524b;
    position:relative;
    left:50%;
    margin-left:-2.1rem;
    top:-15px;
    color:#fff;
    text-align:center;
}
#zna2019Main .znqMain-reward-box header:after{
    content:"";
    width:0;
    height:0;
    border-bottom:17px solid #d14a44;
    border-right:10px solid transparent;
    position:absolute;
    right:-10px;
    top:0;
}
#zna2019Main .znqMain-reward-text a{
    color:#c28739;
    font-size:12px;
	display: block;
}
#zna2019Main .znqMain-reward-content{
    width:88%;
    margin:0 auto;
}
#zna2019Main .znqMain-reward-number{
    margin-top:15px;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-around;
    align-content:space-around;
}
#zna2019Main .znqMain-reward-number span{
    display: inline-block;
    width:1rem;
    height:1rem;
    border-radius: 25px;
    text-align: center;
    line-height: 1rem;
	font-size: 24px;
}
#zna2019Main .znqMain-reward-text-box p{
    width:50%;
    float:left;
    color:#ff5048;
    line-height: 36px;
}
#zna2019Main .znqMain-reward-number .znqGray{
	background:#eeeeee;
	color:#adadad;
}
#zna2019Main .znqMain-reward-number .znqRed{
    background:#ff5048;
    color:#fff;
}
#zna2019Main .znqMain-reward-msg{
    text-decoration:underline;
    text-align: right;
}
#zna2019Main .znqMain-reward-my-num span{
    width:0.45rem;
    height: 0.45rem;
    text-align: center;
    line-height: 0.45rem;
    border-radius: 25px;
    background:#ff5048;
    color:#fff;
	display: none;
}
#zna2019Main .znqMain-reward-box .znqBtn{
    width: 2.76rem;
    height: 0.7rem;
    border-radius: 25px;
    border: none;
    color: #fff;
    font-size: 0.3rem;
    letter-spacing: 5px;
    font-weight: bold;
    /*background-image: linear-gradient(to bottom right, #ffdd7c, #ffa626);*/
    /*box-shadow: 0 3px 10px 3px #f76502;*/
    position: absolute;
    left:50%;
    bottom:15px;
    margin-left:-1.38rem;
}
#zna2019Main .znqYellowBtn{
	background-image: linear-gradient(to bottom right, #ffdd7c, #ffa626);
	box-shadow: 0 3px 10px 3px #f76502;
}
#zna2019Main .znqGrayBtn{
	background-image: linear-gradient(to bottom right, #bdbdbd, #939393);
	box-shadow: 0 3px 10px 3px #e1e1e1;
}
.numGray{
	background:gray;
}
.znqMaskFrame, .znqRewardMsg{
	width:100%;
	height:100%;
	z-index: 2;
	background-size:cover;
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	left:0;
	top:0;
	/*display: none;*/
	/*text-align: center;*/
}
.znqRewardMsg{
	display: none;
}
.znqMaskFrame .znqMask-frame, .znqRewardMsg .znqRewardMsgBox{
	width:6rem;
	height:5.64rem;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	z-index: 2;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -3rem;
	margin-top: -2.82rem;
	text-align: center;
}
.znqMaskFrame img{
	width:100%;
	height:2.15rem;
	display: block;
}
.znqMaskFrame .znqMask-frame-text{
	width:100%;
	height: 3.49rem;
	background: #fff;
}
.znqMaskFrame .znqMask-frame-text-box{
	height: 2rem;
	padding-top:0.8rem;
}
.znqMaskFrame .znqMask-frame-text-box span{
	color:#f56a4e;
}
.znqMaskFrame button{
	width: 2rem;
	height: 0.7rem;
	border-radius: 25px;
	border: none;
	color: #fff;
	font-size: 0.3rem;
	letter-spacing: 2px;
	display: inline-block;
}
.znqMaskFrame .znqMaskFrameYes{
	background-image: linear-gradient(to bottom right, #f6924e, #ff564b);
}
.znqMaskFrame .znqMaskFrameCancel{
	background-image: linear-gradient(to bottom right, #a1a1a1, #a4a4a4);
}

.znqRewardMsg .znqRewardMsgBox{
    border-radius: 7px;
     background:#fff;
 }
.znqRewardMsg img{
    width:100%;
    display: block;
}
/* user页面新增的图片 */
#user .totalIncome img{
    width:100%;
    display: block;
}