/*首页动画*/

.redBg{
  animation:myRed 2s;
  -moz-animation:myRed 2s;
  -webkit-animation:myRed 2s;
  -o-animation:myRed 2s;
}

.greenBg{
  animation:myGreen 2s;
  -moz-animation:myGreen 2s;
  -webkit-animation:myGreen 2s;
  -o-animation:myGreen 2s;
}



@keyframes myRed
{
  from {background:rgba(242,71,71,0.4);}
  to {background:rgba(255,255,255,1);}
}

@-moz-keyframes myRed /* Firefox */
{
  from {background:rgba(242,71,71,0.4);}
  to {background:rgba(255,255,255,1);}
}

@-webkit-keyframes myRed /* Safari and Chrome */
{
  from {background:rgba(242,71,71,0.4);}
  to {background:rgba(255,255,255,1);}
}

@-o-keyframes myRed /* Opera */
{
  from {background:rgba(242,71,71,0.4);}
  to {background:rgba(255,255,255,1);}
}


@keyframes myGreen
{
  from {background:rgba(21,189,33,0.4);}
  to {background:rgba(255,255,255,1);}
}

@-moz-keyframes myGreen /* Firefox */
{
  from {background:rgba(21,189,33,0.4);}
  to {background:rgba(255,255,255,1);}
}

@-webkit-keyframes myGreen /* Safari and Chrome */
{
  from {background:rgba(21,189,33,0.4);}
  to {background:rgba(255,255,255,1);}
}

@-o-keyframes myGreen /* Opera */
{
  from {background:rgba(21,189,33,0.4);}
  to {background:rgba(255,255,255,1);}
}