.left{float: left;}
.right{float: right;}
.center{text-align:center;}

/*radio*/
.rotate2{animation:pic 9s linear infinite;-webkit-animation:pic 9s linear infinite;-moz-animation:pic 9s linear infinite;-ms-animation:pic 9s linear infinite;-o-animation:pic 9s linear infinite;}@-webkit-keyframes pic{from{-webkit-transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);}}@-moz-keyframes pic{from{-moz-transform:rotate(0deg);}to{-moz-transform:rotate(360deg);}}@-ms-keyframes pic{from{-ms-transform:rotate(0deg);}to{-ms-transform:rotate(360deg);}}@-o-keyframes pic{from{-o-transform:rotate(0deg);}to{-o-transform:rotate(360deg);}}@keyframes pic{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
#player .ctrl .tag span,#playlist li,#radio4wp #player .ctrl .tag strong{text-overflow:ellipsis;}
#playerWrapper{position:relative;float:left;width:540px;}
#radio4wp{position:fixed;bottom:20px;left:0;z-index:9;width:0;}
.fold{left:-540px;}
.foldp{display:none;opacity:0;}
.foldt{opacity:0;height:0!important;}
#foldBtn{position:absolute;top:0;right:-20px;left:540px;float:left;width:30px;height:100%;box-shadow:#000 -2px 0 10px;cursor:pointer;background-color: #4b8b8b!important;}
#player .ctrl .icon{background-image:url(sprite.fw.png);}
#foldBtn i{position:absolute;top:50%;margin-top:-12px;width:28px;height:28px;background-image:url(souleft.png);background-position:-30px 0;}
.fold #foldBtn i{background-position:3px 0;background-size:cover;}
#radio4wp #player *{color:#fff;}
#radio4wp #player{position:relative;float:left;width:540px;height:90px;background:rgba(0,0,0,.7);box-shadow:#000 0 0 10px;}
#radio4wp .cover{position:fixed;z-index:10;overflow:hidden;margin:5px 0 0 5px;width:85px;height:85px;background-image:url(kuang.png);background-repeat: no-repeat;background-size: 85px;}
#radio4wp .cover img{width:80px;height:80px;}
#radio4wp .ppan{width:80px;height:80px;border-radius: 100%;background-image:url(pan.png);background-size: 80px;position: absolute;display: block;left: 33px;top: 5px;z-index: 9;}
#radio4wp .cover .light{position:absolute;top:0;left:-90px;width:90px;height:90px;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));-webkit-transition:0s;-moz-transition:0s;transition:0s;-webkit-transform:skewx(-25deg);-moz-transform:skewx(-25deg);transform:skewx(-25deg);}
#radio4wp #player .ctrl .progress .repeat.once,#radio4wp .p-geci{position:relative;}
#radio4wp .cover:hover .light{left:150px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
#radio4wp #player .ctrl{margin-left:120px;padding:15px;line-height:16px;}
#radio4wp #player .ctrl .tag span{margin-top:5px;color:#eee;font-size:12px;}
#radio4wp #player .ctrl .icon{display:inline-block;margin:5px;width:16px;height:16px;background-repeat:no-repeat;opacity:.6;cursor:pointer;transition:opacity .3s;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}
#radio4wp #player .ctrl .icon,#radio4wp .slider a{-webkit-transition:opacity .3s;-moz-transition:opacity .3s;}
#player .ctrl .icon.enable,#radio4wp #player .ctrl .icon:hover{opacity:1;}
#radio4wp #player .ctrl .icon:active{opacity:.3;}
#player .ctrl .progress .repeat.all,#radio4wp #player .ctrl .progress .repeat.once,#radio4wp .slider:hover a,.slider.enable a{opacity:1;}
#radio4wp #player .ctrl .control{margin-top:10px;height:25px;}
.icon.enable,.icon.all,.icon.once{opacity:1!important;}
#radio4wp .rewind{background-position:0 0;}
#radio4wp .playback.active{background-position:-16px 0;}
#radio4wp .playback{background-position:-32px 0;}
#radio4wp .fastforward{background-position:-48px 0;}
#radio4wp .shuffle{background-position:-64px 0;}
#radio4wp .repeat{background-position:-80px 0;}
#radio4wp .volume .mute.enable{background-position:-96px 0;}
#radio4wp .volume .mute{background-position:-112px 0;}
#radio4wp .p-list{background-position:-128px 0;}
#radio4wp .p-geci{top:-7px;background:0!important;}
#radio4wp #player .ctrl .control .volume .slider{margin-top:12px;margin-left:7px;width:100px;}
#radio4wp #player .ctrl .progress{overflow:inherit;margin:10px 0 0;height:auto;background:0;}
#radio4wp #player .ctrl .progress .timer{margin:-30px 0 0 100px;color:#ccc;font-size:12px;}
#radio4wp #player .ctrl .progress .gn{margin:-35px 140px 0 0;}
#radio4wp #player .ctrl .progress .repeat.once:before{position:absolute;top:-3px;right:-5px;content:"1";font-size:6px;}
#radio4wp #player .ctrl,.footer{text-shadow:0 1px 5px #000;}
#radio4wp .sider{position:absolute!important;top:0;left:0;width:100%;}
#radio4wp .slider{position:relative;height:3px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:rgba(0,0,0,.3);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.5) inset;box-shadow:0 1px 2px rgba(0,0,0,.5) inset;cursor:pointer;-ms-border-radius:5px;}
#radio4wp .slider a{position:absolute;top:-3px;margin-left:-2.5px;width:10px;height:10px;-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#fff;opacity:0;transition:opacity .3s;-ms-border-radius:50%;}
#radio4wp .slider .loaded,.slider .pace{position:absolute;height:100%;opacity:.7;}
#radio4wp .slider .loaded{background:rgba(255,255,255,.1);}
#radio4wp .slider .pace{background-color:#09F;}
#playlist{position:relative;margin:0;padding:10px 15px;width:540px;max-height:500px;overflow: auto;background:rgba(0,0,0,.5);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.5);-moz-box-shadow:0 2px 6px rgba(0,0,0,.5);box-shadow:0 2px 6px rgba(0,0,0,.5);list-style:none;-o-box-shadow:0 2px 6px rgba(0,0,0,.5);}
#playlist::-webkit-scrollbar {width: 9px;}
#playlist::-webkit-scrollbar-track {border-radius: 10px;}
#playlist::-webkit-scrollbar-thumb {border-radius: 10px;background: #e2e2e2;}
#playlist li{padding-left:25px;color:#aaa;font-size:12px;line-height:2;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}
#playlist li:hover{color:#fff;}
#playlist li.playing{background:url(playing.gif) 0 center no-repeat;color:#fff;font-weight:700;}
.lrc-wrap{position:absolute;right:-282px;overflow:hidden;padding-top:2px;width:250px;height:90px;background:rgba(0,0,0,.7);box-shadow:#000 0 0 10px;}
.lrc-wrap .geci_moonlight{display:block;height:25px;color:#969696;text-align:center;font-size:13px;line-height:25px;}
.lrc-wrap .geci_attention{color:#fff;}
.lrc_hide>li{display:none;}
.lrc_show{display:block;}

.mod_first_list li{width:130px;height:130px;float:left;margin:19px}
.mod_poster_130{position:relative}
.mod_poster_130,.mod_poster_130 img{display:block;width:130px;height:130px}
.mod_poster_130 .shadow{display:block;width:130px;height:48px;position:absolute;z-index:1;left:0;bottom:0;background:#000;opacity:.75;cursor:pointer;filter:alpha(opacity=75)}
.mod_poster_130 .album_name{height:28px;line-height:28px;bottom:20px;color:#fff;font-size:14px}
.mod_poster_130 .album_singer{line-height:18px;bottom:0;color:#fff}
.mod_poster_130 p{display:block;margin:0;width:130px;height:20px;position:absolute;z-index:2;left:0;font-weight:normal;cursor:pointer;text-indent:5px;overflow:hidden;word-break:keep-all;word-wrap:keep-all;white-space:nowrap;table-layout:fixed;-o-text-overflow:ellipsis;text-overflow:ellipsis}