@charset "utf-8";
.f-cb{height:0}
.f-cb:after{display:block;content:" ";height:0;visibility:hidden;clear:both}
.f-ib{display:inline-block}
.f-din{display:inline}
.f-dn{display:none}
.f-db{display:block}
.f-fl{float:left}
.f-fr{float:right}
.f-fwn{font-weight:400}
.f-fwb{font-weight:700}
.f-tal{text-align:left}
.f-tac{text-align:center}
.f-tar{text-align:right}
.f-oh{overflow:hidden;zoom:1;clear:both}
.f-tdn{text-decoration:none!important}
.f-vam,.f-vama *{vertical-align:middle}
.f-wsn{word-wrap:normal;white-space:nowrap}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all}
.f-ti{overflow:hidden;text-indent:-30000px}
.f-lhn{line-height:normal}
.f-toe{word-wrap:normal!important;white-space:nowrap;text-overflow:ellipsis}
.f-usn{-webkit-user-select:none;user-select:none}
.f-bsb{-webkit-box-sizing:border-box;box-sizing:border-box}
.f-cp{cursor:pointer}
.u-play-btn{background:url(https://s1.shishengru.com/assets/img/pc/music_icons.png) -220px 0 no-repeat}
.grid-music-container{padding:0 85px;width:962px;height:auto;display:block;margin:0 auto;position:relative}
.grid-music-container .m-music-play-wrap{height:57px;padding-left:0;width:717px;border-bottom:1px solid #b6a385;padding:15px 0 30px 0;display:none}
.grid-music-container .u-cover{width:121px;height:121px;overflow:hidden;background:url(https://s1.shishengru.com/assets/img/pc/music_icons.png) 0 0 no-repeat;position:absolute;top:0;left:0}
.grid-music-container .u-cover img{display:block;width:100%;height:auto;max-height:100%;border-radius:50%}
.grid-music-container .u-cover.play{-webkit-animation:Circle 10s linear infinite 0s forwards;animation:Circle 10s linear infinite 0s forwards}
.grid-music-container .u-cover.paused{-webkit-animation-play-state:paused;animation-play-state:paused}
@-webkit-keyframes Circle{
    from{-webkit-transform:rotate(0)}
    to{-webkit-transform:rotate(360deg)}
}
@keyframes Circle{
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}
.grid-music-container .m-now-info{height:100%}
.grid-music-container .m-now-info h1{font-weight:400;width:470px;font-size:14px;color:#b6a385;padding-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grid-music-container .m-now-info h1 strong{font-size:18px;color:#111210;font-weight:400}
.grid-music-container .m-now-info h1 small{margin-left:20px;font-size:14px;color:#313230}
.grid-music-container .m-now-controls{width:470px;float:right;position:relative;margin-right:40px;margin-top:-2px}
.grid-music-container .m-now-controls .u-control{display:inline-block;vertical-align:middle;font-size:0}
.grid-music-container .m-now-controls .u-process{width:470px;height:6px;position:absolute;background-color:#d2cdc6;cursor:pointer;border-radius:10px}
.grid-music-container .m-now-controls .u-process .buffer-process,.grid-music-container .m-now-controls .u-process .current-process{display:block;width:0;height:6px;position:absolute;top:0;border-radius:10px;left:0;background-color:#98866b;z-index:1}
.grid-music-container .m-now-controls .u-process .current-process img{width:30px;height:30px;display:block;position:absolute;right:-22px;top:-12px}
.grid-music-container .m-now-controls .u-process .buffer-process{z-index:0;background-color:#c1c2c0}
.grid-music-container .m-now-controls .u-time{font-size:12px;color:#585957;width:470px;padding-top:13px}
.grid-music-container .m-now-controls .u-time em{right:0;float:right}
.grid-music-container .m-now-controls .u-volume{width:30px;overflow:visible;text-align:center;margin-left:0;float:right;position:absolute;top:24px}
.m-play-controls{width:250px;display:block;height:auto;padding-top:10px}
.grid-music-container .u-volume .volume-process{width:3px;height:58px;background:#cecfd4;position:absolute;top:-60px;left:12px;cursor:pointer;visibility:hidden;z-index:99999}
.grid-music-container .u-volume .volume-process.show{visibility:visible}
.grid-music-container .u-volume .volume-process .volume-current,.grid-music-container .u-volume .volume-process .volume-event{display:inline-block;width:3px;height:50%;background-color:#98866b;position:absolute;left:0;bottom:0;-webkit-transition:height .2s linear;transition:height .2s linear}
.grid-music-container .u-volume .volume-process .volume-event{width:21px;left:-10px;background:0 0;height:100%;z-index:1}
.grid-music-container .u-volume .volume-process .volume-bar{display:inline-block;width:8px;height:8px;border-radius:100%;background-color:#FFFFFF;border:1px solid #a8a9a7;position:absolute;left:-3px;bottom:50%;-webkit-transition:bottom .2s linear;transition:bottom .2s linear}
.grid-music-container .u-volume .volume-process .volume-bar:active,.grid-music-container .u-volume .volume-process .volume-bar:hover{background-color:#f1f2f0}
.grid-music-container .u-volume .volume-control{display:inline-block;width:15px;height:15px;background:url(https://s1.shishengru.com/assets/img/pc/lb_k.png) center center no-repeat;background-size:15px 15px;cursor:pointer}
.grid-music-container .u-volume .volume-control:hover{background:url(https://s1.shishengru.com/assets/img/pc/lb_kh.png) center center no-repeat;background-size:15px 15px}
.grid-music-container .u-volume .volume-control.muted{background:url(https://s1.shishengru.com/assets/img/pc/lb_c.png) center center no-repeat;background-size:15px 15px}
.grid-music-container .u-volume .volume-control.muted:hover{background:url(https://s1.shishengru.com/assets/img/pc/lb_ch.png) center center no-repeat;background-size:15px 15px}
.grid-music-container .m-music-list-wrap{display:block;margin:0 auto;width:714px}
.grid-music-container .m-music-list-wrap ul{-moz-column-count:2;-webkit-column-count:2;column-count:2;padding-top:25px;width:100%}
.grid-music-container .m-music-list-wrap li{display:block;line-height:30px;padding:0 10px;cursor:pointer;color:#010101;font-size:16px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grid-music-container .m-music-list-wrap li strong{font-size:16px;font-weight:400}
.grid-music-container .m-music-list-wrap li.current{color:#b6a385}
.grid-music-container .m-play-controls a{display:inline-block;vertical-align:middle}
.grid-music-container .m-play-controls .u-play-btn{display:inline-block;width:30px;height:30px;margin-right:15px;cursor:pointer}
.grid-music-container .m-play-controls .bofang,.grid-music-container .m-play-controls .ctrl-dl{display:inline-block;width:95px;height:35px;cursor:pointer;text-align:center;border:1px solid #b6a385;line-height:35px;font-size:14px;color:#000000;background:0 0}
.grid-music-container .m-play-controls .bofang:hover{background:0 0}
.grid-music-container .m-play-controls .prev{margin-left:15px}
.u-play-btn.next,.u-play-btn.prev{background:url(https://s1.shishengru.com/assets/img/pc/next.png) center center;background-size:30px 30px}
.u-play-btn.next:hover,.u-play-btn.prev:hover{background:url(https://s1.shishengru.com/assets/img/pc/next_h.png) center center;background-size:30px 30px}
.u-play-btn.prev{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.u-play-btn.play{background:url(https://s1.shishengru.com/assets/img/pc/paused.png) center center no-repeat;background-size:40px 40px}
.u-play-btn.play:hover{background:url(https://s1.shishengru.com/assets/img/pc/paused_h.png) center center no-repeat;background-size:40px 40px}
.u-play-btn.paused{background:url(https://s1.shishengru.com/assets/img/pc/playb.png) center center no-repeat;background-size:40px 40px}
.u-play-btn.mode{width:20px!important;height:18px!important;margin-right:10px!important}
.u-play-btn.mode-list{background-position:-181px -98px;margin-left:65px}
.u-play-btn.mode-list.current{background-position:-221px -98px}
.u-play-btn.mode-random{background-position:-201px -80px}
.u-play-btn.mode-random.current{background-position:-241px -80px}
.u-play-btn.mode-single{background-position:-181px -80px}
.u-play-btn.mode-single.current{background-position:-221px -80px}
.grid-music-container .m-music-lyric-wrap{width:220px;height:100%;background-color:rgba(255,255,255,.7);position:absolute;right:-220px;top:0;border-left:1px solid #FFFFFF;overflow:hidden}
.grid-music-container .m-music-lyric-wrap .inner{position:absolute;top:20px;left:20px;right:20px;bottom:20px;overflow-x:hidden;overflow-y:auto}
.grid-music-container .m-music-lyric-wrap .inner ul{position:absolute;width:100%;top:0;left:0;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}
.grid-music-container .m-music-lyric-wrap ul li{display:block;line-height:30px;height:30px;overflow:hidden;text-align:center;font-size:13px;color:#666}
.grid-music-container .m-music-lyric-wrap ul li.current{color:#2e86ef;font-size:14px;font-weight:700}
.grid-music-container .m-music-lyric-wrap ul li.eof{height:100%;line-height:250px;font-size:20px;color:#999999}
.u-play-btn.paused:hover{background:url(https://s1.shishengru.com/assets/img/pc/play_h.png) center center no-repeat;background-size:40px 40px}
.grid-music-container .m-play-controls .z-play-btn{display:inline-block;width:40px;height:40px;margin-right:15px;cursor:pointer}