/*screen1*/
@-webkit-keyframes src_shoe {
    0%{
    	top: 90px;
        left: 270px;
        opacity: 0;
    }
    100%{
        top: 90px;
        left: 470px;
    	opacity: 1;
	}
}
@keyframes src_shoe {
    0%{
        top: 90px;
        left: 270px;
        opacity: 0;
    }
    100%{
        top: 90px;
        left: 470px;
        opacity: 1;
	}
}
@-webkit-keyframes src1_List {
    0%{
    	margin-top: 40px;
        opacity: 0;
        margin-left: 0px;
    }
    100%{
        margin-top: 10px;
    	opacity: 1;
    	margin-left: 0px;
	}
}
@keyframes src1_List {
    0%{
    	margin-top: 40px;
        opacity: 0;
        margin-left: 0px;
    }
    100%{
        margin-top: 10px;
    	opacity: 1;
    	margin-left: 0px;
	}
}
@keyframes src1_text1 {
    0%{
        top: 178px;
        opacity: 0;
    }
    100%{
         top: 278px;
    	opacity: 1;
	}
}
@-webkit-keyframes src1_text1 {
    0%{
         top: 178px;
        opacity: 0;
    }
    100%{
         top: 278px;
    	opacity: 1;
	}
}

@-webkit-keyframes src1_text2 {
    0%{
        top: 120px;
        opacity: 0;
    }
    100%{
        top: 160px;
    	opacity: 1;
	}
}
@keyframes src1_text2 {
   0%{
        top: 120px;
        opacity: 0;
    }
    100%{
        top: 160px;
        opacity: 1;
    }
}

@-webkit-keyframes src1_text3 {
    0%{
    	left: 820px;
        opacity: 0;
    }
    100%{
        left: 760px;
    	opacity: 1;
	}
}
@keyframes src1_text3 {
    0%{
    	left: 820px;
        opacity: 0;
    }
    100%{
        left: 760px;
    	opacity: 1;
	}
}

@-webkit-keyframes src1_storm {
    0%{
        opacity: 1;
    	-webkit-transform:rotate(0deg);
    }
    100%{
        opacity: 1;
        -webkit-transform:rotate(720deg);
	}
}
@keyframes src1_storm {
    0%{
        opacity: 1;
    	-webkit-transform:rotate(0deg);
    }
    100%{
        opacity: 1;
        -webkit-transform:rotate(720deg);
	}
}
@-webkit-keyframes src1_ball {
    0%{
        opacity: 1;
        -webkit-transform:rotate(0deg);
    }
    100%{
        opacity: 1;
        -webkit-transform:rotate(0deg);
    }
}
@keyframes src1_ball {
    0%{
        opacity: 1;
        -webkit-transform:rotate(0deg);
    }
    100%{
        opacity: 1;
        -webkit-transform:rotate(0deg);
    }
}
@-webkit-keyframes src3_storm {
    0%{
        opacity: 1;
        -webkit-transform:rotate(0deg);
    }
    100%{
        opacity: 0;
        -webkit-transform:rotate(360deg);
    }
}
@keyframes src3_storm {
    0%{
        opacity: 1;
        -webkit-transform:rotate(0deg);
    }
    100%{
        opacity: 0;
        -webkit-transform:rotate(360deg);
    }
}

@-webkit-keyframes src1_money {
    0%{
    	-webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }
    100%{
        -webkit-transform: none;
        transform: none;
    	opacity: 1;
	}
}
@keyframes src1_money {
    0%{
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }
    100%{
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes src1_btn {
    0%{
    	left: 520px;
    	bottom: 64px;
        opacity: 0;
    }
    100%{
       	left: 520px;
    	bottom: 96px;
    	opacity: 1;
	}
}
@keyframes src1_btn {
    0%{
    	left: 520px;
    	bottom: 64px;
        opacity: 0;
    }
    100%{
        left: 520px;
    	bottom: 96px;
    	opacity: 1;
	}
}

@-webkit-keyframes src1_man {
    0%{
    	bottom: 100px;
    }
    100%{
       	bottom: 120px;
	}
}
@keyframes src1_man {
    0%{
        bottom: 100px;
    }
    100%{
        bottom: 120px;
	}
}

@-webkit-keyframes src1_list {
    0%{
    	-webkit-transform: translate(0px,0px);
        opacity: 0;
    }
    100%{
       	-webkit-transform: translate(0px,0px);
    	opacity: 1;
	}
}
@keyframes src1_list {
    0%{
    	-webkit-transform: translate(0px,0px);
        bottom: 127px;
    }
    100%{
        -webkit-transform: translate(10px,10px);
    	opacity: 1;
	}
}

/* 第二屏 */
@-webkit-keyframes src2_title {
    0%{
    	margin-right: -60px;
        opacity: 0;
    }
    100%{
       	margin-right: -20px;
    	opacity: 1;
	}
}
@keyframes  src2_title {
    0%{
    	margin-right: -60px;
        opacity: 0;
    }
    100%{
       	margin-right: -20px;
    	opacity: 1;
	}
}
@-webkit-keyframes src2_p {
    0%{
    	margin-right: 40px;
        opacity: 0;
    }
    100%{
       	margin-right: -20px;
    	opacity: 1;
	}
}
@keyframes src2_p {
    0%{
    	margin-right: 40px;
        opacity: 0;
    }
    100%{
       	margin-right: -20px;
    	opacity: 1;
	}
}

@-webkit-keyframes src2_aspan {
    0%{
    	-webkit-transform:scale(1);
    	transform:scale(1.1);
    }
    50%{
    	-webkit-transform:scale(1);
    	transform:scale(1);
    }
    100%{
       	-webkit-transform:scale(1.1);
    	transform:scale(1.1);
	}
}
@keyframes src2_aspan {
    0%{
    	-webkit-transform:scale(1.1);
    	transform:scale(1.1);
    }
    50%{
    	-webkit-transform:scale(1);
    	transform:scale(1);
    }
    100%{
       	-webkit-transform:scale(1.1);
    	transform:scale(1.1);
	}
}

@-webkit-keyframes gyFadeOut{
    0% {
        opacity: 0.8;
        -webkit-transform: scale(1);
        border-width: 0;
        top: 0;
        left: 0;
    }
    30% {
        opacity: 0.8;
        -webkit-transform: scale(1.05);
        border-width: 0;
        top: 0;
        left: 0;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        border-width: 10px;
    }
}
@keyframes gyFadeOut{
    0% {
        opacity: 0.8;
        -webkit-transform: scale(1);
        border-width: 0;
        top: 0;
        left: 0;
    }
    30% {
        opacity: 0.8;
        -webkit-transform: scale(1.05);
        border-width: 0;
        top: 0;
        left: 0;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        border-width: 10px;
    }
}

/* 第三屏 */
@-webkit-keyframes scr3_shoe {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes scr3_shoe {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes scr3_step1 {
    0% {
    	opacity: 0;
    	-webkit-transform: rotate(47deg);
        transform: rotate(47deg);
        bottom: -280px;
    }
    100% {
    	opacity: 1;
       -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        bottom: 40px;
    }
}
@keyframes scr3_step1 {
    0% {
    	opacity: 0;
    	-webkit-transform: rotate(47deg);
        transform: rotate(47deg);
        bottom: -280px;
    }
    100% {
    	opacity: 1;
       	-webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        bottom: 40px;
    }
}

@-webkit-keyframes scr3_step2 {
    0% {
    	opacity: 0;
    	-webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        bottom: -140px;
    }
    100% {
    	opacity: 1;
       -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        bottom: 40px;
    }
}
@keyframes scr3_step2 {
    0% {
    	opacity: 0;
    	-webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        bottom: -140px;
    }
    100% {
    	opacity: 1;
       	-webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        bottom: 40px;
    }
}

@-webkit-keyframes scr3_step3 {
    0% {
    	opacity: 0;
    	-webkit-transform: rotate(25deg);
        transform: rotate(25deg);
        bottom: -100px;
    }
    100% {
    	opacity: 1;
       -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        bottom: 40px;
    }
}
@keyframes scr3_step3 {
    0% {
    	opacity: 0;
    	-webkit-transform: rotate(25deg);
        transform: rotate(25deg);
        bottom: -100px;
    }
    100% {
    	opacity: 1;
       	-webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        bottom: 40px;
    }
}
@-webkit-keyframes scr3_step4 {
    0% {
    	opacity: 0;
    	-webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    100% {
    	opacity: 1;
       -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes scr3_step4 {
    0% {
    	opacity: 0;
    	-webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    100% {
    	opacity: 1;
       	-webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@-webkit-keyframes scr3_step5 {
    0% {
    	opacity: 0;
    }
    100% {
    	opacity: 1;
    }
}
@keyframes scr3_step5 {
    0% {
    	opacity: 0;
    }
    100% {
    	opacity: 1;
    }
}
@-webkit-keyframes scr3_ball {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes scr3_ball {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes scr3_line {
    0% {
    	opacity: 0;
    	-webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
    	opacity: 1;
       	-webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@-webkit-keyframes scr3_line {
    0% {
    	opacity: 0;
    	-webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
    	opacity: 1;
       	-webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes scr3_title {
    0% {
    	opacity: 0;
    	-webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    100% {
    	opacity: 1;
       	-webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}
@-webkit-keyframes scr3_title {
    0% {
    	opacity: 0;
    	-webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    100% {
    	opacity: 1;
       	-webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}
@keyframes scr3_titlep {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}
@-webkit-keyframes scr3_titlep {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}


/* 第四屏 */
@keyframes scr4_text {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}
@-webkit-keyframes scr4_text {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes scr4_money {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@-webkit-keyframes scr4_money {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes scr4_btn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@-webkit-keyframes scr4_btn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}