.promotion-page{position:relative;width:100vw;height:100%;background-image:url(../img/bg.0ee87c29.png);background-size:cover;background-attachment:fixed;overflow-y:auto;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.promotion-page .bet-button{width:16vw;cursor:pointer}.promotion-page .bet-button:active,.promotion-page .bet-button:hover{filter:drop-shadow(1px 2px 3px rgba(255,255,255,.5333333333))}.promotion-page>.page-banner{position:relative;width:100vw;height:52vw}.promotion-page>.page-banner>.banner-layer1{position:absolute;width:100%;right:0;bottom:0}.promotion-page>.page-banner>.banner-layer2{position:absolute;width:55%;right:0;bottom:0}.promotion-page>.page-banner>.banner-layer3{position:absolute;width:42%;left:38%;bottom:24%}.promotion-page>.page-banner>.banner-layer4{position:absolute;width:78%;left:0;bottom:0}.promotion-page>.page-banner .banner-countdown1{position:absolute;left:46.5%;bottom:40.8%;color:hsla(0,0%,100%,.6666666667);transform:rotate(-2.8deg);font-size:2vw;word-spacing:2.4vw}.promotion-page>.page-banner .banner-countdown2{position:absolute;left:46%;bottom:32%;color:#fff;transform:rotate(-2.8deg);font-size:3.6vw}.promotion-page>.page-banner>.banner-watch{position:absolute;width:20%;left:58%;bottom:17%;cursor:pointer}.promotion-page>.page-banner>.banner-watch:hover{filter:drop-shadow(3px 3px 6px rgba(255,255,255,.5333333333))}.promotion-page>.page-banner>.banner-wbsc{position:absolute;width:10%;right:2vw;top:2vw}.promotion-page>.page-banner>.banner-super{position:absolute;width:20%;left:2vw;top:2vw;cursor:pointer}.promotion-page>.page-banner>.banner-super:hover{filter:drop-shadow(3px 3px 6px rgba(255,255,255,.5333333333))}.promotion-page>.page-banner>.banner-home{position:absolute;width:5%;left:2vw;top:2vw;cursor:pointer}.promotion-page>.page-banner>.banner-home:hover{filter:drop-shadow(3px 3px 6px rgba(255,255,255,.5333333333))}.promotion-page>.page-section{position:relative;width:100vw;margin-top:6vw}.promotion-page>.page-section>.section-title-bg{display:block;position:relative;height:5vw;margin-left:auto;margin-right:auto}.promotion-page>.page-section>.section-title{display:block;position:absolute;height:3vw;left:50%;top:1.2vw;transform:translateX(-50%)}.promotion-page>.page-section>.section-panel{position:relative;width:82vw;margin-left:auto;margin-right:auto;margin-top:1.6vw;padding:1.2vw;box-shadow:.2vw .8vw 2vw 0 rgba(0,0,0,.5333333333);border-radius:1.2vw;background-image:linear-gradient(180deg,rgba(223,149,61,.8),rgba(204,107,53,.8) 50%,rgba(190,74,49,.8));line-height:1}.promotion-page>.page-section>.section-panel>.panel-tabs{display:flex;flex-flow:row nowrap;align-items:center;gap:1vw;margin-bottom:.6vw;padding:.4vw .8vw}.promotion-page>.page-section>.section-panel>.panel-tabs>.panel-tab{padding:.6vw 2vw .4vw;border-radius:2vw;border:1px solid #ffe7b9;color:#ffe7b9;font-size:1.6vw;letter-spacing:.2vw;cursor:pointer}.promotion-page>.page-section>.section-panel>.panel-tabs>.panel-tab.active{box-shadow:1px 2px 4px 0 rgba(0,0,0,.2666666667);border-color:#671901;background-color:#671901}.promotion-page>.page-section>.section-panel>.panel-tabs>.panel-tab:hover{box-shadow:1px 2px 4px 0 hsla(0,0%,100%,.4)}.promotion-page>.page-section>.section-panel>.panel-header{display:flex;flex-flow:row nowrap;align-items:center;position:relative;width:100%;margin-bottom:.4vw;padding-top:.8vw;padding-bottom:.4vw;box-shadow:.2vw .4vw .6vw 0 rgba(0,0,0,.2666666667);border-radius:.4vw;background-color:#ffe7b9;color:#713b1c;font-size:2vw}.promotion-page>.page-section>.section-panel>.panel-header>.item-column{flex:1 1 4vw;text-align:center;word-break:keep-all;white-space:nowrap}.promotion-page>.page-section>.section-panel>.panel-body{position:relative;width:100%;min-height:8vw;margin-bottom:.8vw}.promotion-page>.page-section>.section-panel>.panel-body>.panel-item{display:flex;flex-flow:row nowrap;align-items:center;position:relative;height:4vw;padding-top:1vw;font-size:1.6vw}.promotion-page>.page-section>.section-panel>.panel-body>.panel-item:after{content:"";position:absolute;width:96%;height:1px;left:2%;bottom:0;background-color:hsla(0,0%,100%,.2666666667)}.promotion-page>.page-section>.section-panel>.panel-body>.panel-item:hover{background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 1%,hsla(0,0%,100%,.1) 3%,hsla(0,0%,100%,.1) 97%,hsla(0,0%,100%,0) 99%,hsla(0,0%,100%,0))}.promotion-page>.page-section>.section-panel>.panel-body>.panel-item>.item-column{flex:1 1 4vw;text-align:center;color:#fff;word-break:keep-all;white-space:nowrap}.promotion-page>.page-section>.section-panel>.panel-footer{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;margin-bottom:-1.2vw}.promotion-page>.page-section.ranking{height:53vw}.promotion-page>.page-section.ranking>.ranking-top5{position:absolute;width:76vw;left:50%;top:7vw;transform:translateX(-50%)}.promotion-page>.page-section.ranking>.ranking-top12{position:absolute;width:84vw;left:50%;bottom:0;transform:translateX(-50%)}.promotion-page>.page-section.group>.section-panel .item-column.team{flex:4 1 8vw}.promotion-page>.page-section.group>.section-panel .item-column.team>.team-flag{position:relative;height:2vw;top:-.1vw;margin-left:2vw;margin-right:.2vw;border:1px solid hsla(0,0%,100%,.5333333333);border-radius:50%;vertical-align:middle}.promotion-page>.page-section.group>.section-panel .item-column.tbq,.promotion-page>.page-section.group>.section-panel .item-column.win-rate{flex:2 1 4vw}.promotion-page>.page-section.group>.section-panel .item-column.odds{flex:2 1 6vw}.promotion-page>.page-section.group>.section-panel .item-column.left{text-align:left}.promotion-page>.page-section.schedule>.section-panel{background-image:linear-gradient(180deg,rgba(179,57,72,.8),rgba(113,28,134,.8) 50%,rgba(60,24,137,.8))}.promotion-page>.page-section.schedule>.section-panel>.panel-header{background-color:#ffb9b9}.promotion-page>.page-section.schedule>.section-panel .item-column.score{flex:2 1 6vw}.promotion-page>.page-section.schedule>.section-panel .item-column.place{flex:3 8vw}.promotion-page>.page-section.live{height:48vw}.promotion-page>.page-section.live>.live-layer{position:absolute;width:72vw;left:50%;top:7vw;transform:translateX(-50%)}.promotion-page>.page-section.live>.live-watch{position:absolute;width:16vw;left:44%;bottom:12%;cursor:pointer}.promotion-page>.page-section.live>.live-watch:active,.promotion-page>.page-section.live>.live-watch:hover{filter:drop-shadow(1px 2px 3px rgba(255,255,255,.6666666667))}.promotion-page>.page-footer{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:.4vw;position:relative;width:100vw;padding-top:2vw;padding-bottom:6vw}.promotion-page>.page-footer>.tg-qrcode{height:10vw}.promotion-page>.page-footer>.tg-super{height:10vw;cursor:pointer}.promotion-page>.page-footer>.tg-super:active,.promotion-page>.page-footer>.tg-super:hover{filter:drop-shadow(2px 3px 4px rgba(255,255,255,.6666666667))}.promotion-page>.page-scroll{position:fixed;width:min(1vw,8px);height:98vh;right:4px;top:1vh;border-radius:4px;background-color:hsla(0,0%,100%,.1333333333);overflow:hidden;opacity:0;transition:opacity .6s ease-in}.promotion-page>.page-scroll>.scroll-bar{position:absolute;width:100%;left:0;top:0;border-radius:4px;background-color:hsla(0,0%,100%,.5333333333);cursor:grab}.promotion-page>.page-scroll.active{opacity:1}.promotion-page.mobile{background-image:url(../img/bg-m.a3622165.png)}.promotion-page.mobile>.ranking{height:72vw}.promotion-page.mobile>.ranking>.ranking-top12{position:absolute;width:72vw;left:50%;bottom:0;transform:translateX(-50%)}.promotion-page.mobile>.live{height:58vw}.promotion-page.mobile>.live>.live-layer{width:86vw}.promotion-page.mobile>.live>.live-watch{width:18vw;bottom:13%}.promotion-page.mobile>.page-footer{flex-direction:column}.promotion-page.mobile>.page-footer>.tg-qrcode,.promotion-page.mobile>.page-footer>.tg-super{height:16vw}