.cilo-deng{display:flex;align-items:center;gap:12px;background:#f5f7f9;border:1px solid #e1e6ea;border-radius:12px;padding:10px 12px;margin:0 0 18px;color:#1c2833;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;box-sizing:border-box}
.cilo-deng *{box-sizing:border-box}
.cilo-deng .cd-btn{flex:0 0 46px;width:46px;height:46px;border-radius:50%;border:0;background:#e8212b;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:none}
.cilo-deng .cd-btn:hover{background:#c91b24}
.cilo-deng .cd-btn svg{width:24px;height:24px;fill:#fff}
.cilo-deng .cd-i-pause,.cilo-deng.on .cd-i-play{display:none}
.cilo-deng.on .cd-i-pause{display:block}
.cilo-deng .cd-mid{flex:1;min-width:0}
.cilo-deng .cd-t{font-size:15px;font-weight:700;margin-bottom:8px;line-height:1.2}
.cilo-deng .cd-bar{height:8px;border-radius:4px;background:#d5dbe0;cursor:pointer;overflow:hidden}
.cilo-deng .cd-bar i{display:block;height:100%;width:0;background:#e8212b;border-radius:4px}
.cilo-deng .cd-pos{font-size:12px;color:#5d6b76;min-width:28px;text-align:center}
.cilo-deng .cd-spd{flex:0 0 auto;min-width:44px;height:34px;border:1px solid #c5ccd2;background:#fff;border-radius:17px;font-size:13px;font-weight:700;color:#1c2833;cursor:pointer;padding:0 8px;box-shadow:none}
#cilo-deng-box .cilo-deng{margin-bottom:10px;padding:8px;gap:8px}
#cilo-deng-box .cilo-deng .cd-t{font-size:13px}
@media(max-width:480px){.cilo-deng{padding:8px 10px;gap:8px}.cilo-deng .cd-t{font-size:14px}}