::-webkit-scrollbar-track-piece{ background-color:#414141; -webkit-border-radius:0; } ::-webkit-scrollbar{ width:3px; height:8px; } ::-webkit-scrollbar-thumb{ height:10px; background-color:#414141; -webkit-border-radius:10px; outline:5px solid #414141; outline-offset:-2px; border: 3px solid #fff; } ::-webkit-scrollbar-thumb:hover{ height:10px; background-color:#414141; -webkit-border-radius:10px; } a{color:#333333} a:link{color:#333333; text-decoration:none;} a:visited{color:#333333;text-decoration:none;} a:hover{color:cc0000; text-decoration:none;} .MusicBox { margin-left:30px; margin-top:10px; font: 9px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica; /*基本性质*/ padding:2px 5px; height:410px; } .player{height:100px;} .head_player{ width:92px; height:92px; float:left;} .head_player img{width:90px; height:90px; border-width: 0px; border-style: solid; border-color: #404040;} .playarea{float:left;} .songinfo{ padding:10px;} .songinfo .SongName{ width:100%;color:#fff;} .ViewTimes{ width:100%; padding-top:10px; color:#fff;} .controller{} .LeftControl{ width:27px;float:left;height:35px;background:url(../images/img.png) left 6px no-repeat;margin-left:10px;} .LeftControl:hover{background:url(../images/img.png) left -29px no-repeat;} .RightControl{width:27px;float:left;height:35px;background:url(../images/img.png) -62px 6px no-repeat;} .RightControl:hover{background:url(../images/img.png) -62px -29px no-repeat;} .ProcessControl{width:210px;padding: 5px 10px 10px 10px;float:left;height:20px;color:#ffffff;background:url(../images/bfqxg.gif) no-repeat 12px -2px;} .SongTime{float:right;} .ProcessControl .Process{ width: 210px;float: left;height: 6px;cursor: pointer;background-color:#cccccc;} .ProcessControl .ProcessYet{width: 0px;height: 6px;cursor: pointer;background-color:#7A8093;} .VoiceEmp{width:18px;float:left;height:18px;background:url(../images/img.png) -161px 0px no-repeat; margin-top:10px;} .VoiceEmp:hover{background:url(../images/img.png) -161px -32px no-repeat;} .VoiceFull{width:18px;float:left;height:18px;background:url(../images/img.png) -186px -0px no-repeat; margin-top:10px;} .VoiceFull:hover{background:url(../images/img.png) -186px -32px no-repeat;} .VoidProcess{width:30px;height:16px;cursor: pointer;background:url(../images/xiao.png) no-repeat;float:left;margin-top:10px;margin-right:2px;} .VoidProcessYet{width:30px;height:16px;cursor: pointer;background:url(../images/da.png) no-repeat;} .MainControl { width:35px; float:left; height:35px; background:url(../images/img.png) -27px 0px no-repeat; } .MainControl:hover { background:url(../images/img.png) -27px -35px no-repeat; } .StopControl { width:35px; float:left; height:35px; background:url(../images/img.png) -124px 0px no-repeat; } .StopControl:hover { background:url(../images/img.png) -124px -35px no-repeat; } .MusicList { font: 9px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica; text-shadow: 0 1px 0 rgba(255,255,255,0.5); width:460px; height:260px; } .MusicList .List { width:445px; height:300px; float:left; overflow:hidden; color:#fff; overflow-y:auto; padding-right:8px; } .MusicList .List .Single { width:100%; float:left; overflow:hidden; height:25px; font-size:13px; cursor:pointer; line-height:25px; border-bottom:1px solid #414141; } .MusicList .List .act { background:url(../images/img.png) left -95px no-repeat; } .MusicList .List .sel { background:url(../images/img.png) left -70px no-repeat; } .SongNameShow { width:350px; overflow:hidden; color:#fff; } .MusicList .List .Single .SongName { width:380px; float:left; overflow:hidden; white-space: nowrap;text-overflow:ellipsis; margin-left:3px; } .allList{width:442px;height:auto;position:relative; top:0;left:0;} .noplay{width:10px; height:11px; float:left;margin:7px 5px 7px 5px;background:url(../images/img.png) -89px -29px no-repeat;} .noplaysel{background:url(../images/img.png) -89px -40px no-repeat;} .add{width:11px; height:11px; float:left;margin:7px 10px 7px 5px;background:url(../images/img.png) -99px -29px no-repeat;} .num{width:20px; height:11px; float:left;color:#fff;} .splitter{height:240px; width:10px;float:left;display:none;} .splitter_top{width:10px;height:7px;background:url(../images/img.png) -89px 0px no-repeat;} .splitter_body{width:3px;height:234px;background-color:#414141; margin:0 auto;} .splitter_bottom{width:10px;height:7px;background:url(../images/img.png) -89px -10px no-repeat;} .album_list{width:123px; height:160px;float:left;overflow:hidden;margin-left:5px;overflow-y:auto;padding-right:8px;} .albumact{background-color:#7c7c7c;} .albumsel{background-color:#333333;} .albumitem{width:123px; height:25px;line-height:25px; overflow:hidden; border-bottom:1px solid #414141;float:right; margin:0 13px 0 0;} .albumicon{width:10px;height:12px;float:left;background:url(../images/img.png) -99px -10px no-repeat;margin-top:6px;margin-left:2px;} .albumname{width:90px;float:left;margin-left:5px;color:#fff;overflow:hidden;} .albumwindow{width:10px;height:10px;float:left;background:url(../images/img.png) -99px 0px no-repeat;margin-top:6px;margin-left:2px;} .ShowMusicList { width:10px; padding: 10px 10px 5px 10px; float:left; height:10px; background:url(../images/sk-dark.png) -20px 0 no-repeat; margin:5px 0 0 12px; cursor:pointer; } .ShowMusicList:hover { background:url(../images/sk-dark.png) -20px -29px no-repeat; } #playcontorl{width:720px; height:50px;border:1px solid #dcdcdc;background-color: #090909; overflow:hidden; position:absolute; z-index:0; display:;} #playcontorl div a{ display:block; float:left; overflow:hidden;} #playcontorl #ico-prv a{ background:url(/res/home/images/radioplay.gif) 5px 9px no-repeat; width:45px; height:45px;margin-left:110px;} #playcontorl #ico-prv a:hover{ background:url(/res/home/images/radioplay.gif) 4px -55px no-repeat;margin-left:110px;} #playcontorl #ico-next a{ background:url(/res/home/images/radioplay.gif) -83px 9px no-repeat; width:45px; height:45px; margin-left:20px} #playcontorl #ico-next a:hover{ background:url(/res/home/images/radioplay.gif) -84px -55px no-repeat;} #playcontorl .ico-radio_gz a{ background:url(/res/home/images/radioplay.gif) -424px 10px no-repeat; width:70px; height:45px; line-height:45px; text-indent:40PX; color:#FFFFFF; font-size:14px; margin-left:20px} #playcontorl .ico-radio_gz a:hover{ background:url(/res/home/images/radioplay.gif) -424px -55px no-repeat; color:#d8d5b9} #playcontorl .ico-radio_gzon a{ background:url(/res/home/images/radioplay.gif) -510px 10px no-repeat; width:70px; height:45px; line-height:45px; text-indent:40PX; color:#FFFFFF; font-size:14px; margin-left:20px} #playcontorl .ico-radio_gzon a:hover{ background:url(/res/home/images/radioplay.gif) -424px -55px no-repeat; color:#d8d5b9} #playcontorl #ico-radio_kelu a{ background:url(/res/home/images/radioplay.gif) -183px 9px no-repeat; width:70px; height:45px; line-height:45px; text-indent:40PX; color:#FFFFFF; font-size:14px; margin-left:10px} #playcontorl #ico-radio_kelu a:hover{ background:url(/res/home/images/radioplay.gif) -184px -55px no-repeat; color:#d8d5b9} #playcontorl #ico-radio_fav a{ background:url(/res/home/images/radioplay.gif) -266px 9px no-repeat; width:70px; height:45px; line-height:45px; text-indent:40PX; color:#FFFFFF; font-size:14px; margin-left:10px} #playcontorl #ico-radio_fav a:hover{ background:url(/res/home/images/radioplay.gif) -267px -55px no-repeat; color:#d8d5b9} #playcontorl #ico-radio_down a{ background:url(/res/home/images/radioplay.gif) -344px 9px no-repeat; width:70px; height:45px; line-height:45px; text-indent:35PX; color:#FFFFFF; font-size:14px; margin-left:10px} #playcontorl #ico-radio_down a:hover{ background:url(/res/home/images/radioplay.gif) -345px -55px no-repeat; color:#d8d5b9} #playcontorl #ico-dd a{height:45px; line-height:45px; text-indent:35PX; color:#FFFFFF; font-size:14px;}