img{
	width:100%;
}
.theme{
	position: absolute;
	left: 0.87rem;
	top: 0.72rem;
	width: 5.81rem;
}
.ip1{
	position: absolute;
	left: 1.02rem;
	top: 6.04rem;
	width: 3.01rem;
}
.ip2{
	position: absolute;
	left: 4.52rem;
	top: 6.97rem;
	width: 1.69rem;
}
.title1{
	position: absolute;
	left: 0.08rem;
	top: 9.15rem;
	width: 7.35rem;
}
.prizeBtnBox{
	position: absolute;
	left: 0rem;
	top: 10.28rem;
	width:100%;
	padding: 0rem 0.54rem 0rem 0.77rem;
}
.prizeBtn{
	position: relative;
	width: 2.8rem;
}
.prizeSwiper{
	position: absolute;
	left: 0rem;
	top: 11.09rem;
	width:100%;
	height: 11.61rem;
}
.leftArrow{
	width: 0.9rem;
	left:-0.38rem;
	margin-top: -0.06rem;
	opacity: 0.5;
}
.leftArrow img{
	animation: 1s linear moveLeft infinite;
}
@keyframes moveLeft{
	0%{
		transform: translate(0rem,0rem);
		-webkit-transform: translate(0rem,0rem);
	}
	100%{
		opacity: 0;
		transform: translate(-0.2rem,0rem);
		-webkit-transform: translate(-0.2rem,0rem);
	}
}
.rightArrow{
	width: 0.9rem;
	right:-0.22rem;
	margin-top: -0.06rem;
	opacity: 0.5;
}
.rightArrow img{
	animation: 1s linear moveRight infinite;
}
@keyframes moveRight{
	0%{
		transform: translate(0rem,0rem);
		-webkit-transform: translate(0rem,0rem);
	}
	100%{
		opacity: 0;
		transform: translate(0.2rem,0rem);
		-webkit-transform: translate(0.2rem,0rem);
	}
}
.selected .leftArrow,.selected .rightArrow{
	opacity: 1;
}
.swiper{
	width:100%;
	height: 100%;
}
#index{
	width:100%;
	height:51.88rem;
}

.upDown {
	animation: upDown 3s linear infinite;
	-webkit-animation: upDown 3s linear infinite
}

@keyframes upDown {
	0% {
		transform: translate(0rem,0rem);
		-webkit-transform: translate(0rem,0rem);
	}
	50% {
		transform: translate(0rem,-0.2rem);
		-webkit-transform: translate(0rem,-0.2rem);
	}
	100% {
		transform: translate(0rem,0rem);
		-webkit-transform: translate(0rem,0rem);
	}
}

@-webkit-keyframes upDown {
	0% {
		transform: translate(0rem,0rem);
		-webkit-transform: translate(0rem,0rem);
	}
	50% {
		transform: translate(0rem,-0.2rem);
		-webkit-transform: translate(0rem,-0.2rem);
	}
	100% {
		transform: translate(0rem,0rem);
		-webkit-transform: translate(0rem,0rem);
	}
}
/*间接性摇晃*/
@keyframes ballRotate {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform-origin: bottom;
		-webkit-transform-origin: bottom
	}
	10% {
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
		transform-origin: bottom;
		-webkit-transform-origin: bottom
	}
	30% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		transform-origin: bottom;
		-webkit-transform-origin: bottom
	}
	50% {
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
		transform-origin: bottom;
		-webkit-transform-origin: bottom
	}
	70% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		transform-origin: bottom;
		-webkit-transform-origin: bottom
	}
	80% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform-origin: bottom;
		-webkit-transform-origin: bottom
	}
	100% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform-origin: bottom;
		-webkit-transform-origin: bottom
	}
}
@-webkit-keyframes ballRotate {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform-origin: bottom;
		-webkit-transform-origin: bottom
	}
	10% {
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
		transform-origin: bottom;
		-webkit-transform-origin: bottom
	}
	30% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		transform-origin: bottom;
		-webkit-transform-origin: bottom
	}
	50% {
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
		transform-origin: bottom;
		-webkit-transform-origin: bottom
	}
	70% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		transform-origin: bottom;
		-webkit-transform-origin: bottom
	}
	80% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform-origin: bottom;
		-webkit-transform-origin: bottom
	}
	100% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform-origin: bottom;
		-webkit-transform-origin: bottom
	}
}
.bRotate {
	animation: 3s linear ballRotate infinite;
	-webkit-animation: 3s linear ballRotate infinite
}
.title2{
	position: absolute;
	left: 0.08rem;
	top: 29.81rem;
	width: 7.35rem;
}
.txtBtnBox{
	width:100%;
	position: absolute;
	left: 0rem;
	padding: 0rem 0.35rem;
	top: 31.23rem;
}
.txtTips{
	position: absolute;
	left: 0.6rem;
	top: 36.43rem;
	width: 6.3rem;
}
.txtBtn{
	width:2.03rem;
}
.txtSwiper{
	position: absolute;
	left: 0rem;
	top: 31.7rem;
	width: 7.5rem;
	height: 4.91rem;
}
.title3{
	position: absolute;
	left: 0.08rem;
	top: 38.45rem;
	width: 7.35rem;
}
.timeTxt1{
	position: absolute;
	left:0.79rem;
	top:40.14rem;
	width: 2.72rem;
}
.timeTxt2{
	position: absolute;
	left: 4.09rem;
	top: 41.52rem;
	width: 2.8rem;
}
.timeTxt3{
	position: absolute;
	left: 0.74rem;
	top: 42.95rem;
	width: 2.81rem;
}
.timeTxt4{
	position: absolute;
	left: 4.08rem;
	top: 44.24rem;
	width: 2.8rem;
}
.timeTxt5{
	position: absolute;
	left:0.73rem;
	top: 45.63rem;
	width: 2.81rem;
}
.timeLine{
	position: absolute;
	left:2.86rem;
	top:40.04rem;
	width: 2.11rem;
}
.applyBtn{
	position: absolute;
	left: 1.76rem;
	top: 48.48rem;
	width: 3.98rem;
}
.wxer{
	position: absolute;
	left:2.62rem;
	top: 3.61rem;
	width: 2.26rem;
}
.copy{
	position: absolute;
	left:2.64rem;
	top: 7.73rem;
	width: 2.22rem;
}
.btnw{
	width:2.8rem;
}
.twoBtn{
	width:6.18rem;
	margin-top:-1rem;
}
#copytext{
	position: absolute;
	left:-100rem;
	top: -100rem;
	height: 0.001rem;
}
.iknow{
	margin-top:-1rem;
}
#before{
	background: white;
}
#before video{
	width:100%;
	height:100%;
	background: transparent;
}
#page_loading{
	background:url(https://u.nxhudong.com/qiu23/25_03aigcZj/img/perBkg.png?v=4) no-repeat center center;
	background-size: 7.5rem;
	background-color: black;
}
.sk-circle{
	margin-top:9.5rem;
}
.open{
	position: absolute;
	left: 1.99rem;
	top: 9.4rem;
	width: 3.54rem;
	display: none;
}
.open .rightArrow {
    right: -0.37rem;
    opacity: 1;
}
.open .leftArrow{
    opacity: 1;
}
.jump{
	position: absolute;
	right: 0.2rem;
	top: 0.4rem;
	width: 1.22rem;
}
.lx{
	position: absolute;
	left: 7.5rem;
	top: -12.43rem;
	width: 6.73rem;
	animation: lxMove 3s linear infinite;
	-webkit-animation: lxMove 3s linear infinite
}
@keyframes lxMove {
	0% {
		transform: translate(0rem,0rem);
		-webkit-transform: translate(0rem,0rem);
	}
	100% {
		transform: translate(-15rem,15rem);
		-webkit-transform: translate(-15rem,15rem);
	}
}
#thApp{
	width:5.81rem;
	height: 2.34rem;
}
#thApp canvas{
	width:100%;
	height:100%;
}
.prizeTxt{
	position: absolute;
	left: 0rem;
	top: 9.87rem;
	width: 7.5rem;
}