.section-banner{position:absolute;left:0;right:0;height:42.8125vw}@media (min-width: 1px) and (max-width: 767px){.section-banner{height:189.7222vw}}.section-banner div[class^="banner-"]{position:relative}.section-banner div[class^="banner-"]:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom, rgba(22,49,25,0.7), #163119)}section[class^="section-games"]{font-size:16px;color:#fff;line-height:1.6;letter-spacing:1px}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{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"] .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:#272727;text-align:center;background:#fff;padding:24px;border-radius:8px}section[class^="section-games"] .brands .name{position:relative;font-size:22px;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:#216746;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:#272727;background:#fff;padding:24px}section[class^="section-games"] .types{padding:24px 0}section[class^="section-games"] .types .scroll{overflow-x:auto}section[class^="section-games"] .types table{color:#272727}section[class^="section-games"] .types th,section[class^="section-games"] .types td{text-align:center;white-space:nowrap;background:#fff;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;background:#2a6721}section[class^="section-games"] .types .name{text-align:right;width:120px}section[class^="section-games"] .types i{font-size:22px;color:#D49900}.section-games-sports .introduce .figure img,.section-games-chess .introduce .figure img,.section-games-fishing .introduce .figure img,.section-games-e-sports .introduce .figure img{box-sizing:border-box;border:5px solid rgba(255,255,255,0.6);box-shadow:10px 20px 25px rgba(0,0,0,0.6)}