.section-banner{position:absolute;left:0;right:0}.section-banner:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to bottom, rgba(235,55,0,0.2), rgba(235,55,0,0.1))}section[class^="section-games"]{z-index:3;font-size:16px;color:#fff;line-height:1.6;letter-spacing:1px;padding-bottom:60px}section[class^="section-games"] h2{font-size:36px;text-align:center;margin-bottom:24px}section[class^="section-games"] h2 span{font-size:24px;color:#D49900;display:block}section[class^="section-games"] .introduce{position:relative;font-weight:bold;display:flex;align-items:center;justify-content:center;height:42.8125vw}@media (min-width: 768px) and (max-width: 1024px){section[class^="section-games"] .introduce{height:100vw}}@media (min-width: 1px) and (max-width: 767px){section[class^="section-games"] .introduce{font-size:14px;height:189.7222vw}}@media (min-width: 1px) and (max-width: 767px){section[class^="section-games"] .introduce .col-wrap{flex-direction:column-reverse}}section[class^="section-games"] .introduce h1{font-size:36px;margin-bottom:24px}section[class^="section-games"] .introduce h1 span{font-size:24px;color:#D49900;display:block}section[class^="section-games"] .introduce a{color:#ABCBB8}section[class^="section-games"] .introduce .right{display:flex;align-items:center;justify-content:center}@media (min-width: 1px) and (max-width: 767px){section[class^="section-games"] .introduce .right{padding-bottom:36px}}section[class^="section-games"] .introduce .figure{text-align:right}section[class^="section-games"] .introduce .figure img{max-height:600px}section[class^="section-games"] .brands{padding:24px 0 72px}section[class^="section-games"] .brands .image{background:none;text-align:center;padding:0;margin-bottom:24px;height:72px}section[class^="section-games"] .brands .image:before,section[class^="section-games"] .brands .image:after{display:none}section[class^="section-games"] .brands .image img{position:relative;width:auto}section[class^="section-games"] .brands .item{color:#fff;text-align:center;background:rgba(0,0,0,0.5);padding:24px;border-radius:12px;box-shadow:0 0 1px #EB3700,0 0 3px rgba(235,55,0,0.8),0 0 36px rgba(235,55,0,0.6)}section[class^="section-games"] .brands .name{position:relative;font-size:24px;font-weight:bold;margin-bottom:20px}section[class^="section-games"] .brands .name a{position:relative}section[class^="section-games"] .brands .name a:after{content:'';position:absolute;right:0;bottom:-10px;left:0;background:#EB3700;height:2px}section[class^="section-games"] .brands .description{font-size:14px;text-align:justify}section[class^="section-games"] .how .items{margin:0 auto}section[class^="section-games"] .how .item{color:#fff;background:rgba(0,0,0,0.5);padding:24px;border-radius:12px;box-shadow:0 0 1px #EB3700,0 0 3px rgba(235,55,0,0.8),0 0 36px rgba(235,55,0,0.6)}section[class^="section-games"] .how .step{position:relative;background:#EB3700;display:inline-block;text-transform:uppercase;white-space:nowrap;line-height:36px;padding:0 12px;margin-right:8px;border-radius:6px;box-shadow:10px 20px 25px rgba(0,0,0,0.25)}section[class^="section-games"] .how .step:after{content:'';position:absolute;content:'';display:inline-block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #EB3700;width:0;height:0;top:13px;right:-6px}section[class^="section-games"] .types{padding:24px 0}section[class^="section-games"] .types .scroll{overflow-x:auto;border-radius:12px;box-shadow:0 0 1px #EB3700,0 0 3px rgba(235,55,0,0.8),0 0 36px rgba(235,55,0,0.6)}section[class^="section-games"] .types .scroll::-webkit-scrollbar{height:6px}section[class^="section-games"] .types .scroll::-webkit-scrollbar-track{margin:0 12px}section[class^="section-games"] .types .scroll tr td:first-child{position:sticky;left:0;z-index:3}@media (min-width: 1px) and (max-width: 767px){section[class^="section-games"] .types .scroll tr td:first-child{font-size:0.9rem;white-space:pre-wrap;width:25%}}section[class^="section-games"] .types table{color:#EB3700}section[class^="section-games"] .types th,section[class^="section-games"] .types td{text-align:center;white-space:nowrap;background:rgba(0,0,0,0.5);padding:12px;border-bottom:1px solid rgba(50,103,28,0.3);border-right:1px solid rgba(50,103,28,0.3)}section[class^="section-games"] .types th{color:#fff;letter-spacing:2px;text-shadow:3px 3px 6px #000;background:#EB3700}section[class^="section-games"] .types .name{text-align:right;width:120px}section[class^="section-games"] .types i{font-size:24px;color:#eb7b00}