@import url('./index-cate.css');@import url('./loadmore.css');@import url(./header.css);@import url(./search.css);html{scroll-behavior:smooth}*{margin:0;padding:0}a{text-decoration:none;cursor:pointer}.sprite{background-repeat:no-repeat}.back{display:flex;align-items:center;justify-content:center;position:fixed;right:25px;bottom:300px;width:50px;height:50px;background-color:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgb(0 0 0 / 30%)}.back img{width:50%;object-fit:contain}@media screen and (min-width:768px){body{background-attachment:fixed;background-color:#f7f7f7;background-position:-150px -150px;background-repeat:no-repeat}.posterBanner{min-height:280px;text-align:center;margin:10px auto;margin-bottom:0}.posterBanner>div{position:relative;bottom:0;width:100%;margin:0 auto}.posterBanner.top{margin:0 0 10px}.label{flex:1;border-radius:12px;box-shadow:0 2px 4px 0 rgb(0 0 0 / 30%);height:42px;line-height:42px;margin-right:22px;z-index:2;align-items:center;display:flex;position:relative}.content{display:flex;flex-wrap:wrap;margin:0 auto;position:relative;max-width:1230px}.content.block{display:block}.content .recommend{background-color:#01a9f0;border-radius:20px;box-shadow:0 2px 4px rgb(0 0 0 / 30%);padding:5px 16px 10px;width:100%}.content .recommend .title{display:flex;align-items:center;margin-bottom:10px}.content .recommend .title img{width:64px;margin-right:10px}.content .recommend .text{font-size:26px;color:#fff;font-weight:600}.content .recommend .recommendGameList{align-content:center;align-items:center;background-color:#fff;border-radius:20px;column-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,200px);grid-template-rows:repeat(2,200px);justify-content:center;justify-items:center;padding:22px 10px 28px;row-gap:20px;column-gap:20px}.content .recommend .recommendGameList>.game{border:6px solid hsla(0,0%,100%,0);position:relative}.content .recommend .recommendGameList>.game .pic{border:2px solid #fff;border-radius:10px;box-shadow:0 2px 4px rgb(0 0 0 / 40%);height:198px;width:198px}.content .recommend .recommendGameList>.game .name{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;background-color:rgba(0,0,0,.24);-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;bottom:0;left:0;color:#fff;font-size:16px;height:34px;line-height:34px;margin-left:2px;overflow:hidden;position:absolute;text-align:center;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;white-space:nowrap;width:97%}.content .recommend .recommendGameList .game:hover{background-color:#01a9f0;border-radius:10px}.content .midGames-box{display:none}.content .midGames{align-content:center;column-gap:22px;display:flex;grid-auto-rows:294px;grid-template-columns:repeat(4,290px);height:294px;justify-content:center;margin-top:36px;display:none}.content .midGames .l_box{background-color:#fff;border-radius:20px;box-shadow:0 2px 4px rgb(0 0 0 / 20%);padding:10px 34px 12px}.content .midGames .l_box .title{color:#221b2e;font-size:16px;height:24px;line-height:24px;margin-bottom:2px;text-align:center}.content .midGames .l_box .pic{border:2px solid #fff;box-shadow:0 2px 4px rgb(0 0 0 / 40%);height:220px;width:220px}.content .midGames .l_box .name{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#221b2e;font-size:16px;height:24px;line-height:24px;margin-top:4px;overflow:hidden;text-align:center;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;white-space:nowrap;width:224px}.content .midGames .l_box:hover .name{color:#25b2dc}.content .newGames{background-color:#01a9f0;border-radius:20px;box-shadow:0 2px 4px rgb(0 0 0 / 30%);margin-top:10px;padding:0 16px 10px 12px}.content .newGames>.title{display:flex;align-items:center;margin-bottom:4px}.content .newGames>.title .text{color:#fff;font-size:22px;font-weight:700;margin-top:4px}.content .newGames>.title img{margin-right:18px;margin-top:8px}.content .newGames .newGamesContent{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:10px;align-items:center;background-color:#fff;border-radius:20px;padding:10px;box-sizing:border-box}.content .newGames .newGamesContent .box-container{cursor:pointer}.content .newGames .newGamesContent .box-container.a .game-info .name{color:#01a8ee}.content .newGames .newGamesContent .box-container .wrapper{position:relative;border-radius:10px;width:100%;box-shadow:0 2px 4px rgba(0,0,0,.4);overflow:hidden;box-sizing:border-box;padding-bottom:100%}.content .newGames .newGamesContent .box-container .pic{position:absolute;border-radius:10px;height:100%;width:100%;object-fit:cover;transition:all 400ms ease-in-out}.content .newGames .newGamesContent .box-container:hover .wrapper .pic{transform:scale(1.2)}.content .newGames .newGamesContent .box-container .game-info{display:flex;margin-bottom:9px}.content .newGames .newGamesContent .box-container .game-info .name{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#221b2e;font-size:20px;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;white-space:nowrap;width:110px}.content .newGames .newGamesContent .box-container .game-info .stars{display:flex;margin-top:5px}.content .newGames .newGamesContent .box-container .game-info .stars .iconfont{margin-right:3px}.content .newGames .newGamesContent .box-container .game-info .stars .rating{color:#282233;font-size:14px;margin-left:8px}.content .bigGames{background-color:#fff;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.3);column-gap:24px;min-height:830px;margin-top:20px;padding-bottom:10px}.content .bigGames>.title{display:flex;margin-left:12px;padding-top:12px}.content .bigGames>.title img{margin-right:14px}.content .bigGames>.title .text{color:#221b2e;font-size:22px;margin-top:5px}.content .bigGames .m-list{display:grid;grid-template-columns:repeat(auto-fit,200px);justify-content:center;margin-top:10px}.content .bigGames .m-list .m-box{background-color:#17aebc;border-radius:12px;height:240px;overflow:hidden;position:relative;border:6px solid #fff}.content .bigGames .m-list .m-box .pic{border:2px solid #fff;border-radius:10px;height:160px;margin-left:12px;margin-top:12px;width:160px}.content .bigGames .m-list .m-box .name{font-size:16px}.content .bigGames .m-list .m-box .name,.content .bigGames .m-list .m-box .type{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#fff;overflow:hidden;text-align:center;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;white-space:nowrap}.content .bigGames .m-list .m-box .type{font-size:14px;line-height:21px}.content .bigGames .m-list .m-box .rating{bottom:0;display:flex;left:10px;position:absolute}.content .bigGames .m-list .m-box .rating .text{color:#fff;font-size:14px;margin-top:20px}.content .bigGames .m-list .m-box .cloud{bottom:0;display:flex;position:absolute;right:8px}.content .bigGames .m-list .m-box .cloud .text{color:#fff;font-size:14px;margin-right:4px;margin-top:20px;z-index:1}.content .bigGames .m-list .m-box:hover{border:6px solid #01a9f0}.content .bigGames .m-list .m-box:before{background-color:hsla(0,0%,100%,.5);border-radius:50%;content:"";height:84px;left:-37px;position:absolute;top:-37px;width:84px}.content .bigGames .m-list .m-box:after{background-color:rgba(0,255,174,.5);border-radius:50%;bottom:-37px;content:"";height:84px;position:absolute;right:-37px;width:84px}.content .delicateGames{background-color:#fff;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.3);margin-top:20px}.content .delicateGames>.title{display:flex;margin-left:12px;padding-top:12px}.content .delicateGames>.title img{margin-right:14px}.content .delicateGames>.title .text{color:#221b2e;font-size:22px;margin-top:8px}.content .delicateGames .p-list{align-content:center;align-items:center;background-color:#fff;border-radius:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,280px);grid-template-rows:repeat(3,96px);justify-content:center;justify-items:center;padding:17px 10px 28px}.content .delicateGames .p-list .delicate-box{border:6px solid #fff;border-radius:14px;cursor:pointer}.content .delicateGames .p-list .delicate-box .box{border-radius:14px;box-shadow:0 3px 8px rgba(0,0,0,.15);display:flex}.content .delicateGames .p-list .delicate-box .box .pic{-webkit-border-bottom-left-radius:14px;-webkit-border-top-left-radius:14px;height:96px;width:96px}.content .delicateGames .p-list .delicate-box .box .game-info{display:flex;flex-wrap:wrap}.content .delicateGames .p-list .delicate-box .box .game-info .game-name{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#357fa4;font-size:20px;margin-left:14px;margin-top:10px;overflow:hidden;text-align:center;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;white-space:nowrap;width:150px}.content .delicateGames .p-list .delicate-box .box .game-info .game-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#221b2e;display:-webkit-inline-box;font-size:12px;height:36px;line-height:1.5;margin-left:14px;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;width:150px;word-break:break-all}.content .delicateGames .p-list .delicate-box:hover{border:6px solid #01a9f0}.bottom-navbar{background-color:#e8e8e8;font-size:0;height:40px;overflow:hidden;text-align:center}.bottom-navbar>a{color:#333;font-size:12px;line-height:40px;position:relative;text-decoration:none}.bottom-navbar>a:not(:last-child){margin-right:30px}.bottom-navbar>a:not(:last-child):before{background-color:#333;content:"";height:13px;position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:1px}.bottom-navbar{background-color:#fff;margin-top:30px;position:relative}.bottom-navbar>a{color:#221b2e;font-size:16px}.bottom-navbar>a:not(:last-child){margin-right:36px}.bottom-navbar>a:not(:last-child):before{background-color:#221b2e;right:-19px}.bottom-navbar:after,.bottom-navbar:before{background:#17aebc;border-bottom:0;content:"";height:74px;position:absolute;top:-7px;width:280px}.bottom-navbar:before{left:0;transform:perspective(.5rem) rotateX(20deg);transform-origin:left;background:#F9CD00}.bottom-navbar:after{right:0;transform:perspective(.5rem) rotateX(20deg);transform-origin:right}.footer{padding-top:2px}.swiper-container{margin-top:30px;margin-left:auto;margin-right:auto;position:relative;max-width:1230px;background-color:#fff;border-radius:20px;box-shadow:0 2px 4px rgb(0 0 0 / 30%);padding-left:20px;box-sizing:border-box}.swiper-container .swiper-container-title{display:flex;align-items:center;justify-content:space-between;padding-right:20px}.swiper-container h3{line-height:50px;color:#01a9f0;font-size:22px;font-weight:normal}.swiper-container a{color:#01a9f0;font-size:16px;cursor:pointer;font-weight:bold}.swiper-left__button,.swiper-right__button{background-color:#fff;border-radius:50%;width:50px;height:50px;cursor:pointer;z-index:999}.swiper-left__button .img,.swiper-right__button .img{width:100%;height:100%}.swiper-container .swiper-left__button{position:absolute;top:50%;left:0;transform:translateY(-50%)}.swiper-container .swiper-right__button{position:absolute;top:50%;right:0;transform:translateY(-50%)}.swiper-container .swiper-container-main{width:100%;overflow:hidden}.swiper-container .swiper-container-main__wrapper{display:flex;align-items:center;height:300px;font-size:0;transform:translate3d(0,0,0);border-radius:10px}.swiper-container .swiper-container-main__wrapper:hover{cursor:pointer}.swiper-container-main__wrapper .swiper-container-main__item{flex-shrink:0;width:250px;margin-right:10px;border-radius:10px}.swiper-container-main__item .swiper-item{width:100%;height:100%}.swiper-item .swiper-item__img{position:relative;width:100%;height:250px;border-radius:10px;overflow:hidden;box-shadow:0 0 3px #c7c7c7}.swiper-item .swiper-item__img .img{width:100%;height:100%}.swiper-item .swiper-item__img .swiper-item-detail{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;position:absolute;left:50%;bottom:0;width:100%;height:70px;transform:translate(-50%,100%);color:#fff;background-color:#01a9f0;padding-bottom:4px;transition:transform 300ms ease-in-out}.swiper-item .swiper-item__img:hover .swiper-item-detail{transform:translate(-50%,0%)}.swiper-item-detail .swiper-item-detail__name{width:220px;font-size:14px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swiper-item-detail .swiper-item-detail__desc{width:220px;font-size:12px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.swiper-item .swiper-item__name{line-height:30px;font-size:16px;font-weight:bold;color:#131313;text-align:center}}@media screen and (min-width:768px) and (max-width:820px){.label{width:120px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px}.label_name{font-size:12px}.label_icon{margin-left:8px!important;margin-right:4px!important}.label_icon img{width:20px;height:20px}.logo img{width:95px}.content{width:820px}.content .recommend .recommendGameList{padding:11px 5px 14px;row-gap:15px;column-gap:15px;grid-template-columns:repeat(auto-fit,140px);grid-template-rows:repeat(2,140px)}.content .recommend .recommendGameList>.game .pic{width:140px;height:140px}.content .newGames{padding:0 16px 10px 12px;margin-top:5px}.content .newGames>.title .text{font-size:16px}.content .bigGames{min-height:490px;margin-top:15px}.content .bigGames>.title{margin-left:6px;margin-top:6px}.content .bigGames .m-list{margin-left:8px;margin-top:5px}.content .bigGames>.title .text{font-size:16px}.content .bigGames .m-list .m-box{margin-right:0;margin-bottom:0}.content .bigGames .m-list .m-box .pic{margin-left:12px;margin-top:12px}.content .bigGames .m-list .m-box .name{margin-top:8px}.content .delicateGames{margin-left:10px}.content .delicateGames .p-list{gap:10px;grid-template-columns:repeat(4,180px);grid-template-rows:repeat(3,96px);padding:8px 5px 14px}.content .delicateGames .p-list .delicate-box .box .pic{height:70px;width:70px;margin:10px 2px;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0}.content .delicateGames .p-list .delicate-box .box .game-info .game-name{width:90px;margin-left:5px;margin-top:10px;font-size:14px}.content .delicateGames .p-list .delicate-box .box .game-info .game-description{margin-left:5px;width:90px}.swiper-container{width:820px}}@media screen and (max-width:767px){.swiper-container{display:none}.main{background-color:#f7f7f7;margin:0 auto}.posterBanner{text-align:center;margin:5px auto;margin-bottom:0;min-height:004px}.posterBanner.banner{width:300px;height:200px}.posterBanner.banner a{width:100%;height:100%}.posterBanner.banner a img{width:100%;height:100%;object-fit:cover}.posterBanner>div{position:relative;bottom:0;width:100%;margin:0 auto}.posterBanner.top{margin-bottom:5px}.share_box{position:fixed;display:flex;flex-wrap:wrap;justify-content:center;z-index:101}.share_box a{display:flex;align-items:center;justify-content:center;color:#fff;width:2.8rem;height:.8rem;box-sizing:border-box;padding:.1rem;border-radius:5px;margin:.1rem}.share_box img{margin-right:5px;width:.4rem;height:.4rem}.closeShare{position:fixed;bottom:1rem;right:.5rem;z-index:101;cursor:pointer}.closeShare img{width:.8rem}.content{margin:0 auto;padding:0 .2rem;position:relative}.content .recommend{display:none;background-color:#01a9f0;border-radius:.2rem;box-shadow:0 .02rem .04rem rgba(0,0,0,.3);padding:.05rem .16rem .1rem}.content .recommend>.title{display:flex}.content .recommend>.title img{margin-right:.12rem}.content .recommend>.title .text{color:#fff;font-size:.26rem;margin-top:.08rem}.content .recommend .recommendGameList{align-content:center;align-items:center;background-color:#fff;border-radius:.2rem;column-gap:.1rem;display:grid;grid-template-columns:repeat(3,1.52rem);grid-template-rows:repeat(3,1.52rem);justify-content:center;justify-items:center;overflow:hidden;padding:.18rem .1rem;row-gap:.2rem;column-gap:.2rem}.content .recommend .recommendGameList>.game{position:relative}.content .recommend .recommendGameList>.game .pic{border:.02rem solid #fff;border-radius:.1rem;box-shadow:0 .02rem .04rem rgba(0,0,0,.4);height:1.52rem;width:1.52rem}.content .recommend .recommendGameList .game:nth-child(17),.content .recommend .recommendGameList .game:nth-child(18),.content .recommend .recommendGameList>.game .name{display:none}.midGames-title{display:none}.midGames-title img{margin-right:.1667rem}.midGames-title .midGames-title__text{font-size:.26rem;color:#fff}.content .midGames{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.2rem;padding:0}.content .midGames .l_box{background-color:#fff;border-radius:.2rem;box-shadow:0 .02rem .1rem rgb(0 0 0 / 33%);width:100%;height:100%}.content .midGames .l_box .title{color:#221b2e;display:none;font-size:.18rem;height:.27rem;line-height:.27rem;margin-bottom:.08rem;margin-top:.3rem;text-align:center}.content .midGames .l_box .pic{border:.02rem solid #fff;border-radius:.2rem;width:100%;height:100%;display:block;box-sizing:border-box}.content .midGames .l_box .name{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#221b2e;font-size:.2rem;height:.3rem;line-height:.3rem;margin-left:auto;margin-right:auto;overflow:hidden;text-align:center;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;white-space:nowrap;width:1.6rem}.content .midGames .l_box:nth-child(3n){margin:0}.content .newGames{display:none}.content .bigGames{margin-top:.26rem}.content .bigGames>.title{display:none}.content .bigGames>.title img{margin-right:.22rem}.content .bigGames>.title .text{color:#221b2e;font-size:.26rem;font-weight:700;margin-top:.05rem}.content .bigGames .m-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.2rem;padding:0}.content .bigGames .m-list .m-box{background-color:#fff;border-radius:.2rem;box-shadow:0 .02rem .1rem rgb(0 0 0 / 33%);width:100%;height:100%}.content .bigGames .m-list .m-box .pic{border:.02rem solid #fff;border-radius:.2rem;width:100%;height:100%;display:block;box-sizing:border-box}.content .bigGames .m-list .m-box .name{font-size:12px}.content .bigGames .m-list .m-box .name,.content .bigGames .m-list .m-box .type{display:none}.content .bigGames .m-list .m-box .type{font-size:12px}.content .bigGames .m-list .m-box .rating{display:none}.content .bigGames .m-list .m-box .rating .text{color:#fff;font-size:12px;margin-bottom:.1rem;margin-top:.1rem;margin-left:.1rem}.content .bigGames .m-list .m-box .cloud{display:none}.content .bigGames .m-list .m-box .cloud .text{color:#fff;font-size:12px;margin-bottom:.1rem;margin-right:.05rem;margin-top:.1rem;z-index:1}.content .bigGames .m-list .m-box:before{display:none}.content .bigGames .m-list .m-box:after{display:none}.content .delicateGames{margin-top:.26rem}.content .delicateGames>.title{display:none}.content .delicateGames>.title .text{color:#221b2e;font-size:.26rem;font-weight:700;margin-top:.05rem}.content .delicateGames .p-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.2rem;padding:0}.content .delicateGames .p-list .delicate-box{background-color:#fff;border-radius:.2rem;box-shadow:0 .02rem .1rem rgb(0 0 0 / 33%);width:100%;height:100%}.content .delicateGames .p-list .delicate-box .box{border:.02rem solid #fff;border-radius:.2rem;width:100%;height:100%;display:block;box-sizing:border-box}.content .delicateGames .p-list .delicate-box .box .pic{width:100%;height:100%;border-radius:.2rem}.content .delicateGames .p-list .delicate-box .box .game-info{display:none}.content .delicateGames .p-list .delicate-box .box .game-info .game-name{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#357fa4;font-size:.24rem;font-weight:700;margin-top:.2rem;overflow:hidden;text-align:center;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;white-space:nowrap;width:3.16rem}.content .delicateGames .p-list .delicate-box .box .game-info .game-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#221b2e;display:-webkit-inline-box;font-size:12px;font-weight:700;height:.72rem;line-height:.36rem;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;width:3.3rem;word-break:break-all}.content .delicateGames .p-list .delicate-box .box .game-info .icon-delicate{margin-left:.14rem;margin-top:.45rem}.home-icon img,.midGames-title img{width:32px;height:32px}.bottom-navbar{background-color:#e8e8e8;font-size:0;height:.72rem;overflow:hidden;text-align:center}.bottom-navbar>a{color:#333;font-size:12px;line-height:.72rem;text-decoration:none}.bottom-navbar>a:not(:last-child){margin-right:.3rem}.bottom-navbar>a:not(:last-child):before{background-color:#333;height:.23rem;position:absolute;right:-.16rem;top:50%;transform:translateY(-50%);width:.01rem}.bottom-navbar{background-color:#fff;margin-top:.36rem;position:relative}.bottom-navbar>a{color:#221b2e;font-size:.2rem;height:.9rem;line-height:.9rem;position:relative;z-index:1}.bottom-navbar>a:not(:last-child){margin-right:.36rem}.bottom-navbar>a:not(:last-child):before{background-color:#221b2e;content:"";right:-.19rem}.bottom-navbar:before{left:0;transform:perspective(.5rem) rotateX(20deg);transform-origin:left}.bottom-navbar:after,.bottom-navbar:before{background:#17aebc;border-bottom:0;content:"";height:.74rem;position:absolute;top:-.1rem;width:.5rem}.bottom-navbar:after{right:0;transform:perspective(.5rem) rotateX(20deg);transform-origin:right}}.posterBox{position:relative;text-align:center;margin-bottom:30px;width:100%}.posterBox span{display:inline-block;width:100%;margin:0 auto;text-align:center}.poster>div{width:100%;margin:0 auto}