/* 国润游戏首页 banner 样式（自有，无 twyx 依赖） */
.banner{ position: relative; width: 100%; height: 100vh; margin: 0; padding: 0; overflow: hidden; background: #000; }
.banner-video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.banner-video video{ width: 100%; height: 100%; object-fit: cover; display: block; }
.banner-caption{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 3; color: #fff; }
.banner-title{ font-size: 64px; font-weight: 700; letter-spacing: 4px; margin: 0 0 24px; text-shadow: 0 2px 12px rgba(0,0,0,.5); }
.banner-sub{ display: inline-block; font-size: 18px; color: #fff; padding: 10px 28px; border: 1px solid rgba(255,255,255,.7); border-radius: 40px; text-decoration: none; transition: all .3s; }
.banner-sub:hover{ background: rgba(255,255,255,.15); }
.banner-scroll{ position: absolute; left: 50%; bottom: 36px; transform: translateX(-50%); z-index: 3; width: 26px; height: 42px; border: 2px solid rgba(255,255,255,.7); border-radius: 14px; display: flex; justify-content: center; }
.banner-scroll-ico{ width: 4px; height: 8px; margin-top: 7px; border-radius: 2px; background: #fff; animation: bannerScroll 1.6s infinite; }
@keyframes bannerScroll{ 0%{ transform: translateY(0); opacity: 1; } 100%{ transform: translateY(14px); opacity: 0; } }