@charset "gb2312";
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,sub,sup,dl,dt,dd,ol,ul,li,form,input,button,label,textarea,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;}
body{font:normal 400 12px/1.5 Arial;color:#3e3e3e; background:#fff;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;color:#62be08;}
h1,h2,h3,h4,h5,h6,strong{font-weight:800;font-size:100%;}
em{font-style:normal;}
h1{font-size:18px;}h2{font-size:16px;}h3{font-size:14px;}h4,h5,h6{font-size:12px;}
label,input,select,textarea{vertical-align:middle; font-family:Arial,sans-serif;}
img,button{background:none;border:none;}
ol,ul,li{list-style:none;}
table,td {border:none;border-collapse:collapse;}
*{outline:none}
.clearfix:after{ content:""; display:block;visibility:hidden; height:0; clear:both;}
.clearfix {zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
::-webkit-scrollbar {width:12px;} 
::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px;}
::-webkit-scrollbar-thumb {background: rgba(204,204,204,0.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.2); border-radius:10px;}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(153,153,153,0.4);}
/*player*/
#wfb{ width:745px;height:515px;margin:0 auto; background:#fff;position:relative;}
.plBot{ width:745px;height:68px;}
.playerBox{width:745px; height:68px; overflow:hidden; background:#55b606 url(/htmls/yinyue/main.png) 0 0 no-repeat;color:#fff;}
.jp-audio{ overflow:hidden;zoom:1;}
.appLogo{ float:left; width:160px;height:68px;}
.appLogo a{ width:160px; height:68px; display:block; text-indent:-999em;}
.playerMain{ float:right; width:585px;height:68px;overflow:hidden;zoom:1;}
.playerMain01{ width:300px; float:left; margin-left:15px; display:inline;}
.playing-info{ padding-top:10px;width:300px; height:24px; overflow:hidden;}
.playing-info h1{color:#000; font-weight:400; font-size:14px; float:left; width:230px; height:24px; overflow:hidden;}
.playing-info h1 a{color:#000;font:400 18px/24px "Microsoft YaHei";}
.playing-info h1 .playing-song a{ height:24px; overflow:hidden;color:#000; }
.playing-info h1 .playing-singer a{ font-size:12px; color:#454545;}
.playing-info h1 a:hover{ color:#fff; text-decoration:none;}
.playing-info .playing-time{ float:right; font-size:11px; width:65px; height:18px;overflow:hidden; line-height:18px; margin-top:6px; color:#fff; text-align:right;}
.jp-progress { background:#3e7c00; height:8px; width:300px; margin-top:10px;}
.jp-seek-bar { width:0px; height:8px; cursor:pointer; background:#316100; overflow:hidden;}
.jp-play-bar { width:0px; height:8px; background:#feff63;overflow:hidden;}
.playerMain02{width:145px; float:left; margin-left:6px; margin-top:12px; display:inline;}
.jp-controls {height:48px; overflow:hidden;zoom:1;}
.jp-controls li { display:inline; float:left; }
.jp-controls a { display:block; overflow:hidden; text-indent:-9999px; margin-left:7px;}
.jp-play,a.jp-pause{width:46px; height:46px;}
.jp-play{background:url(/htmls/yinyue/main.png) -82px -90px no-repeat;}
.jp-play:hover{background:url(/htmls/yinyue/main.png) -82px -137px no-repeat;}
.jp-pause{background:url(/htmls/yinyue/main.png) -35px -90px;display: none;}
.jp-pause:hover{background:url(/htmls/yinyue/main.png) -35px -137px no-repeat;}
 a.jp-previous, a.jp-next{width:34px; height:34px; margin-top:6px;}
.jp-previous{background: url(/htmls/yinyue/main.png) 0 -90px no-repeat;}
.jp-previous:hover{background: url(/htmls/yinyue/main.png) 0 -125px no-repeat;}
.jp-next{background:url(/htmls/yinyue/main.png) -129px -90px no-repeat;}
.jp-next:hover{background:url(/htmls/yinyue/main.png) -129px -125px no-repeat;}
.playerMain03{width:98px; float:right; margin-right:15px; margin-top:16px; display:inline;}
.jp-toggles { overflow:hidden; zoom:1; width:98px;}
.jp-toggles li{display:block;float:left; margin:0 6px 0 2px; display:inline;}
.jp-toggles li a{display:block;width:14px;height:12px;text-indent:-9999px;line-height:100%;}
.jp-toggles li a.jp-random{background: url(/htmls/yinyue/main.png) -184px -137px no-repeat;}
.jp-toggles li a.jp-sgelroll{background: url(/htmls/yinyue/main.png) -184px -153px no-repeat;}
.jp-toggles li a.jp-listroll{background: url(/htmls/yinyue/main.png) -184px -121px no-repeat;}
.jp-toggles li.current a{width:44px;}
.jp-toggles li.current a.jp-random{background: url(/htmls/yinyue/main.png) -204px -137px no-repeat;}
.jp-toggles li.current a.jp-sgelroll{background: url(/htmls/yinyue/main.png) -204px -153px no-repeat;}
.jp-toggles li.current a.jp-listroll{background: url(/htmls/yinyue/main.png) -204px -121px no-repeat;}
.volume{overflow:hidden;zoom:1; margin:14px 0 0 0;}
.volume li{display:inline;float: left;}
.volume a{display:block;overflow:hidden;text-indent:-9999px;}
.jp-mute,.jp-unmute{ width:14px;height:12px;}
.jp-mute{background: url(/htmls/yinyue/main.png) -185px -90px no-repeat;}
.jp-unmute{background: url(/htmls/yinyue/main.png) -185px -103px no-repeat;display:none;}
.volume-bar-wrap{ margin:4px 0 0 7px;}
.jp-volume-bar{background:#3e7c00;width:77px;height:4px; cursor:pointer; overflow:hidden;}
.jp-volume-bar-value{background:#feff63;width:0px;height:4px; cursor:pointer;}
/*nav*/
.plTop{ width:745px;height:447px;}
.plTop-l{ width:160px;height:447px; float:left;}
.playerNav{ width:158px;height:447px; overflow:hidden;border-right:1px solid #e9e9e9;border-left:1px solid #e9e9e9;}
.playerNav .playerNavTit{background:#fafafa url(/htmls/yinyue/main.png) 0 -235px no-repeat; height:32px; line-height:32px; cursor:pointer; overflow:hidden;}
.playerNav .playerNavTit .tip{ width:6px; height:3px; line-height:0; font-size:0; background:url(/htmls/yinyue/main.png) 0 -200px no-repeat; margin:15px 6px 0 12px; float:left; display:inline; }
.playerNav .current .tip{background:url(/htmls/yinyue/main.png) -7px -200px no-repeat;}
.playerNav h3.current .playerNavTit-text{color:#62be08;}
.playerNav .playerNavTit-text{ width:75px; height:32px;font:400 15px/32px "Microsoft YaHei";}
.playerNav .playerNavBody{ display:none;}
.playerNav .playerNavList {height:415px; overflow-x:hidden;overflow-y:auto;}
.playerNav .playerNavList li{ line-height:24px; height:24px; overflow:hidden; width:100%; float:left;}
.playerNav .playerNavList li a{ color:#666; display:block; text-indent:30px;}
.playerNav .playerNavList li a:hover{ background:#f4ffe9; text-decoration:none;}
.playerNav .playerNavList li.current a,.playerNav .playerNavList li.current a:hover{ color:#fff;background:#65c108 url(/htmls/yinyue/main.png) 0 -204px no-repeat;}
.playerNav .playerNavBody01 .playerNavList{ height:80px;}
.playerNavBody04{ position:relative;}
.playerNav .playerNavBody04 .player-singerNav{ float:left; width:48px; position:absolute; top:10px; left:10px;}
.playerNav .playerNavBody04 .player-singerNav a{ float:left; width:24px; line-height:24px; height:24px;text-align:center;}
.playerNav .playerNavBody04 .player-singerNav a.tuijian{ width:48px;}
.playerNav .playerNavBody04 .player-singerNav a:hover{ background:#f4ffe9; text-decoration:none;}
.playerNav .playerNavBody04 .player-singerNav a.current,.playerNav .playerNavBody04 .player-singerNav a.current:hover{background:#65c108 url(/htmls/yinyue/main.png) 0 -204px no-repeat;text-decoration:none; color:#fff; }
.playerNavBody04 .playerNavList{ padding-left:68px;}
.playerNav .playerNavBody04 .playerNavList li{ width:70px; line-height:20px; height:20px;}
.playerNav .playerNavBody04 .playerNavList a{ text-indent:10px;}
/*music list*/
.plTop-m{ width:383px;height:447px; float:left;}
.aadd{ width:383px; height:32px; overflow:hidden; background:#f5f5f5;}
.playList{ width:383px; margin-top:4px; overflow:hidden;zoom:1; background:url(/htmls/yinyue/liBg.png) 0 0 repeat-y;}
.playList li{ line-height:31px; height:31px;overflow:hidden;zoom:1; float:left; width:383px; cursor:default;position:relative;}
.playList li .playing-icon{ float:left; width:14px; height:14px; display:none; margin-top:5px;margin-right:7px;}
.playList li .num{ float:left; width:32px; height:31px; overflow:hidden; text-align:center; color:#bbb;}
.playList li .playList-songName{ float:left; width:185px; height:31px; overflow:hidden; margin-right:10px; display:inline;}
.playList li .playList-singerName{ float:left; width:98px; height:31px; overflow:hidden; margin-right:10px; display:inline; color:#999;}
.playListBtn { float:left; height:10px;width:40px; overflow:hidden;zoom:1; margin-top:9px; cursor:pointer;}
.playListBtn a{ display:block; float:left; width:10px;height:10px; line-height:0; font-size:0; margin:0 4px; display:inline;background:url(/htmls/yinyue/main.png) -999em -999em no-repeat; text-indent:-999em;}
.playListBtn a.playListBtn-download{ background-position:-34px -193px;}
.playList li.current .playListBtn-download,.playList li.current .playListBtn-download:hover{ background-position:-70px -193px;}
.playListBtn .playListBtn-download:hover{ background-position:-105px -193px;}
.playListBtn a.playListBtn-delete{ background-position:-53px -193px;}
.playList li.current .playListBtn-delete,.playList li.current .playListBtn-delete:hover{ background-position:-89px -193px;}
.playListBtn .playListBtn-delete:hover{ background-position:-124px -193px;}
.playList li:hover{ background:#f5f5f5;}
.playList li.current{ background:#b7b7b7; color:#fff;}
.playList li.current .num{ color:#fff;}
.playList li.current .playList-songName{width:164px;color:#fff;}
.playList li.current .playList-singerName{ color:#fff;}
.playList li.current .playing-icon{background:url(/htmls/yinyue/playerCur.gif) 0 0 no-repeat; display:inline;}
.plTop .turn-page{ text-align:center;}
.plTop .turn-page span{ padding:2px 5px 1px; font-size:12px;color:#ccc;}
.plTop .turn-page a,.plTop .turn-page span{ padding:0 5px;}
.plTop .turn-page a{padding:2px 5px 1px;font-size:12px; color:#666;}
.plTop .turn-page a:hover{ color:#62be08;}
.plTop .turn-page a.current{ background:#acacac; color:#fff;font-weight:800;}
.plTop .turn-page a.current:hover{ text-decoration:none;}
.plTop .turn-page span.page_total{ padding-right:5px; color:#999;}
/*lrc*/
.plTop-r{ width:202px;height:447px; float:left; background:url(/htmls/yinyue/lineBg.png) 0 0 repeat-y;}
.search{width:168px; height:26px; margin:15px auto; position:relative; z-index:99;}
.search-bar{width:168px; height:26px;background:url(/htmls/yinyue/main.png) 0 -268px no-repeat; position:relative; overflow:hidden;zoom:1;}
.search-bar .search-txt{ border:0 none; line-height:26px; width:118px; height:22px; float:left; padding:2px 0 2px 12px; background:none; color:#999;}
.search-btn{ width:33px; height:26px; line-height:26px; float:right;cursor:pointer; border:0 none; text-indent:-9999px;padding:0;}
.album{ width:150px; height:150px; margin:0 auto; background:url(/htmls/yinyue/Album150.png) 0 0 no-repeat;}
.album a img{ display:block; width:150px;height:150px; display:block; border-radius:5px;}
.album a span{ width:150px; height:24px; line-height:24px; display:block; overflow:hidden; margin-top:6px; text-align:center; cursor:pointer; display:none;}
.lrcBox{ width:182px; height:200px; overflow:hidden; margin:10px auto 0; background:url(/htmls/yinyue/lrcLine.png) center top no-repeat;}
#lyric{ width:182px; margin:0 auto; padding:10px 0 10px;}
#lyric p {height:24px;overflow:hidden;text-align:center;font:100 12px/24px "Microsoft YaHei";}
#lyric p a,#lyric p a:hover{text-decoration:none;}
#lyric #LR1 a,#lyric #LR1 a:hover{ color:#bbb;}
#lyric #LR2 a,#lyric #LR2 a:hover{ color:#999;}
#lyric #LR3 a,#lyric #LR3 a:hover{ color:#888;}
#lyric #LR4{ font-size:14px; line-height:32px; height:32px;color:#888;}
#lyric #LR5 a,#lyric #LR5 a:hover{ color:#888;}
#lyric #LR6 a,#lyric #LR6 a:hover{ color:#999;}
#lyric #LR7 a,#lyric #LR7 a:hover{ color:#bbb;}
#txtword{display:none;height:200px;width:182px; margin:0 auto; text-align:center;border-bottom:none;overflow-y:scroll;}