<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* css reset */
#line{width:100%; margin:0 auto; background-color:#000000;}



.playlist li { border-bottom:1px dotted #000; padding: 5px 0;}
.playlist .noborder{border:none;}
/*.playlist li span{ line-height:20px;}*/
.playlist li.first { border-top: 0 none;}
.player_txt{height: 40px;overflow:hidden;zoom:1;margin-left:50px;}

/*music controls*/
.transport-controls{height:25px;width:25px; float:left;margin-top:7px;}
.ranking-list .transport-controls{margin:15px;}
.transport-controls a{outline:none;}

/*text info*/
.infoLeft{float:left;width:460px; }
.infoLeft h4 a{display:block;font-size:12px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-weight:bold;}
.infoLeft h4 a:link {color: #252525; text-decoration:none; outline:none;}
.infoLeft h4 a:visited {color:#ff030d; text-decoration:none; outline:none;}
.infoLeft h4 a:hover {color:#ff030d; text-decoration:none; outline:none;}
.infoLeft h4 a:active {color:#ff030d; text-decoration:none; outline:none;}
.infoLeft p{ color:#666666}
.infoLeft b{color: #A5D92F; padding:0 3px;}
.infoRight{float:right;}
.star_grade, .star_grade em { display: inline-block;overflow: hidden;font-size: 0; line-height: 0; }
.star_grade {margin-left: 15px; text-align: left; }
.star_grade em{background: url(../images/gray.png) 0 0 no-repeat;height: 23px;width:20px;margin-left:6px; }
.star_grade .active {background: url(../images/blue.png) 0 0 no-repeat; }
.play_actions{text-align: right;}
.play_actions a{display:inline-block;*display:inline;*zoom:1;min-width:32px;text-align: center;}
.node{ display:none}

.play-item{ width:26px;height:26px;float:left; cursor:pointer; background: url(../images/icon-play.png) no-repeat;background-position:-11px -98px;}
.play-item:hover{ background-position:-11px -10px;}
.pause-item{ display:none;width:26px;height:26px;float:left; cursor:pointer; background: url(../images/icon-play.png) no-repeat;background-position:-8px -177px;}
.pause-item:hover{background-position:-8px -214px;}

.jp-seek-bars {width:100%;height:100%;overflow:hidden;cursor:pointer;}
.jp-play-bowen{width:100%;height:100%;}
.jp-play-bars {background:url(../images/progress-overlay.png);width:0px;height: 100%;overflow:hidden;border-right:1px solid #A8DF2E; margin-left:-1px;}

.bp-next{z-index: 1;position:absolute;height:24px;width:24px;left: 49px;top: 7px;background:url(../images/play_pause_skip.png) -36px -108px;}
.bp-next:hover{background:url(../images/play_pause_skip.png) -36px -144px;}
.bp-prev{z-index: 1;top: 7px;left: 0px;position:absolute;height:24px;width:24px;background:url("../images/play_pause_skip.png") 0 -108px no-repeat;display:block;}
.jp-controls li span{margin-top:5px;float:left;}
 
/****播放器****/
#MusicBox{width: 1000px; margin:0 auto;padding:10px 0 0 0; position:relative; color:#FFFFFF; border-top:#FFFFFF 0px solid; display:none; overflow: hidden;}
#MusicBox .transport-controls{margin:13px 10px 0 0;}
#MusicBox h4{ font-weight:bold; text-overflow:ellipsis;white-space:nowrap; overflow:hidden; height:17px; font-size:12px;width:290px;}
#MusicBox .jp_container{ background:#000000;}
.jp-infos{ width:365px; overflow:hidden; float:left;margin-right:0px;}
.jp-infos a{color:#ff030d;text-decoration: none;}
.jp-infos a:hover{color:#ff030d;text-decoration: none;}



.jp-progress{ overflow:hidden;width:600px; height:40px; margin-top:5px; float:left;background:url("../images/bowen.png") no-repeat;}
.jp-seek-bars { width:100%;height:100%;overflow:hidden;cursor:pointer;}
.jp-play-bar {background:url(../images/progress-overlay.png);
	/*opacity:0.3;
	filter:alpha(opacity=30);
*/
border-right:1px solid #A8DF2E;width:0px;height: 100%;overflow:hidden;margin-left:-1px;}

.jp-play-bar .jp-current-time,.jp-play-bar .jp-duration{ float:left; width:30px;  font-size:12px; color:#FFFFFF; float:right; background-color:#000000; padding:0 5px}
.jp-play-bar .player_txt { position: absolute; width:600px;;opacity:0.7;filter:alpha(opacity=70)}

.bp-next{z-index: 1;position:absolute;height:24px;width:24px;left: 49px;top: 7px;background:url(../images/play_pause_skip.png) -36px -108px;}
.bp-next:hover{background:url(../images/play_pause_skip.png) -36px -144px;}

.jp-controls li span{margin-top:5px;float:left;}

#MusicBox .imgBox{ width:45px; height:45px; display:block; float:left; margin-right:5px;}
#MusicBox .metadata{ line-height:17px;}
#MusicBox .metadata a{color:#FF030D}

.jp-play-bars {
    background: url("../images/progress-overlay.png") repeat scroll 0 0 transparent;
    border-right: 1px solid #A8DF2E;
    height: 100%;
    margin-left: -1px;
    overflow: hidden;
    width: 0;
}

.bp-pause,.bp-play{background:url(../images/icon-play.png) no-repeat;width:20px;height:22px;}
.bp-play{background-position: -9px -98px;}
.bp-play:hover{background-position:-9px -10px;}
.bp-pause{background-position:-11px -178px;}
.bp-pause:hover{background-position:-11px -214px;}

.infoMusicBox{background:#000;margin:5px 0;}
.infoMusicBox .transport-controls{margin:12px 10px 0 18px;}
.infoMusicBox .jp-progress{width:620px;margin-bottom:5px;}
.infoMusicBox .player_txt{height: 40px;overflow:hidden;zoom:1;margin:0;width:620px;position: absolute;color:#fff;}
.infoMusicBox .player_txt div{float:right;background:#000;padding:0 4px;opacity: 0.8;}

.musicdata a{ color:#FFFFFF}
/*
.bp-pause,.bp-play,.jp-next,.jp-previous{ float:left;width:24px;height:24px;display:block;background:url(../images/play_pause_skip.png) no-repeat;}
.bp-pause,.bp-play{ width:36px;height:36px;background-position:-36px -36px;}
.bp-play{ position:relative;z-index:999; background-position:-36px -36px;}
.bp-pause{ position:relative;z-index:999;}
.bp-pause:hover{ background-position:0 0;}
.jp-next{ background-position: -36px -108px; margin-left: -3px;}
.jp-next:hover{ background-position:-36px -144px;}
.jp-previous{ background-position: 0 -108px; margin-right: -3px;}
.jp-previous:hover{ background-position:0 -144px;}
.jp-previous,.jp-next{ margin-top:5px;}*/

@media (max-width: 768px) {
    #MusicBox{ width: 730px;}
}
@media (max-width: 640px) {
    .player_txt{ margin-left: 15px; height: auto;}
    .infoLeft{ width: 100%;}
    .infoRight{display: none;}

}</pre></body></html>