@-webkit-keyframes ani-circle {
    0% {
      -webkit-transform: scale(0.1);
      transform: scale(0.1);
      opacity: 0;
      filter: alpha(opacity=0) \9
      ;
    }
    10% {
      opacity: 1;
      filter: alpha(opacity=100) \9
      ;
    }
    100% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 0;
      filter: alpha(opacity=0) \9
      ;
    }
  }
  @keyframes ani-circle {
    0% {
      -webkit-transform: scale(0.1);
      transform: scale(0.1);
      opacity: 0;
      filter: alpha(opacity=0) \9
      ;
    }
    10% {
      opacity: 1;
      filter: alpha(opacity=100) \9
      ;
    }
    100% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 0;
      filter: alpha(opacity=0) \9
      ;
    }
  }
  @-webkit-keyframes zoomIn {
    from {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes zoomIn {
    from {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes box {
    0% {
      -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -o-transform: translateY(-10px);
      transform: translateY(-10px);
    }
    100% {
      -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
      -o-transform: translateY(10px);
      transform: translateY(10px);
    }
  }
  @-webkit-keyframes box {
    0% {
      -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -o-transform: translateY(-10px);
      transform: translateY(-10px);
    }
    100% {
      -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
      -o-transform: translateY(10px);
      transform: translateY(10px);
    }
  }
  
  @keyframes box_1 {
    0%{
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    50% {
      -webkit-transform: translateX(-20px);
      -moz-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      -o-transform: translateX(-20px);
      transform: translateX(-20px);
    }
    100% {
      -webkit-transform: translateX(10px);
      -moz-transform: translateX(10px);
      -ms-transform: translateX(10px);
      -o-transform: translateX(10px);
      transform: translateX(10px);
    }
  }
  @-webkit-keyframes box_2 {
    0%{
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(-20px);
      -moz-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      -o-transform: translateY(-20px);
      transform: translateY(-20px);
    }
    100% {
      -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
      -o-transform: translateY(10px);
      transform: translateY(10px);
    }
  }
  @-webkit-keyframes box_2 {
    0%{
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -o-transform: translateY(-10px);
      transform: translateY(-10px);
    }
    100% {
      -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
      -o-transform: translateY(10px);
      transform: translateY(10px);
    }
  }
  
  @-webkit-keyframes box_3 {
   50% {
      -webkit-transform: translateY(20px) translateX(-20px);
      -moz-transform: translateY(20px) translateX(-20px);
      -ms-transform: translateY(20px) translateX(-20px);
      -o-transform: translateY(20px) translateX(-20px);
      transform: translateY(20px) translateX(-20px);
    }
  }
  @-webkit-keyframes box_3 {
   50% {
     -webkit-transform: translateY(20px) translateX(-20px);
      -moz-transform: translateY(20px) translateX(-20px);
      -ms-transform: translateY(20px) translateX(-20px);
      -o-transform: translateY(20px) translateX(-20px);
      transform: translateY(20px) translateX(-20px);
    }
  }
  
  /*1111*/
  @-webkit-keyframes rainbow {
      50% { -webkit-transform: rotate(50deg); transform: rotate(50deg); }
  }
  @keyframes rainbow {
      50% { -webkit-transform: rotate(50deg); transform: rotate(50deg); }
  }
  @-webkit-keyframes rainbow_shadow {
      50% { -webkit-transform:  rotate(-50deg) translate(10px) scale(.7); transform:  rotate(-50deg) translate(10px) scale(.7); opacity: 0.05; }
  }
  @keyframes rainbow_shadow {
      50% { -webkit-transform:  rotate(-50deg) translate(10px) scale(.7); transform:  rotate(-50deg) translate(10px) scale(.7); opacity: 0.05; }
  }
  
  @-webkit-keyframes starry {
      0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
      50% { -webkit-transform: rotate(10deg); transform: rotate(10deg); }
      100% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  }
  
  @keyframes starry {
      0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
      50% { -webkit-transform: rotate(10deg); transform: rotate(10deg); }
      100% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  }
  /*1111*/
  
  @-webkit-keyframes commonA {
    0% {
      -webkit-transform: translateY(-30px);
      -moz-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
      -o-transform: translateY(-30px);
      transform: translateY(-30px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1;
    }
  }
  @keyframes commonA {
    0% {
      -webkit-transform: translateY(-30px);
      -moz-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
      -o-transform: translateY(-30px);
      transform: translateY(-30px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes c1 {
    0% {
      -webkit-transform: translateX(-300px);
      -moz-transform: translateX(-300px);
      -ms-transform: translateX(-300px);
      -o-transform: translateX(-300px);
      transform: translateX(-300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
      -o-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1;
    }
  }
  @keyframes c1 {
    0% {
      -webkit-transform: translateX(-300px);
      -moz-transform: translateX(-300px);
      -ms-transform: translateX(-300px);
      -o-transform: translateX(-300px);
      transform: translateX(-300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
      -o-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes c2 {
    0% {
      -webkit-transform: translateX(300px);
      -moz-transform: translateX(300px);
      -ms-transform: translateX(300px);
      -o-transform: translateX(300px);
      transform: translateX(300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
      -o-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1;
    }
  }
  @keyframes c2 {
    0% {
      -webkit-transform: translateX(300px);
      -moz-transform: translateX(300px);
      -ms-transform: translateX(300px);
      -o-transform: translateX(300px);
      transform: translateX(300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
      -o-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes c3 {
    0% {
      -webkit-transform: translateY(300px);
      -moz-transform: translateY(300px);
      -ms-transform: translateY(300px);
      -o-transform: translateY(300px);
      transform: translateY(300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1;
    }
  }
  @keyframes c3 {
    0% {
      -webkit-transform: translateY(300px);
      -moz-transform: translateY(300px);
      -ms-transform: translateY(300px);
      -o-transform: translateY(300px);
      transform: translateY(300px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes c4 {
    0% {
      -webkit-transform: translateY(-60px);
      -moz-transform: translateY(-60px);
      -ms-transform: translateY(-60px);
      -o-transform: translateY(-60px);
      transform: translateY(-60px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1;
    }
  }
  @keyframes c4 {
    0% {
      -webkit-transform: translateY(-60px);
      -moz-transform: translateY(-60px);
      -ms-transform: translateY(-60px);
      -o-transform: translateY(-60px);
      transform: translateY(-60px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1;
    }
  }
  @-webkit-keyframes c1x {
    0% {
      -webkit-transform: translateX(-60px);
      -moz-transform: translateX(-60px);
      -ms-transform: translateX(-60px);
      -o-transform: translateX(-60px);
      transform: translateX(-60px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
      -o-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1;
    }
  }
  @keyframes c1x {
    0% {
      -webkit-transform: translateX(-60px);
      -moz-transform: translateX(-60px);
      -ms-transform: translateX(-60px);
      -o-transform: translateX(-60px);
      transform: translateX(-60px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
      -o-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1;
    }
  }
  
  
  
  /*资讯*/
  @keyframes hydt {
    0% {
        width: 0%;
    }
    100% {
          width: 100%;
    }
  }
  @-webkit-keyframes hydt {
    0% {
        width: 0%;
    }
    100% {
          width: 100%;
    }
  }
  
  @keyframes hydt_1 {
    0% {
        -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
        transform: scale(0);
    }
    50% {
          -webkit-transform: scale(1.5);
      -moz-transform: scale(1.5);
      -ms-transform: scale(1.5);
      -o-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
          -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
        transform: scale(1);
    }
  }
  @-webkit-keyframes hydt_1 {
    0% {
        -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
        transform: scale(0);
    }
    50% {
          -webkit-transform: scale(1.5);
      -moz-transform: scale(1.5);
      -ms-transform: scale(1.5);
      -o-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
          -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
        transform: scale(1);
    }
  }
  
  @keyframes hydt_2 {
    0% {
        height: 0;
    }
    100% {
          height: 130px;
    }
  }
  @-webkit-keyframes hydt_2 {
    0% {
        height: 0;
    }
    100% {
          height: 130px;
    }
  }
  @keyframes hydt_3 {
    0% {
        bottom: -12px;
        opacity: 0;
    }
    100% {
          bottom: 12px;
          opacity: 1;
    }
  }
  @-webkit-keyframes hydt_3 {
    0% {
        bottom: -12px;
        opacity: 0;
    }
    100% {
          bottom: 12px;
          opacity: 1;
    }
  }
  
  /*开发*/
  @keyframes appkf4 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -o-transform: translateY(50px);
        transform: translateY(50px);
    }
    50% {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
  }
  
  @keyframes appkf7{
      0% {
          width: 0;
        }
        100% {
          width: 1224px;
        }
  }
  @-webkit-keyframes appkf7{
      0% {
          width: 0;
        }
        100% {
          width: 1224px;
        }
  }
  
  @keyframes appkf7_1{
      0% {
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
          opacity: 0;
        }
        100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        }
  }
  @-webkit-keyframes appkf7_1{
      0% {
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
          opacity: 0;
        }
        100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        }
  }
  @keyframes appkf7_2 {
    0% {
        -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
        transform: scale(0);
    }
    50% {
          -webkit-transform: scale(1.5);
      -moz-transform: scale(1.5);
      -ms-transform: scale(1.5);
      -o-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
          -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
        transform: scale(1);
    }
  }
  @-webkit-keyframes appkf7_2 {
    0% {
        -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
        transform: scale(0);
    }
    50% {
          -webkit-transform: scale(1.5);
      -moz-transform: scale(1.5);
      -ms-transform: scale(1.5);
      -o-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
          -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
        transform: scale(1);
    }
  }