@charset "utf-8"; 

.sdd { margin:14px 14px; }
.sdd .sdd-inner { display:flex; align-items:center; gap:12px; padding:16px 16px; background:#fff; border:1px solid #ececec; border-radius:5px; overflow:hidden; }
.sdd .sdd-inner .icon { width:45px; height:45px; background:#616161; border-radius:50%; }
.sdd .sdd-inner .icon.active { background:var(--point-color); }
.sdd .sdd-inner .icon img { width:100%; }
.sdd .sdd-inner .desc { flex:1; }
.sdd .sdd-inner .time-box { margin:8px 0 0; line-height:1; }
.sdd .sdd-inner .sdd-front { color:#121212; font-size:13px; font-weight:700; }
.sdd .sdd-inner .sdd-back { color:#121212; font-size:12px; }
.sdd .sdd-inner #sddTime { color:var(--point-color); font-size:12px; font-weight:400; }