#tbplayer{position:fixed;left:0;right:0;bottom:0;z-index:99999;background:#101418;color:#eee;font-family:Calibri,Arial,sans-serif;box-shadow:0 -2px 8px rgba(0,0,0,.4)}
body.tbp-on{padding-bottom:70px}
.tbp-seek{width:100%;margin:0;height:6px;display:block;-webkit-appearance:none;appearance:none;background:#333;cursor:pointer}
.tbp-seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#ff3b30}
.tbp-row{display:flex;align-items:center;gap:8px;padding:8px 14px;height:44px}
.tbp-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
.tbp-time{font-size:13px;color:#bbb;min-width:90px;text-align:center}
.tbp-btn{background:none;border:0;color:#eee;font-size:20px;cursor:pointer;padding:4px 8px;line-height:1}
.tbp-btn:hover{color:#fff}
.tbp-play{background:#ff3b30;border-radius:50%;width:38px;height:38px;font-size:15px}
.tbp-rep.on{color:#ff3b30}
.tbp-vol{width:90px}
.tbp-list{display:none;max-height:260px;overflow:auto;background:#1b2027;border-bottom:1px solid #333}
.tbp-list-head{padding:8px 14px;font-weight:bold;color:#ddd;display:flex;justify-content:space-between}
.tbp-clear{font-weight:normal;color:#ff6b61;cursor:pointer;font-size:13px}
.tbp-list ol{list-style:none;margin:0;padding:0}
.tbp-list li{display:flex;align-items:center;padding:6px 14px;border-top:1px solid #262c35;font-size:14px}
.tbp-list li.active{background:#2a3340;color:#fff}
.tbp-n{color:#888;margin-right:8px;min-width:24px}
.tbp-t{flex:1;cursor:pointer}
.tbp-x{color:#888;cursor:pointer;padding:0 6px}
.tbp-x:hover{color:#ff6b61}
@media(max-width:600px){.tbp-time,.tbp-vol{display:none}}