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-size:12px; line-height:1.5; font-weight:400;color:#000; background:#f5f5f5;font:normal 400 12px/1.5 Microsoft YaHei,Arial;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
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:Microsoft YaHei,Arial;}
img,button{background:none;border:none;}
ol,ul,li{list-style:none;}
*{outline:none}
.clearfix:after{ content:""; display:block;visibility:hidden; height:0; clear:both;}
.clearfix {zoom:1;}
.page{ width:100%;}
.fotter{ background:#e5e5e5; border-top:1px solid #ddd; margin:15px 0 0; padding:10px 0;}
.fotter p{ text-align:center;}
.header{width:100%;height:50px; background:#317108;}
.logo{ text-align:center; padding:8px 0 0;}
.logo img{ height:34px;}
.navList{ overflow:hidden;margin:0 0 3%;}
.navList li{ float:left; width:30%; margin:3% 0 0 2.6%;}
.navList li a{ width:100%; display:block; background:#839303; color:#fff; font-size:18px; font-weight:800; text-align:center; border-radius:3px;}
.navList li a img{ width:100%;display:block;border-radius:3px;}
.navList li a span{ padding:5px 10px; display:block; line-height:50px; height:50px; overflow:hidden;border-radius:3px;}
.navList li.goback a{ background:#777;}
#backTop{ width:40px; height:40px; position:fixed; right:10px; bottom:30%;display:none;border-radius:3px;background:url(backTop.png) 0 0 no-repeat;-webkit-background-size:40px 40px; background-size:40px 40px;}
#backTop img{ width:100%; height:100%; display:block;border-radius:5px;}
#notice{ background:#000; opacity:0.8; color:#fff; padding:10px; position:fixed; top:40%; left:15%; width:70%; text-align:center; overflow:hidden; line-height:30px; height:30px; font-size:16px; border-radius:5px; z-index:9999;}
#playerNotice{background:#000; opacity:0.5; color:#fff; position:fixed; bottom:55px; left:0; width:100%; text-align:center; overflow:hidden; line-height:30px; height:30px; font-size:16px; z-index:9999;}

.body{ width:100%;}

#top{width:100%;height:50px; background:#317108;position:fixed; opacity:0.9; z-index:999; top:0; left:0;}
#topZan{ height:50px;}
#top .topMain{width:100%;height:50px; background:#317108;text-align:center;line-height:50px; position:relative;}
#top .topTit{ font-size:18px;color:#fff;font-weight:800;}
#top .topTit img{ height:30px; margin-top:10px;}
.topBack{ height:50px; width:50px;position:absolute; top:0; left:0;}
.topBack img{ height:50px;}
.topNav{ width:62px; height:30px; float:right; background:url(navBtn1.png) 0 0 no-repeat;-webkit-background-size:62px 30px; background-size:62px 30px;position:absolute; top:10px; right:10px;}
.topNavCur{width:62px; height:30px; float:right; background:url(navBtn.png) 0 0 no-repeat;-webkit-background-size:62px 30px; background-size:62px 30px;position:absolute; top:10px; right:10px; display:none;}
.disNav{ background:#fff; border-bottom:1px solid #ddd; width:100%; position:fixed; top:50px; left:0; z-index:999;}

.tabNav{padding:10px;}
.tabNav ul{ border:1px solid #317108; background:#fff; border-radius:5px; overflow:hidden; text-align:center;}
.tabNav ul li{ height:30px; line-height:30px;}
.tabNav .tabNav_01{ float:left; width:50%;}
.tabNav .tabNav_02{ float:right; width:50%;}
.tabNav a{ display:block; width:100%;}
.tabNav .current{ background-color:#317108;}
.tabNav .current a{ color:#fff;}
.tabNav3{}
.tabNav3 .tabNav_01{ float:left; width:33.3333%; background-image:url(line.png); background-position:right 0; background-repeat:no-repeat;}
.tabNav3 .tabNav_02{ float:left; width:33.3333%;background-image:url(line.png);background-position:right 0; background-repeat:no-repeat;}
.tabNav3 .tabNav_03{ float:right; width:33.3333%;}

.jingList{ overflow:hidden;margin:0 0 3%;}
.jingList li{ float:left; height:60px;width:30%; margin:3% 0 0 2.6%; background:#317108;}
.jingList li a{ width:100%; height:100%; display:block;color:#fff; overflow:hidden;}
.jingList li a:hover{ text-decoration:none;}
.jingList li a strong{font-size:22px; height:36px; line-height:36px;font-weight:800; margin:0 0 0 10px; display:block;overflow:hidden;}
.jingList li a span{font-size:14px; height:20px; line-height:20px; font-weight:400; margin:0 0 0 10px;display:block;overflow:hidden;}
.zhangList{ overflow:hidden;margin:0 0 3%;}
.zhangList li{ float:left; height:30px;width:17%; margin:3% 0 0 2.5%; background:#317108;}
.zhangList li a{ width:100%; height:30px; line-height:30px; text-align:center;display:block;color:#fff; font-size:20px; overflow:hidden;}
.zhangList li a:hover{ text-decoration:none;}
.jingRead{ padding:10px;}
.jingRead li{ border-bottom:1px solid #d9d9d9; overflow:hidden; padding:10px 0;}
.jingRead li span{ float:left; width:22px; font-size:16px; color:#317108;
    font-weight: 400;
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1.6);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
}
.jingRead li p{ padding-left:21px; font-size:16px;}
.jingRead li:last-child{ border-bottom:0 none;}

.player{ width:100%; height:50px; background:#317108; color:#fff; position:fixed; left:0; bottom:0; opacity:0.9;}
#botZan{ height:58px;}
.playerBtn{width:180px; padding:7px 10px 0;margin:0 auto; overflow:hidden;}
.jp-play,.jp-pause{float:left;width:36px;height:35px;margin-right:18px;}
.jp-play{background:url(play.png) -1px -2px no-repeat;-webkit-background-size:40px 40px; background-size:40px 40px;}
.jp-pause{background:url(pause.png) -1px -2px no-repeat;-webkit-background-size:40px 40px; background-size:40px 40px;}
.jp-next,.openList,.jp-previous,.openLrc{float:left;width:28px;height:28px;}
.jp-next{background:url(next.png) -1px -2px no-repeat;margin:4px 18px 0  0;-webkit-background-size:32px 32px; background-size:32px 32px;}
.openList{background:url(openList1.png) -1px -2px no-repeat;margin-top:4px;-webkit-background-size:32px 32px; background-size:32px 32px;}
.openLrc{background:url(openLrc.png) -1px -2px no-repeat;margin-top:4px;-webkit-background-size:32px 32px; background-size:32px 32px;}
.jp-previous{background:url(prev.png) -1px -2px no-repeat;margin:4px 18px 0  0;-webkit-background-size:32px 32px; background-size:32px 32px;}
.playerMain{ position:relative; height:50px;}
.jp-current-time{ position:absolute; font-size:10px; top:-3px; left:2px;}
.jp-duration{position:absolute; font-size:10px; top:-3px; right:2px;}
#xunhuan{ width:30px; height:30px; position:absolute; right:10px; bottom:3px; overflow:hidden; display:block;}
#xunhuan span{ width:100%; height:100%; display:block;}
#xunShunxu{background:url(xun_shunxu.png) 0 0 no-repeat;-webkit-background-size:30px 30px; background-size:30px 30px;}
#xunDanqu{background:url(xun_danqu.png) 0 0 no-repeat;-webkit-background-size:30px 30px; background-size:30px 30px;}
#xunSuiji{background:url(xun_suiji.png) 0 0 no-repeat;-webkit-background-size:30px 30px; background-size:30px 30px;}
.jp-progress{ height:5px; background:#904B0D; position:absolute; top:-5px; width:100%;}
.jp-play-bar{ background:#444;height:5px;}
.playingbtn{ width:7px; height:7px; display:block;border-radius:12px; background:#fff; border:2px solid #155604; float:right; margin:-3px -3px 0 0;}
.albumPic{ display:block; width:120px; height:120px; margin:8px auto; border:5px solid #fff; border-radius:120px;box-shadow:0 3px 5px #999; position:relative;}
.albumPic img{ width:100%; height:100%; display:block;border-radius:120px;}
.albumPic span{ position:absolute; width:25px; height:25px; display:block; background:#f5f5f5; border:2px solid #fff;border-radius:30px; left:48px; top:48px; display:none;}
.songInfo{ text-align:center; width:100%; }
.songInfo p{line-height:24px; height:24px; overflow:hidden;}
.lrcBox{width:100%; height:200px; overflow:hidden; margin:10px auto;}
#lyric{ width:100%;}
#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,#lyric #LR4 a{ font-size:14px; line-height:32px; height:32px;color:#317108;}
#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;}



#totalMusic{ line-height:30px; height:30px; font-size:18px; padding:10px;}
#totalMusic strong{ float:left;}
#totalMusic span{ font-size:14px; color:#999; float:right;}
#playerList{ display:none;}
#playerList li{ border-bottom:1px solid #d9d9d9; overflow:hidden; height:60px;}
#playerList li .ppNum{ float:left; width:60px; font-size:18px; color:#666; text-align:center; line-height:60px;height:60px;}
#playerList li p{ padding-left:60px; margin:5px 0 0;}
#playerList li p strong{ line-height:30px; height:30px; display:block; font-size:18px; font-weight:400; overflow:hidden;}
#playerList li p em{ font-style:normal; font-size:14px; display:block; height:18px; line-height:18px; overflow:hidden; color:#888;}
#playerList li:last-child{ border-bottom:0 none;}
#playerList li:first-child{border-top:1px solid #d9d9d9;}
#playerList li.current{ background:#fff;}
#playerList li.current .ppNum{ border-left:5px solid #317108; width:55px;}
#closePlayerList{ width:100%; background:#fc3e39; width:100%; height:40px; line-height:40px; color:#fff; text-align:center; position:fixed; top:50px; opacity:0.8; font-size:18px;z-index:999;}
#viewLrc{ display:none;}
#closeLrc{ width:100%; background:#fc3e39; width:100%; height:40px; line-height:40px; color:#fff; text-align:center; position:fixed; top:50px; opacity:0.8; font-size:18px; z-index:999;}

.musicList{ padding-bottom:10px;}
.musicList li{height:60px;border-bottom:1px solid #d9d9d9;overflow:hidden; position:relative; padding:10px;}
.musicList li span{ display:block;}
.musicList li .t-i{width:60px; height:60px; float:left; background:#317108; border-radius:5px;}
.musicList li .t-i img{ width:100%; height:100%; display:block;}
.musicList li .t-t{ padding-left:70px; height:60px; margin-right:50px;}
.musicList li .t-t strong{ height:34px; line-height:34px; display:block; font-size:18px; font-weight:400; overflow:hidden;}
.musicList li .t-t em{ font-style:normal; font-size:14px; display:block; height:18px; line-height:18px; overflow:hidden; color:#888;}
.musicList li .t-z{ position:absolute; display:block; width:30px; height:30px; right:10px; top:27px;background:url(z1.png) 0 0 no-repeat;-webkit-background-size:30px 30px; background-size:30px 30px;}
.musicList li:first-child{border-top:1px solid #d9d9d9;}
.musicList li.current{ background:#fff;}
.musicList li.current a strong{color:#317108; font-weight:800;}
.musicList li.current a em{color:#317108;}
.musicList li.current .t-z{background:url(z1.gif) 0 0 no-repeat;-webkit-background-size:30px 30px; background-size:30px 30px;}

.pubList{ padding-bottom:10px;}
.pubList li{height:60px;border-bottom:1px solid #d9d9d9;overflow:hidden; position:relative; padding:10px;}
.pubList li a{height:60px; width:100%;display:block;}
.pubList li span{ display:block;}
.pubList li .t-i{width:60px; height:60px; float:left; background:#317108; border-radius:5px;}
.pubList li .t-i img{ width:100%; height:100%; display:block;}
.pubList li .t-t{ padding-left:70px; height:60px; margin-right:50px;}
.pubList li .t-t strong{ height:34px; line-height:34px; display:block; font-size:18px; font-weight:400; overflow:hidden;}
.pubList li .t-t em{ font-style:normal; font-size:14px; display:block; height:18px; line-height:18px; overflow:hidden; color:#888;}
.pubList li .t-z{ position:absolute; display:block; width:30px; height:30px; right:10px; top:27px;}
.pubList li .t-z img{ width:100%; height:100%; display:block;}
.pubList li:first-child{border-top:1px solid #d9d9d9;}


.seacrh{ line-height:40px; height:40px; position:relative; border:1px solid #ccc; margin:5px 10px; background:#fff; padding:0 10px; border-radius:40px;box-shadow:1px 1px 2px #eee inset;}
.seacrhMusic{ margin-top:20px;}
.seacrh .soText{ height:32px; line-height:32px; width:65%; float:left; border:0 none; margin-left:10px; margin-top:4px; font-size:18px;}
.seacrh .soBtn{ width:28px; height:28px; background:url(soBtn.png) 0 0 no-repeat;-webkit-background-size:28px 28px; background-size:28px 28px; border:0 none; cursor:pointer; position:absolute; top:6px; right:12px;}
.seacrh .soClose{width:14px; height:14px; background:url(soClose.png) 0 0 no-repeat;-webkit-background-size:14px 14px; background-size:14px 14px; border:0 none; cursor:pointer; position:absolute; top:14px; right:60px;}
.seacrhTui{ padding:10px;}
.seacrhTui h2{ font-size:18px; line-height:30px; height:30px; padding:10px 0;}
.seacrhTui ul{ overflow:hidden;}
.seacrhTui ul li{ float:left; height:34px;margin:12px 10px 0 0;}
.seacrhTui ul li a{border-radius:30px; border:1px solid #317108; padding:5px 15px; background:#f5fff3; font-size:16px;}
.seacrhBox{ display:none;}
.seacrhBox h2{ font-size:16px; font-weight:400;line-height:30px; height:30px; padding:10px; overflow:hidden;}
.seacrhBox .jingRead li:first-child{border-top:1px solid #d9d9d9;}
.jingSearch{ padding:10px;}
.jingSearch li h4{ text-align:center; background:#fff; color:#666; font-weight:400;line-height:30px; height:30px;font-size:16px;}
.jingSearch li p{overflow:hidden; padding:10px 0; font-size:16px;}
.jingSearch li p em{ color:#ff5454;}

.huoshui{ overflow:hidden; padding-bottom:15px;}
.huoshui li{ float:left; width:47%; margin:2% 0 0 2%;}
.huoshui li a,.huoshui li img{ width:100%;display:block;}
.timeXuan{ height:40px; background:#d8d8d8; margin:0 0 15px;}
.timeBox{ width:220px; margin:0 auto;}
.timeBox dl{float:left;position:relative;width:100px; z-index:988; margin-left:10px;}
.timeBox dl dt{ line-height:40px; font-size:18px; cursor:pointer;}
.timeBox dl dd{ position:absolute; top:40px;width:100%; text-align:center; background:#d8d8d8; display:none; overflow:hidden;}
.timeBox #year dt span{padding-right:25px;padding-left:7px;background:url(arrowDown.png) right 2px no-repeat; -webkit-background-size:24px 24px; background-size:24px 24px;}
.timeBox #month dt span{padding-right:25px; padding-left:22px;background:url(arrowDown.png) right 2px no-repeat; -webkit-background-size:24px 24px; background-size:24px 24px;}
.timeBox dl dd p{ line-height:30px; height:30px; font-size:16px; cursor:pointer;}
.timeBox #month dd p{ float:left; width:50%;}

.daogaociList{ padding-bottom:10px;}
.daogaociList li{border-bottom:1px solid #d9d9d9;position:relative;}
.daogaociList li h3{ display:block; width:100%; height:50px; line-height:50px; overflow:hidden;}
.daogaociList li .t-t{height:50px;display:block; font-size:15px; padding-right:30px; padding-left:10px;}
.daogaociList li .t-z{position:absolute; width:26px; height:26px; right:10px; top:13px;display:block;-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.daogaociList li .t-z img{ width:100%;height:100%; display:block;}
.daogaociList li p{ display:none; padding:0 10px 10px; font-size:16px;}
.daogaociList li.current{ background:#fff;}
.daogaociList li.current h3 .t-t{ color:#317108;}
.daogaociList li.current h3 .t-z{-moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}

.pubTit{ line-height:30px; height:30px; padding:0 10px; margin:10px 0;}
.pubTit .more{ float:right; font-size:16px; font-weight:400; color:#666;}

/*鎼滅储*/
.searchSinger{ overflow:hidden; height:105px;position:relative;}
.searchSinger .t-i {width:80px; height:80px; position:absolute; top:10px; left:10px;}
.searchSinger .t-i img{ width:80px; height:80px; border-radius:5px;}
.searchSinger .t-z{ padding-left:100px; padding-top:10px;}
.searchSinger .t-t{ line-height:32px; height:32px; font-size:20px; overflow:hidden;}
.searchSinger .i-t{ line-height:22px; height:22px; font-size:14px; overflow:hidden;}