
.dtl-wrap{–tp:var(–theme-color,#2f7d4f);–tg:color-mix(in srgb,var(–tp) 80%,#ffffff);box-sizing:border-box;width:auto;margin:-52px;padding:20px;font-family:-apple-system,BlinkMacSystemFont,’Segoe UI’,Roboto,’PingFang SC’,’Hiragino Sans GB’,’Microsoft YaHei’,sans-serif;color:var(–dtl-fg);line-height:1.75;-webkit-font-smoothing:antialiased;
–dtl-bg:#ffffff;–dtl-card:#ffffff;–dtl-fg:#1f2937;–dtl-sub:#4b5563;–dtl-muted:#6b7280;
–dtl-soft:color-mix(in srgb,var(–tp) 9%,#ffffff);–dtl-tint:color-mix(in srgb,var(–tp) 10%,#ffffff);
–dtl-border:color-mix(in srgb,var(–tp) 26%,#e5e7eb);–dtl-line:color-mix(in srgb,var(–tp) 14%,#e5e7eb);
–dtl-shadow:0 1px 2px rgba(16,24,40,.05),0 8px 24px rgba(16,24,40,.06);
–dtl-overlay:rgba(255,255,255,.16);–dtl-overlay2:rgba(255,255,255,.30);–dtl-hero-fg:#ffffff;–dtl-cta-fg:#ffffff;}
.dtl-wrap *{box-sizing:border-box;}
.dtl-hero{position:relative;overflow:hidden;border-radius:var(–main-radius,14px);padding:20px;color:var(–dtl-hero-fg);background:linear-gradient(135deg,var(–tg),var(–tp));}
.dtl-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;background:var(–dtl-overlay);border:1px solid var(–dtl-overlay2);font-size:13px;letter-spacing:.3px;margin-bottom:14px;}
.dtl-wrap .dtl-hero h2{margin:0 0 10px;font-size:clamp(2rem,4.5vw,3rem) !important;font-weight:800;letter-spacing:.5px;line-height:1.15;}
.dtl-sub{margin:0 0 18px;font-size:clamp(.95rem,2.2vw,1.12rem);opacity:.96;}
.dtl-tags{display:flex;flex-wrap:wrap;gap:9px;}
.dtl-tag{padding:7px 13px;border-radius:var(–main-radius,12px);background:var(–dtl-overlay);border:1px solid var(–dtl-overlay2);color:#fff;font-size:13.5px;}
.dtl-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 22px;}
.dtl-qcard{background:var(–dtl-card);border:1px solid var(–dtl-border);border-radius:var(–main-radius,12px);padding:15px 16px;box-shadow:var(–dtl-shadow);}
.dtl-qcard b{display:block;font-size:13px;color:var(–dtl-muted);font-weight:600;margin-bottom:4px;}
.dtl-qcard span{font-size:15px;font-weight:700;color:var(–tp);}
.dtl-card{background:var(–dtl-card);border:1px solid var(–dtl-border);border-radius:var(–main-radius,12px);padding:20px;margin-bottom:18px;box-shadow:var(–dtl-shadow);transition:transform .18s ease,box-shadow .18s ease;}
.dtl-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,24,40,.10),0 14px 34px rgba(16,24,40,.10);}
.dtl-card h2{display:flex;align-items:center;gap:11px;margin:0 0 14px;font-size:1.2rem;font-weight:700;color:var(–dtl-fg);}
.dtl-num{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:var(–main-radius,10px);color:#fff;font-size:15px;font-weight:800;background:linear-gradient(135deg,var(–tg),var(–tp));}
.dtl-lead{margin:0 0 14px;color:var(–dtl-sub);font-size:15px;}
.dtl-card p{margin:0 0 12px;color:var(–dtl-sub);}
.dtl-card p:last-child{margin-bottom:0;}
.dtl-list{margin:0;padding-left:20px;color:var(–dtl-sub);}
.dtl-list li{margin-bottom:7px;}
.dtl-list li:last-child{margin-bottom:0;}
.dtl-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px;}
.dtl-mcard{background:var(–dtl-tint);border:1px solid var(–dtl-border);border-radius:var(–main-radius,12px);padding:16px;}
.dtl-mcard .dtl-ico{font-size:22px;display:inline-block;margin-right:7px;vertical-align:middle;}
.dtl-mcard b{display:inline-block;font-size:15px;color:var(–dtl-fg);margin-bottom:0;vertical-align:middle;}
.dtl-mcard p{margin:0;font-size:13.5px;color:var(–dtl-sub);line-height:1.6;margin-top:7px;}
.dtl-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:4px;}
.dtl-pcard{display:flex;gap:12px;align-items:flex-start;background:var(–dtl-tint);border:1px solid var(–dtl-border);border-radius:var(–main-radius,12px);padding:14px 16px;}
.dtl-check{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(–tg),var(–tp));color:#fff;font-size:13px;font-weight:800;margin-top:1px;}
.dtl-pcard b{display:block;color:var(–dtl-fg);font-size:15px;margin-bottom:2px;}
.dtl-pcard small{color:var(–dtl-muted);font-size:13px;}
.dtl-feat{background:var(–dtl-tint);border:1px solid var(–dtl-border);border-radius:var(–main-radius,12px);padding:14px 16px;}
.dtl-feat b{display:block;color:var(–dtl-fg);font-size:15px;margin-bottom:3px;}
.dtl-feat span{color:var(–dtl-sub);font-size:13px;}
.dtl-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:4px;}
.dtl-chips span{background:var(–dtl-tint);border:1px solid var(–dtl-border);border-radius:var(–main-radius,10px);padding:11px 12px;text-align:center;color:var(–dtl-fg);font-size:14px;font-weight:600;}
.dtl-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;}
.dtl-mini div{background:var(–dtl-tint);border:1px solid var(–dtl-border);border-radius:var(–main-radius,10px);padding:14px;}
.dtl-mini b{display:block;font-size:14px;color:var(–dtl-fg);margin-bottom:3px;}
.dtl-mini small{color:var(–dtl-muted);font-size:12.5px;}
.dtl-faq{background:var(–dtl-card);border:1px solid var(–dtl-border);border-radius:var(–main-radius,12px);padding:13px 16px;margin-bottom:10px;}
.dtl-faq summary{cursor:pointer;font-weight:600;color:var(–dtl-fg);font-size:15px;list-style:none;}
.dtl-faq summary::-webkit-details-marker{display:none;}
.dtl-faq[open] summary{color:var(–tp);}
.dtl-faq div{margin-top:10px;color:var(–dtl-sub);font-size:14.5px;}
.dtl-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;background:var(–dtl-soft);border:1px solid var(–dtl-border);border-radius:var(–main-radius,12px);padding:16px 18px;margin-bottom:0;}
.dtl-wrap .dtl-cta a,.dtl-wrap .dtl-cta a.external{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:var(–main-radius,12px);background:linear-gradient(135deg,var(–tg),var(–tp));color:#fff !important;font-weight:600;font-size:15px;text-decoration:none;box-shadow:0 8px 18px color-mix(in srgb,var(–tp) 35%,transparent);}
.dtl-cta small{color:var(–dtl-muted);font-size:13px;}
@media(max-width:1280px){.dtl-quick{grid-template-columns:repeat(3,1fr);}.dtl-grid3{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.dtl-quick{grid-template-columns:repeat(3,1fr);}.dtl-grid3{grid-template-columns:1fr;}.dtl-grid2{grid-template-columns:1fr;}}
html.io-black-mode .dtl-wrap,html.dark .dtl-wrap,html.dark-mode .dtl-wrap,body.dark .dtl-wrap,[data-bs-theme=”dark”] .dtl-wrap{
–dtl-bg:#16181d;–dtl-card:#1e2128;–dtl-fg:#e6e8ec;–dtl-sub:#c4c9d1;–dtl-muted:#9aa1ab;
–dtl-soft:color-mix(in srgb,var(–tp) 24%,#16181d);–dtl-tint:color-mix(in srgb,var(–tp) 20%,#16181d);
–dtl-border:color-mix(in srgb,var(–tp) 42%,#2a2e37);–dtl-line:color-mix(in srgb,var(–tp) 30%,#2a2e37);
–dtl-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.45);
–dtl-overlay:rgba(255,255,255,.12);–dtl-overlay2:rgba(255,255,255,.22);–dtl-hero-fg:#ffffff;–dtl-cta-fg:#ffffff;}
电影票房榜
猫眼专业版实时票房看板,分钟级追踪全国影院观影数据与排片。
1电影票房榜是什么?
电影票房榜指猫眼专业版提供的实时票房数据看板,覆盖全国影院的上座率、排片占比、单日与累计票房,是影视行业内外观察市场冷暖最权威的实时窗口。
数据从票务系统直采,按分钟级滚动更新,既能看单部影片的当日走势,也能纵览档期大盘与历史同比,是宣发、排片与行业报道的核心依据。
2核心功能
核心功能包含 4 个板块,按需取用:
分钟级刷新单日、累计票房与观影人次,走势一目了然
展示各影片排片占比与上座率,判断供给与需求错配
春节、国庆等档期总览,横向对比历年表现
影史、年度、单日纪录随时可查,支撑报道引用
3特色亮点
相比第三方估算,猫眼数据直连票务端,时效与精度在业内领先,是媒体引用票房数字的默认来源。
排片与上座率的组合视图,能区分‘影院强推’与‘观众真买账’,揭示影片真实口碑。
开放的历史数据库让横向对比与趋势研判极为方便,研究门槛低。
4用户群体
5实用场景
把 电影票房榜 放进你的日常,可以这样用:
6同类推荐
按需求搭配收藏,获取更立体的信息视角:
覆盖长视频与流媒体热度
侧重剧集线上播放表现
常见问题 FAQ
猫眼实时票房和最终权威数据为何有出入
排片高但票房低说明什么
普通观众看票房榜有什么用
H139网址导航提醒您:按 Ctrl + D 可收藏本站!



























