*{
  margin: 0;
}
.yy-banner{
  margin: 0;
  width: 100%;
  min-width: 1136px;
}
#sakura {
  position:absolute;
  top:-70px;
  width:100%;
  text-align: center;
  min-width: 1136px;
    z-index: 1000;
}
#sakura i {
    display: inline-block;
    width: 58px;
    height: 57px;
    background: url('https://cos.52queji.com/queji-website/majiang_jp_yy/css/images/fa.png');
    background-size: 100%;
    transform: skew(20deg);
    z-index: 1;
    -webkit-animation: falling 5s 0s infinite;
}
#sakura i:nth-of-type(2n) {
    -webkit-animation: falling2 5s 0s infinite;
}
#sakura i:nth-of-type(3n) {
    -webkit-animation: falling3 5s 0s infinite;
}
#sakura i:before {
  position: absolute;
  content: '';
  top: 117px;
  right: 9px;
  height: 27px;
  width: 32px;
  transform: rotate(49deg);
  z-index: 1;
}
#sakura i:after {
  content: '';
  height: 125px;
  width: 10px;
  display: block;
  transform: rotate(125deg);
  position: absolute;
  left: 85px;
  border-radius:50%;
}
#sakura i:nth-of-type(n):before {
    width:7px;
    height:5px;
    top:17px;
    right:1px;
}
#sakura i:nth-of-type(n):after {
    width:2px;
    height:17px;
    left: 12px;
    top:0px;
}
#sakura i:nth-of-type(2n+1):before {
    width:4px;
    height:3px;
    top:7px;
    right:0px;
}
#sakura i:nth-of-type(2n+1):after {
    width:2px;
    height:6px;
    left: 5px;
    top:1px;
}
#sakura i:nth-of-type(3n+2):before  {
    height:4px;
    width:4px;
    top:12px;
    right:1px;
}
#sakura i:nth-of-type(3n+2):after  {
    height:10px;
    width:2px;
    top:1px;
    left:8px;
}
#sakura i:nth-of-type(n)   {
    -webkit-animation-delay: 1.9s;
}
#sakura i:nth-of-type(2n)  {
    -webkit-animation-delay: 3.9s;
}
#sakura i:nth-of-type(3n)  {
    -webkit-animation-delay: 2.3s;
}
#sakura i:nth-of-type(4n)  {
    -webkit-animation-delay: 4.4s;
}
#sakura i:nth-of-type(5n)  {
    -webkit-animation-delay: 5s;
}
#sakura i:nth-of-type(6n)  {
    -webkit-animation-delay: 3.5s;
}
#sakura i:nth-of-type(7n)  {
    -webkit-animation-delay: 2.8s;
}
#sakura i:nth-of-type(8n)  {
    -webkit-animation-delay: 1.5s;
}
#sakura i:nth-of-type(9n)  {
    -webkit-animation-delay: 3.3s;
}
#sakura i:nth-of-type(10n) {
    -webkit-animation-delay: 2.5s;
}
#sakura i:nth-of-type(11n) {
    -webkit-animation-delay: 1.2s;
}
#sakura i:nth-of-type(12n) {
    -webkit-animation-delay: 4.1s;
}
#sakura i:nth-of-type(13n) {
    -webkit-animation-delay: 1s;
}
#sakura i:nth-of-type(14n) {
    -webkit-animation-delay: 4.7s;
}
#sakura i:nth-of-type(15n) {
    -webkit-animation-delay: 3s;
}
#sakura i:nth-of-type(n) {
    transform: rotate(180deg);
}
#sakura i:nth-of-type(n) {
    -webkit-animation-timing-function:ease-in-out;
}
@-webkit-keyframes falling {
    0% {
        -webkit-transform:
            translate3d(300,0,0)
            rotate(0deg);
    }
    100% {
        -webkit-transform:
            translate3d(0,700px,0)
            rotate(90deg);
        opacity: 0;
    }
}
@-webkit-keyframes falling3 {
     0% {
        -webkit-transform:
            translate3d(0,0,0)
            rotate(-20deg);
    }
    100% {
        -webkit-transform:
            translate3d(0,640px,0)
            rotate(-70deg);
        opacity: 0;
    }
}
@-webkit-keyframes falling2 {
     0% {
        -webkit-transform:
            translate3d(0,0,0)
            rotate(90deg);
    }
    100% {
        -webkit-transform:
            translate3d(0,680px,0)
            rotate(0deg);
        opacity: 0;
    }
}