*{ margin:0px; padding:0px;}
body 
{
    line-height:1.5;
    font-family:微软雅黑;
    
    background:#000000;
}
a{ text-decoration:none;}
ul,li{ list-style:none; }


.musicbox{width:72px;height:72px;position:relative;left:3px;margin:50px auto;background:#3a120c  url(../images/music.png) no-repeat left top ;border-radius:50%;}
.musicbox .music_xuanzuan{width:55px;height:55px;position:relative;top:8px;margin:0px auto 0px auto;background:url(../images/music3.png) no-repeat left top;cursor:pointer;display:block;z-index:1000;}
.musicbox .music_gif{width:80px;height:80px;position:absolute;top:-30px;right:-30px;background:url(../images/music.gif) no-repeat left top;}
.musicbox.musicstop .music_gif{display:none;}

@keyframes yuan360{
  0% {
    transform:  rotate(0deg);
  }
  100% {
    transform:  rotate(360deg);
  }
}
.rotate{
  -webkit-animation-name:yuan360;
  animation-name: yuan360;
  -webkit-animation-duration:6s;
  animation-duration: 6s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count: infinite;
}