.player{position:fixed;bottom:0;right:0;left:0;height:0;background:#fff;z-index:999;transition:.4s;box-shadow:0 -5px 15px rgba(0,0,0,0.15)}
.player.active{height:49px;bottom:50px;}
.player .d1000{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:#575955}
.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:#006a8b}
.player_controler span.active{color:#006a8b}
.player_controler span.deactive{color:#fff;opacity:.4;cursor:default}
.player_time_show{display:flex;font-size:14px;color:#575955;margin-right:1.2em}
.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:#575955;font-size:13px;color:#fff;border-radius:12px;display:none}
.player_time_bar:hover .player_time_mousemove{display:block}
.player_time_bar .player_time_bar_main{position:relative;height:12px;background:#d9d9d9;border-radius:3px;overflow:hidden;cursor:pointer}
.player_time_bar span{position:absolute;top:0;bottom:0;left:0;z-index:5;width:0;background:#006a8b;border-radius:3px}
.single_dl_links{margin:0 auto 1em;width:94%}
.single_dl_links div{display:flex;align-items:center}
.single_dl_links > div {
position: relative;
border-bottom: 2px solid #eeeae6;
padding: 0.5em 0.4em;
display: flex;
align-items: center;
justify-content: space-between;
border-right: 3px solid #0d7291;
background: #ffac09;
}
.h2{
font-weight: 600;
font-size: 14px;
background: #08e64e; }
.single_dl_links>div:last-child{border-bottom:0}
.single_dl_links .tlfts span{display:flex;width:25px;height:25px;background:#575955;color:#fff;border-radius:.7em;justify-content:center;align-items:center;margin:0 .2em 0 .5em}
.single_dl_links .tlfts strong,.single_dl_links .tlfts .div strong{text-align:right;font-size:13px;color:#595959;white-space:nowrap;transition:.3s;overflow:hidden;color:#777;padding-right:15px}
.track_dl{flex-direction:row-reverse}
.track_dl a,.track_dl span,.track_dl del{font-size:13px;min-width:30px;height:30px;background:#575955;color:#fff;transition:.3s;cursor:pointer;text-align:center;line-height:31px;margin:4px;border-radius:3px;display:flex;justify-content:center;align-items:center;fill:#fff;flex-direction:row-reverse}
.track_dl del svg,
.track_dl a svg {
width: 16px;
height: 16px;
margin-right: 0.4em;
}
.track_dl del {
background: #cccc;
color: #575955;
cursor: no-drop;
padding: 0 0.5em;
fill: #575955;
}
.track_dl span:hover{background:#555}
.track_dl span:before{display:block;height:38px;font-size:15px;line-height:2.5;overflow:hidden}
.track_dl a {
background: #006a8b;
box-shadow: 0 3px 8px rgba(0, 106, 139, 0.15);
padding: 0 0.5em;
color: #fff !important;
}
.track_dl a:hover{background:#1a1c18;box-shadow:0 3px 8px rgb(0 0 0 / 10%)}
.single_dl_links>div.track.nowPlaying {
background: rgb(110 182 72 / 7%);
border-right-color: #006a8b;
}
.single_dl_links .nowPlaying .tlfts .divStrong{color:#006a8b}
.single_dl_links .nowPlaying .tlfts span{background:#006a8b}
.single_dl_links>div.track .divstrong span{display:none}
.player_ctrl_play .fa{display:none}
.playThis .fa{display:none}
.playThis .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:#006a8b}
.player_ctrl_volume .fa{display:none}
.icon-sound-alt .fa-volume-up{display:inline-flex}
.icon-soundoff .fa-volume-off{display:inline-flex}
.onlinePlay{cursor:pointer;width:94%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top: 1em;}
.onlinePlay span:nth-child(2){margin:0 0 1em;display:flex;align-items:center;justify-content:center;color:#575955;fill:#575955;width:100%}
.onlinePlay span:nth-child(2) svg{width:24px;height:24px;margin-left:.7em}
.onlinePlay span i{width:80px;height:80px;justify-content:center;align-items:center;background:#f2f2f2;border-radius:50%;margin:0 0 1em}
.onlinePlay i{display:none}
.onlinePlay i svg{width:30px;height:30px}
.icon-play i.fa-play{display:flex}
.icon-pause3 i.fa-pause{display:flex;background:#006a8b;fill:#fff}
.icon-pause3 i.fa-play{display:none}
.single_dl_links .tlfts strong,.single_dl_links .tlfts .divstrong:hover{color:#2283c2}
@media screen and (max-width:480px) {
.single_dl_links>div{flex-direction:column}
.single_dl_links div{margin:.3em 0}
.single_dl_links>div{border:1px solid #282725!important;background:#fb9e12;border-radius:1em}
}
@media screen and (max-width:320px) {
.player_backward,.player_forward{display:none!important}
}