@charset "utf-8";
/* =========================================================
   FFZY 风格资源站样式
   主色: #ff8400 / #ff6a1f / #ff9522  辅色: #00adef
   ========================================================= */

* { box-sizing: border-box; }

html, body { height: 100%; }

body {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei", Tahoma, "hiragino sans gb", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #585858;
    background: #f5f5f5;
    min-width: 1000px;
}

div, form, img, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, span, a {
    margin: 0;
    padding: 0;
    border: 0;
}
ul, ol, li { list-style: none; }
img { max-width: 100%; border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
em, i { font-style: normal; }
a { text-decoration: none; color: #585858; }
a:hover { color: #ff6a1f; }
input, button, select, textarea { outline: none; font-family: inherit; }
.clear { clear: both; }
.red { color: #ff0000; }
.red-bold { color: #ff2d2d; font-weight: bold; }

.width1200 { width: 1100px; margin: 0 auto; }

/* ---------------- 公告条 ---------------- */
.index-header {
    text-align: center;
    background: rgba(244, 93, 19, 1);
    background: linear-gradient(90deg, #f45d13, #ff8400);
    padding: 12px 0;
}
.index-card {
    padding: 14px 20px;
    text-align: center;
    display: inline-block;
    border-radius: 6px;
    margin: 0 auto;
    font-size: 14px;
    background-color: #fff;
    width: 1060px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
}
.index-card li { list-style: none; line-height: 26px; }
.index-card hr { border: 0; border-top: 1px dashed #eee; margin: 6px 0; }
.titlestart { color: #ff0000; font-weight: bold; }
.card-content { color: #474957; font-weight: bold; }
.split { color: #ccc; margin: 0 6px; }

/* ---------------- 头部 ---------------- */
.head_box { background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .06); }
.header { min-height: 100px; position: relative; padding-top: 10px; overflow: hidden; }
.header_left { display: block; float: left; }
.header_left a { display: flex; align-items: center; width: 300px; height: 70px; }
.header_left img { max-width: 300px; max-height: 70px; width: auto; height: auto; margin-top: 6px; }
.header_right { height: 100%; float: left; margin-left: 40px; }
.header_submit { float: left; height: 40px; line-height: 40px; margin: 16px 0 8px; }
.header_submit_b { float: left; }
.header_submit_b input[type=text] {
    width: 340px; height: 40px; background-color: #fff; line-height: 40px;
    text-indent: 10px; color: #333; float: left; border: 2px solid #ff6a1f;
    border-radius: 3px 0 0 3px;
}
.header_submit_b input[type=text]::placeholder { color: #c4c4c4; }
.header_submit_b input[type=submit] {
    float: left; width: 80px; height: 40px; background-color: #ff6a1f;
    color: #fff; cursor: pointer; font-size: 14px; margin-left: -1px;
    border-radius: 0 3px 3px 0;
}
.header_submit_b input[type=submit]:hover { background: #ff8400; }
.header_list { clear: both; width: 100%; margin-top: 6px; }
.header_list ul { display: inline-block; }
.header_list ul li {
    float: left; border-right: 1px solid #969696; height: 12px; line-height: 12px;
    margin-right: 10px; padding-right: 10px; color: #666;
}
.header_list ul li:last-child { border: none; }
.header_fl { float: right; text-align: right; }
.header_fl .qq-c {
    color: #555; height: 40px; line-height: 40px; margin-top: 30px;
    padding-left: 26px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='%23ff8400'><path d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/></svg>") no-repeat left center;
}
.header_fl .qq-c a { color: #555; }
.header_fl .qq-c a:hover { color: #ff6a1f; }

/* ---------------- 导航 ---------------- */
.nav { width: 100%; background: #ff8400; height: 42px; margin-top: 10px; }
.nav .width1200 { position: relative; }
.nav ul li { position: relative; float: left; height: 42px; margin-right: 2px; line-height: 43px; text-align: center; z-index: 999; }
.nav ul li .nav-link, .nav ul li > .dropdown > a {
    display: block; color: #fff; font-size: 14px; padding: 0 22px;
}
.nav ul li.yes, .nav ul li:hover { background: #ff6a1f; }
.nav ul li .dropdown-content {
    position: absolute; display: none; top: 42px; left: 0;
    background-color: #fff; overflow: hidden; border: 1px solid #ff6a1f;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .12); min-width: 130px;
}
.nav ul li:hover .dropdown-content { display: block; }
.nav ul li .dropdown-content li {
    float: none; width: auto; height: 32px; line-height: 32px;
    border-bottom: 1px dashed #f0d5c0; margin-right: 0;
}
.nav ul li .dropdown-content li:last-child { border-bottom: 0; }
.nav ul li .dropdown-content li a {
    color: #333; font-size: 13px; padding: 0 20px; display: block;
    white-space: nowrap; text-align: left;
}
.nav ul li .dropdown-content li a:hover { color: #fff; background: #ff6a1f; }

/* ---------------- 影片列表表格 ---------------- */
.container { width: 1100px; margin: 0 auto; }
.addition-content { width: 1100px; margin: 0 auto; }
.addition-content .videotitle {
    padding: 0 20px; height: 48px; line-height: 48px; display: flex;
    background: linear-gradient(90deg, #ff8400, #ff6a1f);
    border-radius: 4px 4px 0 0;
}
.addition-content .videotitle span {
    display: inline-block; text-align: center; color: #fff; font-size: 15px;
    flex: none;
}
.addition-content .videotitle .videoName { flex: 1; text-align: left; padding-left: 10px; }
.addition-content .videotitle .region { width: 120px; }
.addition-content .videotitle .category { width: 120px; }
.addition-content .videotitle .address { width: 120px; }
.addition-content .videotitle .time { width: 170px; }

.kscont { width: 1100px; padding: 0 0 30px; margin: 0 auto; background: #fff; border-radius: 0 0 4px 4px; }
.videoContent { overflow: hidden; background: #fff; }
.addition-content .videoContent li {
    display: flex; align-items: center; width: 100%; min-height: 44px;
    line-height: 44px; border-bottom: 1px dotted #d8d8d8; cursor: pointer;
    padding: 0 20px; transition: background .15s;
}
.addition-content .videoContent li:last-child { border-bottom: 0; }
.addition-content .videoContent li:hover { background: #f1f1f1; }
.addition-content .videoContent a,
.addition-content .videoContent span { display: inline-block; font-size: 14px; flex: none; }
.addition-content .videoContent .videoName {
    flex: 1; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    color: #333; padding-right: 10px;
}
.addition-content .videoContent li:hover .videoName { color: #ff6a1f; }
.addition-content .videoContent .videoName i {
    margin-left: 8px; color: #fff; background: #00adef; line-height: 20px;
    border-radius: 4px; padding: 2px 6px; font-size: 11px;
}
.addition-content .videoContent .region { width: 120px; text-align: center; color: #999; }
.addition-content .videoContent .category { width: 120px; text-align: center; }
.addition-content .videoContent .category .tag {
    background: #fff3ea; color: #ff6a1f; border: 1px solid #f9d2b3;
    padding: 1px 8px; border-radius: 3px; font-size: 12px;
}
.addition-content .videoContent .address { width: 120px; text-align: center; color: #ff9522; }
.addition-content .videoContent .time { width: 170px; text-align: center; color: #ff2d2d; font-size: 13px; }

/* ---------------- 分页 ---------------- */
.index_list_foot { text-align: center; margin-top: 30px; padding: 10px 0; }
.index_list_foot ol { display: inline-block; }
.index_list_foot ol li, .page_btn, .page_input {
    float: left; height: 30px; line-height: 30px; border: 1px solid #e6e6e6;
    padding: 0 12px; margin-right: 6px; font-size: 13px; background: #fff;
}
.index_list_foot ol li a { color: #666; display: block; }
.index_list_foot ol li.active, .index_list_foot ol li:hover { background: #ff6a1f; border-color: #ff6a1f; }
.index_list_foot ol li.active a, .index_list_foot ol li:hover a { color: #fff; }
.index_list_foot ol li.none { border: 0; background: none; cursor: default; }

/* ---------------- 分类筛选 ---------------- */
.filter-box { width: 1100px; margin: 15px auto 0; background: #fff; padding: 12px 20px; border-radius: 4px; }
.filter-box dl { display: flex; padding: 6px 0; border-bottom: 1px dashed #eee; font-size: 13px; align-items: flex-start; }
.filter-box dl:last-child { border-bottom: 0; }
.filter-box dt { width: 70px; color: #999; flex: none; line-height: 26px; }
.filter-box dd { flex: 1; }
.filter-box dd a {
    display: inline-block; padding: 0 10px; height: 26px; line-height: 26px;
    color: #666; border-radius: 3px; margin: 0 4px 4px 0;
}
.filter-box dd a:hover { color: #ff6a1f; }
.filter-box dd a.active { background: #ff6a1f; color: #fff; }

/* ---------------- 详情页 ---------------- */
.detail-box { width: 1100px; margin: 15px auto 0; background: #fff; padding: 20px; border-radius: 4px; }
.detail-head { display: flex; }
.detail-pic {
    width: 220px; height: 300px; flex: none; background: #f6f6f6; border-radius: 4px;
    overflow: hidden; position: relative;
    display: flex; align-items: center; justify-content: center;
}
.detail-pic img { width: 100%; height: 100%; object-fit: cover; }
.detail-pic .no-pic { font-size: 40px; color: #ffb87a; font-weight: bold; }
.detail-info { flex: 1; padding-left: 25px; }
.detail-info h1 { font-size: 24px; color: #333; font-weight: 600; margin-bottom: 10px; }
.detail-info h1 em { font-size: 13px; color: #999; font-weight: normal; margin-left: 10px; }
.detail-meta { border-top: 1px solid #eee; margin-top: 10px; }
.detail-meta li { padding: 7px 0; border-bottom: 1px dashed #f0f0f0; color: #666; font-size: 13px; overflow: hidden; }
.detail-meta li b { display: inline-block; width: 70px; color: #999; font-weight: normal; }
.detail-meta li a { color: #00adef; margin-right: 8px; }
.detail-score { float: right; font-size: 22px; color: #ff8400; font-weight: bold; font-style: italic; }
.detail-tags a {
    display: inline-block; background: #fff3ea; border: 1px solid #f9d2b3; color: #ff6a1f;
    padding: 1px 8px; border-radius: 3px; margin-right: 6px; font-size: 12px;
}
.detail-desc { margin-top: 20px; }
.detail-desc h3 { font-size: 16px; color: #333; border-left: 3px solid #ff8400; padding-left: 8px; margin: 20px 0 10px; }
.detail-desc p { line-height: 24px; color: #666; font-size: 13px; }

/* ---------------- 播放区 ---------------- */
.play-wrap { width: 1100px; margin: 15px auto 0; background: #fff; border-radius: 4px; overflow: hidden; }
.play-title { height: 46px; line-height: 46px; padding: 0 20px; background: #3b4658; color: #fff; font-size: 15px; }
.play-title span { float: right; font-size: 12px; color: #ffb87a; }
.video-player { background: #000; width: 100%; }
.video-player video { width: 100%; height: 580px; display: block; background: #000; }
.play-alert { padding: 10px 20px; background: #fff8e1; color: #b8860b; font-size: 12px; display: none; }
.episode-box { padding: 15px 20px 25px; }
.episode-tabs { border-bottom: 1px solid #eee; margin-bottom: 12px; }
.episode-tabs span {
    display: inline-block; padding: 8px 18px; cursor: pointer; font-size: 14px;
    color: #666; border-bottom: 2px solid transparent;
}
.episode-tabs span.active { color: #ff6a1f; border-bottom-color: #ff6a1f; font-weight: bold; }
.episode-list { display: flex; flex-wrap: wrap; gap: 8px; max-height: 320px; overflow-y: auto; }
.episode-list a {
    display: inline-block; padding: 6px 14px; background: #fff3ea; border: 1px solid #f9d2b3;
    color: #333; border-radius: 3px; font-size: 13px; max-width: 200px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.episode-list a:hover { background: #cdf1ff; border-color: #00adef; color: #0086c3; }
.episode-list a.active { background: #ff6a1f; border-color: #ff6a1f; color: #fff; }

/* ---------------- 相关推荐 ---------------- */
.related-box { width: 1100px; margin: 15px auto 0; background: #fff; padding: 15px 20px 20px; border-radius: 4px; }
.related-box h3 { font-size: 16px; color: #333; border-left: 3px solid #ff8400; padding-left: 8px; margin-bottom: 15px; }
.related-list { display: flex; flex-wrap: wrap; gap: 15px; }
.related-list a {
    width: calc(16.666% - 13px); min-width: 150px; background: #fafafa; border: 1px solid #eee;
    border-radius: 4px; padding: 10px; color: #333; font-size: 13px;
}
.related-list a:hover { border-color: #ff6a1f; color: #ff6a1f; }
.related-list a p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.related-list a em { display: block; color: #999; font-size: 12px; margin-top: 4px; }

/* ---------------- 页面标题 ---------------- */
.page-crumb { width: 1100px; margin: 15px auto 0; color: #999; font-size: 13px; }
.page-crumb a { color: #666; }
.page-crumb a:hover { color: #ff6a1f; }
.list-nav {
    width: 1100px; margin: 10px auto 0; background: #ff8400; border-radius: 4px;
    padding: 8px 12px; color: #fff; font-size: 14px; line-height: 28px;
}
.list-nav span { margin-right: 6px; }
.list-nav a {
    display: inline-block; color: #fff; padding: 2px 12px; margin: 2px 2px;
    border-radius: 3px; font-size: 13px; line-height: 24px;
}
.list-nav a:hover { background: #ff6a1f; }
.list-nav .active { background: #fff3ea; color: #ff6a1f; font-weight: bold; }

/* ---------------- 空状态 ---------------- */
.empty { text-align: center; padding: 60px 0; color: #999; font-size: 14px; background: #fff; border-radius: 4px; margin-top: 15px; }

/* ---------------- 页脚 ---------------- */
.footer { width: 100%; background: #fff; margin-top: 25px; border-top: 3px solid #ff8400; }
.footer_right { width: 1100px; margin: 0 auto; text-align: center; padding: 20px 0; }
.footer_right p { clear: both; line-height: 25px; color: #555; font-size: 13px; }
.footer_right p a { color: #555; }
.footer_right p a:hover { color: #ff9522; }
.footer_right p span { color: #ccc; margin: 0 6px; }

/* ---------------- 采集接口说明页 ---------------- */
.api-page { width: 1100px; margin: 15px auto 0; background: #fff; padding: 25px 30px 35px; border-radius: 4px; }
.api-page h1 { font-size: 22px; color: #333; margin-bottom: 8px; }
.api-page h2 { font-size: 17px; color: #333; margin: 25px 0 12px; border-left: 3px solid #ff8400; padding-left: 8px; }
.api-page p { color: #666; line-height: 24px; font-size: 13px; }
.api-table { width: 100%; border: 1px solid #eee; margin-top: 10px; }
.api-table th, .api-table td { padding: 10px 12px; border-bottom: 1px solid #eee; text-align: left; font-size: 13px; }
.api-table th { background: #fafafa; color: #333; }
.api-table td code { background: #f5f5f5; padding: 2px 6px; border-radius: 3px; color: #d63384; font-size: 12px; word-break: break-all; }
.copy-btn {
    display: inline-block; padding: 2px 10px; background: #fff3ea; border: 1px solid #f9d2b3;
    color: #ff6a1f; border-radius: 3px; cursor: pointer; font-size: 12px; margin-left: 6px;
}
.copy-btn:hover { background: #ff6a1f; color: #fff; }
.param-table { width: 100%; border: 1px solid #eee; margin-top: 10px; }
.param-table th, .param-table td { padding: 8px 12px; border-bottom: 1px solid #eee; text-align: left; font-size: 13px; }
.param-table th { background: #fafafa; }
.param-table code { color: #d63384; }

/* ---------------- 搜索结果提示 ---------------- */
.search-tip { width: 1100px; margin: 15px auto 0; color: #666; font-size: 14px; }
.search-tip b { color: #ff6a1f; }

@media (max-width: 1140px) {
    .width1200, .container, .addition-content, .kscont, .page-crumb,
    .list-nav, .footer_right, .search-tip,
    .filter-box, .api-page, .play-wrap, .detail-box, .related-box,
    .nav .width1200 { width: 1000px; }
    .index-card { width: 960px; }
    .video-player video { height: 520px; }
}