/* ============================================================
   dy5 模板 · 全部自定义样式合并（dy5.css）
   分组（用 ===== 注释标注）：
     1. boob.css             —— 模板基础补充 + 集中管理块
     2. dy5-headfoot.css     —— 头部/底部公共（渐变、导航、防溢出）
     3. dy5-pages.css        —— 详情/首页/分类/播放/搜索 背景覆盖
     4. dy5-fjxtag.css       —— fjx/tag 背景覆盖
   ============================================================ */

body{font-family:"Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}[class*=col-],.vod-item,.vod-rank-item,.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;}@media (min-width: 1200px){.container{ max-width: 1200px;}.container{ padding-left: 0px;  padding-right: 0px;}.container.min{ width: 1200px; padding: 0;}}@media (max-width: 767px){body,body.active{ padding-bottom: 50px;}[class*=col-],.vod-item,.vod-rank-item,.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;}}


.hy-page {
	margin:20px 0;
	text-align:center
}
.hy-page ul li {
	display:inline-block;
	padding:0;
	margin-left:10px
}
.hy-page ul li .num,.hy-page ul li a {
	display:inline-block;
	padding:8px 15px;
	border-radius:4px
}
.hy-page-block {
	padding:30px
}
/*分页样式*/
.page{height:45px;line-height:33px;text-align:center;width:650px;overflow:hidden;margin:5px auto 0}
.page span{float:left;height:33px;line-height:33px;margin-right:2px;padding:2px 14px;font-size:12px}
.page em.nolink{font-style:normal;background-color:white;border:1px solid #DDDDDD;color:#999999;font-weight:400;height:33px;line-height:33px}
.page input{display:none;}
.page .btn{display:none;}
.page em{background-color:#4cae4c;border:1px solid #4cae4c ;color:#000;float:left;font-weight:bold;height:31px;line-height:32px;margin:2px;padding:0px 14px;text-align:center;font-style:normal;margin-top:2px}
.page a:link, .page a:visited{background-color:#FFFFFF;border:1px solid #DDDDDD;color:#333333;display:inline;float:left;height:32px;line-height:32px;margin-right:1px;padding:0px 14px;margin-left:1px;text-decoration:none;margin-top:2px}
.page a:hover{background-color:#4cae4c;border:1px solid #4cae4c;padding:0px 14px;color:#000;text-decoration:none}

.wordlist li{display:block;width:250px;overflow:hidden;}
.wordlist a{display:block;width:250px;overflow:hidden;}

/* =========================================================
   dy5 模板内联样式集中管理（原散落在各页面 style="" 中）
   ========================================================= */
/* 分类页/首页/标签页 顶部热区 */
#type-hot,
#index-hot { padding: 15px 0; }
/* 影片语言角标（pic-tag-top） */
.pic-tag-top { background-color: #5bb7fe; }
/* 二维码容器 */
.qrcode-box.active { background-color: #ffffff; }
/* 详情页选集列表滚动区 */
.sort-list { max-height: 300px; overflow: auto; }
/* 剧情介绍内标签行 */
.jq-tags { margin-top: 15px; }
/* 头部 Logo */
.myui-header__logo img { max-width: 120px; }
.myui-header__logo .hidden-xs { margin-top: 12px; }
.myui-header__logo .visible-xs { margin-top: 7px; }
/* 头部用户菜单 */
.myui-header__user { margin-right: 6px; }
.myui-header__user .dropdown-box { right: 0; margin-left: 0; margin-right: -78px; padding-top: 10px; }
/* 头部热门分类栏 */
.search-hot { line-height: 48px; }
/* 搜索下拉词列表 */
.wordlist { max-width: 250px; max-height: 400px; overflow: hidden; }
/* 自动补全容器默认隐藏（JS 显示时用内联 display 覆盖） */
.autocomplete-suggestions { display: none; }
/* 播放器区域背景 */
.myui-player__item { background-color: #1f1f1f; }
.myui-player__item .tips.close-box { background-color: #181515; }
.myui-player__operate { background-color: #1b1a25; }
/* 播放器右侧选集栏滚动 */
#player-sidebar { max-height: 555px; overflow-y: auto; }
/* 播放器分享下拉框定位与宽度 */
.myui-player__operate .dropdown-box.bottom { margin-left: -130px; }
.myui-player__operate .dropdown-box .item.text-center { width: 260px; }
/* 播放器视频比例 */
.embed-responsive { padding-bottom: 56.25%; }
/* 播放器选集文字：普通集白色、当前集红色加粗 */
#player-sidebar .myui-content__list li a { color: #fff; }
#player-sidebar .myui-content__list li.playon a { color: #F33; font-weight: bold; }
/* 当前播放线路高亮 */
.source-current { color: #FFA500; }
/* 默认隐藏元素（由 JS 控制显示） */
.backtop,
.player-fixed-off,
.hit-loading { display: none; }
/* 播放记录空状态 */
.history-empty { padding: 80px 0; text-align: center; }


/* ============================================================
   dy5 模板 · 头部/底部公共样式（dy5-headfoot.css）
   来源：template/dy5/header.php 内联 <style> 抽取
   适用：全站所有页面（经 header.php 引入）
   内容：顶部渐变背景、导航透明白字、手机端适配、
         顶部广告条透明化、防横向滚动
   ============================================================ */

/* 全站防横向滚动（双保险） */
html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
}

/* 全站背景：浅灰底 #f8f8f8 + 顶部深紫渐变层 .myui-topbg。
   原理：模板头部结构 = <div class="myui-topbg"> + 透明 header，
   紫色由 .myui-topbg 的 height 撑起（它在文档流里，不会被内容卡片盖住）。
   普通页 500px；详情页单独高度见下方规则。 */
body {
    background-color: #f8f8f8;
}
.myui-topbg {
    display: block;
    height: 500px;
    background-image: linear-gradient(135deg, #583230 10%, #360940 100%);
    background-repeat: no-repeat;
}
/* PC 端：body.active 默认 padding-top:110px，用负 margin 把背景层拉到页面最顶 */
@media (min-width: 768px) {
    .myui-topbg {
        margin-top: -110px;
    }
}
/* 详情页单独设置（PC 端 220px，后续只需改这一条即可单独调整详情页） */
@media (min-width: 768px) {
    body.page-detail .myui-topbg {
        height: 220px !important;
    }
}

/* 手机端（≤767px）头部适配 */
@media (max-width: 767px) {
    body,
    body.active {
        padding-top: 0 !important;
    }
    .myui-header__top {
        position: relative !important;
        top: auto !important;
        width: 100% !important;
        z-index: 1 !important;
        background: none !important;
        box-shadow: none !important;
    }

    .myui-header__top a,
    .myui-header__top .fa,
    .myui-header__top .form-control {
        color: #fff !important;
    }
    .myui-header__top .form-control::placeholder {
        color: rgba(255,255,255,0.7) !important;
    }
    /* 修复：搜索框 width:100% + left:120px 会超出屏幕 120px，改成 calc 不溢出 */
    .myui-header__search li.search-box {
        position: absolute !important;
        width: calc(100% - 130px) !important;
        left: 120px !important;
        top: 0 !important;
    }
    /* 顶部广告条：透明化 + 不占空隙 */
    #mobTopAd {
        position: relative !important;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 999 !important;
        background: transparent !important;
        box-shadow: none !important;
        padding-bottom: 0 !important;
    }
    /* 保险：广告图宽度 100vw 改 100%，防止撑宽页面 */
    #mobTopAd .mob-ad-img {
        width: 100% !important;
    }
}

/* 全站背景：紫色由 .myui-topbg 背景层高度控制（见上方全局规则），
   body 只负责浅灰底；首页 500px、详情页单独高度见上方规则 */

/* ============================================================
   dy5 模板 · fjx/tag 页样式（dy5-fjxtag.css）
   适用页面：fjx（今日更新） / tag（标签页）
   来源：fjx.php / tag.php 内联 <style> 抽取
   说明：按页面标识 class 隔离
   ============================================================ */

/* ============================================================
   dy5 模板 · 头部导航下拉面板样式（dy5-dropdown.css）
   需求：下拉展开时为白色背景（强制白底，防止被透明规则覆盖）
   适用：头部 播放记录 / 菜单导航 / 热门搜索 / 搜索联想 下拉
   ============================================================ */
.myui-header__top .dropdown-box,
.myui-header__top .dropdown-box .item {
    background-color: #fff !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
}
/* 热门搜索下拉：深灰底改白色 */
.search-dropdown-hot {
    background: #fff !important;
}
/* 搜索联想下拉：展开时白色底 */
.autocomplete-suggestions {
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
}

/* ============================================================
   dy5 模板 · 头部滚动切换过渡（dy5-header-scroll.css）
   顶部紫底 ↔ 滚动后白底：背景/边框平滑过渡
   注意：同时保留 headroom 的 margin-top 滑动动画（.5s）
   ============================================================ */
#header-top {
    transition: background-color .3s ease, border-color .3s ease, margin-top .5s ease;
}

/* ============================================================
   dy5 模板 · 手机端背景（dy5-mobile-bg.css）
   适用：≤767px 手机端
   普通页：.myui-topbg 500px（紫色露出高度，可自行调整）
   详情页：无广告 180px；有顶部广告时 420px（盖过广告条+导航）
   ============================================================ */
@media (max-width: 767px) {
    .myui-topbg {
        display: block;
        height: 500px;
        background-image: linear-gradient(135deg, #583230 10%, #360940 100%);
        background-repeat: no-repeat;
    }
    /* 详情页单独设置：无广告 180px；有广告 420px */
    body.page-detail .myui-topbg {
        height: 180px !important;
    }
    body.page-detail:has(#mobTopAd) .myui-topbg {
        height: 420px !important;
    }
}