*{
	padding: 0;
	margin: 0;
}
html{
	font-family:思源黑体 CN;
	width: 100%;
	height: 100%;
	font-size: 100px;
}
body{
	width: 100%;
	height: 100%;
}
#app{
	width: 100%;
	height: 100%;
}
.Page{
	width: 100%;
	height: 100%;
	position: relative;
}
.mask{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
/*********** auth ************/
.authwarp,.auth{
	width: 5.32rem;
	height: 8.48rem;
	position: relative;
}
.agree{
	width: 1.84rem;
	height: 0.60rem;
	position: absolute;
	bottom: 0.80rem;
	left: 0.70rem;
}
.disagree{
	width: 1.84rem;
	height: 0.60rem;
	position: absolute;
	bottom: 0.80rem;
	right: 0.70rem;
}
/*********** Homepage ************/
.Homepage{
	width: 100%;
	height: 100%;
	background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20221215/images/homepage-bg.png);
	background-size: cover;
	background-position: center center;
	position: relative;
	overflow: hidden;
}
.damu{
	width: 100%;
	position: absolute;
	top: 1.64rem;
	left: 0;
}
.dm1{
	animation: dm1 1s linear infinite;
}
.black{
	width: 100%;
	height: 100%;
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}
.damu p{
	padding: 0.17rem 0.80rem;
	background: rgba(169, 81, 59,0.6);
	color: #ffffff;
	border-radius: 1rem;
	font-size: 0.36rem;
	position: absolute;
	white-space: nowrap;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
}
.homepage{
	width: 7.5rem;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.logo{
	width: 3.10rem;
	height: .36rem;
	position: absolute;
	left: .40rem;
	top: .50rem;
}
.rulebtn{
	width: 1.42rem;
	height: .44rem;
	position: absolute;
	top: .45rem;
	right: 2.05rem;
}
.prizebtn{
	width: 1.42rem;
	height: .44rem;
	position: absolute;
	top: .45rem;
	right: .40rem;
}
.xiaoxi{
	width: 6.14rem;
	height: .98rem;
	position: absolute;
	left: .68rem;
	top: 9.5rem;
}
.z99{
	z-index: 999999;
}
.xiaoxi1{
	width: 6.14rem;
	height: .98rem;
	position: absolute;
	left: .68rem;
	top: 9.5rem;
}
.xjsdt{
	width: 5rem;
	display: flex;
	justify-content: space-between;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 1.0rem;
}
.cir1{
	width: 1.14rem;
	height: 1.14rem;
	position: absolute;
	right: -0.3rem;
	top: -0.4rem;
	pointer-events: none;
}
.fig1{
	width: 1.83rem;
	height: 1.37rem;
	position: absolute;
	right: -1.60rem;
	top: 0rem;
	pointer-events: none;
}
.cir{
	width: 1.14rem;
	height: 1.14rem;
	position: absolute;
	right: 0.68rem;
	top: 9.8rem;
	z-index: 14;
	pointer-events: none;
}
.fig{
	width: 1.83rem;
	height: 1.37rem;
	position: absolute;
	right: -0.60rem;
	top: 10.2rem;
	z-index: 14;
	pointer-events: none;
}
.xjbtn{
	width: .82rem;
	height: .82rem;
}
.sdtbtn{
	width: .82rem;
	height: .82rem;
}
.title{
	width: 5.03rem;
	height: 2.86rem;
	position: absolute;
	top: 1.80rem;
	left: 50%;
	margin: 0 0 0 -2.51rem;
}
/*********** showpage ************/
.Showpage{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	font-size: 0;
	overflow-x: hidden;
}
.showpage{
	width: 7.5rem;
	height: 100%;
	margin: 0 auto;
}
.showpage-top{
	width: 7.5rem;
	height: 1.71rem;
}
.sp-top{
	width: 6.8rem;
	margin: -.55rem auto 0 ;
	display: flex;
	justify-content: space-between;
}
.back2{
	width: .19rem;
	height: .33rem;
}
.pyq{
	width: 1.05rem;
	height: .33rem;
}
.xinagji{
	width: .36rem;
	height: .33rem;
}
.headname{
	width: 2.75rem;
	height: .88rem;
	margin:.80rem 0 0 .40rem;
}
.showpage-cont{
	width: 5.21rem;
	height: 7.24rem;
	margin:.30rem 0 .30rem 1.50rem;
}
.Timetext{
	width: 5.56rem;
	height: .98rem;
	margin-left:1.5rem;
	position: relative;
}
.timetext{
	width: 5.56rem;
	height: .98rem;
}
.dianzan{
	width: .58rem;
	height: .36rem;
	position: absolute;
	right: 0;
	top: 0;
}
.headname2{
	width: 4.24rem;
	height: .90rem;
	margin: .40rem 0 0 .40rem;
}
.xq{
	width: 5.70rem;
	height: .97rem;
	margin: .20rem 0 0 1.50rem;
}
.xuyuan{
	width: 3.35rem;
	height: .87rem;
	margin: .50rem 0 .50rem 2.075rem;
}
.dzans{
	width: 1.53rem;
	height: 0.68rem;
	position: absolute;
	right: 0.80rem;
	top: -0.25rem;
}
.srkl{
	width: 5.77rem;
	height: 0.66rem;
	margin: 0 auto 0.50rem;
}
.axin{
	width: 6.73rem;
	height: 6.31rem;
}
.axwaro{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
/*********** Showpage2 ************/
.Showpage2{
	width: 100%;
	height: 100%;
	background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20221215/images/showpage2-bg.png);
	background-size: cover;
	background-position: center center;
	position: fixed;
	top: 0;
	left: 0;
	overflow: auto;
}
.showpage2{
	width: 7.5rem;
	margin: 0 auto;
	position: relative;
}
.xq1-cont{
	width: 7.07rem;
	height: 15.14rem;
	margin:.90rem 0 0 .215rem;
}
.xq2-cont{
	width: 7.07rem;
	height: 12.06rem;
	margin:.90rem 0 0 .215rem;
}
.numgif{
	width: 7.50rem;
	height: 7.50rem;
	position: absolute;
	top: 4.50rem;
	left: 50%;
	margin: 0 0 0 -3.75rem;
}
.bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}
.bg1{
	width: 100%;
	height: auto;
	min-height: 100%;
	position: absolute;
	top: -0.70rem;
	left: 0;
}
.wishpage{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #f3a08e;
	overflow: hidden;
}
.wishxfwarp{
	width: 9.44rem;
	height: 5.97rem;
	position: absolute;
	bottom: -0.90rem;
	left: 50%;
	margin: 0 0 0 -4.72rem;
}
.wishxfwarp1{
	width: 9.44rem;
	height: 5.97rem;
	position: absolute;
	bottom: 0rem;
	left: 50%;
	margin: 0 0 0 -4.72rem;
}
.wishxf{
	width: 9.44rem;
	height: 5.97rem;
}
.wishxfs{
	width: 9.44rem;
	height: 6.07rem;
}
.createposter{
	width: 2.82rem;
	height: 0.87rem;
	position: absolute;
	bottom: 1.35rem;
	left: 50%;
	margin: 0 0 0 -1.41rem;
}
.save{
	width: 2.37rem;
	height: 0.73rem;
	position: absolute;
	bottom: 0.58rem;
	left: 2.2rem;
}
.takehb{
	width: 2.37rem;
	height: 0.73rem;
	position: absolute;
	bottom: 0.58rem;
	right: 2.2rem;
}
.mywish{
	width: 4.90rem;
	height: 3.00rem;
	position: absolute;
	top: 0.56rem;
	left: 2.20rem;
	font-size: 0.32rem;
	color: #a9513b;
	line-height: 0.52rem;
	word-break: break-all;
	user-select: none;
}
.posterImg{
	position: absolute;
	top: -750px;
	left: 0;
	opacity: 0;
}
.textarea{
	width: 4.26rem;
	height: 1.60rem;
	position: absolute;
	bottom: 3.18rem;
	left: 50%;
	margin: 0 0 0 -2.26rem;
	resize: none;
	font-size: 0.28rem;
	padding: 0.20rem;
	outline: medium;
	background-color: transparent;
	border: 0;
}
.bti{
	width: 4.86rem;
	height: 0.33rem;
	position: absolute;
	bottom: 3.50rem;
	left: 2.30rem;
}
.lh1{
	width: 2.29rem;
	height: 2.31rem;
	position: absolute;
	top: 3.50rem;
	left: 1.27rem;
}
.lh2{
	width: 2.29rem;
	height: 2.46rem;
	position: absolute;
	top: 3.50rem;
	right: 1.27rem;
}
.nowishwarp{
	width: 5.32rem;
	height: 8.48rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4.24rem 0 0 -2.66rem;
}
.er1{
	width: 5.32rem;
	height: 8.48rem;
}
.rback{
	width: 1.84rem;
	height: 0.60rem;
	position: absolute;
	bottom: 0.80rem;
	left: 50%;
	margin: 0 0 0 -0.97rem;
}
.poster{
	width: 750px;
	height: 1334px;
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.posterbg{
	width: 750px;
	height: 1334px;
}
.posterText{
	width: 480px;
	font-size: 32px;
	color: #a9513b;
	line-height: 52px;
	position: absolute;
	top: 789px;
	left: 141px;
	user-select: none;
}
.hbaowarp,.hbao{
	width: 5.32rem;
	height: 8.48rem;
	position: relative;
}
.cash{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 5.17rem;
	left: 0;
	font-size: 0.36rem;
	color: #fff;
	line-height: 1;
}
/*********** pop ************/
.pop{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 13.34rem;
	background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20221215/images/pop.png) no-repeat;
	background-size: 100% 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}
.Rulepop{
	width: 7.07rem;
	height: 12.06rem;
	position: relative;
}
.rulepop{
	width: 7.07rem;
	height: 12.06rem;
}
.backbtn{
	width: 2.21rem;
	height: .59rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 1.2rem;
}
.backbtn1{
	width: 2.21rem;
	height: .59rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 4.7rem auto 0;
	top: 50%;
}
.backbtn2{
	width: 2.21rem;
	height: .59rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0.8rem;
}
.prizewarp{
	width: 5.32rem;
	height: 7.96rem;
	position: relative;
}
.mct{
	width: 100%;
	position: absolute;
	top: 6.70rem;
	text-align: center;
	font-size: 0.28rem;
	color: #b56854;
}
.knull{
	width: 2.76rem;
	height: 2.74rem;
	position: absolute;
	top: 4.3rem;
	left: 50%;
	margin: 0 0 0 -1.38rem;
}
.ej{
	width: 1.57rem;
	height: 1.62rem;
	position: absolute;
	top: 4.3rem;
	left: 50%;
	margin: 0 0 0 -0.785rem;
}
.gtj{
	width: 1.92rem;
	height: 1.55rem;
	position: absolute;
	top: 4.3rem;
	left: 50%;
	margin: 0 0 0 -0.96rem;
}
.lgx{
	width: 1.07rem;
	height: 1.78rem;
	position: absolute;
	top: 4.3rem;
	left: 50%;
	margin: 0 0 0 -0.535rem;
}
.mhb{
	width: 1.38rem;
	height: 2.00rem;
	position: absolute;
	top:4.26rem;
	left: 50%;
	margin: 0 0 0 -0.69rem;
}
.prizepop{
	width: 5.32rem;
	height: 7.96rem;
}
.close{
	width: .79rem;
	height: .79rem;
	margin: 0 auto;
	display: block;
}
.Loginpop{
	width: 5.32rem;
	height: 8.48rem;
	position: relative;
}
.login{
	width: 5.32rem;
	height: 8.48rem;
}
.submit{
	width: 1.84rem;
	height: .60rem;
	position: absolute;
	top: 50%;
	margin: 2.7rem 0 0 0;
}
.submit1{
	width: 1.84rem;
	height: .60rem;
	display: block;
	margin: 0 auto;
}
.ipt1{
	width: 3.6rem;
	height: .40rem;
	position: absolute;
	top: 3.70rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: transparent;
	outline: none;
	border: none;
	font-size: .30rem;
	color: #e4c6b3;
}
.ipt2{
	width: 2.1rem;
	height: .40rem;
	position: absolute;
	top: 4.7rem;
	left: .78rem;
	background-color: transparent;
	outline: none;
	border: none;
	font-size: .30rem;
	color: #e4c6b3;
}
.code{
	width: 1.44rem;
	height: 0.70rem;
	position: absolute;
	top: 4.53rem;
	right: 0.65rem;
}
.commonwarp,.errbg{
	width: 5.32rem;
	height: 6.65rem;
	position: relative;
}
.er2{
	width: 3.82rem;
	height: 1.12rem;
	position: absolute;
	top: 3.80rem;
	left: 50%;
	margin: 0 0 0 -1.91rem;
}
.er3{
	width: 4.33rem;
	height: 1.13rem;
	position: absolute;
	top: 3.80rem;
	left: 50%;
	margin: 0 0 0 -2.165rem;
}
.er4{
	width: 3.85rem;
	height: 0.51rem;
	position: absolute;
	top: 4.20rem;
	left: 50%;
	margin: 0 0 0 -1.925rem;
}
.prizewarp,.prizebg{
	width: 5.32rem;
	height: 10.08rem;
	position: relative;
}
.p1{
	width: 3.47rem;
	height: 2.40rem;
	position: absolute;
	top: 3.70rem;
	left: 50%;
	margin: 0 0 0 -1.735rem;
}
.p2{
	width: 3.06rem;
	height: 2.43rem;
	position: absolute;
	top: 3.70rem;
	left: 50%;
	margin: 0 0 0 -1.53rem;
}
.p3{
	width: 4.04rem;
	height: 2.33rem;
	position: absolute;
	top: 3.70rem;
	left: 50%;
	margin: 0 0 0 -2.02rem;
}
.nametext{
	width: 2.86rem;
	height: 0.65rem;
	position: absolute;
	left: 1.78rem;
	top: 6.74rem;
	border: 0;
	background-color: transparent;
	outline: medium;
}
.phonetext{
	width: 2.86rem;
	height: 0.65rem;
	position: absolute;
	left: 1.78rem;
	top: 7.58rem;
	border: 0;
	background-color: transparent;
	outline: medium;
}
.address{
	width: 2.86rem;
	height: 0.65rem;
	position: absolute;
	left: 1.78rem;
	top: 8.36rem;
	border: 0;
	background-color: transparent;
	outline: medium;
}
.comtext{
	width: 4.16rem;
	height: 3.28rem;
	position: absolute;
	top: 2.80rem;
	left: 50%;
	margin: 0 0 0 -2.08rem;
	color: #ec7a4e;
	font-size: 0.48rem;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.Loginjktk{
	width: 5.32rem;
	height: 6.65rem;
	position: relative;
}
.loginjktk{
	width: 5.32rem;
	height: 6.65rem;
}
.yzmcw{
	width: 2.40rem;
	height: .52rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 4rem;
}

input:-moz-placeholder,   
textarea:-moz-placeholder {   
    color: #e4c6b3;
}   
  
input:-ms-input-placeholder,   
textarea:-ms-input-placeholder {   
   color: #e4c6b3;
}   
  
input::-webkit-input-placeholder,   
textarea::-webkit-input-placeholder {   
   color: #e4c6b3;
}
/*********** loading ************/
.loadingbox {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

.loadings {
	width: 100px;
	height: 100px;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 999;
	border-radius: 10px;
	margin: -50px 0 0 -50px;
	background: rgba(0, 0, 0, 0.4);
	display: flex;
	display: -webkit-flex;
	align-irtems: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
	-webkit-flex-direction: column;
	color: #ffffff;
}

.weui-loading {
	width: 60px;
	height: 60px;
	display: inline-block;
	vertical-align: middle;
	-webkit-animation: weuiLoading 1s steps(12, end) infinite;
	animation: weuiLoading 1s steps(12, end) infinite;
	background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
	background-size: 100%;
}