.player{position:fixed;bottom:-2px;right:0;left:0;height:0;background:#fff;z-index:999;transition:.4s;border-top:2px solid #e2e2e2}
.player.active{height:51px}
.player .row{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;height:49px}
.player_controler{display:flex;align-items:center;flex-direction:row-reverse}
.player_controler span{width:25px;height:25px;margin:0 1px;cursor:pointer;display:flex;justify-content:center;align-items:center}
.player_controler span svg{width:20px;height:20px;fill:#4f4f4f}
.player_controler .player_next svg,.player_controler .player_prev svg{width:16px;height:16px}
.player_controler span.player_ctrl_play{font-size:20px}
.player_controler span.player_ctrl_volume{font-size:16px}
.player_controler span:hover{color:var(--bg--bc)}
.player_controler span.active{color:var(--bg--bc)}
.player_controler span.deactive{color:#fff;opacity:.4;cursor:default}
.player_time_show {display: flex;font-size: 14px;color: #4f4f4f;margin-right: 1em;}
.player_time_bar{width:calc(100% - 100px);position:relative;height:13px;flex:1;margin:0 1em}
.player_time_bar .player_time_mousemove{position:absolute;top:-28px;padding:0 12px;background:#4f4f4f;font-size:13px;color:#fff;display:none}
.player_time_bar:hover .player_time_mousemove{display:block}
.player_time_bar .player_time_bar_main{position:relative;height:12px;background:#d9d9d9;overflow:hidden;cursor:pointer}
.player_time_bar span{position:absolute;top:0;bottom:0;left:0;z-index:5;width:0;background:var(--bg--bc);}
.jmpld div{display:flex;align-items:center;flex-wrap:wrap}
.jmpld>div{position:relative;border-bottom:1px solid #e2e2e2;padding:.5em;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
.jmpld>div:first-child{border-top:1px solid #e2e2e2}
.jmpld .jmpleft span{display:flex;width:25px;height:25px;background:#4f4f4f;color:#fff;justify-content:center;align-items:center;margin:0 .2em 0 .5em;line-height:1px}
.jmpld .jmpleft strong,.jmpld .jmpleft .div strong{text-align:right;font-size:13px;color:#595959;white-space:nowrap;transition:.3s;overflow:hidden;color:#777;padding-right:15px}
.jmpldl{flex-direction:row-reverse}
.jmpldl a,.jmpldl span,.jmpldl del{font-size:13px;min-width:30px;height:30px;background:#4f4f4f;color:#fff;transition:.3s;cursor:pointer;text-align:center;line-height:31px;margin:4px;display:flex;justify-content:center;align-items:center;fill:#fff;flex-direction:row-reverse}
.jmpldl del svg,.jmpldl a svg{width:16px;height:16px;margin-right:.4em}
.jmpldl del{background:#cccc;color:#4f4f4f;cursor:no-drop;padding:0 .5em;fill:#4f4f4f}
.jmpldl span:hover{background:#1d1d1d}
.jmpldl span:before{display:block;height:38px;font-size:15px;line-height:2.5;overflow:hidden}
.jmpldl a{background:var(--bg--bc);padding:0 .5em}
.jmpldl a:hover {background: #1d1d1d;color: #fff !important;}
.jmpld>div.track.nowPlaying{background:rgb(244, 242, 249);border-bottom-color:var(--bg--bc)}
.jmpld .nowPlaying .jmpleft .divStrong{color:var(--bg--bc)}
.jmpld .nowPlaying .jmpleft span{background:var(--bg--bc)}
.jmpld>div.track .divstrong span{display:none}
.player_ctrl_play .fa{display:none}
.jmtplay .fa{display:none}
.jmtplay .fa svg{width:14px;height:14px}
.icon-play6 .fa-play{display:inline-flex}
.icon-pause .fa-pause{display:inline-flex}
.icon-pause5 .fa-pause{display:inline-flex}
.icon-pause5 .fa-pause svg{fill:var(--bg--bc)}
.player_ctrl_volume .fa{display:none}
.icon-sound-alt .fa-volume-up{display:inline-flex}
.icon-soundoff .fa-volume-off{display:inline-flex}
.jmsplay{cursor:pointer;margin:1em 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center}
.jmsplay span:nth-child(2){margin:0 0 1em;display:flex;align-items:center;justify-content:center;color:#4f4f4f;fill:#4f4f4f;width:100%}
.jmsplay span:nth-child(2) svg{width:24px;height:24px;margin-left:.7em}
.jmsplay span i{width:80px;height:80px;justify-content:center;align-items:center;margin:0 0 1em;border:2px solid #e2e2e2;fill:#4f4f4f}
.jmsplay i{display:none}
.jmsplay i svg{width:30px;height:30px}
.icon-play i.fa-play{display:flex}
.icon-pause3 i.fa-pause{display:flex;border-color:var(--bg--bc);fill:var(--bg--bc)}
.icon-pause3 i.fa-play{display:none}
.jmpld .jmpleft strong,.jmpld .jmpleft .divstrong:hover{color:#2283c2}
@media screen and (max-width:480px) {
.jmpld>div{flex-direction:column}
.jmpld div{margin:0}
.jmpld .jmpleft span {background: none !important;color: #4f4f4f;margin: 0 0 0 0.3em;width: auto;height: auto;}
.jmpld .jmpleft span:after{content:"-";margin-right: 0.2em;}
}
@media screen and (max-width:320px) {
.player_backward,.player_forward{display:none!important}
}