电视指南网_电视剧演员表_电视剧剧情介绍zn技术网
电视指南网_电视剧演员表_电视剧剧情介绍zn技术网 /* === 1. 全局重置 (Reset) === */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } body { font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background: #fff; line-height: 1. 5; } ul, ol { list-style: none; } a { text-decoration: none; color: #333; cursor: pointer; } a: hover { color: #c00; text-decoration: underline; } img { display: none! important; } /* 彻底禁止图片显示 */. fn-clear: after { content: ". "; display: block; height: 0; clear: both; visibility: hidden; }. fn-clear { zoom: 1; }. fn-left { float: left; }. fn-right { float: right; } /* === 2. 布局容器 === */. tn-wrapper, . tn-wrapper-inner { width: 980px; margin: 0 auto; position: relative; }. maxBox { width: 980px; margin: 0 auto; margin-top: 15px; } /* === 3. 顶部 Header & 搜索框 === */. tn-header-bg { background: #f8f8f8; border-bottom: 1px solid #ddd; padding: 15px 0; } #spb-logo-top a { font-size: 28px; font-weight: bold; color: #0066cc; text-decoration: none; float: left; line-height: 34px; font-family: "Microsoft YaHei"; }. bd-top { float: right; }. inp-top input. ui-autocomplete-input { border: 2px solid #0066cc; height: 26px; line-height: 26px; width: 250px; padding: 2px 5px; float: left; }. bn-srh { background: #0066cc; color: #fff; border: none; height: 34px; width: 70px; cursor: pointer; font-weight: bold; font-size: 14px; float: left; }. bn-srh: hover { background: #005bb5; } /* === 4. 蓝色导航栏 === */. spb-nav1-area-top { background: #0066cc; height: 40px; margin-top: 15px; width: 100%; min-width: 980px; }. spb-nav1-top { width: 980px; margin: 0 auto; }. spb-nav1-top li { float: left; }. spb-nav1-top li a { display: block; padding: 0 20px; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold; }. spb-nav1-top li a: hover { background: #005bb5; text-decoration: none; } /* === 5. Tab 选项卡样式 === */. ui-tabs-nav { border-bottom: 2px solid #0066cc; height: 33px; margin-bottom: 15px; background: #fff; padding-top: 10px; }. ui-tabs-nav li { float: left; margin-right: 5px; height: 32px; line-height: 32px; border: 1px solid #ddd; border-bottom: none; background: #f5f5f5; border-radius: 4px 4px 0 0; }. ui-tabs-nav li a { display: block; padding: 0 20px; font-size: 14px; font-weight: bold; color: #555; text-decoration: none; }. ui-tabs-nav li. ui-tabs-selected { background: #0066cc; border-color: #0066cc; }. ui-tabs-nav li. ui-tabs-selected a, . ui-tabs-nav li. ui-tabs-selected h2 { color: #fff; }. ui-tabs-panel { display: none; }. ui-tabs-panel. active, #ui-tabs-1, #tv-tabs-1, #movie-tabs-1 { display: block; } /* === 6. 多彩无图海报样式 (修复换行问题的核心) === */. hot-latest, . ui-tabs-panel { overflow: hidden; } /* 关键修改：将负边距设为 -10px，配合下方 li 的 10px 边距 */. pic-list { margin-right: -10px; overflow: hidden; padding-bottom: 10px; } /* 关键修改：将间距 margin-right 减小到 10px，确保7个能排在一行 */. pic-list li { float: left; width: 125px; margin-right: 10px; margin-bottom: 15px; display: inline; }. no-img-poster { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 165px; background-color: #eee; color: #fff; text-align: center; position: relative; overflow: hidden; border-radius: 4px; cursor: pointer; transition: transform 0. 2s; }. no-img-poster: hover { transform: translateY(-3px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0. 2); }. poster-title { font-size: 15px; font-weight: bold; line-height: 1. 3; padding: 0 5px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0. 3); }. poster-icon { font-size: 24px; margin-bottom: 8px; opacity: 0. 8; }. poster-tag { position: absolute; bottom: 0; right: 0; background: rgba(0, 0, 0, 0. 6); color: #fff; font-size: 12px; padding: 2px 6px; border-top-left-radius: 4px; } /* 颜色循环 */. pic-list li: nth-child(5n+1). no-img-poster { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }. pic-list li: nth-child(5n+2). no-img-poster { background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 99%, #fecfef 100%); }. pic-list li: nth-child(5n+3). no-img-poster { background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); }. pic-list li: nth-child(5n+4). no-img-poster { background: linear-gradient(135deg, #c471f5 0%, #fa71cd 100%); }. pic-list li: nth-child(5n+5). no-img-poster { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }. pic-list p { text-align: center; height: 22px; line-height: 22px; overflow: hidden; margin-top: 3px; }. pic-list p a { color: #666; font-size: 12px; }. txt-list li { float: left; width: 33%; height: 30px; line-height: 30px; overflow: hidden; }. txt-list li span { color: #ccc; margin-right: 5px; font-family: Arial; } /* === 7. 左右分栏布局 === */ /* 内容区 715px + padding 20px + border 2px = 737px */ /* 右侧栏 230px */ /* 总计 967px (小于980px，安全) */. ui-qire. conBox { width: 715px; float: left; border: 1px solid #ddd; padding: 10px; min-height: 400px; }. sideBar { width: 230px; float: right; }. ui-sort, . ui-top-tab { border: 1px solid #ddd; background: #fff; margin-bottom: 15px; }. ui-sort. caption, . ui-top-tab. caption { background: #f9f9f9; height: 35px; line-height: 35px; border-bottom: 1px solid #ddd; padding: 0 10px; }. ui-sort. caption h3, . ui-top-tab. caption h3 { font-size: 14px; font-weight: bold; color: #333; float: left; }. ui-sort. content, . ui-top-tab. content { padding: 10px; overflow: hidden; }. taglist dd { float: left; width: 50%; height: 26px; line-height: 26px; }. ul-top li { height: 28px; line-height: 28px; border-bottom: 1px dotted #eee; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }. ul-top li: before { content: "•"; color: #0066cc; margin-right: 5px; } /* === 8. 底部 === */ #tn-footer { margin-top: 20px; border-top: 3px solid #0066cc; padding: 20px 0; text-align: center; background: #f8f8f8; color: #666; }. tn-footer-legal a { color: #666; margin: 0 5px; }. ui-tabs-hide { display: none! important; } function setContentTab(tt, name, curr, n) { for (i = 1; i
电视指南网_电视剧演员表_电视剧剧情介绍zn技术网 /* === 1. 全局重置 (Reset) === */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } body { font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background: #fff; line-height: 1. 5; } ul, ol { list-style: none; } a { text-decoration: none; color: #333; cursor: pointer; } a: hover { color: #c00; text-decoration: underline; } img { display: none! important; } /* 彻底禁止图片显示 */. fn-clear: after { content: ". "; display: block; height: 0; clear: both; visibility: hidden; }. fn-clear { zoom: 1; }. fn-left { float: left; }. fn-right { float: right; } /* === 2. 布局容器 === */. tn-wrapper, . tn-wrapper-inner { width: 980px; margin: 0 auto; position: relative; }. maxBox { width: 980px; margin: 0 auto; margin-top: 15px; } /* === 3. 顶部 Header & 搜索框 === */. tn-header-bg { background: #f8f8f8; border-bottom: 1px solid #ddd; padding: 15px 0; } #spb-logo-top a { font-size: 28px; font-weight: bold; color: #0066cc; text-decoration: none; float: left; line-height: 34px; font-family: "Microsoft YaHei"; }. bd-top { float: right; }. inp-top input. ui-autocomplete-input { border: 2px solid #0066cc; height: 26px; line-height: 26px; width: 250px; padding: 2px 5px; float: left; }. bn-srh { background: #0066cc; color: #fff; border: none; height: 34px; width: 70px; cursor: pointer; font-weight: bold; font-size: 14px; float: left; }. bn-srh: hover { background: #005bb5; } /* === 4. 蓝色导航栏 === */. spb-nav1-area-top { background: #0066cc; height: 40px; margin-top: 15px; width: 100%; min-width: 980px; }. spb-nav1-top { width: 980px; margin: 0 auto; }. spb-nav1-top li { float: left; }. spb-nav1-top li a { display: block; padding: 0 20px; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold; }. spb-nav1-top li a: hover { background: #005bb5; text-decoration: none; } /* === 5. Tab 选项卡样式 === */. ui-tabs-nav { border-bottom: 2px solid #0066cc; height: 33px; margin-bottom: 15px; background: #fff; padding-top: 10px; }. ui-tabs-nav li { float: left; margin-right: 5px; height: 32px; line-height: 32px; border: 1px solid #ddd; border-bottom: none; background: #f5f5f5; border-radius: 4px 4px 0 0; }. ui-tabs-nav li a { display: block; padding: 0 20px; font-size: 14px; font-weight: bold; color: #555; text-decoration: none; }. ui-tabs-nav li. ui-tabs-selected { background: #0066cc; border-color: #0066cc; }. ui-tabs-nav li. ui-tabs-selected a, . ui-tabs-nav li. ui-tabs-selected h2 { color: #fff; }. ui-tabs-panel { display: none; }. ui-tabs-panel. active, #ui-tabs-1, #tv-tabs-1, #movie-tabs-1 { display: block; } /* === 6. 多彩无图海报样式 (修复换行问题的核心) === */. hot-latest, . ui-tabs-panel { overflow: hidden; } /* 关键修改：将负边距设为 -10px，配合下方 li 的 10px 边距 */. pic-list { margin-right: -10px; overflow: hidden; padding-bottom: 10px; } /* 关键修改：将间距 margin-right 减小到 10px，确保7个能排在一行 */. pic-list li { float: left; width: 125px; margin-right: 10px; margin-bottom: 15px; display: inline; }. no-img-poster { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 165px; background-color: #eee; color: #fff; text-align: center; position: relative; overflow: hidden; border-radius: 4px; cursor: pointer; transition: transform 0. 2s; }. no-img-poster: hover { transform: translateY(-3px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0. 2); }. poster-title { font-size: 15px; font-weight: bold; line-height: 1. 3; padding: 0 5px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0. 3); }. poster-icon { font-size: 24px; margin-bottom: 8px; opacity: 0. 8; }. poster-tag { position: absolute; bottom: 0; right: 0; background: rgba(0, 0, 0, 0. 6); color: #fff; font-size: 12px; padding: 2px 6px; border-top-left-radius: 4px; } /* 颜色循环 */. pic-list li: nth-child(5n+1). no-img-poster { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }. pic-list li: nth-child(5n+2). no-img-poster { background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 99%, #fecfef 100%); }. pic-list li: nth-child(5n+3). no-img-poster { background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); }. pic-list li: nth-child(5n+4). no-img-poster { background: linear-gradient(135deg, #c471f5 0%, #fa71cd 100%); }. pic-list li: nth-child(5n+5). no-img-poster { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }. pic-list p { text-align: center; height: 22px; line-height: 22px; overflow: hidden; margin-top: 3px; }. pic-list p a { color: #666; font-size: 12px; }. txt-list li { float: left; width: 33%; height: 30px; line-height: 30px; overflow: hidden; }. txt-list li span { color: #ccc; margin-right: 5px; font-family: Arial; } /* === 7. 左右分栏布局 === */ /* 内容区 715px + padding 20px + border 2px = 737px */ /* 右侧栏 230px */ /* 总计 967px (小于980px，安全) */. ui-qire. conBox { width: 715px; float: left; border: 1px solid #ddd; padding: 10px; min-height: 400px; }. sideBar { width: 230px; float: right; }. ui-sort, . ui-top-tab { border: 1px solid #ddd; background: #fff; margin-bottom: 15px; }. ui-sort. caption, . ui-top-tab. caption { background: #f9f9f9; height: 35px; line-height: 35px; border-bottom: 1px solid #ddd; padding: 0 10px; }. ui-sort. caption h3, . ui-top-tab. caption h3 { font-size: 14px; font-weight: bold; color: #333; float: left; }. ui-sort. content, . ui-top-tab. content { padding: 10px; overflow: hidden; }. taglist dd { float: left; width: 50%; height: 26px; line-height: 26px; }. ul-top li { height: 28px; line-height: 28px; border-bottom: 1px dotted #eee; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }. ul-top li: before { content: "•"; color: #0066cc; margin-right: 5px; } /* === 8. 底部 === */ #tn-footer { margin-top: 20px; border-top: 3px solid #0066cc; padding: 20px 0; text-align: center; background: #f8f8f8; color: #666; }. tn-footer-legal a { color: #666; margin: 0 5px; }. ui-tabs-hide { display: none! important; } function setContentTab(tt, name, curr, n) { for (i = 1; i