.stui-vodlist__bd{display:flex;flex-wrap:wrap;margin:0 -10px}
.stui-vodlist__bd li{padding:0 10px;margin-bottom:20px;flex:0 0 20%;max-width:20%}
@media (max-width:1200px){.stui-vodlist__bd li{flex:0 0 25%;max-width:25%}}
@media (max-width:991px){.stui-vodlist__bd li{flex:0 0 33.333%;max-width:33.333%}}
@media (max-width:767px){.stui-vodlist__bd li{flex:0 0 33.333%;max-width:33.333%}}
@media (max-width:480px){.stui-vodlist__bd li{flex:0 0 33.333%;max-width:33.333%}}
.stui-vodlist__media li .thumb{flex:0 0 45px}
.stui-vodlist__media li .thumb .stui-vodlist__thumb{width:40px;height:56px;background-size:cover;background-position:center;border-radius:6px;overflow:hidden;position:relative;display:block}
.stui-vodlist__media li .detail-side{flex:1}
.stui-vodlist__media li .detail-side .margin-0{margin:0}
.stui-vodlist__media li .detail-side p a{font-size:13px;color:#cbd5e1;display:block;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stui-vodlist__media li .detail-side p a:hover{color:#3b82f6}
.stui-vodlist__media li .score{font-size:11px;color:#64748b;display:flex;align-items:center;gap:5px}
.stui-vodlist__media li .score .branch{background:#1e293b;padding:2px 8px;border-radius:4px;color:#94a3b8}
.top-line-dot{border-top:1px dashed #334155;padding-top:12px;margin-top:12px}
.text-red{color:#ef4444;font-weight:600;margin-right:5px}
.stui-vodlist__text li{padding:12px 15px;border-bottom:1px solid #334155;transition:all .3s ease;display:flex;align-items:center;gap:10px}
.stui-vodlist__text li:hover{background:#0f172a;padding-left:18px;border-radius:4px}
.stui-vodlist__text li a{flex:1;font-size:13px;color:#cbd5e1;display:flex;align-items:center;overflow:hidden}
.stui-vodlist__text li a .text-muted{font-size:11px;color:#64748b;margin-left:auto;flex-shrink:0}
.stui-vodlist__text li a:hover{color:#3b82f6}
.downlist{display:block;max-height:500px;overflow-y:auto}
.downlist li{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #334155;transition:all .3s ease}
.downlist li:hover{background:#0f172a}
.downlist li.striped-head{background:#0f172a;font-weight:500}
.downlist li.striped-head span{color:#94a3b8;font-size:12px}
.downlist li.top-line{border-top:1px solid #334155}
.downlist li .col-md-wide-65,.downlist li .col-sm-wide-6,.downlist li .col-xs-wide-6{flex:0 0 65%;max-width:65%}
.downlist li .col-md-wide-35,.downlist li .col-sm-wide-4,.downlist li .col-xs-wide-4{flex:0 0 35%;max-width:35%;text-align:right}
@media (max-width:767px){.downlist li .col-xs-wide-6{flex:0 0 60%;max-width:60%}
.downlist li .col-xs-wide-5{flex:0 0 40%;max-width:40%}}
.downlist li .col-md-wide-25{flex:0 0 25%;max-width:25%}
.downlist li input[type="checkbox"]{width:16px;height:16px;cursor:pointer;margin-right:5px}
.downlist li input.down_url{width:auto;display:inline-block;margin-right:8px}
.downlist li a.common_down{color:#3b82f6;text-decoration:none;font-size:13px;transition:all .3s ease}
.downlist li a.common_down:hover{text-decoration:underline;color:#2563eb}
.downlist li .btn{padding:6px 14px;border-radius:6px;font-size:12px;margin-left:5px;transition:all .3s ease}
.downlist li .btn:hover{transform:translateY(-2px)}
.striped-head{background:#0f172a;border-bottom:1px solid #334155;padding:10px 15px;font-size:12px;color:#94a3b8}
.striped-head:hover{background:#0f172a;padding-left:15px}
@media (max-width:767px){.downlist li .btn{padding:5px 10px;font-size:11px;margin-left:3px}}
.col-md-wide-25{flex:0 0 25%;max-width:25%}
.col-md-wide-35{flex:0 0 35%;max-width:35%}
.col-md-wide-65{flex:0 0 65%;max-width:65%}
.col-sm-wide-4{flex:0 0 40%;max-width:40%}
.col-sm-wide-5{flex:0 0 45%;max-width:45%}
.col-sm-wide-6{flex:0 0 55%;max-width:55%}
.col-xs-wide-4{flex:0 0 40%;max-width:40%}
.col-xs-wide-5{flex:0 0 45%;max-width:45%}
.col-xs-wide-6{flex:0 0 55%;max-width:55%}
@media (max-width:767px){.col-md-wide-25,.col-md-wide-35,.col-md-wide-65{flex:0 0 auto;max-width:none}}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}