/*
┌──Www──────166jh─────────────────────┐
│ 网站设计制作:≮166-网络≯ QQ:77197573 唯一网址：逐梦江湖  │
│        五年网页设计制作经验、高端建站美工团队为你服务            │
└───────────────────────────────.Com┘
*/
/*浮动条*/
@keyframes yuan360{
  0% {
    transform:  rotate(360deg);
  }
  100% {
    transform:  rotate(0deg);
  }
}
.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;
}

#Floatingbar{padding:34px 40px 0;width:172px;height:599px;position:fixed;font-family:'microsoft yahei';top:50%;right:-30px;margin-top:-299px;background:url(../images/floatingbg.png) no-repeat left top;z-index:999;}
#Floatingbar h5{width:122px;height:30px;text-indent:-99em;overflow:hidden;margin:0px auto 10px auto;background:url(../images/title.png) no-repeat left top;}
#Floatingbar .ewm{width:137px;margin:0px auto 0px auto;}
#Floatingbar .ewm:hover{box-shadow:0 0 34px rgba(0,0,0,0.4);}
#Floatingbar .ewm img{width:137px;height:137px;position:relative;background:#333;}
#Floatingbar .ewm em{height:38px;line-height:38px;text-align:center;overflow:hidden;font-size:15px;color:#ffeac8;background:url(../images/line.png) no-repeat center bottom;display:block;}
#Floatingbar ul{position:relative;margin-bottom:7px;padding-top:3px;z-index:500;}
#Floatingbar ul li{height:44px;line-height:44px;text-align:left;overflow:hidden;font-size:15px;color:#f3ebc7;padding-left:-10px;background:url(../images/line.png) no-repeat center bottom;}
#Floatingbar ul li:hover{color:#3a120c;background:url(../images/kefubg.png) no-repeat center center;}

#Floatingbar ul li:hover a{color:#fff;text-decoration:none;}
#Floatingbar ul li a{color:#f3ebc7;display:block;text-align: center;}
#Floatingbar ul li:last-child{background:none;}
#Floatingbar ul li:last-child:hover a{background:url(../images/kefubg.png) no-repeat center center;}

#Floatingbar .musicbox{width:72px;height:72px;position:relative;left:3px;margin:0 auto;background:#3a120c  url(../images/music.png) no-repeat left top ;border-radius:50%;}
#Floatingbar .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;}
#Floatingbar .musicbox .music_gif{width:80px;height:80px;position:absolute;top:-30px;right:-30px;background:url(../images/music.gif) no-repeat left top;}
#Floatingbar .musicbox.musicstop .music_gif{display:none;}
#Floatingbar .musicbox.musicstop img{z-index:6000; display:block;}
#Floatingbar .musicbox img{position:absolute;top:0;left:0; display:none;z-index:6000;margin:6px 0 0 7px;}