/*******/
.page-loading{
	padding-bottom: 0;
	background-color: #EEECD8;
	width:100vw;
	height:100vh;
}
.page-loading > .con > .percent{
	margin-top: .2rem;
	color:#82754f;
}


.page-header{
	width:100%;
	display: flex;
	justify-content: space-between;
	padding:.56rem .3rem 0 .3rem;
	box-sizing: border-box;
}


.page-header > .action{
	display: flex;
	align-items: center;
}


.page-header > .action > a{
	margin-left:.1rem;
}

.page-index{
	display: none;
	flex-direction: column;
	align-items: center;
	width:100vw;
	min-height:100vh;
	background-color: #EEECD8;
	overflow:hidden;
	transition:all .2s ease-out;
}
.page-index.flex{
	display: flex;
}

.page-index.hide{
	height:100vh;
	overflow: hidden;
}


.page-index > .con{
	position: relative;
	width:100vw;
	height:100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 1.2rem;
	overflow-y: auto;
	z-index:99;
	box-sizing: border-box;
}
.page-index.active > .con{
	opacity: 1;
}
.page-index > .con.hidden{
	opacity: 0;
}

.slogan-wrap{
	margin-top: .6rem;
	width:100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	color:#82754f;
	transform: translateY(.5rem);
}
.slogan-wrap.active{
	transition: all .4s ease-out;
	opacity: 1;
	transform: translateY(0rem);
}


.slogan-wrap > img{
	max-width: 6rem;
	max-height: .7rem;
}

.slogan-wrap > .slogan{
	transform: translateY(0);
	color:#82754f;
}

.slogan-wrap > .slogan.active{
	transform: translateY(0);
	opacity: 1;
}

.slogan-wrap > h5{
	font-size:.68rem;
	color:#ffffff;
}

.slogan-wrap > .time-info{
	font-size:.3rem;
	color:#82754f;
	transform: translateY(0);
	margin-top: .25rem;
	letter-spacing: 1px;
}

.slogan-wrap > .time-arrow{
	width:3.47rem;
	height:.23rem;
	background-image: url(../images/time-arrow@2x.png);
	background-size:100% 100%;
	background-repeat: no-repeat;
	transform: translateY(-2px);
}

.slogan-wrap > .time-info.active{
	transform: translateY(0);
	opacity: 1;
}

.exchange-tip{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	line-height: 1.6;
	margin-top: .1rem;
	color:#82754f;
	font-size:.24rem;
	opacity: 0;
	transform: translateY(.5rem);
}
.exchange-tip.active{
	transition:all .4s ease-out .3s;
	opacity: 1;
	transform: translateY(0rem);
}

/****/

.total-point{
	position: fixed;
	left:0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	background-color: rgba(130,117,79,.9);
	border-top-left-radius: .8rem;
	border-top-right-radius: .8rem;
	color: #ffffff;
    font-size: .24rem;
    padding: 0.25rem 0 0.4rem 0;
    line-height: 1;
    transform: translateY(100%);
    opacity: 0;
    z-index:399;
}

.total-point.active{
	transition: all .5s ease-out 1.4s;
	transform: translateY(0%);
    opacity: 1;
}

.total-point > span{
	border-radius: 1rem;
	color:#ffffff;
	font-size: 1.2em;
	background-color: #82754f;
	padding:.1rem .32rem;
	margin:0 .1rem;
}

.coupon-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 0.3rem;
	padding-bottom: 1rem;
}

.coupon-wrap > .coupon-item{
	position: relative;
	display: flex;
	flex-direction: column;
	width:3.04rem;
	height:3.66rem;
	margin:.13rem;
	
	
	box-sizing: border-box;
	opacity: 0;
}

.coupon-wrap > .coupon-item > .coupon-tip{
	position: absolute;
	top:1rem;
	left:50%;
	width:2rem;
	padding:.1rem 0;
	background-color: rgba(0,0,0,.5);
	color:#ffffff;
	font-size:.2rem;
	text-align: center;
	transform: translateX(-50%);
	border-radius: 4px;
	z-index:199;
}

.coupon-wrap > .coupon-item > .bg-1{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(255,255,255,.8);
	border-radius: .19rem;
	z-index:10;
}

.coupon-wrap > .coupon-item > .bg-2{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgb(206 206 206 / 30%);
	transform: translate(.07rem,.07rem);
	border-radius: .19rem;
	z-index:5;
}

.coupon-item-0{
	--animate-delay: 0s;
}
.coupon-item-1{
	--animate-delay: 0.1s;
}
.coupon-item-2{
	--animate-delay: 0.2s;
}
.coupon-item-3{
	--animate-delay: 0.3s;
}
.coupon-item-4{
	--animate-delay: 0.4s;
}
.coupon-item-5{
	--animate-delay: 0.5s;
}
.coupon-item-6{
	--animate-delay: 0.6s;
}
.coupon-item-7{
	--animate-delay: 0.7s;
}

.coupon-wrap > .coupon-item.animate__animated{
	opacity: 1;
}

.coupon-wrap > .coupon-item.c-null{
	background-color: transparent;
}

.coupon-wrap > .coupon-item > .pic-box{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:2.4rem;
	z-index:99;

}

.coupon-wrap > .coupon-item > .pic-box > img{
	max-width: 90%;
	max-height:90%;
}



.coupon-wrap > .coupon-item > .footer{
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	border-bottom-left-radius: .2rem;
	border-bottom-right-radius: .2rem;
	padding:.15rem .2rem;
	box-sizing: border-box;
	z-index:99;
}
.coupon-wrap > .coupon-item > .footer > h5{
	font-size: .2rem;
	color:#8C8179;
	line-height: 1.2;
}

.coupon-wrap > .coupon-item > .footer > .info{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: .1rem;
}
.coupon-wrap > .coupon-item > .footer > .info > h5{
	font-size: .2rem;
	color:#8C8179;
}
.coupon-wrap > .coupon-item > .footer > .info  > .point-wrap{
	display: flex;
	align-items: flex-end;
	font-size: .3rem;
	font-weight: 800;
	color:#8C8179;
	line-height: 1;
    margin: 0.1rem 0;

}
.coupon-wrap > .coupon-item > .footer > .info  > .point-wrap > .kdp-view{
	display: flex;
	align-items: center;
	transform: scale(.8);
	font-size: .24rem;
}

.coupon-wrap > .coupon-item > .footer > .info  > .point-wrap > .kdp-view > i{
	margin-right:2px;
}


.coupon-wrap > .coupon-item > .footer > .info > .action > a{
	display: block;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:1rem;
}


/*
.coupon-wrap > .coupon-item > .footer > h5{
	display: flex;
    align-items: center;
	width:100%;
	font-size:.24rem;
	line-height: 1.3;
	height:2.5em;
}*/

.coupon-wrap > .coupon-item > .footer > .action{
	width:1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.coupon-wrap > .coupon-item > .footer > .action  > .point-wrap{
	display: flex;
	font-size: .3rem;
	font-weight: 800;
	line-height: 1;
    margin: 0.1rem 0;
}
.coupon-wrap > .coupon-item > .footer > .action  > .point-wrap > .kdp-view{
	display: flex;
	align-items: center;
	margin-top: 2px;
	transform: scale(.8);

}

.coupon-wrap > .coupon-item > .footer > .action  > .point-wrap > .kdp-view > i{
	margin-right:2px;
}

.coupon-wrap > .coupon-item > .footer > .action > a{
	justify-content: center;
	align-items: center;
	text-align: center;
	width:1rem;
}


.btn-coupon-exchange{
	position: relative;
	font-size:.26rem;
	padding:.11rem 0;
	border-radius: 1rem;
	background-color: #82754F;
	color:#ffffff;
	font-size: .2rem;
    line-height: 1;
}
.btn-coupon-exchange.disable{
	background-color: #8c8179;
	color:#ffffff;
	opacity: .8;
}
.btn-coupon-exchange.disable2{
	background-color: #c0c0c0;
	color:#ffffff;
}
.btn-coupon-exchange.disable3{
	background-color: #82754f;
    color:#ffffff;
    opacity: .7;
}
.btn-coupon-exchange.ssm{
	font-size: .2rem;
}

.btn-coupon-exchange > i{
	position: absolute;
	top:0;
	left:50%;
	transform: translate(-50%,-130%) scale(.8);
	white-space: nowrap;
}



.ex-action{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top:.5rem;
}
.ex-action > a{
	margin-bottom: .3rem;
}

.ex-in{
	opacity: 0;
	transition:opacity .3s;
}
.ex-in.active{
	opacity: 1;
}

.pop-cc img{
	width:100%;
}
.pop-tip.pop-cc > .con > .pop-content{
	height: calc(100vh - 3.5rem);
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;
}


/***/

.pop-default > .con{
	width:6.25rem;
	padding: 0;
	box-sizing: border-box;
	background-color: #ebeae8;
	border-radius: .62rem;
}


.pop-default > .con > .pop-content{
	position: relative;
	width:100%;
	min-height:3rem;
	
	
	padding-top: .2rem;
	padding-bottom: .3rem;
	box-sizing: border-box;
	font-size:.26rem;
}

.pop-default > .con > .pop-content > .con-box{
	width:5.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	border-radius: .24rem;
}

.pop-default > .con > .pop-content > .con-box > p.p2{
	font-size: .24rem;
	opacity: .8;
	line-height: 1.3;
	margin-top: .3rem;
}


/*******/
.pop-info > .con > .pop-content{
	display: flex;
	flex-direction: column;
	align-items: center;
	max-height: 70vh;
    overflow-y: auto;
}
.pop-info > .con > .pop-content > .pic-box{
	display: flex;
	justify-content: center;
}
.pop-info > .con > .pop-content > .pic-box > img{
	max-width: 80%;
}
.pop-info > .con > .pop-content > h5{
	width:80%;
	text-align: center;
	line-height: 1.5;
	font-size:.32rem;
	margin-top: .3rem;
}

.pop-info > .con > .pop-content > .content{
	width:80%;
	line-height: 1.5;
	font-size:.26rem;
	margin-top: .2rem;
}


/*******/

.pop-exchange-confirm > .con > .pop-content{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: .6rem;
	padding-bottom: .6rem;
	overflow:hidden;
}

.pop-exchange-confirm > .con > .pop-content > .con-box > p{
	text-align: center;
	font-size: .32rem;
	color:#82754F;
}
.pop-exchange-confirm > .con > .pop-content > .con-box > p > span{
	font-size: 1.3em;
	color:#82754F;
}
.pop-exchange-confirm > .con > .pop-content > .action{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.pop-exchange-confirm > .con > .pop-content > .action a{
	margin:0 .2rem;
}


.page-pop.pop-exchange-confirm > .con > .pop-content > .top-r{
	transform: translate(0.5rem,-0.1rem);
}

/******/
.pop-card-rs > .con > .pop-content{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: .5rem;
	padding-bottom: .6rem;
	overflow: hidden;
}
.pop-card-rs > .con > .pop-content > h6{
	font-size:.34rem;
	color:#8C8179;
}
.pop-card-rs > .con > .pop-content > .card-info{

	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top:.15rem;
}

.pop-card-rs > .con > .pop-content > .card-info > img{
	max-width: 5rem;
	max-height: 3rem;
}

.pop-card-rs > .con > .pop-content > .card-info > h6{
	font-size: .28rem;
	color:#8C8179;
	margin-top:.2rem;
	text-align: center;
}

.pop-card-rs > .con > .pop-content > p{
	color:#9b9996;
	font-size:.2rem;
	line-height: 1;
	margin-top: .42rem;
}
.pop-card-rs > .con > .pop-content > .action{
	margin-top: .42rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.pop-card-rs > .con > .pop-content > .action > a{
	margin-bottom: .2rem;
}
.pop-card-rs > .con > .pop-content > .action > a:last-child{
	margin-bottom: 0;
}

.page-pop.pop-card-rs > .con > .pop-content > .top-r{
	transform: translate(0.5rem,-0.1rem);
}


/******/

.pop-share > .share-tip{
	position: absolute;
	top:.34rem;
	right:.5rem;
	
	width:5.1rem;
	height:4.33rem;
	background-image: url(https://static.qingshow.net/k11/gzwonder/images/share-tip@2x.png);
	background-size:100% 100%;
	background-repeat: no-repeat;
	transform: translateX(-1rem);
	opacity: 0;
	transition:all .4s ease-out;
}


.pop-share > .share-tip.active{
	transform: translateX(0rem);
	opacity: 1;
}





/******/
.pop-tip > .con > .pop-content{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size:.26rem;
	line-height: 1.5;
}

/****/

.pop-winner > .con > .pop-content > .scroll{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.pop-winner > .con > .pop-content > .scroll > dl{
	width:5.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:.25rem .2rem;
	background-color: #ffffff;
	margin-bottom: .1rem;
	box-sizing: border-box;
	border-radius: .24rem;
}
.pop-winner > .con > .pop-content > .scroll > dl > dt{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: .1rem;
	box-sizing: border-box;
}
.pop-winner > .con > .pop-content > .scroll > dl > dt > img{
	max-width: 1rem;
	max-height: 1rem;
	margin-right: .1rem;
}
.pop-winner > .con > .pop-content > .scroll > dl > dd{
	margin-left:.36rem;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
}



/****/
.page-pop.pop-default > .con > .pop-top{
	width:6.25rem;
	height:1.58rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(https://static.qingshow.net/gzcoupon/images/pop-con-top-v2@2x.png);
	background-size:100% 100%;
	background-repeat: no-repeat;
}
.page-pop.pop-default.pop-rule > .con > .pop-content{
	height:8rem;
	overflow-x: hidden;
	overflow-y: auto;
	color: #000000;
	padding: 0 .4rem .4rem;
    box-sizing: border-box;
    margin-top: .4rem;
}

.page-pop.pop-default.pop-rule > .con > .pop-content > .top-r{
	transform: translate(0.5rem,-0.1rem);
}

.page-pop.pop-default.pop-rule > .con > .pop-content > .scroll{
    box-sizing: border-box;
    border-radius: 0.36rem;
    padding-bottom: 2rem;
}
.page-pop.pop-default.pop-rule > .con > .pop-content > .scroll > h5{
	font-size: .3rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: .2rem;
	color:#8C8179;
}
.page-pop.pop-default.pop-rule > .con > .pop-content > .scroll > dl{
	display: flex;
	justify-content: space-between;
	margin-bottom: .1rem;
	color:#8d8877;
	font-size:.24rem;
	line-height: 1.5;
}

.page-pop.pop-default.pop-rule > .con > .pop-content > .scroll > dl > dt{
	width:.5rem;
	text-align: center;
}
.page-pop.pop-default.pop-rule > .con > .pop-content > .scroll > dl > dd{
	flex:1;
	
}

.page-pop.pop-default.pop-rule > .con > .pop-content > .scroll > dl > dd > p{
	line-height: 1.5;
	margin-bottom: .1rem;
}


.page-pop.pop-default.pop-rule > .con > .pop-content > .scroll > dl > dd > h6{
	font-size: .26rem;
	font-weight: bold;
	margin: 0.2rem 0 0.1rem;
}
.page-pop.pop-default.pop-rule > .con > .pop-content > .scroll > dl > dd > p{
	font-size: .24rem;
	line-height: 1.5;
	text-align: justify;
	font-weight: 100;
}
.page-pop.pop-default.pop-rule > .con > .pop-content > .scroll > dl > dd > p.p1{
	text-indent: 2em;
}
.page-pop.pop-default.pop-rule > .con > .pop-content > .scroll > dl > dd > p.p2{
	position: relative;
	padding-left:1em;
	box-sizing: border-box;
}
.page-pop.pop-default.pop-rule > .con > .pop-content > .scroll > dl > dd > p.p2 > i{
	position: absolute;
	top:0;
	left:0;
	transform: translate(0,0);
}

.page-pop.pop-default.pop-rule > .con > .pop-content > .scroll > dl > dd span{
	font-weight: 800;
}

.page-pop.pop-default.pop-rule > .con > .action{
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	flex-direction: column;
	align-content: center;
	border-bottom-left-radius: .2rem;
	border-bottom-right-radius: .2rem;
	background-color: #ebeae8;
	padding:.2rem 0;
}


.page-pop.pop-default.pop-rule > .con > .action > .btn-rule-check{
	width:88%;
	background-color: #82754f;
}

.page-pop.pop-default.pop-rule > .con > .action.active{
	display: flex;
}
/***/

.pop-exchange.pop-lottery-tip > .con > .content > p{
	font-size:.24rem;
	color:#111111;
	line-height: 1.5;
	text-align: center;
}
/****/

.page-pop.pop-sign-map > .con > .pop-content > .con-box{
	padding:0;
}
.page-pop.pop-sign-map > .con > img{
	width:100%;
}

/***/

.pop-prize-confirm > .con  .card-info{
	width:5.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding:.6rem 0;
	background-color: #ffffff;
	box-sizing: border-box;
	border-radius: .24rem;
}

.pop-prize-confirm > .con .card-info > img{
	max-width: 3.2rem;
	max-height: 1.6rem;
}

.pop-prize-confirm > .con .card-info > h6{
	font-size: .28rem;
	color:#000000;
	margin-top:.4rem;
	text-align: center;
}

/*****/

@keyframes heartbeat2 {
  0% {
    transform: scale(1.04,1.04);
    opacity:1;
  }
  50% {
    transform: scale(1,1);
    opacity:0.9;
  }
  100% {
    transform: scale(1.04,1.04);
    opacity:1;
  }
}



.phide{
	opacity: 0;
}

.hl-num{
	padding: .05rem .2rem;
    font-size: 1.3em;
    background-color: #82754F;
    border-radius: 1rem;
    color: #ffffff !important;
    margin: 0 .1rem;
    line-height: 1;
}

.tip-no-con{
	padding-top: .5rem;
}

.tip-no-con > p{
	color:#82754f;
	font-size:.3rem;
	line-height: 2;
}
.tip-no-con > p > a{
	font-size:.3rem;
	margin:0 3px;
}

.pop-default.pop-poster > .con{
	width: 100%;
    background-color: transparent;
}
.pop-default.pop-poster > .con > img{
	width:80%;
	border-radius: .28rem;
}