.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:#f4f2f9;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:0 0 !important;color:#4f4f4f;margin:0 0 0 .3em;width:auto;height:auto}.jmpld .jmpleft span:after{content:"-";margin-right:.2em}}@media screen and (max-width:320px){.player_backward,.player_forward{display:none!important}}