@charset "UTF-8";.block-title{font-family:OPPOSans;font-weight:bold;font-size:0.32rem;color:#E13B3B;line-height:0.27rem}body{background-color:#F5F5F5}.top-wrap{background-color:#FFFFFF;border-radius:0rem 0rem 0.3rem 0.3rem}.top-wrap .header-wrap{height:1.8rem;background:#000000;border-radius:0rem 0rem 0.3rem 0.3rem}.top-wrap .header-wrap .top{padding:0 0.3rem;box-sizing:border-box;display:flex;align-items:center;height:1rem;background-color:#DE1618;border-radius:0rem 0rem 0.3rem 0.3rem;font-family:OPPOSans;font-weight:bold;font-size:0.32rem;color:#FFFFFF;text-align:center}.top-wrap .header-wrap .top .logo{width:1.18rem;height:0.5rem}.top-wrap .header-wrap .top .title{margin-left:1.1rem;margin-right:auto;line-height:1rem}.top-wrap .header-wrap .nav-bar{padding:0 0.3rem;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.top-wrap .header-wrap .nav-bar a{font-size:0.28rem;font-family:OPPOSans;font-weight:500;color:#FFFFFF;line-height:0.72rem}.part-1{padding:0.3rem;box-sizing:border-box;display:flex;justify-content:space-between}.part-1>.left{flex:1 1 5.4rem;margin-right:0.2rem}.part-1>.left .pic{height:3rem;margin-bottom:0.2rem}.part-1>.left .pic img{border-radius:0.12rem;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.part-1>.left .game-info{display:flex;align-items:center;justify-content:space-between}.part-1>.left .game-info>.left{flex:auto;min-width:0;margin-right:0.19rem}.part-1>.left .game-info>.left .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:OPPOSans;font-weight:bold;font-size:0.28rem;color:#333333}.part-1>.left .game-info>.left .bottom{display:flex;align-items:center;justify-content:space-between}.part-1>.left .game-info>.left .bottom .tags{flex:auto;min-width:0;display:flex;align-items:center}.part-1>.left .game-info>.left .bottom .tags span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:1rem;padding:0rem 0.14rem;background:#FFF1F1;border-radius:0.06rem;font-family:OPPOSans;font-weight:500;font-size:0.2rem;line-height:0.4rem;color:#E13B3B}.part-1>.left .game-info>.left .bottom .tags span+span{margin-left:0.1rem}.part-1>.left .game-info>.left .bottom .score{font-family:OPPOSans;font-weight:800;font-size:0.56rem;color:#E13B3B}.part-1>.left .game-info>.left .bottom .score i{font-weight:bold;font-size:0.24rem}.part-1>.left .game-info>.right{box-sizing:border-box;padding:0.18rem;flex-shrink:0;width:0.88rem;height:0.86rem;text-align:center;background:#E13B3B;border-radius:0.12rem;font-family:OPPOSans;font-weight:500;font-size:0.24rem;color:#FFFFFF;line-height:0.27rem}.part-1>.left .game-info>.right a{color:#FFFFFF}.part-1>.right{width:1.2rem}.part-1>.right img{display:block;width:1.2rem;height:1.2rem;border-radius:0.3rem;-o-object-fit:cover;object-fit:cover;opacity:0.6;transition:all 0.2s linear}.part-1>.right img.active{opacity:1}.part-1>.right img+img{margin-top:0.3rem}.part-2{margin:0.3rem 0.3rem;border-radius:0.3rem;background:#FFFFFF;padding:0.3rem;box-sizing:border-box}.part-2 .tabs{height:0.63rem;box-sizing:border-box;border-bottom:2px solid #F5F5F5;margin-bottom:0.3rem}.part-2 .tabs a{margin-right:0.48rem;font-family:OPPOSans;font-weight:500;font-size:0.32rem;color:#999999;line-height:0.27rem;vertical-align:top}.part-2 .tabs a.active{color:#E13B3B;position:relative}.part-2 .tabs a.active::after{content:"";position:absolute;inset:0.64rem 0 0 0;height:0.04rem;background-color:#E13B3B}.part-2 .center{display:flex;margin-bottom:0.4rem}.part-2 .center .left{width:2.2rem;height:1.6rem;background:#D2D2D2;border-radius:0.2rem;-o-object-fit:cover;object-fit:cover}.part-2 .center .right{flex:auto;min-width:0;margin-left:0.3rem}.part-2 .center .right p:nth-of-type(1){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:OPPOSans;font-weight:bold;font-size:0.26rem;color:#333333;line-height:0.27rem}.part-2 .center .right p:nth-of-type(2){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:0.18rem;font-family:OPPOSans;font-weight:400;font-size:0.2rem;color:#666666;line-height:0.3rem}.part-2 .center .right p:nth-of-type(3){margin-top:0.28rem;font-family:OPPOSans;font-weight:400;font-size:0.2rem;color:#999999;line-height:0.27rem}.part-2 .list li{margin-top:0.3rem;display:flex;justify-content:space-between}.part-2 .list li .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:auto;margin-right:0.6rem;font-family:OPPOSans;font-weight:500;font-size:0.24rem;color:#333333;line-height:0.3rem}.part-2 .list li .day{width:0.8rem;flex:0 0 0.8rem;font-family:OPPOSans;font-weight:400;font-size:0.24rem;color:#999999;line-height:0.3rem;text-align:right}.part-3,.part-4,.part-5,.part-7,.part-8{margin:0.3rem 0.3rem;border-radius:0.3rem;background:#FFFFFF;padding:0.3rem;box-sizing:border-box}.part-3 .block-title,.part-4 .block-title,.part-5 .block-title,.part-7 .block-title,.part-8 .block-title{margin-bottom:0.2rem}.part-3 .swiper-box,.part-4 .swiper-box,.part-5 .swiper-box,.part-7 .swiper-box,.part-8 .swiper-box{width:100%;position:relative;height:1.34rem}.part-3 .swiper-box .swiper,.part-4 .swiper-box .swiper,.part-5 .swiper-box .swiper,.part-7 .swiper-box .swiper,.part-8 .swiper-box .swiper{overflow:hidden;margin-right:0.5rem}.part-3 .swiper-box .swiper-button-next,.part-4 .swiper-box .swiper-button-next,.part-5 .swiper-box .swiper-button-next,.part-7 .swiper-box .swiper-button-next,.part-8 .swiper-box .swiper-button-next{position:absolute;width:0.3rem;height:1.34rem;border-radius:0.1rem;background:url(//js1.18183.com/te5/2024/bt/m/images/next.png) no-repeat center center/0.09rem 0.14rem;background-color:#E13B3B;opacity:1;margin-top:unset;right:0;top:0}.part-3 .item,.part-4 .item,.part-5 .item,.part-7 .item,.part-8 .item{width:1rem}.part-3 .item img,.part-4 .item img,.part-5 .item img,.part-7 .item img,.part-8 .item img{width:1rem;height:1rem;background:#B1B1B1;border-radius:0.2rem;-o-object-fit:cover;object-fit:cover}.part-3 .item p,.part-4 .item p,.part-5 .item p,.part-7 .item p,.part-8 .item p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-family:OPPOSans;font-weight:500;font-size:0.2rem;color:#333333;line-height:0.27rem}.part-6{margin:0.3rem 0.3rem;border-radius:0.3rem;background:#FFFFFF;padding:0.3rem;box-sizing:border-box;border-collapse:collapse}.part-6 .block-title{margin-bottom:0.2rem}.part-6 .date-row{height:0.52rem;border:1px solid #f5f5f5;font-family:OPPOSans;font-weight:bold;font-size:0.2rem;color:#333333;line-height:0.52rem;padding-left:0.34rem}.part-6 .date-row.today{border:1px solid #FFD7D7;border-radius:0.2rem 0.2rem 0rem 0rem;color:#E13B3B}.part-6 .kfb-box{border-radius:0.2rem;display:flex;flex-flow:row wrap}.part-6 .kfb-box .item{display:block;width:25%;box-sizing:border-box}.part-6 .kfb-box .item p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:OPPOSans;font-weight:500;font-size:0.2rem;line-height:0.27rem;text-align:center;font-family:OPPOSans;font-weight:500;font-size:0.2rem;margin:0.14rem 0.2rem 0.2rem}.part-6 .kfb-box .item img{width:1rem;height:1rem;border-radius:0.24rem;-o-object-fit:cover;object-fit:cover;display:block;margin:0.2rem auto 0}.part-6 .kfb-box.today .item{color:#E13B3B;border-bottom:1px solid #FFD7D7;border-left:1px solid #FFD7D7;position:relative}.part-6 .kfb-box.today .item::before{content:"今日开服";display:inline-block;position:absolute;top:0;left:0.22rem;right:0.22rem;margin:0 auto;height:0.3rem;background:#E13B3B;border-radius:0rem 0rem 0.1rem 0.1rem;font-family:OPPOSans;font-weight:bold;font-size:0.18rem;color:#FFFFFF;line-height:0.3rem;text-align:center}.part-6 .kfb-box.today .item:nth-of-type(4n){border-right:1px solid #FFD7D7}.part-6 .kfb-box.tomorrow .item{color:#999999;border-bottom:1px solid #f5f5f5;border-left:1px solid #f5f5f5;position:relative}.part-6 .kfb-box.tomorrow .item img{filter:brightness(60%)}.part-6 .kfb-box.tomorrow .item::before{content:"即将开服";display:inline-block;position:absolute;top:0;left:0.22rem;right:0.22rem;margin:0 auto;height:0.3rem;background:#999999;border-radius:0rem 0rem 0.1rem 0.1rem;font-family:OPPOSans;font-weight:bold;font-size:0.18rem;color:#FFFFFF;line-height:0.3rem;text-align:center;z-index:1}.part-6 .kfb-box.tomorrow .item:nth-of-type(4n){border-right:1px solid #f5f5f5}.part-6 .kfb-box.tomorrow .item:nth-last-child(4){border-bottom-left-radius:0.2rem}.part-6 .kfb-box.tomorrow .item:last-child{border-bottom-right-radius:0.2rem}.part-9{margin:0.3rem 0.3rem;border-radius:0.3rem;box-sizing:border-box;position:relative;min-height:8.25rem}.part-9 .rank1{position:absolute;width:calc(100% - 1.6rem);top:0;bottom:0;border-radius:0.3rem}.part-9 .rank1 .rank-body{display:none}.part-9 .rank1 .rank-title-left{position:absolute;top:50%;transform:translateY(-50%);right:auto;left:0.25rem;width:0.31rem;font-family:OPPOSans;font-weight:bold;font-size:0.32rem;color:#FFFFFF}.part-9 .rank1 .rank-title-right{position:absolute;top:50%;transform:translateY(-50%);left:auto;right:0.25rem;width:0.31rem;font-family:OPPOSans;font-weight:bold;font-size:0.32rem;color:#FFFFFF}.part-9 .rank1:nth-of-type(1).active,.part-9 .rank1:nth-of-type(2).active,.part-9 .rank1:nth-of-type(3).active{background:#FFFFFF}.part-9 .rank1:nth-of-type(1).active .rank-title-left,.part-9 .rank1:nth-of-type(1).active .rank-title-right,.part-9 .rank1:nth-of-type(2).active .rank-title-left,.part-9 .rank1:nth-of-type(2).active .rank-title-right,.part-9 .rank1:nth-of-type(3).active .rank-title-left,.part-9 .rank1:nth-of-type(3).active .rank-title-right{display:none}.part-9 .rank1:nth-of-type(1).active .rank-body,.part-9 .rank1:nth-of-type(2).active .rank-body,.part-9 .rank1:nth-of-type(3).active .rank-body{display:block;padding:0.3rem;box-sizing:border-box}.part-9 .rank1:nth-of-type(1).active .rank-body .block-title,.part-9 .rank1:nth-of-type(2).active .rank-body .block-title,.part-9 .rank1:nth-of-type(3).active .rank-body .block-title{margin-bottom:0.3rem}.part-9 .rank1:nth-of-type(1).active .rank-body ul,.part-9 .rank1:nth-of-type(2).active .rank-body ul,.part-9 .rank1:nth-of-type(3).active .rank-body ul{counter-reset:listCounter}.part-9 .rank1:nth-of-type(1).active .rank-body ul>a li,.part-9 .rank1:nth-of-type(2).active .rank-body ul>a li,.part-9 .rank1:nth-of-type(3).active .rank-body ul>a li{counter-increment:listCounter;position:relative;display:flex;padding:0.23rem 0rem 0.22rem 0.43rem;box-sizing:border-box;border-top:0.02rem solid #f5f5f5}.part-9 .rank1:nth-of-type(1).active .rank-body ul>a li .game-info,.part-9 .rank1:nth-of-type(2).active .rank-body ul>a li .game-info,.part-9 .rank1:nth-of-type(3).active .rank-body ul>a li .game-info{flex:auto;min-width:0;margin-right:0.2rem}.part-9 .rank1:nth-of-type(1).active .rank-body ul>a li .game-info p,.part-9 .rank1:nth-of-type(2).active .rank-body ul>a li .game-info p,.part-9 .rank1:nth-of-type(3).active .rank-body ul>a li .game-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-9 .rank1:nth-of-type(1).active .rank-body ul>a li .game-info p:nth-of-type(1),.part-9 .rank1:nth-of-type(2).active .rank-body ul>a li .game-info p:nth-of-type(1),.part-9 .rank1:nth-of-type(3).active .rank-body ul>a li .game-info p:nth-of-type(1){font-family:OPPOSans;font-weight:bold;font-size:0.28rem;color:#333333}.part-9 .rank1:nth-of-type(1).active .rank-body ul>a li .game-info p:nth-of-type(2),.part-9 .rank1:nth-of-type(2).active .rank-body ul>a li .game-info p:nth-of-type(2),.part-9 .rank1:nth-of-type(3).active .rank-body ul>a li .game-info p:nth-of-type(2){font-family:OPPOSans;font-weight:400;font-size:0.2rem;color:#999999}.part-9 .rank1:nth-of-type(1).active .rank-body ul>a li .game-info p:nth-of-type(3),.part-9 .rank1:nth-of-type(2).active .rank-body ul>a li .game-info p:nth-of-type(3),.part-9 .rank1:nth-of-type(3).active .rank-body ul>a li .game-info p:nth-of-type(3){font-family:OPPOSans;font-weight:400;font-size:0.2rem;color:#E13B3B}.part-9 .rank1:nth-of-type(1).active .rank-body ul>a li .pic,.part-9 .rank1:nth-of-type(2).active .rank-body ul>a li .pic,.part-9 .rank1:nth-of-type(3).active .rank-body ul>a li .pic{flex:0;width:0.88rem;height:0.88rem;background:#fff;border-radius:0.2rem;-o-object-fit:cover;object-fit:cover}.part-9 .rank1:nth-of-type(1).active .rank-body ul>a li::before,.part-9 .rank1:nth-of-type(2).active .rank-body ul>a li::before,.part-9 .rank1:nth-of-type(3).active .rank-body ul>a li::before{display:inline-block;width:0.28rem;height:0.38rem;line-height:0.38rem;background:#E13B3B;border-radius:0.06rem;font-family:OPPOSans;font-weight:800;font-size:0.2rem;color:#FFF8F8;line-height:0.38rem;text-align:center;content:counter(listCounter);position:absolute;left:0}.part-9 .rank1:nth-of-type(1).active .rank-body ul>a:nth-child(2) li::before,.part-9 .rank1:nth-of-type(2).active .rank-body ul>a:nth-child(2) li::before,.part-9 .rank1:nth-of-type(3).active .rank-body ul>a:nth-child(2) li::before{background:#E47171}.part-9 .rank1:nth-of-type(1).active .rank-body ul>a:nth-child(3) li::before,.part-9 .rank1:nth-of-type(2).active .rank-body ul>a:nth-child(3) li::before,.part-9 .rank1:nth-of-type(3).active .rank-body ul>a:nth-child(3) li::before{background:#E6B3B3}.part-9 .rank1:nth-of-type(1).active .rank-body ul>a:nth-child(n+4) li::before,.part-9 .rank1:nth-of-type(2).active .rank-body ul>a:nth-child(n+4) li::before,.part-9 .rank1:nth-of-type(3).active .rank-body ul>a:nth-child(n+4) li::before{background:#C7C7C7}.part-9 .rank1:nth-of-type(1).active .rank-body ul a:last-child li,.part-9 .rank1:nth-of-type(2).active .rank-body ul a:last-child li,.part-9 .rank1:nth-of-type(3).active .rank-body ul a:last-child li{padding-bottom:0}.part-9 .rank1:nth-of-type(1){left:0;right:auto;z-index:3;background-color:#ed8946}.part-9 .rank1:nth-of-type(2){left:0.8rem;right:0.8rem;background-color:#E13B3B;z-index:2}.part-9 .rank1:nth-of-type(3){left:auto;right:0rem;background-color:#000000;z-index:1}.part-10{margin:0.3rem 0.3rem;border-radius:0.3rem;background:#FFFFFF;padding:0.3rem;box-sizing:border-box}.part-10 .swiper{margin-top:0.3rem;border-top:0.02rem solid #f5f5f5;overflow:hidden;position:relative;padding-bottom:0.48rem}.part-10 .swiper .swiper-pagination{transform:translateY(0.3rem)}.part-10 .swiper .swiper-pagination-bullet-active{background-color:#E13B3B}.part-10 .swiper .swiper-slide{display:flex;flex-flow:row wrap;justify-content:space-between}.part-10 .swiper .swiper-slide a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:calc(33.33% - 0.12rem);height:0.6rem;background:#FBF1F1;border-radius:0.3rem;font-family:OPPOSans;font-weight:500;font-size:0.24rem;color:#DF5252;line-height:0.6rem;text-align:center;margin-top:0.18rem}