.recommendHeader{position:fixed;left:0;top:0;width:100vw;height:3rem;background:linear-gradient(0deg,#222 0,#383838 100%);z-index:10011}.recommendHeader .center{width:80rem}.recommendHeader .center .icon{width:11.56rem;height:1.88rem;margin-right:2.5rem}.recommendHeader .center ul{margin-right:12.37rem}.recommendHeader .center ul li{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-right:3.63rem}.recommendHeader .center ul .active a{color:#fff}.recommendHeader .center ul .active .line{display:block}.recommendHeader .center ul li a{font-weight:400;font-size:.88rem;color:#999;position:relative}.recommendHeader .center ul li .line{width:1.75rem;height:.25rem;background:#ffaf00;border-radius:.13rem;margin-top:.28rem;display:none;position:relative;left:0;bottom:0}.recommendHeader .center .userBox{margin-right:9.13rem;line-height:3rem}.recommendHeader .center .userBox img{width:2.25rem;height:2.25rem;margin-right:.62rem}.recommendHeader .center .userBox span{font-size:1rem;color:#fff;line-height:3rem;text-align:center}.topicPage{background:#fff;height:auto;min-height:100vh}.topicPage .swiper{width:100%;height:35.7rem;margin-top:3rem;position:relative;z-index:1;box-shadow:#fff 0 100px 100px}.topicPage .swiper::after{display:block;content:'';position:absolute;bottom:-7rem;left:-10rem;width:120%;height:22rem;background:url(https://images.sooyooj.com/20240612/x5rWUiEFnVhSTO9H.png) no-repeat;z-index:2}.topicPage .swiper .swiper-wrapper{width:100%}.topicPage .swiper .swiper-wrapper .swiper-slide{width:100%}.topicPage .swiper .swiper-wrapper .swiper-slide img{width:100%}.my-bullet-active{width:1.75rem!important;height:.75rem;background:#ff5c23!important;border-radius:.38rem;opacity:1!important}.swiper-pagination-bullet{width:.75rem;height:.75rem;background:#434343;opacity:1!important}.swiper-pagination-bullets{width:10.38rem!important;height:1.63rem!important;background:rgba(255,255,255,.26);border-radius:.81rem;left:50%!important;top:76%!important;z-index:99!important}.topicPage .swiper .maskLayer{position:absolute;bottom:-7.4rem;left:0;width:120%;height:21.63rem;z-index:9}.topicPage .topicPageContent{width:80rem;z-index:999;height:auto;background:linear-gradient(to bottom,rgba(255,255,255,.1),#fff);margin:0 auto;margin-top:-8rem;position:relative;z-index:100}.topicPage .topicPageContent .content{width:100%;margin:0 auto}.topicPage .topicPageContent .hotandnewGames .btnBox .btn{width:8.38rem;height:2.5rem;background:#fff;border:.06rem solid #ff7a00;margin-right:1.38rem;font-size:1.38rem;color:#ff7a00;line-height:2.3rem;text-align:center}.topicPage .topicPageContent .hotandnewGames .btnBox .btn.active{background:#ff7a00;color:#fff}.topicPage .topicPageContent .hotandnewGames .hotrecommendation{margin-top:1rem}.topicPage .topicPageContent .hotandnewGames .hotrecommendation .hotItem{width:15.13rem;background:#f6f6f6;display:flex;flex-direction:column}.topicPage .topicPageContent .hotandnewGames .hotrecommendation .hotItem .hotTop{width:100%;height:8.88rem}.topicPage .topicPageContent .hotandnewGames .hotrecommendation .hotItem .hotTop img{width:100%;height:100%;position:relative}.topicPage .topicPageContent .hotandnewGames .hotrecommendation .hotItem .hotTop .topMask{width:100%;height:1.5rem;background:rgba(0,0,0,.7);position:relative;left:0;bottom:1.5rem}.topicPage .topicPageContent .hotandnewGames .hotrecommendation .hotItem .hotTop .topMask span{font-size:.75rem;color:rgba(255,255,255,.8);line-height:1rem;text-align:left;font-style:normal;margin-left:.63rem}.topicPage .topicPageContent .hotandnewGames .hotrecommendation .hotItem .hotTop .topMask .palynum{width:7.63rem;height:1.13rem;background:url(https://images.sooyooj.com/20240508/lbWFIwrrcxjH6Uen.png) no-repeat;background-size:100% 100%;text-indent:1.44rem;line-height:1.13rem;font-size:.75rem;color:rgba(255,255,255,.8);line-height:1.13rem;text-align:left;font-style:normal}.topicPage .topicPageContent .hotandnewGames .hotrecommendation .hotItem .hotBottom{padding:.63rem;flex:1;box-sizing:border-box}.topicPage .topicPageContent .hotandnewGames .hotrecommendation .hotItem .hotBottom .gameTitle .strong{font-size:.88rem;color:#131313;text-align:left;font-style:normal}.topicPage .topicPageContent .hotandnewGames .hotrecommendation .hotItem .hotBottom .gameTitle .palygame{width:2.88rem;height:1.25rem;background:#ff5c23;border-radius:.06rem;cursor:pointer;font-size:.75rem;color:#fff;line-height:1.25rem;font-style:normal;text-align:center}.topicPage .topicPageContent .hotandnewGames .hotrecommendation .hotItem .hotBottom p{font-size:.75rem;color:#999;line-height:1rem;text-align:left;font-style:normal;margin-top:.5rem}.topicPage .topicPageContent .hotandnewGames .hotrecommendation .hotItem .hotBottom:hover{background:#fff0e3}.topicPage .topicPageContent .hotandnewGames .hotrecommendation .hotItem .hotBottom:hover .gameTitle strong{color:#ff4200}.topicPage .topicPageContent .newGame .line{width:92.5rem;height:.13rem;position:relative;z-index:-1;left:-8%;top:2.1rem}.topicPage .topicPageContent .newGame .newGameli{margin-top:.2rem}.topicPage .topicPageContent .newGame .newGameli .newGameItem{width:10rem}.topicPage .topicPageContent .newGame .newGameli .newGameItem .time{font-weight:700;font-size:.88rem;color:#ff7a00;line-height:1.19rem}.topicPage .topicPageContent .newGame .newGameli .newGameItem .raw{width:.75rem;height:.75rem;margin-top:.31rem}.topicPage .topicPageContent .newGame .newGameli .newGameItem .icon{width:5.25rem;height:5.25rem;margin-top:.44rem}.topicPage .topicPageContent .newGame .newGameli .newGameItem p{font-weight:700;font-size:.81rem;color:#3c3c3c;line-height:1.06rem;margin-top:.31rem}.topicPage .topicPageContent .newGame .newGameli .newGameItem .tag span{padding:.1rem .5rem;background:#fff;border-radius:.19rem;border:.06rem solid #cecece;box-sizing:border-box;font-weight:700;font-size:.81rem;color:#3c3c3c;text-align:center;margin-top:.38rem}.topicPage .topicPageContent .newGame .newGameli .newGameItem .tag span:nth-child(1){margin-right:.25rem}.topicPage .topicPageContent .newGame .newGameli .newGameItem .btn{width:3.38rem;height:1.5rem;margin-top:.63rem;background:#fff;border:.06rem solid rgba(255,92,35,.5)}.topicPage .topicPageContent .newGame .newGameli .newGameItem .btn span{font-size:.75rem;color:#ff5c23}.topicPage .topicPageContent .newGame .newGameli .newGameItem .btn i{display:block;width:.88rem;height:.88rem;background:url(//images.sooyooj.com/20240618/gFMvTZSk6xJZoBmS.png) no-repeat;background-size:100% 100%}.topicPage .topicPageContent .newGame .newGameli .newGameItem .btn:hover{background:url(//images.sooyooj.com/20240613/lDfIt9SFGnT1hnVn.png) no-repeat;background-size:100% 100%;background:#ff5c23}.topicPage .topicPageContent .newGame .newGameli .newGameItem .btn:hover span{color:#fff}.topicPage .topicPageContent .newGame .newGameli .newGameItem .btn:hover i{background:url(//images.sooyooj.com/20240618/XdSSX0OkHrswlnEo.png) no-repeat;background-size:100% 100%}.topicPage .topicPageContent .newGame .gameli{margin-top:1.88rem}.topicPage .topicPageContent .newGame .gameli .gameItem{width:19.25rem;height:10.13rem;background:#fff;border-radius:.38rem;border:.06rem solid #d9d9d9;overflow:hidden;margin-bottom:1.25rem}.topicPage .topicPageContent .newGame .gameli .gameItem .left .gameimg{width:12.88rem;height:7.5rem}.topicPage .topicPageContent .newGame .gameli .gameItem .left .gamepalynum{height:auto;padding:.1rem .5rem;box-sizing:border-box}.topicPage .topicPageContent .newGame .gameli .gameItem .left .gamepalynum p{font-size:.88rem;color:#3c3c3c;line-height:1.19rem}.topicPage .topicPageContent .newGame .gameli .gameItem .right{width:6.38rem;height:100%;border-radius:0 .38rem .38rem 0;padding:.63rem .31rem .81rem .31rem;box-sizing:border-box}.topicPage .topicPageContent .newGame .gameli .gameItem:nth-child(1) .right{background:#716e6e}.topicPage .topicPageContent .newGame .gameli .gameItem:nth-child(2) .right{background:#a27c52}.topicPage .topicPageContent .newGame .gameli .gameItem:nth-child(3) .right{background:#be5635}.topicPage .topicPageContent .newGame .gameli .gameItem:nth-child(4) .right{background:#3d65ae}.topicPage .topicPageContent .newGame .gameli .gameItem:nth-child(5) .right{background:#209da4}.topicPage .topicPageContent .newGame .gameli .gameItem:nth-child(6) .right{background:#908d0e}.topicPage .topicPageContent .newGame .gameli .gameItem:nth-child(7) .right{background:#ce8f07}.topicPage .topicPageContent .newGame .gameli .gameItem:nth-child(8) .right{background:#aa3030}.topicPage .topicPageContent .newGame .gameli .gameItem .right .tag{width:5.63rem;height:2rem;line-height:2rem;text-align:center;border-top:.06rem solid #fff;border-bottom:.06rem solid #fff;font-size:.75rem;color:#fff}.topicPage .topicPageContent .newGame .gameli .gameItem .right p{margin-top:.69rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.75rem;color:#fff}.topicPage .topicPageContent .newGame .gameli .gameItem .right .palygameBtn{margin-top:1rem;width:5.63rem;height:2rem;border-radius:1.13rem;border:.06rem solid #fff;line-height:2rem;text-align:center;font-size:.75rem;color:#fff}.title{margin-top:1.38rem;margin-bottom:.81rem}.title strong{font-size:1.38rem;color:#000;letter-spacing:1px;text-align:left;font-style:normal}.title .line{width:.38rem;height:1.5rem;background:#ff7a00;margin-right:.44rem}.title .more{width:3.25rem;height:1.25rem;border-radius:.38rem;border:.06rem solid #ff7a00;margin-left:1.06rem;padding:.13rem .44rem;box-sizing:border-box;font-size:.75rem;color:#ff7a00;line-height:1rem;text-align:left;font-style:normal}.title .more a{color:#ff7a00}.title .more img{width:.5rem;height:.5rem;margin-left:.13rem}.title .icon h1{width:1.38rem;height:1.38rem;margin-left:.75rem}.title .icon h1 img{width:100%;height:100%}.topicPage .topicPageContent .commeBox{width:80rem;background:#fff;border:.06rem solid #d9d9d9;border-top:.24rem solid #ff7a00;padding:1.3rem 1.44rem;padding-top:.05rem;box-sizing:border-box}.topicPage .topicPageContent .commeBox .commeItem{width:17.38rem;height:4.69rem;margin-top:1.25rem;margin-right:2.4rem}.topicPage .topicPageContent .commeBox .commeItem:nth-child(4n){margin-right:0}.topicPage .topicPageContent .commeBox .commeItem .disc_img{width:7.75rem;height:4.63rem;position:relative;margin-right:.5rem}.topicPage .topicPageContent .commeBox .commeItem .gamImg{width:100%}.topicPage .topicPageContent .commeBox .commeItem .tab{width:3rem;height:1.44rem;position:absolute;top:0;left:0}.topicPage .topicPageContent .commeBox .commeItem .contentBox strong{font-size:.88rem;color:#3c3c3c;line-height:1.19rem;text-align:left}.topicPage .topicPageContent .commeBox .commeItem .contentBox .text{margin-top:.5rem;font-size:.75rem;color:#999;line-height:1rem;text-align:center}.topicPage .topicPageContent .commeBox .commeItem .contentBox .text span:nth-child(1){margin-right:.5rem}.topicPage .topicPageContent .commeBox .commeItem .contentBox .btnBox{margin-top:.5rem}.topicPage .topicPageContent .commeBox .commeItem .contentBox .btnBox .btn{width:3.75rem;height:1.5rem;background:#fff;border-radius:.25rem;border:.06rem solid rgba(255,92,35,.5);line-height:1.5rem;text-align:center;font-size:.75rem;line-height:1.5rem;text-align:center;font-style:normal}.topicPage .topicPageContent .commeBox .commeItem .contentBox .btnBox .left{color:#ff5c23;border:.06rem solid rgba(255,92,35,.5);margin-right:.63rem}.topicPage .topicPageContent .commeBox .commeItem .contentBox .btnBox .left a{color:#ff5c23}.topicPage .topicPageContent .commeBox .commeItem .contentBox .btnBox .right{color:#3c3c3c;border:.06rem solid #cecece}.topicPage .topicPageContent .commeBox .commeItem .contentBox .btnBox .left:hover{background:#ff5c23}.topicPage .topicPageContent .commeBox .commeItem .contentBox .btnBox .left:hover a{color:#fff}.topicPage .topicPageContent .commeBox .commeItem .contentBox .btnBox .right:hover{border:.06rem solid rgba(255,92,35,.5);color:#ff5c23}.topicPage .topicPageContent .serverData{margin-top:1.81rem}.topicPage .topicPageContent .serverData .tabli{height:3.88rem;border-bottom:.13rem solid #f44762}.topicPage .topicPageContent .serverData .tabli li{width:16.63rem;height:3.88rem;line-height:3.88rem;text-align:center;font-size:1.5rem;color:#3c3c3c}.topicPage .topicPageContent .serverData .tabli li.active{background:#f44762;color:#fff}.topicPage .topicPageContent .serverData .table .tableTitle{height:1.88rem;align-items:center}.topicPage .topicPageContent .serverData .table .tableTitle li{width:9.38rem;text-align:center;font-size:.75rem;color:#666}.topicPage .topicPageContent .serverData .table .tableTitle li:nth-child(1){margin-left:4.38rem}.topicPage .topicPageContent .serverData .table .tableTitle li:last-child{margin-right:5.94rem}.topicPage .topicPageContent .serverData .table .tableContent{border-top:.1rem solid #ccc;height:3.5rem;line-height:3.5rem}.topicPage .topicPageContent .serverData .table .tableContent .icon{position:relative;left:1.19rem;top:-.31rem;width:2.25rem;height:2.25rem}.topicPage .topicPageContent .serverData .table .tableContent li{width:9.38rem;text-align:center;font-size:.75rem;color:#666}.topicPage .topicPageContent .serverData .table .tableContent li:nth-child(1){margin-left:4.38rem}.topicPage .topicPageContent .serverData .table .tableContent li:last-child{margin-right:2rem;width:13rem}.topicPage .topicPageContent .serverData .table .tableContent .pink{color:#f44762}.topicPage .topicPageContent .serverData .table .tableContent li a{font-size:.75rem;color:#666}.topicPage .topicPageContent .serverData .table .tableContent li a:nth-child(1){color:#f44762}.topicPage .topicPageContent .serverData .table .tableContent li a img{width:.38rem;height:.5rem;margin-right:.56rem;margin-left:.13rem}.topicPage .topicPageContent .serverData .table .tableContent:last-child{border-bottom:.1rem solid #ccc}.topicPage .topicPageContent .messageBox{margin-top:.69rem}.topicPage .topicPageContent .messageBox .messageItem{width:25.75rem}.topicPage .topicPageContent .messageBox .messageItem .messgeContent{width:25.75rem;height:17rem;background:url(https://images.sooyooj.com/20240518/mgAK9wAOsp5UEpKB.png) no-repeat;background-size:100% 100%;list-style-type:square!important;padding:0 .81rem;box-sizing:border-box}.topicPage .topicPageContent .messageBox .messageItem .servers li:first-child .hoverContent{display:block}.topicPage .topicPageContent .messageBox .messageItem .servers li:first-child .nohover{display:none}.topicPage .topicPageContent .messageBox .messageItem .servers li .hoverContent{display:none}.topicPage .topicPageContent .messageBox .messageItem .messgeContent li .nohover{width:100%;height:1.69rem}.topicPage .topicPageContent .messageBox .messageItem .messgeContent li .nohover .origin{width:.38rem;height:.38rem;background:#3c3c3c;border-radius:100%;margin-right:.69rem}.topicPage .topicPageContent .messageBox .messageItem .messgeContent li .nohover .text{width:18.5rem;font-size:.75rem;color:#3c3c3c;line-height:1.69rem;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:.38rem;margin-right:1.13rem}.topicPage .topicPageContent .messageBox .messageItem .messgeContent li .nohover img{width:1.25rem;height:1.25rem}.topicPage .topicPageContent .messageBox .messageItem .messgeContent li .nohover span{font-size:.75rem;color:#3c3c3c;line-height:1.69rem;text-align:left}.topicPage .topicPageContent .messageBox .messageItem .messgeContent li .nohover p{font-size:.75rem;color:#999;line-height:1.69rem;text-align:left}.topicPage .topicPageContent .messageBox .messageItem .messgeContent li .hoverContent{border-bottom:.06rem dashed #3c3c3c;padding:.56rem 0;box-sizing:border-box}.topicPage .topicPageContent .messageBox .messageItem .messgeContent li .hoverContent .title{width:22rem;font-weight:700;font-size:.88rem;color:#f25277;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:.56rem}.topicPage .topicPageContent .messageBox .messageItem .messgeContent li .hoverContent .moreBox{width:100%;overflow:hidden;margin-top:.44rem}.topicPage .topicPageContent .messageBox .messageItem .messgeContent li .hoverContent .moreBox img{width:7.63rem;height:4rem;margin-right:.63rem}.topicPage .topicPageContent .messageBox .messageItem .messgeContent li .hoverContent .moreBox .text{font-size:.75rem;color:#131313;line-height:1.13rem}.topicPage .topicPageContent .messageBox .messageItem .messgeContent li .hoverContent .moreBox .text .content_text{font-size:.75rem;color:#131313;line-height:1.13rem;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.topicPage .topicPageContent .messageBox .messageItem .messgeContent li .hoverContent .moreBox .text p{font-size:.81rem;color:#999;line-height:1.06rem;text-align:left;font-style:normal;margin-top:.44rem}.topicPage .topicPageContent .moreTopics{width:80.38rem;background:#fff;border:.06rem solid #d9d9d9;margin-bottom:2.63rem;padding:1rem;box-sizing:border-box}.topicPage .topicPageContent .moreTopics .item{padding:.31rem .38rem;box-sizing:border-box;font-size:.75rem;line-height:1.63rem;text-align:left;font-style:normal;margin-right:1rem;margin-bottom:1rem}