/* 解锁结束 */
@keyframes rotateIntroduceShow0{
	from{transform: rotate(-15deg);opacity: 0;}
	to{transform: rotate(-15deg);opacity: 1;}
}
@keyframes rotateIntroduceShow{
	from{transform: rotate(-15deg);opacity: 0;}
	to{transform: rotate(0deg);opacity: 1;}
}
@keyframes rotateIntroduceShow2{
	from{transform: rotate(0deg);opacity: 0;}
	to{transform: rotate(15deg);opacity:1;}
}
#taskIntroduce_step1_01,
#taskIntroduce_step1_02,
#taskIntroduce_step1_03{
	opacity: 0;
	transform-origin: bottom;
	transform: rotate(-15deg);
	position: absolute;
	bottom:-.2rem;
	width: 100%;
	height:7rem;
	background: url(../../picture/casepracticerevolution/introduce/1.jpg) center no-repeat;
	background-size: contain;
	animation:rotateIntroduceShow0 300ms ease-in 2300ms;
    animation-fill-mode:forwards ;
}
#taskIntroduce_step1_02{
	background-image:url(../../picture/casepracticerevolution/introduce/2.jpg)  ;
	animation:rotateIntroduceShow 300ms ease-in 2300ms;
    animation-fill-mode:forwards ;
}
#taskIntroduce_step1_03{
	background-image:url(../../picture/casepracticerevolution/introduce/3.jpg)  ;
	animation:rotateIntroduceShow2 300ms ease-in 2300ms;
    animation-fill-mode:forwards ;
}
#taskIntroduce_step1_02.fadeOUt{
	transform: rotate(0deg);
}
#taskIntroduce_step1_03.fadeOUt{
	transform: rotate(15deg);
}
#taskIntroduce_step1_01.fadeOUt,
#taskIntroduce_step1_02.fadeOUt,
#taskIntroduce_step1_03.fadeOUt{
	opacity: 1;
	animation:supplier-fadeOut 300ms ease-in 300ms;
    animation-fill-mode:forwards ;
}
@keyframes IntroduceScaleIn{
	0%{transform: scale(.8) rotate(280deg);opacity: 0;}
	60%{transform: scale(2) rotate(340deg);opacity: 1;}
	100%{transform: scale(1) rotate(360deg);opacity: 1;}
}
@keyframes IntroduceScaleIn2{
	0%{transform: scale(0) rotate(0deg);opacity: 0;}
	100%{transform: scale(1) rotate(30deg);opacity: 1;}
}
#taskIntroduce_step2_01,
#taskIntroduce_step2_02,
#taskIntroduce_step2_03,
#taskIntroduce_step2_04,
#taskIntroduce_step2_05,
#taskIntroduce_step2_06,
#taskIntroduce_step2_07,
#taskIntroduce_step2_08,
#taskIntroduce_step2_09,
#taskIntroduce_step2_10{
	opacity: 0;
	position: absolute;
	left: 2rem;
    top: 4rem;
    width: 1rem;
    height: 1rem;
	background: url(../../picture/casepracticerevolution/introduce/star.png) center no-repeat;
	background-size: contain;
	animation:IntroduceScaleIn2 500ms linear 1800ms;
    animation-fill-mode:forwards ;
}
#taskIntroduce_step2_01{
	animation:IntroduceScaleIn 500ms linear 1200ms;
    animation-fill-mode:forwards ;
}
#taskIntroduce_step2_02{
	left:3.2rem;
	animation:IntroduceScaleIn 500ms linear 1100ms;
    animation-fill-mode:forwards ;
}
#taskIntroduce_step2_03{
	left:4.4rem;
	animation:IntroduceScaleIn 500ms linear 1300ms;
    animation-fill-mode:forwards ;
}
#taskIntroduce_step2_04{
	top: 2.7rem;
    left: 5.2rem;
    width: .5rem;
    height: 1rem;
}
#taskIntroduce_step2_05{
	top: 3.8rem;
    left: 6.3rem;
    width: .6rem;
    height: 1rem;
}
#taskIntroduce_step2_06{
	top: 5.6rem;
    left: 5.8rem;
    width: .4rem;
    height: 1rem;
}
#taskIntroduce_step2_07{
	top: 5.6rem;
    left: 4rem;
    width: .3rem;
    height: 1rem;
}
#taskIntroduce_step2_08{
	top: 4.8rem;
    left: 1.2rem;
    width: .5rem;
    height: 1rem;
}
#taskIntroduce_step2_09{
	top: 3.5rem;
    left: .6rem;
    width: .3rem;
    height: 1rem;
}
#taskIntroduce_step2_10{
	top: 2.8rem;
    left: 2.2rem;
    width: .6rem;
    height: 1rem;
}
@keyframes introduce-scaleIn{
	from{transform: scale(.8);opacity: 0;}
	50%{transform: scale(1.1);opacity: 1;}
	to{transform: scale(1);opacity: 1;}
}
#taskIntroduce_step2_11,
#taskIntroduce_step2_12{
	opacity: 0;
	position: absolute;
	left: 0;
    top: 2.6rem;
    width: 100%;
    height: 3.8rem;
	background: url(../../picture/casepracticerevolution/introduce/point.png) center no-repeat;
	background-size: contain;
	animation:introduce-scaleIn 600ms ease 2000ms ;
	animation-fill-mode:forwards;
}
#taskIntroduce_step2_12{
	background-image:url(../../picture/casepracticerevolution/introduce/light.png) ;
	animation:introduce-scaleIn 600ms ease 2000ms ;
	animation-fill-mode:forwards;
}
.introduceStep2Out{
	opacity: 1;
	transform: rotate(30deg);
	animation:supplier-fadeOut 500ms ease-in 0ms !important;
    animation-fill-mode:forwards !important;
}
#taskIntroduce_step2_11.introduceStep2Out,
#taskIntroduce_step2_12.introduceStep2Out,
#taskIntroduce_step2_01.introduceStep2Out,
#taskIntroduce_step2_02.introduceStep2Out,
#taskIntroduce_step2_03.introduceStep2Out{
	transform: rotate(0deg);
}
/* 水波 */
#moment_step0_6,
#moment111_step0_6,
#moment121_step0_6{
	opacity: 0;
	position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    background-color: rgba(255,255,255,0.9);
    /*background: radial-gradient(transparent 10%,white 0%) center no-repeat;*/
    animation: momentScale2 .5s forwards;
}


@keyframes momentScale2{
	0%{
	    opacity: 1;
    }
    1%{
    	opacity: 1;
    	transform: scale(6.5);
    }
	90%{
		opacity: .9;
		transform: scale(1);

	}
	to{
		opacity: 0;
	}
}
@keyframes momentScale{
	from{
		top: calc((100% - 10rem)/2);
	    left: calc((100% - 8rem)/2);
	    width: 8rem;
	    height: 10rem;
	    opacity: 1;
    }
	80%{
		top: 50%;
	    left: 50%;
	    width: 0;
	    height: 0;
	    opacity: 1;
	}
	to{opacity: 0;}
}
#moment_step0_7{
	opacity: 0;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	background: url(../../picture/casepracticerevolution/moment/moments101-1.png) center no-repeat;
	background-size:cover ;
	animation: supplier-fadeIn .5s  ease forwards;
}

#moment111_step0_7{
   opacity: 0;
   position: absolute;
   top:0;
   left:0;
   right:0;
   bottom: 0;
   background: url(../../picture/casepracticeperformance/moment/moments111-1.png) center no-repeat;
   background-size:cover ;
   animation: supplier-fadeIn .5s ease forwards;
 }

#moment121_step0_7{
  opacity: 0;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  background: url(../../picture/casepracticeclash/moment/moments121-1.png) center no-repeat;
  background-size:cover ;
  animation: supplier-fadeIn .5s ease forwards;
}

#moment122_step0_7{
  opacity: 0;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  background: url(../../picture/casepracticeclash/moment/moments121-2.png) center no-repeat;
  background-size:cover ;
  animation: supplier-fadeIn .5s ease forwards;
}

#moment112_step0_7{
  opacity: 0;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  background: url(../../picture/casepracticeperformance/moment/moments111-2.png) center no-repeat;
  background-size:cover ;
  animation: supplier-fadeIn .5s ease forwards;
}

#moment_step0_8,
#moment111_step0_8{
	opacity: 0;
	position: absolute;
	left: 2rem;
    bottom: 1rem;
    width: 3rem;
    height: 3rem;
	background: url(../../picture/casepracticerevolution/moment/img_18.png) center no-repeat;
	background-size:contain ;
	animation: momentShake2 500ms 2.2s ease forwards;
}

#moment121_step0_8{
  opacity: 0;
  position: absolute;
  left: 2.5rem;
  bottom: 1rem;
  width: 2.8rem;
  height: 2.8rem;
  background-size:contain ;
  animation: momentShake2 500ms 2.2s ease forwards;
}

#moment122_step0_8{
  opacity: 0;
  position: absolute;
  left: 2rem;
  bottom: 1rem;
  width: 4rem;
  height: 4rem;
  background-size: contain;
  animation: momentShake2 500ms 2.2s ease forwards;
}


#moment_step0_9,
#moment_step0_90,
#moment111_step0_9{
	opacity: 0;
	position: absolute;
	right: .5rem;
    bottom: 3rem;
    width: 2rem;
    height: 2rem;
  background: url(../../picture/casemission/moment/img_23.png) center no-repeat;
	background-size:contain ;
	animation: momentShake 300ms 1.3s ease forwards;
}

#moment121_step0_9{
  opacity: 0;
  position: absolute;
  right: .5rem;
  bottom: 3rem;
  width: 2rem;
  height: 2rem;
  background: url(../../picture/casepracticerevolution/moment/img_23.png) center no-repeat;
  background-size:contain ;
  animation: momentShake 300ms 1.3s ease forwards;
}

@keyframes momentShake {
    0% {
    	opacity: 0;
        transform: translateZ(0) scale(1.3);
    }
	40%{
		opacity: 1;
		transform: translateZ(0) scale(1);
	}
    60%,90% {
        transform: translate3d(5px,5px,0)
    }

    80% {
        transform: translate3d(-5px,-5px,0)
    }
    to{
    	opacity: 1;
        transform: translateZ(0);
    }
}
@keyframes momentShake2 {
    0% {
    	opacity: 0;
        transform: translate3d(-100px,0,0) scale(1);
    }
	40%{
		opacity: 1;
		transform: translate3d(0px,0,0) scale(1);
	}
    50%,70%,90% {
        transform: translate3d(-5px,5px,0)
    }

    60%,80% {
        transform: translate3d(5px,-5px,0)
    }
    to{
    	opacity: 1;
        transform: translateZ(0);
    }
}
#moment_step0_10,
#moment_step0_100,
#moment111_step0_10{
	opacity: 0;
	position: absolute;
	left: 0;
    bottom: .5rem;
    width: 100%;
    height: 4rem;
	background: url(../../picture/casepracticerevolution/moment/img_24.png) center no-repeat;
	background-size:contain ;
	animation: momentTransIn 300ms 1.6s ease forwards;
}

#moment121_step0_10{
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: .5rem;
  width: 100%;
  height: 4rem;
  /*background: url(../../picture/casepracticerevolution/moment/img_24.png) center no-repeat;*/
  background-position: center;
  background-size:contain ;
  background-repeat: no-repeat;
  animation: momentTransIn 300ms 1.6s ease forwards;
}

#moment122_step0_10{
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 3.5rem;
  width: 100%;
  height: 5rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  animation: momentTransIn 300ms 1.6s ease forwards;
}

@keyframes momentTransIn{
	from{opacity: 0;transform: translate3d(-8rem,.2rem,0);}
	to{opacity: 1;transform: translate3d(0,0,0);}
}
#moment_step0_11,
#moment111_step0_11,
#moment121_step0_11{
	opacity: 0;
	position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
  background-color: rgba(255,255,255,0.9);
  animation: momentScaleOut22 1s linear 4s;
  animation-fill-mode:both ;
    /*background: radial-gradient(transparent 20%,white 0%) center no-repeat;*/
    /*animation: momentScaleOut22 800ms linear 6s;*/
    /*animation-fill-mode:both ;*/
}

#moment_step0_110{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom: 0;
  background: radial-gradient(transparent 20%,white 0%) center no-repeat;
  animation: momentScaleOut22 800ms linear 4s;
  animation-fill-mode:both ;
}

#moment_step0_13{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom: 0;
  background: radial-gradient(transparent 20%,white 0%) center no-repeat;
  animation: momentScaleOut23 800ms linear 4s;
  animation-fill-mode:both ;
}
@keyframes momentScaleOut22{
	0%{
	    opacity: 0;
    }
    1%{
    	opacity: 0.9;
    	transform: scale(1);
    }
	90%{
		transform: scale(3.5);
	}
	to{
		opacity: 0;
	}
}

@keyframes momentScaleOut23{
  0%{
    opacity: 0;
  }
  1%{
    opacity: 0.9;
    transform: scale(1);
  }
  90%{
    transform: scale(3.5);
  }
  to{
    opacity: 0;
  }
}
@keyframes momentScaleOut{
	from{
		top: calc((100% - 0rem)/2);
	    left: calc((100% - 0rem)/2);
	    width: 0rem;
	    height: 0rem;
	    opacity: .7;
    }
    1%{
    	box-shadow: 0 0 .05rem 100rem #fff;
    }
	80%{
		top: calc((100% - 10rem)/2);
	    left: calc((100% - 8rem)/2);
	    width: 8rem;
	    height: 10rem;
	    opacity: .5;
	    box-shadow: 0 0 .05rem 100rem #fff;
	}
	to{
    opacity: 0;
		top: calc((100% - 12rem)/2);
	    left: calc((100% - 9rem)/2);
	    width: 9rem;
	    height: 12rem;
	    opacity: .5;
	    box-shadow: 0 0 .05rem 100rem #fff;
	}
}
#moment1_step0_1{
	opacity: 0;
	position: absolute;
	left: 1rem;
	top: 3.8rem;
    border-radius: .08rem;
    border: solid .04rem;
    padding: .1rem;
    width: 5.6rem;
    font-size: .32rem;
    color: #fff;
    background: #C45F5F;
    animation: supplier-scale 300ms ease 200ms forwards;
}

#moment111_step0_1{
  opacity: 0;
  position: absolute;
  left: 1rem;
  top: 3.8rem;
  border-radius: .08rem;
  border: solid .04rem;
  padding: .1rem;
  width: 5.6rem;
  font-size: .32rem;
  color: #fff;
  background: #5d95ef;
  animation: supplier-scale 300ms ease 200ms forwards;
}

#moment121_step0_1{
  opacity: 0;
  position: absolute;
  left: 1rem;
  top: 3.8rem;
  border-radius: .08rem;
  border: solid .04rem;
  padding: .1rem;
  width: 5.6rem;
  font-size: .32rem;
  color: #fff;
  background: rgb(76,165,210);
  animation: supplier-scale 300ms ease 200ms forwards;
}


#moment1_step0_2{
	opacity: 0;
	position: absolute;
    right: 2.6rem;
    top: 6.2rem;
    border-radius: .08rem;
    padding: .1rem;
    font-size: .34rem;
    color: #fff;
    background: #F05B30;
    animation: supplier-scale 300ms ease 400ms forwards;
}

#moment111_step0_2{
   opacity: 0;
   position: absolute;
   right: 2.6rem;
   top: 6.2rem;
   border-radius: .08rem;
   padding: .1rem;
   font-size: .34rem;
   color: #fff;
   background: #277aff;
   animation: supplier-scale 300ms ease 400ms forwards;
 }

#moment121_step0_2{
  opacity: 0;
  position: absolute;
  right: 2.6rem;
  top: 6.2rem;
  border-radius: .08rem;
  padding: .1rem;
  font-size: .34rem;
  color: #fff;
  background: rgb(76,165,210);
  animation: supplier-scale 300ms ease 400ms forwards;
}

#moment1_step0_3{
	opacity: 0;
	position: absolute;
    right: 1rem;
    top: 5.4rem;
    height: 1.6rem;
    width: 1.6rem;
    background: url(../../picture/casepracticerevolution/moment/moments101-1.png) center no-repeat;
	background-size:contain ;
	animation: supplier-scale 300ms ease 1000ms forwards;
}

#moment111_step0_3{
  opacity: 0;
  position: absolute;
  right: 1rem;
  top: 5.4rem;
  height: 1.6rem;
  width: 1.6rem;
  background: url(../../picture/casepracticeperformance/moment/moments111-1.png) center no-repeat;
  background-size:contain ;
  animation: supplier-scale 300ms ease 1000ms forwards;
}

#moment121_step0_3{
  opacity: 0;
  position: absolute;
  right: 1rem;
  top: 5.4rem;
  height: 1.6rem;
  width: 1.6rem;
  background: url(../../picture/casepracticeclash/moment/moments121-1.png) center no-repeat;
  background-size:contain ;
  animation: supplier-scale 300ms ease 1000ms forwards;
}

#moment122_step0_3{
  opacity: 0;
  position: absolute;
  right: 1rem;
  top: 5.4rem;
  height: 1.6rem;
  width: 1.6rem;
  background: url(../../picture/casepracticeclash/moment/moments121-2.png) center no-repeat;
  background-size:contain ;
  animation: supplier-scale 300ms ease 1000ms forwards;
}

#moment1_step0_3.moment101,
#moment_step0_7.moment101{
	background-image:url(../../picture/casepracticerevolution/moment/moments101-1.png) ;
}

#moment111_step0_10.moment111{
  background-image:url(../../picture/casepracticeperformance/moment/101/101-1.png) ;
}

#moment111_step0_10.moment112{
  background-image:url(../../picture/casepracticeperformance/moment/102/102-1.png) ;
}

#moment121_step0_10.moment121{
  background-image:url(../../picture/casepracticeclash/moment/101/101-1.png) ;
}

#moment122_step0_10.moment122{
  background-image:url(../../picture/casepracticeclash/moment/102/102-1.png) ;
}

#moment_step0_10.moment101{
	background-image:url(../../picture/casepracticerevolution/moment/101/101-1.png);
	height: 6rem;
    bottom: 1.6rem;
    left: -1rem;
}
#moment_step0_8.moment101{
	background-image:url(../../picture/casepracticerevolution/moment/101/101-2.png);
	bottom: 3rem;
}

#moment111_step0_8.moment111{
  background-image:url(../../picture/casepracticeperformance/moment/101/101-2.png);
  bottom: 0.8rem;
}

#moment111_step0_8.moment112{
  background-image:url(../../picture/casepracticeperformance/moment/102/102-2.png);
  bottom: 0.5rem;
  left: 2.6rem;
}

#moment121_step0_8.moment121{
  background-image:url(../../picture/casepracticeclash/moment/101/101-2.png) ;
  background-repeat: no-repeat;
  bottom: 0.1rem;
}

#moment122_step0_8.moment122{
  background-image:url(../../picture/casepracticeclash/moment/102/102-4.png) ;
  background-repeat: no-repeat;
  bottom: 4rem;
}


#moment_step0_9.moment101{
	background-image:url(../../picture/casepracticerevolution/moment/101/101-3.png);
	bottom: 4.2rem;
}
#moment111_step0_9.moment111{
  /*background-image:url(../../picture/casepracticeperformance/moment/101/101-3.png);*/
  bottom: 4.2rem;
}

#moment111_step0_9.moment112{
  /*background-image:url(../../picture/casepracticeperformance/moment/101/101-3.png);*/
  bottom: 4.2rem;
}

#moment121_step0_9.moment121{
  /*background-image:url(../../picture/casepracticeperformance/moment/101/101-3.png);*/
  bottom: 4.2rem;
}

#moment121_step0_9.moment122{
  /*background-image:url(../../picture/casepracticeperformance/moment/101/101-3.png);*/
  bottom: 4.2rem;
}


#moment1_step0_3.moment102,
#moment_step0_7.moment102{
	background-image:url(../../picture/casepracticerevolution/moment/moments101-2.png) ;
}

/*#moment111_step0_7.moments112{*/
  /*background-image:url(../../picture/casepracticeperformance/moment/moments111-2.png);*/
/*}*/

#moment111_step0_3.moment102{
  background-image:url(../../picture/casepracticeperformance/moment/moments111-2.png) ;
}

#moment_step0_10.moment102{
	background-image:url(../../picture/casepracticerevolution/moment/102/102-1.png);
	height: 4rem;
	top: .6rem;
}
#moment_step0_8.moment102{
	background-image:url(../../picture/casepracticerevolution/moment/102/102-2.png);
	top: 1rem;
    left: 2.4rem;
}
#moment_step0_9.moment102{
	background-image:url(../../picture/casepracticerevolution/moment/102/102-3.png);
	top: 1rem;
}

#moment1_step0_4{
	position: absolute;
    right: 1rem;
    top: 5.2rem;
    width: 1.6rem;
    height: 1.6rem;
    background: url(../../picture/casepracticerevolution/moment/img_1.png) center no-repeat;
	background-size:contain ;
	transform-origin: right bottom;
	animation: eggBreak 300ms ease 800ms forwards;
}
@keyframes eggBreak{
	from{transform: rotate(0deg) translate3d(0rem,0rem,0);}
	to{transform: rotate(170deg) translate3d(.4rem,.4rem,0);}
}
#moment1_step0_5{
	position: absolute;
    right: 1rem;
    top: 6rem;
    width: 1.6rem;
    height: 1.6rem;
    background: url(../../picture/casepracticerevolution/moment/img_2.png) center no-repeat;
	background-size:contain ;
	animation: supplier-fadeIn 100ms 100ms ease forwards;
}
.delayMoment500{
	animation-delay: 800ms !important;
}
#taskIntroduce_step2_08.delayMoment500{
	left:.5rem;
}
#taskIntroduce_step2_05.delayMoment500{
	left:6.9rem;
}
#taskIntroduce_step2_10.fadeOUt{
	animation:supplier-fadeIn 100ms ease 100ms;
}


#moment_step0_12{
  opacity: 0;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  background: url(../../picture/casepracticeperformance/moment/moments111-2.png) center no-repeat;
  background-size:cover ;
  animation: supplier-fadeIn 500ms .9s ease forwards;
}


#moment_step0_15{
  opacity: 0;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  background: url(../../picture/casepracticeperformance/moment/moments111-1.png) center no-repeat;
  background-size:cover ;
  animation: supplier-fadeIn 500ms .9s ease forwards;
}



/* 水波 */
/*.moment-wave {*/
  /*opacity: 0;*/
  /*position: absolute;*/
  /*left:0;*/
  /*top:0;*/
  /*right:0;*/
  /*bottom: 0;*/
  /*border-radius: 10rem;*/
  /*background: url(../../picture/casepracticesupplier/supplier.png);*/
  /*background-attachment: fixed;*/
  /*background-position: center center;*/
  /*background-size: cover;*/
/*}*/
/*.moment-wave.moment92{*/
  /*background-image:  url(../../picture/casepracticesupplier/bg2.png);*/
  /*background-attachment: fixed;*/
/*}*/
/*.moment-wave.moment71{*/
  /*background-image:  url(../../picture/casepracticeinfluence/bg2.png);*/
  /*background-attachment: fixed;*/
/*}*/
/*.wave0 {*/
  /*z-index: 2;*/
  /*background-size: auto 106%;*/
  /*animation: waveAnimate 1s forwards;*/
/*}*/

/*.wave1 {*/
  /*z-index: 3;*/
  /*background-size: auto 102%;*/
  /*animation: waveAnimate 1s .2s forwards;*/
/*}*/

/*.wave2 {*/
  /*z-index: 4;*/
  /*background-size: auto 104%;*/
  /*animation: waveAnimate 1s .4s forwards;*/
/*}*/

/*.wave3 {*/
  /*z-index: 5;*/
  /*background-size: auto 101%;*/
  /*animation: waveAnimate 1s .5s forwards;*/
/*}*/

/*.wave4 {*/
  /*z-index: 6;*/
  /*background-size: auto 102%;*/
  /*animation: waveAnimate 1s .8s forwards;*/
/*}*/

/*.wave5 {*/
  /*z-index: 7;*/
  /*background-size: auto 100%;*/
  /*animation: waveAnimate 1s 1s forwards;*/
/*}*/

/*@keyframes waveAnimate {*/
  /*0% {*/
    /*top: calc((100% - .3rem)/2);*/
    /*left: calc((100% - .3rem)/2);*/
    /*width: .3rem;*/
    /*height: .3rem;*/
    /*opacity: 0;*/
  /*}*/
  /*100% {*/
    /*top: calc((100% - 10rem)/2);*/
    /*left: calc((100% - 10rem)/2);*/
    /*width: 10rem;*/
    /*height: 10rem;*/
    /*opacity: 0;*/
  /*}*/
/*}*/
#moment_step0_60{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom: 0;
  background: radial-gradient(transparent 10%,white 0%) center no-repeat;
  animation: momentScale2 1s .3s forwards;
}


#moment_step0_70{
  opacity: 0;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  background: url(../../picture/casemission/moment/moments131-1.png) center no-repeat;
  background-size:cover ;
  animation: supplier-fadeIn 500ms .9s ease forwards;
}
#moment_step0_80{
  opacity: 0;
  position: absolute;
  left: 2rem;
  bottom: 1rem;
  width: 3rem;
  height: 3rem;
  background: url(../../picture/casemission/moment/img_18.png) center no-repeat;
  background-size:contain ;
  animation: momentShake2 500ms 2.2s ease forwards;
}

#moment1_step0_30{
  opacity: 0;
  position: absolute;
  right: 1rem;
  top: 5.4rem;
  height: 1.6rem;
  width: 1.6rem;
  background: url(../../picture/casemission/moment/moments131-1.png) center no-repeat;
  background-size:contain ;
  animation: supplier-scale 300ms ease 1000ms forwards;
}
#moment1_step0_30.moment71,
#moment_step0_70.moment71{
  background-image:url(../../picture/casemission/moment/moments131-1.png) ;
}
#moment1_step0_30.moment712,
#moment_step0_70.moment712{
  background-image:url(../../picture/casemission/moment/moments131-2.png) ;
}
#moment1_step0_30.moment91,
#moment_step0_70.moment91{
  background-image:url(../../picture/casemission/moment/moments141-1.png) ;
}
#moment1_step0_30.moment912,
#moment_step0_70.moment912{
  background-image:url(../../picture/casemission/moment/moments141-2.png) ;
}
#moment1_step0_30.moment92,
#moment_step0_70.moment92{
  background-image:url(../../picture/casemission/moment/moments151-1.png) ;
}
#moment1_step0_30.moment922,
#moment_step0_70.moment922{
  background-image:url(../../picture/casemission/moment/moments151-2.png) ;
}
#moment_step0_100.moment71{
  background-image:url(../../picture/casemission/moment/moments131-1-1.png);
  height: 3rem;
  bottom: 3rem;
}
#moment_step0_80.moment71{
  background-image:url(../../picture/casemission/moment/moments131-1-2.png);
  bottom: 3rem;
}
#moment_step0_90.moment71{
  background-image:url(../../picture/casemission/moment/moments131-1-3.png);
  bottom: 4.2rem;
}

#moment_step0_100.moment712{
  background-image:url(../../picture/casemission/moment/moments131-2-1.png);
  height: 4rem;
  bottom: 1rem;
}
#moment_step0_80.moment712{
  background-image:url(../../picture/casemission/moment/moments131-2-2.png);
  bottom: 2rem;
  left: 2.4rem;
}
#moment_step0_90.moment712{
  background-image:url('');
  bottom: 4.2rem;
}
#moment_step0_100.moment91{
  background-image:url(../../picture/casemission/moment/moments141-1-1.png);
  height: 3rem;
  bottom: 2rem;
}
#moment_step0_80.moment91{
  background-image:url(../../picture/casemission/moment/moments141-1-2.png);
  bottom: 2rem;
}
#moment_step0_90.moment91{
  background-image:url(../../picture/casemission/moment/moments141-1-3.png);
  bottom: 3.2rem;
}
#moment_step0_100.moment912{
  background-image:url(../../picture/casemission/moment/moments141-2-1.png);
  height: 4rem;
  bottom: 2.6rem;
}
#moment_step0_80.moment912{
  background-image:url(../../picture/casemission/moment/moments141-2-2.png);
  bottom: 3.2rem;
}
#moment_step0_90.moment912{
  background-image:url(../../picture/casemission/moment/moments141-2-3.png);
  bottom: 4.2rem;
}
#moment_step0_100.moment922{
  background-image:url(../../picture/casemission/moment/moments151-2-2.png)
}
#moment_step0_80.moment922{
  background-image:url(../../picture/casemission/moment/moments151-2-1.png);
  bottom: 1.8rem;
}
#moment_step0_90.moment922{
  background-image:url(../../picture/casemission/moment/moments151-2-3.png);
  bottom: 2.2rem;
  width: 7rem;
}