.logo{
	width: 1.53rem;
	position: absolute;
	left: 0.2rem;
	top: 0.2rem;
}
.banner{
	width:0.48rem;
	position: absolute;
	right: 0.2rem;
	top: 0.2rem;
}
.t1{
	width: 6.1rem;
	position: absolute;
	left: 50%;
	margin-left: -3.05rem;
	top: 2.17rem;
}
.t2{
	width: 5.06rem;
	position: absolute;
	left: 50%;
	margin-left: -2.53rem;
	top: 3rem;
}
.tu{
	width: 5.78rem;
	position: absolute;
	left: 50%;
	margin-left: -2.89rem;
	top: 5.08rem;
}
.sq_btn{
	width: 5.86rem;
	position: absolute;
	left: 50%;
	margin-left: -2.93rem;
	top: 10rem;
}
.switch{
	width: 0.23rem;
	height: 0.31rem;
	background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/huaan/20230120/off.png) no-repeat;
	background-size: 100% 100%;
	margin-right: 0.1rem;
}
.on{
    background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/huaan/20230120/on.png) no-repeat;
	background-size: 100% 100%;	
}
.sq_box{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	font-size: 0.2rem;
	color: #fff;
	position: absolute;
	top: 11.2rem;
}
.icon1{
	width: 0.48rem;
	position: absolute;
	left: 5.04rem;
	top: 1.44rem;
	animation: ani3 1s linear infinite;
	-webkit-animation: ani3 1s linear infinite;	
}
.icon2{
	width: 0.48rem;
	position: absolute;
	left: 0.46rem;
	top: 3.28rem;
	animation: ani3 1.7s linear infinite;
	-webkit-animation: ani3 1.7s linear infinite;	
}
.icon3{
	width: 0.48rem;
	position: absolute;
	right: 0.35rem;
	top: 3.25rem;
	animation: ani3 1s linear infinite;
	-webkit-animation: ani3 1s linear infinite;	
}
.icon4{
	width: 0.26rem;
	position: absolute;
	left: 1.3rem;
	top: 1.5rem;
	animation: ani3 1.5s linear infinite;
	-webkit-animation: ani3 1.5s linear infinite;	
}
.icon5{
	width: 1.33rem;
	position: absolute;
	right: 1.3rem;
	top: 5.08rem;
	animation: ani4 6s linear infinite;
	-webkit-animation: ani4 6s linear infinite;	
}
.icon6{
	width: 0.8rem;
	position: absolute;
	left: 1.3rem;
	top: 7.07rem;
	animation: ani4 5s linear infinite;
	-webkit-animation: ani4 5s linear infinite;
}
@-webkit-keyframes ani3{
	0%{transform: scale(1) rotate(0deg);opacity: 1;}
	50%{transform: scale(0.5) rotate(60deg);opacity: 0.5;}
	100%{transform: scale(1) rotate(0deg);opacity: 1;}
}
@-webkit-keyframes ani3{
	0%{-webkit-transform: scale(1) rotate(0deg);opacity: 1;}
	50%{-webkit-transform: scale(0.5) rotate(60deg);opacity: 0.5;}
	100%{-webkit-transform: scale(1) rotate(0deg);opacity: 1;}
}
@-webkit-keyframes ani4{
	0%{transform:translateX(0);}
	50%{transform:translateX(-100%);}
	100%{transform:translateX(0);}
}
@-webkit-keyframes ani4{
	0%{-webkit-transform:translateX(0);}
	50%{-webkit-transform:translateX(-100%);}
	100%{-webkit-transform:translateX(0);}
}
.tips{
	width: 100%;
	font-size: 0.24rem;
	line-height: 0.24rem;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 11.3rem;
}
.tips1{
	width: 100%;
	font-size: 0.24rem;
	line-height: 0.24rem;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom:-0.4rem;
}
.rule_btn{
	width: 1.47rem;
	position: absolute;
	top: 1rem;
	right: 0;
	z-index: 6;
}
.gift_btn{
	width: 1.47rem;
	position: absolute;
	top: 1.6rem;
	right: 0;
	z-index: 6;
}
.pop {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
	background: rgba(0, 0, 0, 0.6);
	display: none;
}

.hint {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	opacity: 0;
}

.show {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
}
.hint0 {
	width: 6.32rem;
	height: 6.9rem;
	background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/huaan/20230120/h0.png) no-repeat;
	background-size: 100% 100%;
}
.g{
	width: 10.66rem;
	height: 10.66rem;
	position: absolute;
	left: 50%;
	margin-left: -5.33rem;
	top: 50%;
	margin-top: -5.33rem;	
}
.rotate360 {
	animation: rotate360 10s infinite linear;
	-webkit-animation: rotate360 10s infinite linear;
}

@-webkit-keyframes rotate360 {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}		
@keyframes rotate360 {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}
.back{
	width: 3.94rem;
	height: 0.82rem;
	left: 50%;
	margin-left: -1.97rem;
	top: 5.23rem;
	position: absolute;
}
.back1{
	width: 3.94rem;
	height: 0.82rem;
	left: 50%;
	margin-left: -1.97rem;
	top: 6.4rem;
	position: absolute;
	
}
.back2{
	width: 3.94rem;
	height: 0.82rem;
	left: 50%;
	margin-left: -1.97rem;
	top: 4.6rem;
	position: absolute;
	
}
.back3{
	width: 3.94rem;
	height: 0.82rem;
	left: 50%;
	margin-left: -1.97rem;
	top: 5.3rem;
	position: absolute;
	
}
.back4{
	width: 3.94rem;
	height: 0.82rem;
	left: 50%;
	margin-left: -1.97rem;
	top: 4.76rem;
	position: absolute;
	
}
.back5{
	width: 3.94rem;
	height: 0.82rem;
	left: 50%;
	margin-left: -1.97rem;
	top: 4.76rem;
	position: absolute;
	
}
.back6{
	width: 3.94rem;
	height: 0.82rem;
	left: 50%;
	margin-left: -1.97rem;
	top: 4.76rem;
	position: absolute;
	
}
.back7{
	width: 3.94rem;
	height: 0.82rem;
	left: 50%;
	margin-left: -1.97rem;
	top: 4.76rem;
	position: absolute;
	
}
.back9{
	width: 3.94rem;
	height: 0.82rem;
	left: 50%;
	margin-left: -1.97rem;
	top: 4.6rem;
	position: absolute;
	
}
.hint1{
	width: 5.36rem;
	height: 7.75rem;
	background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/huaan/20230120/h1.png) no-repeat;
	background-size: 100% 100%;
}
.hint2{
	width: 6.27rem;
	height: 6.43rem;
	background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/huaan/20230120/h2.png) no-repeat;
	background-size: 100% 100%;
}
.hint3{
	width: 6.99rem;
	height: 6.88rem;
	background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/huaan/20230120/h3.png) no-repeat;
	background-size: 100% 100%;
}
.gift_text{
	width: 100%;
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.26rem;
	color: #c16012;
	position: absolute;
	top: 2.3rem;
    padding: 0 1.6rem 0 1.4rem;
}
.gift_text1{
	width: 100%;
	text-align: center;
	font-size: 0.26rem;
	color: #c16012;
	position: absolute;
	top: 2.3rem;
	padding: 0 1.6rem 0 1.4rem;
}
.hint4{
	width: 6.27rem;
	height: 6.58rem;
	background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/huaan/20230120/h4.png) no-repeat;
	background-size: 100% 100%;	
}
.hb_box{
	width: 100%;
	text-align: center;
	position: absolute;
	font-size: 0.4rem;
	color: #e4361d;
	line-height: 0.4rem;
	top: 2.2rem;
}
.hb_box font{
	font-size: 0.92rem;
	font-weight: bold;
	line-height: 0.92rem;	
}
.hint5{
	width: 6.27rem;
	height: 6.58rem;
	background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/huaan/20230120/h5.png) no-repeat;
	background-size: 100% 100%;	
}
.hint6{
	width: 6.27rem;
	height: 6.58rem;
	background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/huaan/20230120/h6.png) no-repeat;
	background-size: 100% 100%;	
}
.hint7{
	width: 6.27rem;
	height: 6.58rem;
	background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/huaan/20230120/h7.png) no-repeat;
	background-size: 100% 100%;	
}
.hint8{
	width: 6.34rem;
    height: 9.01rem;
	background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/huaan/20230120/h8.png) no-repeat;
	background-size: 100% 100%;	
}
.hint9{
	width: 6.27rem;
	height: 6.43rem;
	background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/huaan/20230120/h9.png) no-repeat;
	background-size: 100% 100%;		
}
.tj{
	width: 3.94rem;
	height: 0.82rem;
	left: 50%;
	margin-left: -1.97rem;
	top: 7.35rem;
	position: absolute;		
}
.question1{
	width: 5.1rem;
    height: 0.32rem;
    display: block;
    background: none;
    border: none;
    position: absolute;
    left: 50%;
    margin-left: -2.55rem;
    top: 2.06rem;
    padding: 0 0.15rem;
    font-size: 0.24rem;
}
.question2{
	width: 5.1rem;
	height: 0.32rem;
	display: block;
	background: none;
	border: none;
	position: absolute;
	left: 50%;
	margin-left: -2.55rem;
	top: 3.3rem;
	padding: 0 0.15rem;
	font-size: 0.24rem;
}
.question3{
	width: 5.1rem;
    height: 0.7rem;
    display: block;
    background: none;
    border: none;
    position: absolute;
    left: 50%;
    margin-left: -2.55rem;
    top: 4.52rem;
    resize: none;
    padding: 0.05rem 0.15rem;
    font-size: 0.24rem;
    line-height: 0.3rem;
}
.question4{
    width: 5.1rem;
    height: 0.32rem;
    display: block;
    background: none;
    border: none;
    position: absolute;
    left: 50%;
    margin-left: -2.55rem;
    top: 6.36rem;
    padding: 0 0.15rem;
    font-size: 0.24rem;
}