/*---运动元素的过度动画效果样式-----*/


/*------------屏幕1--------------*/

.tom-move-class {
	-webkit-animation: tom-move 2s forwards 0s;
	-moz-animation: tom-move 2s forwards 0s;
	-ms-animation: tom-move 2s forwards 0s;
	-o-animation: tom-move 2s forwards 0s;
	animation: tom-move 2s forwards 0s;
}

@keyframes tom-move {
	from {
		transform: translate(0, 200px) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) translateZ(0);
		opacity: 1;
	}
}

@-webkit-keyframes tom-move {
	from {
		transform: translate(0, 200px) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes tom-move {
	from {
		transform: translate(0, 200px) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) translateZ(0);
		opacity: 1;
	}
}

@-o-keyframes tom-move {
	from {
		transform: translate(0, 200px) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) translateZ(0);
		opacity: 1;
	}
}

.mouse-move-class {
	-webkit-animation: mouse-move 2s forwards 0s;
	-moz-animation: mouse-move 2s forwards 0s;
	-ms-animation: mouse-move 2s forwards 0s;
	-o-animation: mouse-move 2s forwards 0s;
	animation: mouse-move 2s forwards 0s;
}

@keyframes mouse-move {
	from {
		transform: translate(200px, 0) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) translateZ(0);
		opacity: 1;
	}
}

@-webkit-keyframes mouse-move {
	from {
		transform: translate(0, 200px) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes mouse-move {
	from {
		transform: translate(0, 200px) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) translateZ(0);
		opacity: 1;
	}
}

@-o-keyframes mouse-move {
	from {
		transform: translate(0, 200px) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) translateZ(0);
		opacity: 1;
	}
}

.star-story-class {
	-webkit-animation: star-story 3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0s;
	-moz-animation: star-story 3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0s;
	-ms-animation: star-story 3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0s;
	-o-animation: star-story 3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0s;
	animation: star-story 3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0s;
}

@keyframes star-story {
	0% {
		transform: translate3d(0, -200px, 0) scale(0);
		opacity: 0;
	}
	70% {
		transform: translate3d(0, 0, 0) scale(1.05);
		opacity: 1;
	}
	100% {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes star-story {
	0% {
		-webkit-transform: translate3d(0, -200px, 0) scale(0);
		opacity: 0;
	}
	70% {
		-webkit-transform: translate3d(0, 0, 0) scale(1.05);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0) scale(1);
		opacity: 1;
	}
}

@-moz-keyframes star-story {
	0% {
		-moz-transform: translate3d(0, -200px, 0) scale(0);
		opacity: 0;
	}
	70% {
		-moz-transform: translate3d(0, 0, 0) scale(1.05);
		opacity: 1;
	}
	100% {
		-moz-transform: translate3d(0, 0, 0) scale(1);
		opacity: 1;
	}
}

@-o-keyframes star-story {
	0% {
		-o-transform: translate3d(0, -200px, 0) scale(0);
		opacity: 0;
	}
	70% {
		-o-transform: translate3d(0, 0, 0) scale(1.05);
		opacity: 1;
	}
	100% {
		-o-transform: translate3d(0, 0, 0) scale(1);
		opacity: 1;
	}
}

.star-story-scale {
	-webkit-animation: star-story-scale 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0s;
	-moz-animation: star-story-scale 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0s;
	-ms-animation: star-story-scale 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0s;
	-o-animation: star-story-scale 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0s;
	animation: star-story-scale 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0s;
	opacity: 1;
}

@keyframes star-story-scale {
	from {
		transform: translate3d(0, 0, 0) scale(0.85);
	}
	to {
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@-webkit-keyframes star-story-scale {
	from {
		-webkit-transform: translate3d(0, 0, 0) scale(0.85);
	}
	to {
		-webkit-transform: translate3d(0, 0, 0) scale(1);
	}
}

@-moz-keyframes star-story-scale {
	from {
		-moz-transform: translate3d(0, 0, 0) scale(0.85);
	}
	to {
		-moz-transform: translate3d(0, 0, 0) scale(1);
	}
}

@-o-keyframes star-story-scale {
	from {
		-o-transform: translate3d(0, 0, 0) scale(0.85);
	}
	to {
		-o-transform: translate3d(0, 0, 0) scale(1);
	}
}


/*
.star-move{
	-webkit-animation: star-move 8s infinite;
	-moz-animation: star-move 8s infinite;
	-ms-animation: star-move 8s infinite;
	-o-animation: star-move 8s infinite;
	animation: star-move 8s infinite;
}
@keyframes star-move {
0%{
	-webkit-transform: translate(0, 0);
}
10%{
	-webkit-transform: translate(0, 10px);
}
50%{
	-webkit-transform: translate(0, 0);
}
70%{
	-webkit-transform: translate(0, 10px);
}
100%{
	-webkit-transform: translate(0, 0);
}
}
@-webkit-keyframes star-move {
0%{
	-webkit-transform: translate(0, 0);
}
10%{
	-webkit-transform: translate(0, 10px);
}
50%{
	-webkit-transform: translate(0, 0);
}
70%{
	-webkit-transform: translate(0, 10px);
}
100%{
	-webkit-transform: translate(0, 0);
}
}
@-moz-keyframes star-move {
0%{
	-webkit-transform: translate(0, 0);
}
10%{
	-webkit-transform: translate(0, 10px);
}
50%{
	-webkit-transform: translate(0, 0);
}
70%{
	-webkit-transform: translate(0, 10px);
}
100%{
	-webkit-transform: translate(0, 0);
}
}
@-o-keyframes star-move {
0%{
	-webkit-transform: translate(0, 0);
}
10%{
	-webkit-transform: translate(0, 10px);
}
50%{
	-webkit-transform: translate(0, 0);
}
70%{
	-webkit-transform: translate(0, 10px);
}
100%{
	-webkit-transform: translate(0, 0);
}
}*/
.star-light {
	-webkit-animation: star-light 2s forwards 1.6s;
	-moz-animation: star-light 2s forwards 1.6s;
	-ms-animation: star-light 2s forwards 1.6s;
	-o-animation: star-light 2s forwards 1.6s;
	animation: star-light 2s forwards 1.6s;
}

@keyframes star-light {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes star-light {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-moz-keyframes star-light {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-o-keyframes star-light {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.light-opacity-slow {
	-webkit-animation: light-opacity-slow 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0s;
	-moz-animation: light-opacity-slow 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0s;
	-ms-animation: light-opacity-slow 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0s;
	-o-animation: light-opacity-slow 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0s;
	animation: light-opacity-slow 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0s;
}

@keyframes light-opacity-slow {
	from {
		opacity: 0;
		transform: translateZ(0) scale(0.8);
	}
	to {
		opacity: 1;
		transform: translateZ(0) scale(1);
	}
}

@-webkit-keyframes light-opacity-slow {
	from {
		opacity: 0;
		-webkit-transform: translateZ(0) scale(0.8);
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0) scale(1);
	}
}

@-moz-keyframes light-opacity-slow {
	from {
		opacity: 0;
		-moz-transform: translateZ(0) scale(0.8);
	}
	to {
		opacity: 1;
		-moz-transform: translateZ(0) scale(1);
	}
}

@-o-keyframes light-opacity-slow {
	from {
		-o-opacity: 0;
		-o-transform: translateZ(0) scale(0.8);
	}
	to {
		-o-opacity: 1;
		-o-transform: translateZ(0) scale(1);
	}
}

.light-rotation {
	-webkit-animation: star-rotate 40s infinite 0.5s;
	-moz-animation: star-rotate 40s infinite 0.5s;
	-ms-animation: star-rotate 40s infinite 0.5s;
	-o-animation: star-rotate 40s infinite 0.5s;
	animation: star-rotate 40s infinite 0.5s;
	opacity: 1;
}

.light-rotation-reverse {
	-webkit-animation: light-rotation-reverse 40s linear infinite 0.3s;
	-moz-animation: light-rotation-reverse 40s linear infinite 0.3s;
	-ms-animation: light-rotation-reverse 40s linear infinite 0.3s;
	-o-animation: light-rotation-reverse 40s linear infinite 0.3s;
	animation: light-rotation-reverse 40s linear infinite 0.3s;
	opacity: 1;
}

@keyframes light-rotation-reverse {
	from {
		transform: rotate(0deg) translateZ(0);
	}
	to {
		transform: rotate(-360deg) translateZ(0);
	}
}

@-webkit-keyframes light-rotation-reverse {
	from {
		transform: rotate(0deg) translateZ(0);
	}
	to {
		transform: rotate(-360deg) translateZ(0);
	}
}

@-moz-keyframes light-rotation-reverse {
	from {
		transform: rotate(0deg) translateZ(0);
	}
	to {
		transform: rotate(-360deg) translateZ(0);
	}
}

@-o-keyframes light-rotation-reverse {
	from {
		transform: rotate(0deg) translateZ(0);
	}
	to {
		transform: rotate(-360deg) translateZ(0);
	}
}

.message1-class {
	-webkit-animation: message1-class 2s forwards 1s;
	-moz-animation: message1-class 2s forwards 1s;
	-ms-animation: message1-class 2s forwards 1s;
	-o-animation: message1-class 2s forwards 1s;
	animation: message1-class 2s forwards 1s;
}

.message2-class {
	-webkit-animation: message1-class 2s forwards 1.5s;
	-moz-animation: message1-class 2s forwards 1.5s;
	-ms-animation: message1-class 2s forwards 1.5s;
	-o-animation: message1-class 2s forwards 1.5s;
	animation: message1-class 2s forwards 1.5s;
}

.message3-class {
	-webkit-animation: message1-class 2s forwards 2s;
	-moz-animation: message1-class 2s forwards 2s;
	-ms-animation: message1-class 2s forwards 2s;
	-o-animation: message1-class 2s forwards 2s;
	animation: message1-class 2s forwards 2s;
}

.message4-class {
	-webkit-animation: message1-class 2s forwards 2.5s;
	-moz-animation: message1-class 2s forwards 2.5s;
	-ms-animation: message1-class 2s forwards 2.5s;
	-o-animation: message1-class 2s forwards 2.5s;
	animation: message1-class 2s forwards 2.5s;
}

.message5-class {
	-webkit-animation: message1-class 2s forwards 3s;
	-moz-animation: message1-class 2s forwards 3s;
	-ms-animation: message1-class 2s forwards 3s;
	-o-animation: message1-class 2s forwards 3s;
	animation: message1-class 2s forwards 3s;
}

@keyframes message1-class {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes message1-class {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-moz-keyframes message1-class {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-o-keyframes message1-class {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.bubble1-class {
	-webkit-animation: bubble1 2s forwards 1.5s;
	-moz-animation: bubble1 2s forwards 1.5s;
	-ms-animation: bubble1 2s forwards 1.5s;
	-o-animation: bubble1 2s forwards 1.5s;
	animation: bubble1 2s forwards 1.5s;
	opacity: 0;
}

.bubble7-class {
	-webkit-animation: bubble7 4s forwards 1.5s;
	-moz-animation: bubble7 4s forwards 1.5s;
	-ms-animation: bubble7 4s forwards 1.5s;
	-o-animation: bubble7 4s forwards 1.5s;
	animation: bubble7 4s forwards 1.5s;
	opacity: 0;
}

@keyframes bubble1 {
	from {
		transform: translate(0, 40px);
		opacity: 0;
	}
	to {
		transform: translate(0, 0);
		opacity: 1;
	}
}

@keyframes bubble7 {
	from {
		transform: translate(0, 40px) scale(1);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) scale(0.3);
		opacity: 1;
	}
}

@-webkit-keyframes bubble1 {
	from {
		transform: translate(0, 40px);
		opacity: 0;
	}
	to {
		transform: translate(0, 0);
		opacity: 1;
	}
}

@-webkit-keyframes bubble7 {
	from {
		transform: translate(0, 40px) scale(1);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) scale(0.3);
		opacity: 1;
	}
}

@-moz-keyframes bubble1 {
	from {
		transform: translate(0, 40px);
		opacity: 0;
	}
	to {
		transform: translate(0, 0);
		opacity: 1;
	}
}

@-moz-keyframes bubble7 {
	from {
		transform: translate(0, 40px) scale(1);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) scale(0.3);
		opacity: 1;
	}
}

@-o-keyframes bubble1 {
	from {
		transform: translate(0, 40px);
		opacity: 0;
	}
	to {
		transform: translate(0, 0);
		opacity: 1;
	}
}

@-o-keyframes bubble7 {
	from {
		transform: translate(0, 40px) scale(1);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) scale(0.3);
		opacity: 1;
	}
}


@keyframes bubble1 {
	from {
		transform: translate(0, 40px) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) translateZ(0);
		opacity: 1;
	}
}

@keyframes bubble7 {
	from {
		transform: translate(0, 40px) scale(1) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) scale(0.3) translateZ(0);
		opacity: 1;
	}
}

@-webkit-keyframes bubble1 {
	from {
		transform: translate(0, 40px) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) translateZ(0);
		opacity: 1;
	}
}

@-webkit-keyframes bubble7 {
	from {
		transform: translate(0, 40px) scale(1) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) scale(0.3) translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes bubble1 {
	from {
		transform: translate(0, 40px) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes bubble7 {
	from {
		transform: translate(0, 40px) scale(1) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) scale(0.3) translateZ(0);
		opacity: 1;
	}
}

@-o-keyframes bubble1 {
	from {
		transform: translate(0, 40px) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) translateZ(0);
		opacity: 1;
	}
}

@-o-keyframes bubble7 {
	from {
		transform: translate(0, 40px) scale(1) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) scale(0.3) translateZ(0);
		opacity: 1;
	}
}


/*------------屏幕2---------------*/

.text-star-class {
	-webkit-animation: 40s infinite star-rotate;
	-moz-animation: 40s infinite star-rotate;
	-o-animation: 40s infinite star-rotate;
	animation: 40s infinite star-rotate;
	animation-name: star-rotate;
	opacity: 1;
}

@-webkit-keyframes star-rotate {
	from {
		transform: rotate(0deg) scale(0.8) translateZ(0);
	}
	to {
		transform: rotate(360deg) scale(0.8) translateZ(0);
	}
}

@-moz-keyframes star-rotate {
	from {
		transform: rotate(0deg) scale(0.8) translateZ(0);
	}
	to {
		transform: rotate(360deg) scale(0.8) translateZ(0);
	}
}

@-ms-keyframes star-rotate {
	from {
		transform: rotate(0deg) scale(0.8) translateZ(0);
	}
	to {
		transform: rotate(360deg) scale(0.8) translateZ(0);
	}
}

@-o-keyframes star-rotate {
	from {
		transform: rotate(0deg) scale(0.8) translateZ(0);
	}
	to {
		transform: rotate(360deg) scale(0.8) translateZ(0);
	}
}

.text-star-opacity {
	-webkit-animation: 2s textstar-opacity forwards 2.5s;
	-moz-animation: 2s textstar-opacity forwards 2.5s;
	-o-animation: 2s textstar-opacity forwards 2.5s;
	animation: 2s textstar-opacity forwards 2.5s;
}

@-webkit-keyframes textstar-opacity {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-moz-keyframes textstar-opacity {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-ms-keyframes textstar-opacity {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-o-keyframes textstar-opacity {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/*------------屏幕2-end--------------*/


/*------------屏幕3--------------*/

.tom3-shadow-class {
	-webkit-animation: tom3-shadow 2s forwards 0.5s;
	-moz-animation: tom3-shadow 2s forwards 0.5s;
	-ms-animation: tom3-shadow 2s forwards 0.5s;
	-o-animation: tom3-shadow 2s forwards 0.5s;
	animation: tom3-shadow 2s forwards 0.5s;
}

@keyframes tom3-shadow {
	from {
		transform: translate(0, 0) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 40px) translateZ(0);
		opacity: 1;
	}
}

@-webkit-keyframes tom3-shadow {
	from {
		transform: translate(0, 0) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 40px) translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes tom3-shadow {
	from {
		transform: translate(0, 0) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 40px) translateZ(0);
		opacity: 1;
	}
}

@-o-keyframes tom3-shadow {
	from {
		transform: translate(0, 0) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 40px) translateZ(0);
		opacity: 1;
	}
}


/*------------屏幕3-end--------------*/


/*------------屏幕5---------------*/

.ico-axure-class {
	-webkit-animation: star-light 2s forwards 3.3s;
	-moz-animation: star-light 2s forwards 3.3s;
	-ms-animation: star-light 2s forwards 3.3s;
	-o-animation: star-light 2s forwards 3.3s;
	animation: star-light 2s forwards 3.3s;
}

.ico-camera-class {
	-webkit-animation: star-light 2s forwards 3.6s;
	-moz-animation: star-light 2s forwards 3.6s;
	-ms-animation: star-light 2s forwards 3.6s;
	-o-animation: star-light 2s forwards 3.6s;
	animation: star-light 2s forwards 3.6s;
}

.ico-html5-class {
	-webkit-animation: star-light 2s forwards 3.9s;
	-moz-animation: star-light 2s forwards 3.9s;
	-ms-animation: star-light 2s forwards 3.9s;
	-o-animation: star-light 2s forwards 3.9s;
	animation: star-light 2s forwards 3.9s;
}

.ico-ppt-class {
	-webkit-animation: star-light 2s forwards 4.2s;
	-moz-animation: star-light 2s forwards 4.2s;
	-ms-animation: star-light 2s forwards 4.2s;
	-o-animation: star-light 2s forwards 4.2s;
	animation: star-light 2s forwards 4.2s;
}

.ico-ps-class {
	-webkit-animation: star-light 2s forwards 4.5s;
	-moz-animation: star-light 2s forwards 4.5s;
	-ms-animation: star-light 2s forwards 4.5s;
	-o-animation: star-light 2s forwards 4.5s;
	animation: star-light 2s forwards 4.5s;
}

.ico-sketch-class {
	-webkit-animation: star-light 2s forwards 4.8s;
	-moz-animation: star-light 2s forwards 4.8s;
	-ms-animation: star-light 2s forwards 4.8s;
	-o-animation: star-light 2s forwards 4.8s;
	animation: star-light 2s forwards 4.8s;
}


/*------------屏幕5-end--------------*/


/*------------屏幕6---------------*/

.tomBegin-shadow-class {
	-webkit-animation: tomBegin-shadow-shadow 2s forwards 0.5s;
	-moz-animation: tomBegin-shadow-shadow 2s forwards 0.5s;
	-ms-animation: tomBegin-shadow-shadow 2s forwards 0.5s;
	-o-animation: tomBegin-shadow-shadow 2s forwards 0.5s;
	animation: tomBegin-shadow-shadow 2s forwards 0.5s;
}

@keyframes tomBegin-shadow-shadow {
	from {
		transform: translate(0, -20px) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) translateZ(0);
		opacity: 1;
	}
}

@-webkit-keyframes tomBegin-shadow-shadow {
	from {
		transform: translate(0, -20px) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes tomBegin-shadow-shadow {
	from {
		transform: translate(0, -20px) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) translateZ(0);
		opacity: 1;
	}
}

@-o-keyframes tomBegin-shadow-shadow {
	from {
		transform: translate(0, -20px) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, 0) translateZ(0);
		opacity: 1;
	}
}

.Portal-light {
	-webkit-animation: Portal-light 2s forwards 1.9s;
	-moz-animation: Portal-light 2s forwards 1.9s;
	-ms-animation: Portal-light 2s forwards 1.9s;
	-o-animation: Portal-light 2s forwards 1.9s;
	animation: Portal-light 2s forwards 1.9s;
}

@keyframes Portal-light {
	from {
		transform: rotate(0);
		opacity: 0;
	}
	to {
		transform: rotate(360);
		opacity: 1;
	}
}

@-webkit-keyframes Portal-light {
	from {
		transform: rotate(0);
		opacity: 0;
	}
	to {
		transform: rotate(360);
		opacity: 1;
	}
}

@-moz-keyframes Portal-light {
	from {
		transform: rotate(0);
		opacity: 0;
	}
	to {
		transform: rotate(360);
		opacity: 1;
	}
}

@-o-keyframes Portal-light {
	from {
		transform: rotate(0);
		opacity: 0;
	}
	to {
		transform: rotate(360deg);
		opacity: 1;
	}
}

.rocket-class {
	-webkit-animation: rocket-class 2s forwards 4.5s;
	-moz-animation: rocket-class 2s forwards 4.5s;
	-ms-animation: rocket-class 2s forwards 4.5s;
	-o-animation: rocket-class 2s forwards 4.5s;
	animation: rocket-class 2s forwards 4.5s;
}

@keyframes rocket-class {
	from {
		transform: translate(0, 0) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, -50px) translateZ(0);
		opacity: 1;
	}
}

@-webkit-keyframes rocket-class {
	from {
		transform: translate(0, 0) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, -50px) translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes rocket-class {
	from {
		transform: translate(0, 0) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, -50px) translateZ(0);
		opacity: 1;
	}
}

@-o-keyframes rocket-class {
	from {
		transform: translate(0, 0) translateZ(0);
		opacity: 0;
	}
	to {
		transform: translate(0, -50px) translateZ(0);
		opacity: 1;
	}
}
.light-green-class,.light-blue-class{
	-webkit-animation: light-green-blue 4s infinite 2.3s;
	-moz-animation: light-green-blue 4s infinite 2.3s;
	-ms-animation: light-green-blue 4s infinite 2.3s;
	-o-animation: light-green-blue 4s infinite 2.3s;
	animation: light-green-blue 4s infinite 2.3s;
	opacity: 1;
}
@keyframes light-green-blue {
	0%{
		opacity: 1;
	}
	50% {
		opacity: 0.3;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes light-green-blue {
	0%{
		opacity: 1;
	}
	50% {
		opacity: 0.3;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes light-green-blue {
	0%{
		opacity: 1;
	}
	50% {
		opacity: 0.3;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes light-green-blue {
	0%{
		opacity: 1;
	}
	50% {
		opacity: 0.3;
	}
	100% {
		opacity: 1;
	}
}

.text-djms-class,.text-zzms-class {
	-webkit-animation: star-light 3s forwards 5s;
	-moz-animation: star-light 3s forwards 5s;
	-ms-animation: star-light 3s forwards 5s;
	-o-animation: star-light 3s forwards 5s;
	animation: star-light 3s forwards 5s;
}
/*------------屏幕6-end--------------*/
.textStory-class{
	-webkit-animation: star-light 2s forwards 2s;
	-moz-animation: star-light 2s forwards 2s;
	-ms-animation: star-light 2s forwards 2s;
	-o-animation: star-light 2s forwards 2s;
	animation: star-light 2s forwards 2s;
}

/*---运动元素的过度动画效果样式---end-----*/