@font-face{font-family:"PingceFont";src:url("../fonts/icon_pingce2025.woff") format("woff"),url("../fonts/icon_pingce2025.ttf") format("truetype");font-weight:normal;font-style:normal}
body{color:#444;background:#1a1a1a}
.fl{display:block;float:left}
.fr{display:block;float:right}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(1);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
.bbs{margin:0 .2rem}
.icon:before{font-family:"PingceFont";font-size:.2rem;font-style:normal;text-align:center}
.icon_pc:before{content:""}
.icon_gm:before{content:""}
.icon_tv:before{content:""}
.icon_st:before{content:""}
.icon_time:before{content:""}
.icon_play:before{content:""}
.icon_map:before{content:""}
.icon_bt:before{content:""}
.icon_mod:before{content:""}
.icon_zan:before{content:""}
.icon_pl:before{content:""}
.icon_line:before{content:""}
.icon_sd:before{content:""}
.icon_st2:before{content:""}
.icon_us:before{content:""}
.icon_us2:before{content:""}
.icon_top:before{content:""}
.icon_gm2:before{content:""}
.HeadSwiper{width:100%;height:7rem;position:relative}
.HeadSwiper .swiper-slide{width:100%;height:7rem;position:relative}
.HeadSwiper .swiper-button-prev,.HeadSwiper .swiper-button-next{width:.48rem;height:.48rem;background:rgba(0,0,0,.5);border-radius:50%;transition:background .2s linear;bottom:.2rem;top:initial}
.HeadSwiper .swiper-button-prev:hover,.HeadSwiper .swiper-button-next:hover{background:rgba(0,0,0,.8)}
.HeadSwiper .swiper-button-prev::after,.HeadSwiper .swiper-button-next::after{color:#fff;font-size:.2rem;font-weight:bold}
.HeadSwiper .swiper-button-prev{left:initial;right:.8rem}
.HeadSwiper .swiper-pagination{bottom:.2rem}
.HeadSwiper .swiper-pagination .swiper-pagination-bullet{width:.1rem;height:.1rem;border-radius:.1rem;background:#979797;opacity:1}
.HeadSwiper .swiper-pagination .swiper-pagination-bullet-active{background:#f54730;width:.3rem}
.HeadSwiper .imgbg{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%}
.HeadSwiper .imgbg img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.HeadSwiper .imgbg::after{width:100%;height:100%;display:block;content:"";position:absolute;top:0;left:0;z-index:2;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5))}
.HeadSwiper .HeadInfo{margin:0 .3rem;position:relative;z-index:2;overflow:hidden;margin-top:1rem}
.HeadSwiper .HeadInfo .tag{width:.86rem;height:.3rem;line-height:.3rem;border-radius:.06rem;background:#f54730;color:#fff;font-size:.16rem;display:block;float:left;text-align:center}
.HeadSwiper .HeadInfo .title{width:100%;height:.8rem;line-height:.8rem;color:#fff;font-size:.6rem;display:block;float:left;text-align:left;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:.1rem 0}
.HeadSwiper .HeadInfo .desc{text-align:left;font-size:.22rem;color:#d1d5db;width:100%;height:.3rem;line-height:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.HeadSwiper .HeadInfo .ScoreBox{width:.9rem;height:.9rem;border-radius:.1rem;background:rgba(0,0,0,.88);float:left;margin:.2rem 0;cursor:pointer;transition:all .2s linear;overflow:hidden;position:relative}
.HeadSwiper .HeadInfo .ScoreBox span{width:.6rem;height:.6rem;background:#f54730;border-radius:50%;font-size:.22rem;color:#fff;font-weight:bold;display:block;margin:.15rem;line-height:.6rem;float:left;text-align:center}
.HeadSwiper .HeadInfo .btns{width:100%;float:left;margin-top:.15rem}
.HeadSwiper .HeadInfo .btns a{display:block;float:left;width:1.28rem;height:.48rem;line-height:.48rem;text-align:center;border-radius:.06rem;background:#f54730;color:#fff;font-size:.2rem;margin-right:.15rem}
.HeadSwiper .HeadInfo .btns .btn2{background:none;border:.02rem solid #fff;box-sizing:border-box;line-height:.44rem}
.main{width:7.5rem;margin:0 auto}
.main .MainBox{margin:0 .3rem;color:#fff}
.main .TabBody{width:100%;overflow:hidden}
.main .TabBody .item+.item{display:none}
.main .MainTitle{width:100%;padding:.2rem 0 0;overflow:hidden}
.main .MainTitle strong{float:left;height:.44rem;line-height:.44rem;font-size:.28rem;color:#fff;width:100%}
.main .MainTitle .TabHd{float:left;height:.44rem;background:#252525;border-radius:.22rem;margin-top:.2rem;margin-bottom:.1rem}
.main .MainTitle .TabHd span{display:block;float:left;min-width:.6rem;height:.36rem;margin:.04rem;line-height:.36rem;border-radius:.22rem;text-align:center;color:#9ca3af;font-size:.2rem;cursor:pointer;padding:0 .2rem;transition:all .2s}
.main .MainTitle .TabHd span i{display:inline-block;vertical-align:middle;margin:0 .05rem .05rem 0}
.main .MainTitle .TabHd span .icon_gm2::before{font-size:.24rem}
.main .MainTitle .TabHd .on{color:#fff;background:#f54730}
.main .MainTitle .TabMore{margin-top:.2rem;margin-right:.2rem}
.main .MainTitle .TabMore a+a{display:none}
.main .MainTitle .TabMore a{font-size:.18rem;color:#9ca3af;height:.45rem;line-height:.45rem;display:block}
.main .MainTitle3 strong{width:100%;display:block;text-align:left}
.main .MainTitle3 .TabHd{border-radius:.04rem}
.main .MainTitle3 .TabHd span{border-radius:.04rem}
.main .ListA{width:100%}
.main .ListA li:nth-child(2n){margin-right:0}
.main .ListA li{width:49%;height:5rem;border-radius:.1rem;background:#f5f5f5;float:left;margin:.2rem 2% 0 0;position:relative;overflow:hidden}
.main .ListA li .imgbg{width:100%;height:100%;object-fit:cover;position:absolute;z-index:0;left:0;top:0;border-radius:.1rem}
.main .ListA li::after{width:100%;height:70%;display:block;position:absolute;content:"";bottom:0;left:0;z-index:1;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8))}
.main .ListA li a>div{position:relative;z-index:2}
.main .ListA li .info{position:absolute;bottom:2rem;left:0;width:100%;color:#fff;padding:0 .2rem;box-sizing:border-box}
.main .ListA li .info .GmScore{width:.68rem;height:.36rem;border-radius:.06rem;text-align:center;line-height:.36rem;font-size:.14rem;font-weight:bold;float:left;background:#f54730}
.main .ListA li .info .GmScore i{display:inline-block;vertical-align:top;margin:-0.03rem .08rem 0 0}
.main .ListA li .info .GmScore i::before{font-size:.14rem}
.main .ListA li .info .tag,.main .ListA li .info .title{float:left;width:100%;height:.3rem;line-height:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main .ListA li .info .title{font-size:.18rem;color:#fff;font-weight:bold;margin:.1rem 0 .04rem}
.main .ListA li .info .tag{font-size:.16rem;color:#d1d5db}
.main .ListA li .info .time{position:absolute;z-index:2;right:.2rem;top:.05rem;font-size:.16rem;color:#fff;opacity:1}
.main .ListA li .info .time i{height:.16rem;display:inline-block;vertical-align:top;margin-top:.04rem}
.main .ListA li .info .time i::before{display:block;font-size:.16rem}
.main .ListA li .attrScore{position:absolute;left:0;bottom:.7rem;height:1.2rem;width:100%}
.main .ListA li .attrScore p{width:20%;float:left;color:#fff}
.main .ListA li .attrScore p span{display:block;width:.08rem;height:.8rem;border-radius:.05rem;background:#333;margin:0 auto .04rem;position:relative}
.main .ListA li .attrScore p span i{display:block;width:100%;max-height:100%;background:#f54730;border-radius:.05rem;position:absolute;bottom:0;left:0}
.main .ListA li .attrScore p .icon{width:.2rem;height:.2rem;border-radius:50%;background:#333;display:block;margin:0 auto;text-align:center;line-height:.2rem}
.main .ListA li .attrScore p .icon::before{font-size:.12rem;display:block}
.main .ListA li .attrScore p .icon_bt::before{font-size:.15rem}
.main .ListA li .attrScore p u{display:block;margin:.02rem auto;text-align:center;font-size:.12rem;font-weight:bold;color:#fff;text-decoration:none}
.main .ListA li .btn{position:absolute;bottom:.2rem;left:.2rem;width:calc(100% - .4rem);height:.36rem;line-height:.36rem;border-radius:.06rem;text-align:center;background:#f54730;color:#fff;font-size:.14rem}
.main .ListB{width:100%;overflow:hidden}
.main .ListB li:nth-child(2n){margin-right:0}
.main .ListB li{width:49%;height:3.7rem;border-radius:.1rem;background:#222;float:left;margin:.2rem 2% 0 0;position:relative;overflow:hidden;box-shadow:0 .06rem .07rem rgba(0,0,0,.26)}
.main .ListB li .imgbg{display:block;width:100%;height:1.92rem;overflow:hidden;position:absolute;z-index:1;left:0;top:0;background:#fff}
.main .ListB li .imgbg::after{width:100%;height:.56rem;display:block;position:absolute;content:"";bottom:0;left:0;z-index:1;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8))}
.main .ListB li .imgbg img{width:100%;height:1.92rem;object-fit:cover;object-position:top;transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}
.main .ListB li .GmScore{width:.48rem;height:.48rem;border-radius:50%;background:#f54730;color:#fff;line-height:.48rem;text-align:center;font-size:.18rem;font-weight:bold;position:absolute;z-index:2;right:.1rem;top:.1rem}
.main .ListB li .Tags{position:absolute;z-index:2;left:0;top:1.5rem;height:.25rem;line-height:.25rem;overflow:hidden;width:100%}
.main .ListB li .Tags a{display:block;float:left;background:#333;color:#fff;font-size:.12rem;padding:0 .15rem;border-radius:.05rem;height:.25rem;margin-left:.15rem;transition:all .2s}
.main .ListB li .Tags a:hover{background:#f54730;color:#fff}
.main .ListB li .title{display:block;position:relative;z-index:2;margin:2.05rem .12rem .15rem;color:#fff;font-weight:bold;font-size:.22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main .ListB li .desc{display:block;position:relative;z-index:2;margin:0 .12rem .12rem;color:#9ca3af;font-size:.14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main .ListB li .label{display:block;position:relative;z-index:2;margin:0 .12rem .05rem;border-bottom:.01rem solid #333;padding-bottom:.12rem}
.main .ListB li .label span{font-size:.12rem;margin-right:.1rem}
.main .ListB li .label span i::before{font-size:.16rem;display:inline-block;vertical-align:middle;margin:0 .02rem -0.06rem 0}
.main .ListB li .btn{display:block;float:left;line-height:.35rem;font-size:.14rem;color:#fff;margin-left:.15rem}
.main .ListC{width:100%}
.main .ListC li:nth-child(2n){margin-right:0}
.main .ListC li{width:49%;height:2.5rem;border-radius:.1rem;background:#222;float:left;margin:.2rem 2% 0 0;position:relative;overflow:hidden}
.main .ListC li .imgbg{display:block;width:100%;height:1.92rem;overflow:hidden;background:#fff;position:relative}
.main .ListC li .imgbg::after{width:100%;height:100%;position:absolute;z-index:0;left:0;top:0;content:"";background:rgba(0,0,0,.5)}
.main .ListC li .imgbg .videobtn{width:.48rem;height:.48rem;background:#f54730;border-radius:50%;position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;line-height:.48rem;opacity:1}
.main .ListC li .imgbg .videobtn i{color:#fff}
.main .ListC li .imgbg .videobtn i::before{font-size:.2rem}
.main .ListC li .imgbg .videobtn .icon_gm2::before{font-size:.24rem}
.main .ListC li .imgbg img{width:100%;height:1.92rem;object-fit:cover}
.main .ListC li .time{position:absolute;z-index:2;right:.15rem;top:1.52rem;height:.25rem;line-height:.25rem;background:#333;color:#fff;font-size:.12rem;padding:0 .1rem;border-radius:.05rem}
.main .ListC li .title{display:block;position:relative;z-index:2;height:.55rem;line-height:.55rem;margin:0 .15rem;color:#fff;font-weight:bold;font-size:.16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main .ActiveUsers{background:#222;border-radius:10px;margin:.25rem .3rem;padding-bottom:.01rem}
.main .ActiveUsers .HotBt{border-bottom:.01rem solid #393939;height:.48rem}
.main .ActiveUsers .HotBt span{display:block;float:left;height:.48rem;line-height:.48rem;text-align:center;font-size:.18rem;color:#fff;cursor:pointer;transition:all .2s}
.main .ActiveUsers .HotBt span i{margin:0 .08rem 0 .15rem}
.main .ActiveUsers .UserList{overflow:hidden;margin:.05rem 0}
.main .ActiveUsers .UserList li{float:left;width:16.66%;margin:.15rem 0 .1rem;overflow:hidden;position:relative}
.main .ActiveUsers .UserList li a{display:block;margin:0 auto;width:.8rem;height:.8rem;border-radius:50%;background:#fff;overflow:hidden}
.main .ActiveUsers .UserList li img{width:100%;height:100%;object-fit:cover}
.main .ActiveUsers .UserList li span{position:absolute;left:50%;top:50%;margin-top:-0.1rem;margin-left:-0.4rem;height:.2rem;width:.8rem;text-align:center;font-size:.12rem;color:#fff;overflow:hidden;line-height:.2rem;text-align:center;background:rgba(0,0,0,.5)}
.main .ActiveUsers .HotGames{margin:.15rem;background:#1a1a1a;border-radius:.1rem;padding:.15rem}
.main .ActiveUsers .HotGames strong{font-size:.18rem;color:#fff;font-weight:500}
.main .ActiveUsers .HotGames a{display:flex;width:100%;margin-top:.15rem;overflow:hidden}
.main .ActiveUsers .HotGames a p{float:left;flex:1;height:.25rem;line-height:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.16rem;margin-right:.2rem;color:#fff}
.main .ActiveUsers .HotGames a span{float:right;height:.25rem;line-height:.25rem;background:#333;color:#fff;font-size:.12rem;padding:0 .08rem;border-radius:.05rem;max-width:.8rem;min-width:.4rem;text-align:center;overflow:hidden}
.main .ActiveUsers .morebtn{display:block;border:.02rem solid #f54730;border-radius:.06rem;height:.48rem;text-align:center;cursor:pointer;line-height:.48rem;margin:.15rem;font-size:.2rem;color:#f54730;box-sizing:border-box}
.main .HotComment{width:calc(100% - .6rem);overflow:hidden}
.main .HotComment .HotLeft{background:#222;border-radius:.1rem;margin:.15rem 0;overflow:hidden;width:100%}
.main .HotComment .HotLeft .TabHd{border-bottom:.01rem solid #393939;height:.54rem}
.main .HotComment .HotLeft .TabHd span{display:block;width:50%;float:left;height:.54rem;line-height:.54rem;text-align:center;font-size:.2rem;color:#fff;cursor:pointer;transition:all .2s}
.main .HotComment .HotLeft .TabHd span i{margin-right:.05rem}
.main .HotComment .HotLeft .TabHd span i::before{font-size:.22rem;margin-top:-0.02rem;display:inline-block;vertical-align:middle}
.main .HotComment .HotLeft .TabHd .on{background:#f54730}
.main .HotComment .HotLeft .Ali213UserList{margin:.15rem;overflow:hidden}
.main .HotComment .HotLeft .Ali213UserList li{border-bottom:.01rem solid #333;padding:.15rem 0;overflow:hidden;width:100%;position:relative;display:flex}
.main .HotComment .HotLeft .Ali213UserList li img{width:.7rem;height:.7rem;display:block;float:left;padding:.1rem;background:#333;border-radius:.1rem;margin-right:.15rem}
.main .HotComment .HotLeft .Ali213UserList li a{display:flex;flex:1;min-width:0}
.main .HotComment .HotLeft .Ali213UserList li .info{flex:1;height:.68rem;float:left;min-width:0}
.main .HotComment .HotLeft .Ali213UserList li .info p,.main .HotComment .HotLeft .Ali213UserList li .info .name{display:block;width:100%;height:.35rem;line-height:.35rem;font-size:.18rem;color:#fff;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main .HotComment .HotLeft .Ali213UserList li .info .name{width:80%}
.main .HotComment .HotLeft .Ali213UserList li .info span{display:block;width:100%;height:.25rem;line-height:.25rem;font-size:.16rem;color:#9ca3af;overflow:hidden}
.main .HotComment .HotLeft .Ali213UserList li .info p{font-size:.17rem;font-weight:500}
.main .HotComment .HotLeft .Ali213UserList li .Tag{position:absolute;z-index:2;right:.15rem;top:.15rem;height:.25rem;line-height:.25rem;background:#313234;color:#9ca3af;font-size:.16rem;padding:0 .08rem;border-radius:.05rem}
.main .HotComment .HotLeft .Ali213UserList li .color1{background:#4a2c2d;color:#ff5e64}
.main .HotComment .HotLeft .Ali213UserList li .color2{background:#2b404f;color:#51b3ff}
.main .HotComment .HotLeft .Ali213UserList li:nth-child(n+4){display:none}
.main .HotComment .HotLeft .morelist{display:block;border:.02rem solid #f54730;border-radius:.06rem;height:.48rem;text-align:center;cursor:pointer;line-height:.48rem;margin:.15rem;font-size:.2rem;color:#f54730}
.main .bbsbox{margin:.15rem}
.main .bbsbox .ali-comment-article-name-w,.main .bbsbox .ali-comment-article-join-w,.main .bbsbox .ali-comment-box-tit strong,.main .bbsbox .s_content{color:#d1d5db}
.main .bbsbox .ali-c-block-box{border-color:#333}
.page{font-size:0;text-align:center;overflow:hidden;padding:.35rem 0 .2rem}
.page a{display:inline-block;vertical-align:middle;font-size:.24rem;background:#333;border-radius:.06rem;height:.6rem;padding:0 .22rem;margin:0 .1rem;text-align:center;line-height:.6rem;color:#fff}
.page .prev::before,.page .next::before{content:"";display:inline-block;width:.16rem;height:.3rem;background:url(../images/icon_page.png) no-repeat;background-size:100%;vertical-align:-0.08rem}
.page .current{background:#ff4c09;color:#fff}
.page .next::before{transform:scaleX(-1)}
.VideoInfo{width:100%;height:100%;z-index:2999;position:fixed;left:0;top:0;overflow:hidden;display:none}
.VideoInfo .VideoBg{width:100%;height:100%;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.6)}
.VideoInfo .VideoBody{width:85%;height:5rem;margin:0 auto;position:relative}
.VideoInfo .VideoBody .VideoClose{position:absolute;right:-0.5rem;top:50%;width:.43rem;height:.43rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAMAAADWg4HyAAAAM1BMVEUAAAD//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vv//vs7SnsYAAAAEHRSTlMAEesJRDDgL95AFfOwTzpQdnMOOgAAAJpJREFUOMvl0rEWgkAMBdEAakQF8/9f664U0+3Q86oUt8qZiFhv4cstOq1ynFXfiL3KcXa0xfIAD+k8Bdgp2CnYqGKoYqhiqGKoYqhiqGKoYugI5/++j+mBP0bBTsFK2UXosp+nT9pQShtCCckp2Cn4DAU7BTs9ngEWCmZQxVDFUMVQxVDHCRW8xjRDh/j9ioY7Vdxpw406bvQHIKkU7sH6l2AAAAAASUVORK5CYII=) no-repeat;background-size:100%;cursor:pointer}
.VideoInfo .VideoBody #video{width:100%;height:5rem;position:relative;top:50%}
.ActiveUsers{overflow: hidden;}
.HotGames strong:before {
    content: '';
    float: left;
    width: .06rem;
    height: .16rem;
    background-color: #f76341;
    border-radius: .03rem;
    margin-top: .12rem;
    margin-right: .08rem;
}