@charset "UTF-8";.common_title{display:flex;justify-content:space-between;padding:0.3rem;align-items:center}.common_title h2{font-size:0.32rem;font-family:PingFang SC;font-weight:bold;color:#333333;padding-left:0.3rem;position:relative}.common_title h2 .sub-title{font-family:PingFang SC;font-weight:400;font-size:0.2rem;color:#666666}.common_title h2::before{content:"";width:0.12rem;height:0.32rem;background:linear-gradient(57deg,#FF881E,#FFA51E);border-radius:0.06rem;position:absolute;left:0;top:0.06rem}.common_title a{display:block;padding-right:0.22rem;font-size:0.3rem;font-family:PingFang SC;font-weight:bold;color:#FF881E;position:relative}.common_title a::after{content:"";background:url(//js.18183.com/wap/index2021/images/more.png);background-size:0.1rem 0.14rem;width:0.1rem;height:0.14rem;position:absolute;right:0;top:0.12rem}.main_page{background:#F6F6F6}.bread{height:0.62rem;line-height:0.62rem;padding:0 0.3rem;box-sizing:border-box;color:#999;font-size:0.24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bread a,.bread span{display:inline-block;padding:0 0.04rem;font-size:0.24rem;font-family:PingFang SC;font-weight:500;color:#333333}.game-info .top-block{padding:0.5rem 0.6rem;box-sizing:border-box;position:relative;width:100%;min-height:4.1rem}.game-info .top-block .bg-mask{z-index:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.game-info .top-block .bg-mask>img{filter:blur(0.05rem) brightness(40%);width:100%;height:100%;transform:scale(1.4)}.game-info .top-block .zt-title{position:relative;font-family:PingFang SC;font-weight:800;font-size:0.4rem;color:#FFFFFF;margin-bottom:0.3rem}.game-info .top-block .zt-info{position:relative;font-family:PingFang SC;font-weight:400;font-size:0.24rem;color:#FFFFFF;margin-bottom:0.3rem}.game-info .top-block .zt-desc{position:relative;font-family:PingFang SC;font-weight:400;font-size:0.24rem;color:#FFFFFF;line-height:0.4rem;margin-bottom:0.3rem}.game-info .top-block .zt-desc.collapse .more{position:absolute;right:0;bottom:0;font-size:0.24rem;color:#FF881E;display:inline-block}.game-info .top-block .zt-desc.collapse .text-box{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-right:2em}.game-info .top-block .zt-desc .more{display:none}.game-info .bottom-block{width:100%;height:3.9rem;background-color:#F6F6F6;position:relative}.game-info .bottom-block .game-card{position:absolute;background:#FFFFFF;border-radius:0.2rem;padding:0.3rem;left:0.3rem;right:0.3rem;top:0;transform:translateY(-0.4rem)}.game-info .bottom-block .game-card .game-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:PingFang SC;font-weight:800;font-size:0.36rem;color:#333333;margin-bottom:0.3rem}.game-info .bottom-block .game-card .desc-row{display:flex;height:1.6rem;margin-bottom:0.3rem}.game-info .bottom-block .game-card .desc-row .icon{flex-shrink:0;margin-right:0.2rem}.game-info .bottom-block .game-card .desc-row .icon img{width:1.6rem;height:1.6rem;background:#D6D6D6;border-radius:0.3rem;-o-object-fit:cover;object-fit:cover}.game-info .bottom-block .game-card .desc-row .tags{flex:1;display:flex;justify-content:space-between;flex-direction:column}.game-info .bottom-block .game-card .desc-row .tags .tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;width:-moz-max-content;width:max-content;line-height:0.46rem;height:0.46rem;padding:0 0.23rem;box-sizing:border-box;border-radius:0.23rem 0.23rem 0.23rem 0rem;font-family:PingFang SC;font-weight:400;font-size:0.24rem}.game-info .bottom-block .game-card .desc-row .tags .tag:nth-of-type(1){color:#FF881E;background:#FFF5E6}.game-info .bottom-block .game-card .desc-row .tags .tag:nth-of-type(2){color:#F02727;background:#FFF0F2}.game-info .bottom-block .game-card .desc-row .tags .tag:nth-of-type(3){color:#22AE13;background:#F0FAEF}.game-info .bottom-block .game-btn{display:block;width:100%;height:0.88rem;background:#FF881E;border-radius:0.1rem;text-align:center;line-height:0.88rem;font-family:PingFang SC;font-weight:800;font-size:0.34rem;color:#FFFFFF}.tab-wrap{background:#FFFFFF;display:flex}.tab-wrap .tab-item{flex:1;box-sizing:border-box}.tab-wrap .tab-item.active{border-bottom:0.06rem solid #FF881E}.tab-wrap .tab-item.active .text{color:#333333}.tab-wrap .tab-item .text{text-align:center;line-height:1rem;color:#999999;font-family:PingFang SC;font-weight:800;font-size:0.32rem}.rank-list-wrap .list{display:none;padding:0.3rem;box-sizing:border-box}.rank-list-wrap .list.active{display:block}.rank-list-wrap .list .rank-item{display:flex;box-sizing:border-box;border-bottom:0.01rem dashed #CFCFCF;margin-bottom:0.2rem}.rank-list-wrap .list .rank-item:last-of-type{border-bottom:none;margin-bottom:0}.rank-list-wrap .list .rank-item .icon{flex-shrink:0;margin-right:0.2rem}.rank-list-wrap .list .rank-item .icon img{width:1.4rem;height:1.4rem;background:#CCCCCC;border-radius:0.3rem;-o-object-fit:cover;object-fit:cover}.rank-list-wrap .list .rank-item .info{flex:1;min-width:0;display:flex;flex-direction:column}.rank-list-wrap .list .rank-item .info .line-1{margin:0.1rem 0 0.06rem;display:flex;align-items:center;justify-content:space-between}.rank-list-wrap .list .rank-item .info .line-1 .left{flex:1;margin-right:0.3rem;min-width:0}.rank-list-wrap .list .rank-item .info .line-1 .left .title-bar{display:flex;align-items:center;min-width:0;width:100%;margin-bottom:0.2rem}.rank-list-wrap .list .rank-item .info .line-1 .left .title-bar .discount{flex:0 0 0.8rem;height:0.24rem;background:#FC605C;border-radius:0.06rem;line-height:0.24rem;font-family:PingFang SC;font-weight:bold;font-size:0.2rem;color:#FFFFFF;margin-right:0.12rem;text-align:center}.rank-list-wrap .list .rank-item .info .line-1 .left .title-bar .title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:PingFang SC;font-weight:bold;font-size:0.24rem;color:#333333}.rank-list-wrap .list .rank-item .info .line-1 .left .info-bar{font-family:PingFang SC;font-weight:400;font-size:0.2rem;color:#999999}.rank-list-wrap .list .rank-item .info .line-1 .right .btn{display:block;width:1.2rem;height:0.6rem;background:#FF881E;border-radius:0.1rem;text-align:center;line-height:0.6rem;font-family:PingFang SC;font-weight:bold;font-size:0.24rem;color:#FFFFFF}.rank-list-wrap .list .rank-item .info .line-2{margin-top:0.1rem}.rank-list-wrap .list .rank-item .info .line-2 .desc{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:PingFang SC;font-size:0.24rem;color:#FF881E}.hot-tags .list{display:flex;flex-flow:row wrap;gap:0.18rem;padding:0 0.3rem 0.3rem;box-sizing:border-box}.hot-tags .list .item{box-sizing:border-box;flex:0 1 calc(50% - 0.09rem);height:0.68rem;border-radius:0.1rem;border:1px solid #0EAC61;line-height:0.68rem;font-family:PingFang SC;font-weight:800;font-size:0.24rem;color:#0EAC61;text-align:center}.hot-tags .list .item:nth-of-type(1n){color:#0EAC61;border-color:#0EAC61}.hot-tags .list .item:nth-of-type(2n){color:#FE7D45;border-color:#FE7D45}.hot-tags .list .item:nth-of-type(3n){color:#F12B47;border-color:#F12B47}.hot-tags .list .item:nth-of-type(4n){color:#1F90EF;border-color:#1F90EF}.hot-tags .list .item:nth-of-type(5n){color:#D748D2;border-color:#D748D2}.related-rank .top-one{padding:0 0.3rem;box-sizing:border-box}.related-rank .top-one .poster{width:100%;height:3.6rem;border-radius:0.1rem;overflow:hidden;position:relative}.related-rank .top-one .poster .bg{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.related-rank .top-one .poster .mask{position:absolute;width:100%;height:2.2rem;bottom:0;padding:1.04rem 0.3rem 0.2rem;box-sizing:border-box;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7))}.related-rank .top-one .poster .mask .title-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.2rem}.related-rank .top-one .poster .mask .title-bar .left{min-width:0;margin-right:0.2rem}.related-rank .top-one .poster .mask .title-bar .left .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:PingFang SC;font-weight:800;font-size:0.32rem;color:#FFFFFF}.related-rank .top-one .poster .mask .title-bar .right .btn{display:block;width:1.48rem;height:0.52rem;background:#FF8527;border-radius:0.1rem;text-align:center;line-height:0.52rem;font-family:PingFang SC;font-weight:800;font-size:0.24rem;color:#FFFFFF}.related-rank .top-one .poster .mask .desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:PingFang SC;font-weight:400;font-size:0.24rem;color:#FFFFFF}.related-rank .info{padding:0 0.3rem;box-sizing:border-box;font-family:PingFang SC;font-weight:400;font-size:0.24rem;color:#666666;margin:0.2rem 0}.row-swiper-wrap .item .more-game{display:flex;gap:0.1rem;padding:0 0.3rem;box-sizing:border-box}.row-swiper-wrap .item .more-game a{min-width:0;width:100%;height:100%;display:block;text-align:center}.row-swiper-wrap .item .more-game a img{width:1.32rem;height:1.32rem;background:#000000;border-radius:0.1rem;opacity:0.8;margin:0 auto;-o-object-fit:cover;object-fit:cover}.row-swiper-wrap .item .more-game a p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:PingFang SC;font-weight:500;font-size:0.24rem;color:#333333}.row-swiper-wrap .swiper-pagination{position:relative;margin-top:0.15rem}.row-swiper-wrap .swiper-pagination .swiper-pagination-bullet{width:0.2rem;height:0.2rem;background:#E1E1E1;border-radius:50%;transition:all 0.2s ease-in-out}.row-swiper-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:0.6rem;height:0.2rem;background:#FF881E;border-radius:0.1rem}.hot-game .list{padding:0 0.3rem 0.3rem;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.hot-game .list .item{display:block;width:1.32rem}.hot-game .list .item img{display:block;width:1.32rem;height:1.32rem;margin-bottom:0.19rem;border-radius:0.3rem}.hot-game .list .item p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:PingFang SC;font-weight:500;font-size:0.24rem;color:#333333}.game-article .list{padding:0 0.3rem 0.3rem;box-sizing:border-box}.game-article .list li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:0.26rem;font-family:PingFang SC;font-weight:400;font-size:0.28rem;color:#666666}.game-article .list li:not(:last-child){margin-bottom:0.3rem}.game-article .list li::before{content:"◇";margin-right:1em;display:inline-block}.game-article .list li a{color:inherit}.rank-list-wrap,.hot-tags,.related-rank,.hot-game,.game-article{background-color:#fff;margin-bottom:0.2rem}