.newyear-banner {
	position: relative;
	width: 6.93rem;
	height: 2rem;
	margin: .4rem auto 0;
}
.newyear-banner .course-box {
	position: absolute;
	top: .48rem;
	left: .75rem;
	width: 1.11rem;
	height: 1.11rem;
	box-sizing: border-box;
	padding: .07rem;
}
.newyear-banner .course-box .animate {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: star 1.2s infinite;
}
@keyframes star {
	0%, 50% {
		opacity: 1;
	}
	50%, 100% {
		opacity: 0;
	}
}
.newyear-banner .course-box .newyear-imgs {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.newyear-banner .course-box .newyear-imgs .newyear-slide {
	border-radius: .02rem;
	overflow: hidden;
}
.newyear-banner .go-btn {
	position: absolute;
	top: .37rem;
	right: .54rem;
	width: 1.24rem;
	height: 1.29rem;
}
.newyear-user {
	position: relative;
	width: 6.83rem;
	height: 1.42rem;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.newyear-user .animate {
	position: absolute;
	top: .28rem;
	right: .25rem;
	width: .93rem;
	height: .99rem;
}
.newyear-user .animate .img {
	width: 100%;
	height: 100%;
}
.newyear-user .text {
	height: .5rem;
	width: auto;
	margin-top: .24rem;
}
.newyear-detail {
	position: fixed;
	bottom: 1.3rem;
	right: .2rem;
	/*width: 2.23rem;*/
	/*height: .48rem;*/
	/*transform: scale(1.2);*/
	width: 2.63rem;
	height: .58rem;
	background-clip: content-box;
	border: .2rem solid transparent;
	overflow: hidden;
}
.newyear-detail .animate {
	position: absolute;
	right: .21rem;
	top: 50%;
	transform: translateY(-50%);
	width: .1rem;
	height: .19rem;
}
.newyear-detail .animate .img {
	vertical-align: top;
}
.newyear-detail .flash {
	width: .39rem;
	height: 100%;
	animation: flashAnimate 1.2s infinite linear;
}
@keyframes flashAnimate {
	from {
		/*transform: translateX(-100%);*/
		transform: translateX(0);
	}
	to {
		transform: translateX(550%);
	}
}

.newyear-float {
	position: fixed;
	bottom: 30%;
	left: .1rem;
	z-index: 9999;
	width: .98rem;
	height: 1.2rem;
	/*transform: rotateZ(60deg) translateX(-90%);*/
}
.newyear-float .animate {
	display: none;
	/*transform: rotateZ(60deg) translateX(-90%);*/
	/*transform-origin: right top;*/
}
.float-in-animate {
	animation: floatInAnimate .5s ease-in-out forwards;
	transform-origin: center top;
}
.float-out-animate {
	animation: floatOutAnimate .5s ease-in-out forwards;
	transform-origin: center top;
}

@keyframes floatInAnimate {
	from {
		transform: rotateZ(0) translateX(0);
	}
	to {
		transform: rotateZ(-60deg) translateX(4%);
	}
}
@keyframes floatOutAnimate {
	from {
		transform: rotateZ(-60deg) translateX(4%);
	}
	to {
		transform: rotateZ(0) translateX(0);
	}
}


.newyear-heartbeat {
	animation: heartBeat 1s infinite;
}
/*animate*/
@-webkit-keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	14% {
		-webkit-transform: scale(.8);
		transform: scale(.8);
	}

	28% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	42% {
		-webkit-transform: scale(.8);
		transform: scale(.8);
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}


@keyframes shake {
	0% {
		transform: translate3d(6px, 0, 0);
	}
	50% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(6px, 0, 0);
	}
}

.shake {
	animation: shake 1s infinite;
}