/* mytheme-extra.css —— dy5 模板补充样式（原各页面内联样式统一抽出） */

body{font-family:"Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;}
[class*=col-],.myui-content__list li,.myui-vodlist__media.col li{ padding:10px; }
.btn{ border-radius:5px; }

/* 海报占位图与比例 */
.myui-vodlist__thumb{ border-radius:5px; padding-top:150%; background: url(/template/dy5/static/images/load.png) no-repeat; }
.myui-vodlist__thumb.square{ padding-top:100%; background: url(/template/dy5/static/images/load_f.png) no-repeat; }
.myui-vodlist__thumb.wide{ padding-top:60%; background: url(/template/dy5/static/images/load_w.png) no-repeat; }
.myui-vodlist__thumb.actor{ padding-top:140%; }
.flickity-prev-next-button.previous{ left:10px; }
.flickity-prev-next-button.next{ right:10px; }

/* 侧栏 / 面板 / 间距 */
.myui-sidebar{ padding:0 0 0 20px; }
.myui-panel{ margin-bottom:20px; border-radius:5px; }
.myui-panel-mb{ margin-bottom:20px; }
.myui-player__item .fixed{ width:500px; }
.myui-vodlist__text li a,.myui-vodlist__media li{ padding:10px 0; }
.myui-screen__list{ padding:10px 10px 0; }
.myui-screen__list li{ margin-bottom:10px; margin-right:10px; }
.myui-page{ padding:0 10px; }
.myui-extra{ right:20px; bottom:30px; }

/* 顶部渐变背景 */
.myui-topbg{ position:absolute; top:0; left:0; right:0; width:100%; background-image:linear-gradient(135deg,#583230 10%,#360940 100%); }

/* 宽屏适配 */
@media (min-width:1200px){
	.container{ max-width:1200px; padding-left:0; padding-right:0; }
	.container.min{ width:1200px; padding:0; }
}

/* 移动端适配 */
@media (max-width:767px){
	body,body.active{ padding-bottom:50px; }
	[class*=col-],.myui-panel,.myui-content__list li{ padding:5px; }
	.flickity-prev-next-button.previous{ left:5px; }
	.flickity-prev-next-button.next{ right:5px; }
	.myui-vodlist__text li a,.myui-vodlist__media li{ padding:10px 0; }
	.myui-screen__list{ padding:10px 5px 0; }
	.myui-screen__list li{ margin-bottom:5px; margin-right:5px; }
	.myui-extra{ right:20px; bottom:80px; }
	.myui-page{ padding:0 5px; }
	.myui-header__search .search-hot{ display:none; }
	.myui-header__logo .logo{ font-size:18px; }
	.myui-header__menu{ display:none; }
}

/* 播放源 / 筛选 tab */
.myui-nav-tabs li a{ display:block; padding:6px 16px; font-size:13px; color:#666; border:1px solid #eee; border-radius:4px; background:#fff; }
.myui-nav-tabs li.active a{ color:#fff; background:#4cae4c; border-color:#4cae4c; }
.myui-content__list li a{ display:inline-block; padding:6px 14px; font-size:13px; color:#666; background:#f5f5f5; border:1px solid #eee; border-radius:4px; }
.myui-content__list li a:hover,.myui-content__list li a.active{ color:#fff; background:#4cae4c; border-color:#4cae4c; }

/* 分页 */
.myui-page ul.pagination{ list-style:none; padding:0; margin:10px auto 0; display:flex; flex-wrap:wrap; justify-content:center; }
.myui-page ul.pagination li{ display:inline-block; margin:0 3px 6px; }
.myui-page ul.pagination li a,.myui-page ul.pagination li span{ display:inline-block; padding:6px 12px; font-size:13px; color:#333; background:#fff; border:1px solid #ddd; border-radius:4px; text-decoration:none; }
.myui-page ul.pagination li a:hover{ color:#000; background:#4cae4c; border-color:#4cae4c; }
.myui-page ul.pagination li.active span,.myui-page ul.pagination li.disabled span{ color:#fff; background:#4cae4c; border-color:#4cae4c; }
.myui-page ul.pagination li.disabled span{ background:#eee; color:#999; border-color:#ddd; }