*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{border:0;vertical-align:middle}
.public{position:relative;width:100%;max-width:750px;min-height:100vh;margin:0 auto;padding-bottom:72px;overflow:hidden}
.bg-pub2{position:fixed;left:50%;top:0;width:100%;max-width:750px;height:100%;transform:translateX(-50%);object-fit:cover;z-index:0;pointer-events:none}
.index-top{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:750px;height:50px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 12px}
.index-top .logo{width:13%;max-width:100px;min-width:70px;height:auto}
.service-btn{display:flex;align-items:center;padding:6px 14px;border-radius:999px;background:hsla(0,0%,100%,.12);color:#fff;font-size:13px;font-weight:700}
.index-scroll-top{position:fixed;top:50px;left:50%;transform:translateX(-50%);width:100%;max-width:750px;height:30px;z-index:20;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.index-scroll-top::-webkit-scrollbar{display:none}
.tab .nav{display:inline-block;height:30px;margin-right:1%;padding:0 10px;text-align:center}
.tab .text{display:inline-block;font-size:17px;color:#fff;opacity:.6;line-height:22px}
.tab .select .text{opacity:1;transform:scale(1.088)}
.tab .line{display:none;background:#f52c56;height:2px;width:20px;border-radius:100px;margin:5px auto 0}
.tab .select .line{display:block}
.index-banner{position:fixed;top:88px;left:50%;transform:translateX(-50%);width:100%;max-width:750px;height:115px;z-index:15;padding:0 12px}
.index-banner-inner{position:relative;height:115px;overflow:hidden;border-radius:8px}
.nav666-track{display:flex;height:115px;transition:transform .4s ease}
.swiper-slide{min-width:100%;height:115px}
.swiper-slide img{width:100%;height:115px;object-fit:cover;border-radius:8px}
.nav666-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;justify-content:center;gap:6px}
.nav666-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25)}
.nav666-dot.active{background:#ff4747}
.page-body{position:relative;z-index:1;padding:211px 10px 16px}
.sec-title{display:flex;align-items:center;justify-content:space-between;margin:10px 0}
.sec-title .text{font-size:16px;font-weight:700}
.more-btn{font-size:13px;color:#fff;opacity:.85}
.grid{display:flex;flex-wrap:wrap;justify-content:space-between}
.card{width:48.6%;margin-bottom:12px;position:relative}
.card .pic{position:relative;height:105px;border-radius:6px;overflow:hidden;background:#222}
.card .pic img{width:100%;height:105px;object-fit:cover}
.card .tit{margin-top:6px;font-size:13px;line-height:18px;height:36px;overflow:hidden;color:#fff}
.tag-bottom{position:absolute;left:0;right:0;top:70px;height:35px;display:flex;align-items:flex-end;padding:0 5px 4px;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);font-size:10px;font-weight:700}
.n666-tabbar{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:750px;height:57px;z-index:30;display:flex;align-items:center;justify-content:space-around;background:#1a1a1a;padding-bottom:env(safe-area-inset-bottom)}
.n666-tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c4c8cc;font-size:10px}
.n666-tabbar img{width:25px;height:25px;margin-bottom:5px}
.play-box{position:relative;z-index:1;padding:211px 12px 20px}
.play-box h1{font-size:16px;line-height:1.4;margin:8px 0 12px}
#playleft,.nav666-player{width:100%;min-height:220px;background:#000;border-radius:8px;overflow:hidden}
.page-pager{position:relative;z-index:1;text-align:center;padding:12px 0 20px}
.page-pager a,.page-pager span{display:inline-block;margin:3px;padding:6px 10px;background:#222;border-radius:4px;font-size:13px}
.page-pager .current{background:#f52c56}