:root{--DesignWidth:750;--PageMaxWidth:750px}html{font-size:calc(100vw / var(--DesignWidth))}@media screen and (min-width: 750px){html{font-size:calc(var(--PageMaxWidth) / var(--DesignWidth))}}@font-face{font-family:"TitleBold";src:url("https://ailitchi.jstv.com/h5/jsleague2026/font/TitleBold.ttf")}html{overflow-x:hidden}*{margin:0;padding:0}body{font-size:4.27vw}.app-download{width:750rem !important;display:none !important}::-webkit-scrollbar{width:0}[v-cloak]{display:none !important}.container{width:750rem;min-height:100vh;position:relative;background:url(../images/live_bg.png) no-repeat top/100% 100%;background-size:100%;background-color:#004992;box-sizing:border-box}.container .top_title{width:100%;height:280rem;background:url(../images/toprealbg.png) no-repeat center center/100% 100%;background-size:100% 100%;display:flex;justify-content:space-between;box-sizing:border-box;padding:0 30rem;padding-top:76rem}.container .top_title .top_left{font-size:22rem;color:#fff;display:flex;align-items:center;height:50rem}.container .top_title .top_left span{margin-left:18rem}.container .top_title .top_left img{margin-top:4rem;width:12rem;height:14rem}.container .top_title .disabled{opacity:0.5;cursor:not-allowed}.container .top_title .disabled img{filter:grayscale(100%)}.container .top_title .top_center{font-size:24rem;color:#7cfed3;display:flex;align-items:center;justify-content:center;background:url(../images/top_cbg.png) no-repeat center center/100% 100%;background-size:100% 100%;width:154rem;height:50rem;position:relative}.container .top_title .top_center span{margin-right:10rem}.container .top_title .top_center img{margin-top:2rem;width:14rem;height:12rem}.container .top_title .top_center .dropdown{position:absolute;top:100%;left:0;width:100%;background-color:#003756;border-radius:8rem;overflow:hidden;z-index:1000}.container .top_title .top_center .dropdown .dropdown-item{padding:15rem;text-align:center;color:#7cfed3;font-size:20rem;border-bottom:1px solid rgba(124,254,211,0.1);cursor:pointer}.container .top_title .top_center .dropdown .dropdown-item:last-child{border-bottom:none}.container .top_title .top_center .dropdown .dropdown-item:hover{background-color:rgba(124,254,211,0.1)}.container .top_title .top_right{font-size:22rem;color:#fff;display:flex;align-items:center;height:50rem}.container .top_title .top_right span{margin-right:18rem}.container .top_title .top_right img{margin-top:4rem;width:12rem;height:14rem}.container .top_title .top_right.disabled{opacity:0.5;cursor:not-allowed}.container .top_title .top_right.disabled img{filter:grayscale(100%)}.container .video_area{position:absolute;top:140rem;left:0;width:100%;height:416rem}.container .video_area .video{width:100%;height:100%;object-fit:cover}.container .video_area .video video{width:100%;height:100%;object-fit:cover}.container .video_area .video .not_start{width:100%;height:100%}.container .video_area .video .not_start img{width:100%;height:100%;object-fit:cover}.container .video_bt{margin-top:272rem;width:100%}.container .race_notchoose{width:100%;overflow:hidden}.container .scroll-container{margin-top:10rem;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;cursor:grab}.container .scroll-container:active{cursor:grabbing}.container .scroll-container .scroll-content{display:flex;flex-wrap:nowrap;justify-content:flex-start;padding-left:34rem;box-sizing:border-box;min-width:max-content}.container .scroll-container .scroll-content .item-box{flex-shrink:0}.container .scroll-container .scroll-content .item{width:212rem;height:140rem;background:url(../images/race_notchoose.png) no-repeat center center/100% 100%;background-size:100% 100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.container .scroll-container .scroll-content .item .item_top{width:100%;height:70rem;position:relative}.container .scroll-container .scroll-content .item .item_top div{font-size:32rem;color:#fff;font-style:italic;text-align:center;height:70rem;line-height:70rem;letter-spacing:2rem}.container .scroll-container .scroll-content .item .item_bottom{width:100%;height:50%;position:relative}.container .scroll-container .scroll-content .item .item_bottom div{font-size:32rem;color:#fff;font-style:italic;text-align:center;height:70rem;line-height:70rem;letter-spacing:2rem}.container .scroll-container .scroll-content .item img{width:36rem;height:56rem;position:absolute;top:6rem;left:20rem}.container .scroll-container .scroll-content .active{background:url(../images/race_haschoose.png) no-repeat center center/100% 100%;background-size:100% 100%}.container .scroll-container::-webkit-scrollbar{display:none}.container .rule{position:absolute;top:835rem;right:0;width:38rem;height:162rem;background:url(../images/newrule.png) no-repeat center center/100% 100%;background-size:100% 100%;z-index:87}.container .rule .close{width:36rem;height:36rem;position:absolute;top:50%;left:0rem;transform:translateY(-50%)}.container .sum_people{font-size:22rem;color:#fff;position:absolute;top:585rem;right:20rem;display:flex;align-items:center}.container .sum_people img{width:41rem;height:25rem;margin-right:10rem}.container .game_btn{width:100%;height:160rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:0 92rem;margin-top:78rem;margin-bottom:20rem}.container .game_btn .item{width:120rem}.container .game_btn .item img{width:124rem;height:90rem}.container .game_btn .item .item_text{width:100%;height:72rem;color:#fff;font-size:26rem;background:url(../images/guess_textbg.png) no-repeat center center/100% 100%;background-size:100% 100%;text-align:center}.container .game_summary{width:750rem;background:url(../images/index_gameBg.png) no-repeat center top/100% auto;box-sizing:border-box;padding:0 40rem;padding-top:74rem;position:relative;padding-bottom:200rem;box-sizing:border-box}.container .game_summary .game_more{width:260rem;height:80rem;position:absolute;top:0;right:0}.container .game_summary .excellent_bottom{display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:20rem}.container .game_summary .excellent_bottom .excellent_item{width:316rem;margin-top:36rem;position:relative}.container .game_summary .excellent_bottom .excellent_item .play_bt{width:58rem;height:58rem;position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(66rem);z-index:1}.container .game_summary .excellent_bottom .excellent_item img{width:100%;height:182rem;border-radius:1.33vw;vertical-align:bottom;object-fit:cover}.container .game_summary .excellent_bottom .excellent_item .excellent_title{margin-top:14rem;font-size:3.73vw;line-height:4.53vw;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.container .game_summary .excellent_bottom .excellent_item .excellent_type{position:absolute;top:14rem;left:0;width:63rem;height:22rem;line-height:22rem;text-align:center;font-size:14rem;background-color:#eb2f11;border-top-right-radius:10rem;border-bottom-right-radius:10rem;color:#fff}.active_mask{position:fixed;top:0;left:0;width:750rem;height:100vh;background-color:rgba(0,0,0,0.7);z-index:100}.active_mask .active_box{position:absolute;bottom:0;left:0;background:url(../images/activeStart.png) no-repeat center center;background-size:100% 100%;width:750rem;height:1370rem;padding-top:180rem;box-sizing:border-box}.active_mask .active_box .closeActive{width:60rem;height:60rem;top:15rem;right:40rem;position:absolute}.active_mask .active_box .contanier{padding:0rem 40rem 0 50rem;box-sizing:border-box;overflow-y:auto;height:1100rem}.active_mask .active_box .contanier .top_title{display:flex;justify-content:center;margin-bottom:55rem;font-size:42rem;background:linear-gradient(180deg, #a03c1d 0%, #282828 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:bold}.active_mask .active_box .contanier .rule_item{margin-bottom:30rem}.active_mask .active_box .contanier .rule_item .title{font-size:28rem;background:linear-gradient(180deg, #3456a6 0%, #2da5bc 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:36rem;display:flex;justify-content:flex-start;font-weight:bolder;align-items:center;margin-bottom:10rem}.active_mask .active_box .contanier .rule_item .title span:nth-child(1){width:7rem;height:35rem;background-color:#099e61;margin-right:8rem;margin-top:6rem}.active_mask .active_box .contanier .rule_item .cont{font-size:28rem;color:#282828;line-height:48rem;font-weight:500}.active_mask .active_box .contanier .rule_item img{height:44rem;margin-bottom:8rem}.active_mask .active_box .contanier .rules{font-size:28rem;color:#060a72}.noActive_mask{position:fixed;top:0;left:0;width:750rem;height:100vh;background-color:rgba(0,0,0,0.7);z-index:100}.noActive_mask .noActive_box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:url(../images/activeNotStart.png) no-repeat center center;background-size:100% 100%;width:624rem;height:536rem;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.noActive_mask .noActive_box .closeActive{width:60rem;height:60rem;top:0rem;right:0rem;position:absolute}.noActive_mask .noActive_box .contanier{display:flex;justify-content:center;align-items:center;padding:0 70rem;width:100%;height:400rem;font-size:36rem;letter-spacing:2px;line-height:55rem;color:#282828;font-weight:bold}.black-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:999;display:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:101}.black-overlay.show{display:block}.end{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:70%;height:440rem;z-index:102;background-image:url(../images/end-bg.png);background-size:100% auto;background-repeat:no-repeat;box-sizing:border-box;padding-top:120rem;text-align:center}.end .text{margin-bottom:30rem}.end .btn{width:288rem;height:78rem;border-radius:39rem;background-color:#128438;color:#fff;line-height:78rem;margin:0 auto}.falling-card{position:fixed;width:133rem;height:133rem;background-image:url("../images/down-card.png");background-size:100% 100%;z-index:1000;top:-130rem;opacity:1}@keyframes fall{0%{transform:translateY(-100%) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(0deg);opacity:1}}.falling-card{animation:fall linear forwards}.chat{position:fixed;bottom:0;left:0;width:100%;z-index:88}.chat_box{position:absolute;bottom:70rem;left:0;width:750rem;z-index:88;height:814rem !important;background-image:url(../images/chat_long.png) !important;background-repeat:no-repeat;background-position:center center;box-sizing:border-box;background-size:100% auto;transition:all 0.3s ease;padding-top:10rem;box-sizing:border-box}.chat_box .contanier{margin-top:5rem;width:750rem;height:calc(100% - 200rem);overflow-y:auto;padding:36rem 40rem;box-sizing:border-box}.chat_box .contanier .chat_item{display:flex;align-items:flex-start;padding:10rem 20rem;box-sizing:border-box;background-color:white;margin-bottom:20rem;border-radius:15rem}.chat_box .contanier .chat_item img{width:50rem;height:50rem;border-radius:50%;margin-right:10rem;flex-shrink:0}.chat_box .contanier .chat_item .chat_item_name{font-size:24rem;color:#333;font-weight:bold;margin-right:10rem;flex-shrink:0}.chat_box .contanier .chat_item .chat_item_msg{font-size:24rem;color:#333;flex:1;word-break:break-word}.chat_box .title{display:flex;justify-content:flex-end;align-items:center;font-size:28rem;color:#fff;font-weight:bold;height:74rem}.chat_box .title span{width:60rem;height:60rem}.chat_box .title span:nth-child(1){margin-right:10rem}.chat_box .title span:nth-child(2){margin-right:20rem}.footer{position:absolute;bottom:0;left:0;width:750rem;height:190rem;background:url(../images/chat_footer.png) no-repeat center center;background-size:100% 100%;z-index:88}.footer .input_box{height:62rem;display:inline-block;position:absolute;top:30rem;left:145rem;display:flex}.footer .input_box input{width:380rem;height:100%;border:none;outline:none;background-color:transparent;font-size:25rem;letter-spacing:2rem;color:#000;font-weight:300}.footer .input_box input ::placeholder{color:#a4a6a9}.footer .input_box .send_btn{margin-left:6rem;width:85rem;height:100%;border:none;outline:none}.footer .input_box .weichat{margin-left:15rem;width:90rem;height:100%;border:none;outline:none}.hidden-scroll{overflow:hidden;position:fixed;width:100%}.home_banner{width:100%;height:100rem;display:flex;justify-content:center;margin-bottom:30rem}.home_banner img{border-radius:10rem;width:680rem;height:100%}