@charset "utf-8";
/* CSS Document */

.music-btn{
    width: 14px;
    height: 16px;
    z-index: 999;
    margin: auto auto 1%;
    cursor: pointer;
  }
  .music-btn span{
    width: 2px;
    height: 16px;
    background: rgba(255,255,255,0.5);
    display: inline-block;
    margin-left: 2px;
  }
  .music-btn span:nth-of-type(1){
    margin-left: 0;
    -webkit-animation: .8s .1s music linear infinite backwards normal;
    animation: .8s .1s music linear infinite backwards normal;
    -webkit-animation-delay: -1.1s;
  }
  .music-btn span:nth-of-type(2){
    -webkit-animation: .8s .3s music linear infinite backwards normal;
    animation: .8s .3s music linear infinite backwards normal;
    -webkit-animation-delay: -1.3s;
  }
  .music-btn span:nth-of-type(3){
    -webkit-animation: .8s .6s music linear infinite backwards normal;
    animation: .8s .6s music linear infinite backwards normal;
    -webkit-animation-delay: -1.6s;
  }
  .music-btn span:nth-of-type(4){
    -webkit-animation: .8s .8s music linear infinite backwards normal;
    animation: .8s .8s music linear infinite backwards normal;
    -webkit-animation-delay: -1.8s;
  }
  .music-stop span{
    animation-play-state:paused!important;
  }
  @-webkit-keyframes music{
    0%{
      -webkit-transform:scaleY(1);
      transform:scaleY(1);
      -webkit-transform-origin:0 120px;
      transform-origin:0 16px}
    50%{
      -webkit-transform:scaleY(.3);
      transform:scaleY(.3);
      -webkit-transform-origin:0 120px;
      transform-origin:0 16px}
    100%{
      -webkit-transform:scaleY(1);
      transform:scaleY(1);
      -webkit-transform-origin:0 120px;
      transform-origin:0 16px}
  }
  @-moz-keyframes music{
    0%{
      -webkit-transform:scaleY(1);
      transform:scaleY(1);
      -webkit-transform-origin:0 120px;
      transform-origin:0 16px}
    50%{
      -webkit-transform:scaleY(.3);
      transform:scaleY(.3);
      -webkit-transform-origin:0 120px;
      transform-origin:0 16px}
    100%{
      -webkit-transform:scaleY(1);
      transform:scaleY(1);
      -webkit-transform-origin:0 120px;
      transform-origin:0 16px}
  }
  @keyframes music{
    0%{
      -webkit-transform:scaleY(1);
      transform:scaleY(1);
      -webkit-transform-origin:0 120px;
      transform-origin:0 16px}
    50%{
      -webkit-transform:scaleY(.3);
      transform:scaleY(.3);
      -webkit-transform-origin:0 120px;
      transform-origin:0 16px}
    100%{
      -webkit-transform:scaleY(1);
      transform:scaleY(1);
      -webkit-transform-origin:0 120px;
      transform-origin:0 16px}
  }