.bg{width:100%;height:100%}.panel{position:relative}.banner{height:66.25vw}.draw{height:94.58333vw}.draw .drawBox{position:absolute;width:66.40625vw;height:69.89583vw;top:21.875vw;left:50%;transform:translateX(-50%)}.draw .drawTitle{text-align:center;color:#ffffff;font-size:1.5625vw;font-family:"Manrope-ExtraBold";font-weight:normal;position:absolute;left:0;width:100%;top:19.79167vw;line-height:1.2}.draw .drawSection{position:absolute;left:50%;transform:translateX(-50%);top:45.83333vw}.draw .zone{width:14.21875vw;height:12.29167vw;background:url(/assets/images/worldCup/default.webp) no-repeat;background-size:cover;margin:1.04167vw 2.60417vw;cursor:pointer;transition:all .3s;overflow:hidden;border-radius:.78125vw}.draw .zone:hover{transform:translateY(-3px)}.draw .zone span{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.draw .zone .white_ball{background:url(/assets/images/worldCup/whiteBall.webp) no-repeat;background-size:cover}.draw .zone .gold_ball{background:url(/assets/images/worldCup/goldBall.webp) no-repeat;background-size:cover}.draw #gameGrid{display:flex;flex-wrap:wrap;width:58.33333vw}.draw .draw-section{position:relative}.draw .ball-flying{position:absolute;width:5.20833vw;height:5.20833vw;z-index:99;background:url(/assets/images/worldCup/football.png) no-repeat;background-size:cover;transition:left .5s ease-out, top .5s ease-out;animation:ballSpin .5s linear infinite}@keyframes ballSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes hit{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}.draw .net-hit{animation:hit .3s ease}.draw .gold-prize{background:#fbbf24 !important;box-shadow:0 0 20px #f59e0b, 0 0 40px #f59e0b, 0 0 60px #f59e0b}.alertBox{display:none}.alertBox .alertMask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}.closeBtn{width:2.60417vw;height:2.60417vw;position:absolute;left:67%;top:59%;z-index:4;cursor:pointer}#whiteResult .resultText{top:50%}#whiteResult .rules{margin-top:3.64583vw}#noChancePopup .resultText span{font-size:1.5625vw;color:#fff;line-height:1.1}#noChancePopup .rules{color:#fff}#noChancePopup .rules h6{font-size:1.5625vw}#noChancePopup .rules p{line-height:1.85}.drawResult{position:absolute;left:0;top:0;width:100%;height:100%}.drawResult .resultInfo{z-index:3;width:32.8125vw;height:38.33333vw;position:relative;top:71%;left:50%;transform:translate(-50%, -50%);color:#000000;text-align:center}.drawResult .resultText{width:100%;position:absolute;top:48%;left:50%;transform:translateX(-50%)}.drawResult .resultText h3{font-size:1.5625vw;font-family:"Manrope-ExtraBold";font-weight:normal}.drawResult .resultText span{font-size:2.08333vw;font-family:"Manrope-ExtraBold";font-weight:normal}.drawResult .rules{margin-top:2.91667vw}.drawResult .rules h6{font-size:1.04167vw;font-family:"Manrope-ExtraBold";font-weight:normal}.drawResult .rules p{font-size:1.30208vw;line-height:2}#guessBox{height:52.76042vw}#guessArea{position:absolute;left:50%;transform:translateX(-50%);text-align:center;top:25vw}#guessArea .tip{color:#f4de9b;font-size:1.30208vw;font-family:"Manrope-ExtraBold";font-weight:normal;line-height:1.1}#guessArea .teamBox{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom, #FBE99B 0%, #D5A958 100%);width:41.51042vw;height:5.72917vw;border-radius:.625vw;margin-top:2.08333vw;padding:0 1.30208vw}#guessArea .selectBox img{width:1.5625vw}#guessArea #searchTeam{padding-left:.78125vw;height:100%;font-size:1.19792vw;width:100%;background-color:transparent}#guessArea .searchBox{display:flex;align-items:center;width:97%;border:1px solid #F2D888;border-radius:.26042vw;font-size:1.04167vw;padding:.52083vw .78125vw;margin-top:.52083vw;position:relative;left:50%;transform:translateX(-50%)}#guessArea .custom-select{position:relative;margin:2.08333vw 0}#guessArea .selected-team{padding:0 .625vw;border:1px solid #ddd;border-radius:.52083vw;cursor:pointer;width:28.125vw;background-color:#fff;height:3.64583vw;font-size:1.04167vw;text-align:left;display:flex;align-items:center}#guessArea #selectedText{display:inline-block}#guessArea .dropdown{display:none;position:absolute;width:100%;background:#fff;border:1px solid #eee;border-radius:.52083vw;margin-top:.26042vw;z-index:10}#guessArea .team-list{max-height:10.41667vw;overflow:auto}#guessArea .team-item{padding:.52083vw;cursor:pointer;display:flex;align-items:center;justify-content:center}#guessArea .team-item:hover{background:#f5f5f5}#guessArea .team-item img{width:1.5625vw}#guessArea .team-item span{font-size:1.04167vw;display:inline-block;width:13.54167vw;text-align:left;padding-left:.52083vw;font-family:"Manrope-ExtraBold";font-weight:normal}#guessArea .submitBg{width:10.67708vw;height:3.54167vw;background:url(/assets/images/worldCup/submitBg.png) no-repeat;background-size:cover;color:#fff;font-size:2.23958vw;font-family:"Manrope-ExtraBold";font-weight:normal}#guessArea #guessLocked{display:none;justify-content:center}#guessArea #guessLocked p{display:flex;align-items:center}#guessArea #guessLocked img{width:2.34375vw;margin-right:1.04167vw}#guessArea #guessLocked span{font-family:"Manrope-ExtraBold";font-weight:normal;font-size:1.5625vw;text-transform:uppercase;color:#000}#message-toast-container{position:fixed;top:50%;left:50%;transform:translate(-50%, -70%);z-index:9999;border-radius:2.08333vw;transition:all 0.3s ease;opacity:0}#message-toast-container.success .message-toast{color:#000000;background-color:#8af9c3}#message-toast-container.error .message-toast{color:#ffffff;background-color:#a80000}#message-toast-container.show{opacity:1;transform:translate(-50%, -50%)}#message-toast-container .message-toast{display:inline-block;min-width:10.41667vw;max-width:80vw;padding:.78125vw 1.5625vw;border-radius:2.08333vw;font-size:1.04167vw;text-align:center;border:.15625vw solid #000;font-family:"MFJinHei-Regular";font-weight:normal}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:100;display:none}.loading .loader{width:2.34375vw;height:2.34375vw;border:.15625vw solid #fff;border-radius:50%;display:inline-block;position:relative;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;left:49%;top:50%}.loading .loader::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:2.86458vw;height:2.86458vw;border-radius:50%;border:.15625vw solid;border-color:#1eb096 transparent}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#loginBox{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99}.loginArea{width:31.25vw;position:relative;left:50%;top:50%;transform:translate(-50%, -50%)}.loginArea .closeBtn{left:90%;top:24%}.loginArea .inputArea{position:absolute;top:19.27083vw;padding:0 3.64583vw;width:100%;text-align:center}.loginArea .inputArea h5{text-align:center;color:#000;font-family:"Manrope-ExtraBold";font-weight:normal;font-size:1.5625vw}.loginArea .inputArea input{padding-left:1.5625vw;font-size:1.04167vw;font-family:"Manrope-ExtraBold";font-weight:normal;margin-top:.78125vw}.loginArea #verify_email{width:23.85417vw;height:2.96875vw;background:url(/assets/images/worldCup/emailBg.png) no-repeat;background-size:contain}.loginArea #verify_code{width:15.625vw;height:2.96875vw;background:url(/assets/images/worldCup/codeBg.png) no-repeat;background-size:contain}.loginArea .user_country{display:none}.loginArea #sendCode{cursor:pointer;margin-left:1.40625vw;font-size:1.19792vw;width:5.72917vw;height:2.96875vw;background:url(/assets/images/worldCup/verifyBg.png) no-repeat;background-size:contain;color:#000000}.loginArea #loginBtn{cursor:pointer;font-family:"Manrope-ExtraBold";font-weight:normal;font-size:1.19792vw;width:11.97917vw;height:2.96875vw;background:url(/assets/images/worldCup/loginBg.png) no-repeat;background-size:contain;margin-top:1.04167vw;position:relative;color:#000000}.rankBox{height:57.96875vw}.rankCon{width:58.22917vw;position:absolute;left:50%;top:18.75vw;transform:translateX(-50%)}.rankCon .ruleBtn{background:linear-gradient(to bottom, #FBE99B 0%, #D5A958 100%);color:#000000;font-size:1.30208vw;font-family:"Manrope-ExtraBold";font-weight:normal;padding:1px .78125vw;border-radius:.26042vw;cursor:pointer;display:inline-block;position:relative;left:50%;transform:translateX(-50%)}.rankCon .rankInfo{margin-top:1.04167vw;background-color:#fff;border-radius:.52083vw}.rank-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #F8E396;padding:1.04167vw 0}.rank-item span{width:33.3%;text-align:center;font-size:1.04167vw}.rank-item .rankIcon{width:2.08333vw}.rankTitle{width:100%;height:4.21875vw;background:url(/assets/images/worldCup/rankTitle.png) no-repeat;background-size:cover;display:flex;justify-content:space-between;align-items:center;padding:0 .78125vw}.rankTitle span{width:33.3%;text-align:center;color:#000000;font-size:1.71875vw;font-family:"Manrope-ExtraBold";font-weight:normal}.pointsList{padding:0 .78125vw}#ruleAlert .ruleBox{position:absolute;width:32.34375vw;top:10.41667vw;left:50%;transform:translateX(-50%)}#ruleAlert .ruleInfo{position:absolute;top:17.70833vw;left:50%;transform:translateX(-50%);text-align:center;width:100%;color:#000;line-height:1.2}#ruleAlert h4{font-size:1.5625vw}#ruleAlert p{font-size:1.04167vw;margin:1.04167vw 0 1.30208vw}#ruleAlert h6{font-size:1.5625vw}#ruleAlert .alertClose{left:110%;top:10%}.share{height:60.67708vw}.share .shareInfo{position:absolute;left:17.70833vw;top:6.25vw;color:#ffffff}.share .shareInfo h4{text-transform:uppercase;font-size:3.28125vw;font-family:"Manrope-ExtraBold";font-weight:normal;line-height:1;text-shadow:1px 4px 2px #000}.share .shareInfo p{font-size:1.66667vw;font-family:"Manrope-Bold";font-weight:normal;color:#ffffff;line-height:1.2;margin-top:1.04167vw}.share .socialList{display:flex;margin-top:1.04167vw}.share .socialList a{display:inline-block;margin-right:.78125vw;width:3.125vw}.share .socialList a img{width:100%;border-radius:.20833vw}.share .tips{position:absolute;bottom:3.125vw;text-align:center;color:#000000;font-size:1.35417vw;font-family:"Manrope-ExtraBold";font-weight:normal;width:100%}.launch_box{display:none}@media screen and (max-width: 992px){.banner{height:77.46667vw}.draw{height:135.06667vw}.draw .drawBox{width:94.66667vw;height:99.6vw;top:29.33333vw}.draw #gameGrid{width:75.73333vw}.draw .drawSection{top:66.66667vw}.draw .drawTitle{top:28vw;font-size:3.2vw}.draw .zone{width:20vw;height:17.06667vw}.draw .ball-flying{width:9.33333vw;height:9.33333vw}.drawResult .resultInfo{top:50%;width:72vw;height:84.13333vw}.drawResult .resultText h3{font-size:3.73333vw}.drawResult .resultText span{font-size:5.33333vw}.drawResult .rules{margin-top:5.86667vw}.drawResult .rules h6{font-size:3.46667vw}.drawResult .rules p{line-height:1.7;font-size:3.2vw}.drawResult .rules p:nth-of-type(2),.drawResult .rules p:nth-of-type(3){padding-left:2.66667vw}#goldResult .resultText{top:46.2%}#whiteResult .rules{margin-top:5.86667vw}#noChancePopup .resultText span{font-size:3.2vw;color:#fff;line-height:1.2;display:inline-block}#noChancePopup .rules{margin-top:5.86667vw}#noChancePopup .rules h6{font-size:3.46667vw}#noChancePopup .rules p{font-size:3.2vw;line-height:1.65}#noChancePopup .rules p:nth-of-type(2),#noChancePopup .rules p:nth-of-type(3){padding-left:2.66667vw}.closeBtn{width:9.33333vw;height:9.33333vw;top:37%;left:81%}#guessBox{height:84.13333vw}#guessArea{top:41.33333vw;width:93.33333vw;transform:unset;margin-left:-46.66667vw}#guessArea .tip{font-size:3.2vw}#guessArea .teamBox{position:relative;left:50%;margin-left:-29.6vw;margin-top:4vw;width:59.2vw;height:9.6vw;border-radius:1.06667vw}#guessArea #guessLocked span{font-size:3.2vw}#guessArea #guessLocked img{width:6.66667vw;margin-right:1.33333vw}#guessArea .submitBg{width:16vw;height:6.13333vw;background-size:100% 100%;font-size:3.46667vw}#guessArea .selected-team{border:1px solid #DBB362;width:40.53333vw;height:6.4vw;font-size:2.93333vw;border-radius:1.06667vw;padding:0 .53333vw 0 2.66667vw;display:flex;align-items:center}#guessArea #selectedText{display:block;line-height:1;height:2.93333vw}#guessArea .team-list{max-height:40vw;padding-top:1.33333vw}#guessArea .team-item{padding:0 1.33333vw}#guessArea .team-item img{width:4.8vw}#guessArea .team-item span{width:32vw;font-size:2.4vw;padding:1.33333vw}#guessArea #searchTeam{font-size:2.93333vw}#guessArea .selectBox{padding:1.33333vw;border-radius:1.06667vw}#guessArea .selectBox img{width:3.2vw}.rankBox{height:97.06667vw}.rankCon{top:33.33333vw;width:82.66667vw}.rankCon .rankInfo{margin-top:4vw;border-radius:1.06667vw}.rankCon .ruleBtn{padding:.53333vw 1.33333vw;font-size:3.2vw;border-radius:.8vw}.rankTitle{padding:1.33333vw 0;height:auto}.rankTitle span{font-size:13px}.rankTitle span:nth-of-type(1){width:20%}.rankTitle span:nth-of-type(2){width:54.9%}.rankTitle span:nth-of-type(3){width:25%}.rank-item{padding:.8vw 0}.rank-item span{font-size:2.66667vw}.rank-item span:nth-of-type(1){width:20%}.rank-item span:nth-of-type(2){width:54.9%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.rank-item span:nth-of-type(3){width:25%}.rank-item .rankIcon{width:4.53333vw}#ruleAlert .ruleBox{width:69.33333vw;top:2.66667vw}#ruleAlert .ruleInfo{top:38.66667vw}#ruleAlert h4{font-size:3.46667vw}#ruleAlert p{font-size:2.66667vw}#ruleAlert h6{font-size:3.2vw}#ruleAlert .alertClose{left:100%;top:15%}.share{height:93.6vw}.share .shareInfo{left:8vw}.share .shareInfo h4{font-size:4.53333vw}.share .shareInfo p{font-size:2.93333vw}.share .socialList{margin-top:2.66667vw}.share .socialList a{margin-right:1.33333vw;width:6.93333vw}.share .tips{font-size:3.2vw;line-height:1.2}.loginArea{width:80vw}.loginArea .inputArea{top:49.33333vw;padding:0 8vw;text-align:center}.loginArea .inputArea h5{font-size:3.73333vw}.loginArea .inputArea input{margin-top:2.66667vw;padding-left:2.66667vw;font-size:3.2vw}.loginArea #verify_email{width:90%;height:7.2vw}.loginArea #verify_code{height:7.2vw;width:42.66667vw}.loginArea #sendCode{width:13.33333vw;height:7.2vw;font-size:3.2vw;margin-left:.53333vw}.loginArea #loginBtn{margin-top:2.66667vw;width:29.06667vw;height:7.2vw;font-size:3.2vw;left:unset;transform:unset}.loading .loader{width:8vw;height:8vw;left:45%}.loading .loader::after{width:10.66667vw;height:10.66667vw;border-width:.53333vw}#message-toast-container .message-toast{font-size:3.46667vw;border-radius:8vw;padding:2.66667vw 8vw;max-width:85.33333vw;white-space:nowrap}}