*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji}html,body{width:100%;height:100%;background:#fff;-webkit-tap-highlight-color:transparent;font-weight:500!important;-webkit-text-size-adjust:100%}@font-face{font-family:asap;src:url(../css/Asap-BoldItalic.ttf)}body{position:relative}ul,ol{list-style:none}a{text-decoration:none;background-color:transparent;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{text-transform:capitalize;font-weight:500!important}button{border:none;outline:none;-webkit-tap-highlight-color:transparent}.container{max-width:1872px;width:calc(100% - 48px);margin-left:auto;margin-right:auto}img{border-style:none}input,textarea{font-size:14px;outline:none}input[type=submit]{-webkit-appearance:none}div,i{-webkit-tap-highlight-color:transparent}header{border-bottom:1px solid rgba(0,0,0,.15)}header .headBox{height:64px;display:flex;align-items:center;justify-content:space-between;position:relative;background:#fff}header .headBox .branchL{display:flex;align-items:center}header .headBox .branchL>img{width:40px;height:40px;object-position:center;object-fit:cover;margin-right:16px;border-radius:8px}header .headBox .branchL>p{font-size:28px;font-weight:600;color:#000;font-family:Asap}header .headBox .branchR{display:flex;align-items:center}header .headBox .branchR .boxSearch{padding-right:8px}header .headBox .branchR .boxSearch .searchBox{width:400px;position:relative;margin-right:16px}header .headBox .branchR .boxSearch .searchBox>input{width:100%;height:40px;text-indent:20px;outline:none;color:rgba(0,0,0,.85);overflow:hidden;-webkit-text-fill-color:rgba(0,0,0,.45);font-weight:600;font-size:14px;background:rgba(0,0,0,.06);border-radius:8px;border:1px solid transparent}header .headBox .branchR .boxSearch .searchBox>input:focus{border:1px solid #597ef7}header .headBox .branchR .boxSearch .searchBox>button{position:absolute;right:14px;top:8px;cursor:pointer;transition:all .3s;background:0 0}header .headBox .branchR .boxSearch .searchBox>button .iconfont{color:rgba(0,0,0,.65);font-size:24px}header .headBox .branchR .boxSearch .searchBox .gameName{top:41px;margin-top:8px;width:100%;left:0;position:absolute;background:#fff;padding:8px 16px 16px;border-radius:8px;box-shadow:0 2px 4px 0 rgba(0,0,0,.3);display:none;z-index:999!important;flex-wrap:wrap}header .headBox .branchR .boxSearch .searchBox .gameName>li>a{display:block;border:1px solid #597ef7;font-size:12px;color:#597ef7;border-radius:4px;padding:2px 8px;line-height:18px;margin-top:8px;margin-right:8px;transition:all .3s}@media screen and (min-width:1181px)and (any-hover:hover){header .headBox .branchR .boxSearch .searchBox .gameName>li>a:hover{background:#597ef7;color:#fff}}header .headBox .branchR .boxSearch .searchBox .gameName.active{display:flex}header .headBox .branchR .boxSearch .searchIcon{display:none;width:40px;height:40px;align-items:center;justify-content:center}header .headBox .branchR .boxSearch .searchIcon .iconfont{font-size:24px;color:rgba(0,0,0,.65)}header .headBox .branchR .collect{display:flex;width:20px;height:21px;align-items:center;justify-content:center}header .headBox .branchR .collect .iconfont{font-size:24px;color:rgba(0,0,0,.65)}@media screen and (max-width:760px){header .headBox .branchR .boxSearch .searchBox{display:none}header .headBox .branchR .boxSearch .searchIcon{display:flex}}header .headBox.active .branchL{display:none}header .headBox.active .branchR{width:100%}header .headBox.active .branchR .boxSearch{width:calc(100% - 20px)}header .headBox.active .branchR .boxSearch .searchIcon{display:none}header .headBox.active .branchR .boxSearch .searchBox{width:100%;display:block}header .detailHeader{height:32px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:#000}header .detailHeader .detailRIcon,header .detailHeader>a{color:#fff!important}header .detailHeader .detailRIcon .iconfont,header .detailHeader>a .iconfont{font-size:20px;color:#fff}header .detailHeader .detailRIcon>a{color:#fff}header .detailHeader .detailRIcon>a+a{margin-left:18px}header .detailHeader .collectBtn .iconfont::before{content:""}header .detailHeader .collectBtn.act .iconfont{color:#ff4d4f}header .detailHeader .collectBtn.act .iconfont::before{content:""}header.headMain{background:#fff}header.active{position:fixed;top:0;left:0;width:100%;z-index:9}@media screen and (max-width:1180px){header .headBox{height:56px}}.container .ad{display:flex;flex-direction:column;align-items:center}.container .ad>p{font-size:12px;color:rgba(0,0,0,.45);margin-bottom:8px;text-align:center}@media screen and (max-width:760px){.container{width:calc(100% - 32px)}}.container .containerBox{display:flex;justify-content:space-between;position:relative}.container .containerBox .lBox{width:190px;padding-top:24px;height:100%;position:fixed;transition:all .3s}.container .containerBox .lBox .category{height:100%}.container .containerBox .lBox .category>.title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.container .containerBox .lBox .category>.title>h2{font-weight:500;font-size:14px;height:19px;white-space:nowrap}.container .containerBox .lBox .category>.title>a{height:19px;width:72px;justify-content:center;display:none}.container .containerBox .lBox .category>.title>a .iconfont{font-size:20px;color:#333}.container .containerBox .lBox .category>.title .close-menu{display:block;width:20px}.container .containerBox .lBox .category>.title .close-menu .iconfont{font-size:20px;color:#333}.container .containerBox .lBox .category .categoryBox{height:calc(100% - 106px);overflow-y:scroll}.container .containerBox .lBox .category .categoryBox>li>a{display:flex;align-items:center;padding:10px 24px;border-radius:25px;transition:all .3s}.container .containerBox .lBox .category .categoryBox>li>a>img{width:24px;height:24px;margin-right:8px}.container .containerBox .lBox .category .categoryBox>li>a>p{width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(any-hover:hover){.container .containerBox .lBox .category .categoryBox>li>a:hover{background:rgba(0,0,0,.06)}}.container .containerBox .lBox .category .categoryBox>li.active>a{background:#597ef7}.container .containerBox .lBox .category .categoryBox>li.active>a>p{color:#fff}.container .containerBox .lBox .category .categoryBox>li+li{margin-top:8px}.container .containerBox .lBox .category .categoryBox::-webkit-scrollbar{margin-right:10px;width:0;height:10px;border-radius:10px;overflow:hidden;background:0 0}.container .containerBox .lBox .category .categoryBox::-webkit-scrollbar-thumb{border-radius:10px;background:0 0}.container .containerBox .lBox .category-swiper{display:none}.container .containerBox .lBox .category-swiper .swiper-wrapper>.swiper-slide{width:140px}.container .containerBox .lBox .category-swiper .swiper-wrapper>.swiper-slide>a{width:100%;display:flex;align-items:center;padding:6px 24px;border-radius:25px;transition:all .3s;background:rgba(0,0,0,.06)}.container .containerBox .lBox .category-swiper .swiper-wrapper>.swiper-slide>a>img{width:24px;height:24px;margin-right:8px}.container .containerBox .lBox .category-swiper .swiper-wrapper>.swiper-slide>a>p{width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container .containerBox .lBox .category-swiper .swiper-wrapper>.swiper-slide.active>a{background:#597ef7}.container .containerBox .lBox .category-swiper .swiper-wrapper>.swiper-slide.active>a>p{color:#fff}.container .containerBox .lBox .category-swiper.active{position:fixed;top:57px;background:#fff;padding:8px 16px;left:0;width:100%}@media screen and (max-width:1180px){.container .containerBox .lBox{padding-top:8px}}.container .containerBox .rBox{transition:all .3s;position:absolute;right:0;width:calc(100% - 214px);padding-top:24px}.container .containerBox .rBox .history-swiper>h2{font-size:22px;margin-bottom:16px}.container .containerBox .rBox .history-swiper>h2 .iconfont{font-size:20px;font-weight:600}.container .containerBox .rBox .history-swiper .swiper-wrapper .swiper-slide{width:104px}.container .containerBox .rBox .history-swiper .swiper-wrapper .swiper-slide>a{width:100%;display:block;height:104px;overflow:hidden;border-radius:8px}.container .containerBox .rBox .history-swiper .swiper-wrapper .swiper-slide>a>img{width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (max-width:760px){.container .containerBox .rBox .history-swiper .swiper-wrapper .swiper-slide{width:72px}.container .containerBox .rBox .history-swiper .swiper-wrapper .swiper-slide>a{height:72px}}.container .containerBox .rBox .recommend{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px}.container .containerBox .rBox .recommend .ad{margin-right:24px}.container .containerBox .rBox .recommend .recommend-swiper{width:calc(100% - 324px)}.container .containerBox .rBox .recommend .recommend-swiper>h2{font-size:22px;margin-bottom:16px}.container .containerBox .rBox .recommend .recommend-swiper>h2 .iconfont{font-size:20px;font-weight:600}@media screen and (max-width:1180px){.container .containerBox .rBox .recommend .recommend-swiper>h2{font-size:14px;margin-bottom:8px}.container .containerBox .rBox .recommend .recommend-swiper>h2 .iconfont{font-size:22px}.container .containerBox .rBox .recommend .recommend-swiper>h2>span{font-size:16px}}.container .containerBox .rBox .recommend .recommend-swiper .swiper-wrapper .swiper-slide{width:320px}.container .containerBox .rBox .recommend .recommend-swiper .swiper-wrapper .swiper-slide>a{display:block;width:100%}.container .containerBox .rBox .recommend .recommend-swiper .swiper-wrapper .swiper-slide>a .thumb{width:100%;height:180px;border-radius:8px;overflow:hidden}.container .containerBox .rBox .recommend .recommend-swiper .swiper-wrapper .swiper-slide>a .thumb>img{width:100%;height:100%;object-position:center;object-fit:cover}.container .containerBox .rBox .recommend .recommend-swiper .swiper-wrapper .swiper-slide>a>dl{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:8px}.container .containerBox .rBox .recommend .recommend-swiper .swiper-wrapper .swiper-slide>a>dl>dt{line-height:20px;width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container .containerBox .rBox .recommend .recommend-swiper .swiper-wrapper .swiper-slide>a>dl>dd{font-size:12px;font-weight:400;color:rgba(0,0,0,.65)}.container .containerBox .rBox .recommend .recommend-swiper .swiper-wrapper .swiper-slide>a>dl>dd>span{color:#597ef7}@media screen and (max-width:760px){.container .containerBox .rBox .recommend{flex-direction:column}.container .containerBox .rBox .recommend .ad{width:100%;margin-right:0}.container .containerBox .rBox .recommend .recommend-swiper{display:none}}@media screen and (max-width:1180px){.container .containerBox .rBox .recommend{margin-top:8px}}.container .containerBox .rBox .hotGame>h2{margin-top:16px;font-size:22px;margin-bottom:16px}.container .containerBox .rBox .hotGame>h2 .iconfont{font-size:20px;font-weight:600}@media screen and (max-width:1180px){.container .containerBox .rBox .hotGame>h2{margin-bottom:8px;font-size:14px;margin-top:8px}.container .containerBox .rBox .hotGame>h2 .iconfont{font-size:22px}.container .containerBox .rBox .hotGame>h2>span{font-size:16px}}.container .containerBox .rBox .hotGame .hotBox{display:grid;grid-gap:16px 16px;grid-template-columns:repeat(7,calc((100% - 96px)/7))}.container .containerBox .rBox .hotGame .hotBox>li{width:100%}.container .containerBox .rBox .hotGame .hotBox>li>a{display:block;width:100%;overflow:hidden;transition:all .3s;position:relative}.container .containerBox .rBox .hotGame .hotBox>li>a .thumb{width:100%;border-radius:8px;overflow:hidden;height:0;padding-bottom:100%;position:relative}.container .containerBox .rBox .hotGame .hotBox>li>a .thumb>img{top:0;left:0;width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.container .containerBox .rBox .hotGame .hotBox>li>a>dl{transition:all .3s}.container .containerBox .rBox .hotGame .hotBox>li>a>dl>dt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center;line-height:20px;margin-top:4px}.container .containerBox .rBox .hotGame .hotBox>li>a>dl>dd{font-size:12px;text-align:center}.container .containerBox .rBox .hotGame .hotBox>li>a>dl>dd>span{color:#597ef7}.container .containerBox .rBox .hotGame .hotBox>li>a .hotIcon{position:absolute;right:8px;top:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:12px;background:#fff}.container .containerBox .rBox .hotGame .hotBox>li>a .hotIcon .iconfont{font-size:16px;color:#597ef7;font-weight:600}@media(any-hover:hover){.container .containerBox .rBox .hotGame .hotBox>li>a:hover>dl{bottom:0}}@media screen and (min-width:1000px){.container .containerBox .rBox .hotGame .hotBox>li>a>dl{transition:all .3s;position:absolute;bottom:-120px;width:100%;padding:24px 16px 11px;border-radius:0 0 8px 8px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%)}.container .containerBox .rBox .hotGame .hotBox>li>a>dl>dt{color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:left}.container .containerBox .rBox .hotGame .hotBox>li>a>dl>dd{color:#fff;text-align:left;font-size:12px}.container .containerBox .rBox .hotGame .hotBox>li>a>dl>dd>span{color:#fff}}.container .containerBox .rBox .hotGame .hotBox>li.adBox{grid-row:3/5;grid-column:3/5;display:flex;align-items:center;justify-content:center}.container .containerBox .rBox .hotGame .hotBox>li:nth-last-child(1){display:none}@media screen and (min-width:1680px){.container .containerBox .rBox .hotGame .hotBox{grid-template-columns:repeat(10,calc((100% - 144px)/10))}.container .containerBox .rBox .hotGame .hotBox>li:nth-last-child(1){display:block}}@media screen and (max-width:1060px){.container .containerBox .rBox .hotGame .hotBox{grid-template-columns:repeat(5,calc((100% - 64px)/5))}.container .containerBox .rBox .hotGame .hotBox>li:nth-last-child(1){display:block}}@media screen and (max-width:800px){.container .containerBox .rBox .hotGame .hotBox{grid-template-columns:repeat(3,calc((100% - 32px)/3))}.container .containerBox .rBox .hotGame .hotBox>li:nth-last-child(1){display:none}.container .containerBox .rBox .hotGame .hotBox li.adBox{grid-row:7/9;grid-column:1/4}}.container .containerBox .rBox .adList{margin-top:16px;display:flex;justify-content:space-between}@media screen and (max-width:1024px){.container .containerBox .rBox .adList{justify-content:center}}.container .containerBox .rBox .adList.act .ad:nth-child(n+2){display:none}.container .containerBox .rBox .gameList{margin-top:16px}.container .containerBox .rBox .gameList .title{display:flex;align-items:center}.container .containerBox .rBox .gameList .title>img{width:32px;height:32px}.container .containerBox .rBox .gameList .title>p{margin-left:8px;font-size:22px}@media screen and (max-width:1180px){.container .containerBox .rBox .gameList .title>img{width:24px;height:24px}.container .containerBox .rBox .gameList .title>p{font-size:16px}}.container .containerBox .rBox .gameList .gameCont .listBox{display:flex;flex-wrap:wrap;margin-bottom:16px}.container .containerBox .rBox .gameList .gameCont .listBox>li{width:calc((100% - 80px)/6);margin:16px 16px 0 0}.container .containerBox .rBox .gameList .gameCont .listBox>li>a{display:block;width:100%;overflow:hidden;transition:all .3s;position:relative}.container .containerBox .rBox .gameList .gameCont .listBox>li>a .thumb{width:100%;border-radius:8px;overflow:hidden;height:0;padding-bottom:100%;position:relative}.container .containerBox .rBox .gameList .gameCont .listBox>li>a .thumb>img{top:0;left:0;width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.container .containerBox .rBox .gameList .gameCont .listBox>li>a>dl{transition:all .3s}.container .containerBox .rBox .gameList .gameCont .listBox>li>a>dl>dt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center;line-height:20px;margin-top:4px}.container .containerBox .rBox .gameList .gameCont .listBox>li>a>dl>dd{font-size:12px;text-align:center}.container .containerBox .rBox .gameList .gameCont .listBox>li>a>dl>dd>span{color:#597ef7}.container .containerBox .rBox .gameList .gameCont .listBox>li>a .hotIcon{position:absolute;right:8px;top:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:12px;background:#fff}.container .containerBox .rBox .gameList .gameCont .listBox>li>a .hotIcon .iconfont{font-size:16px;color:#597ef7;font-weight:600}@media screen and (min-width:1181px){.container .containerBox .rBox .gameList .gameCont .listBox>li>a:hover>dl>dt{color:#597ef7}}.container .containerBox .rBox .gameList .gameCont .listBox>li:nth-child(6n){margin-right:0}@media screen and (min-width:1680px){.container .containerBox .rBox .gameList .gameCont .listBox>li{width:calc((100% - 176px)/12)}.container .containerBox .rBox .gameList .gameCont .listBox>li:nth-child(6n){margin-right:16px}.container .containerBox .rBox .gameList .gameCont .listBox>li:nth-child(12n){margin-right:0}}@media screen and (max-width:800px){.container .containerBox .rBox .gameList .gameCont .listBox>li{width:calc((100% - 32px)/3)}.container .containerBox .rBox .gameList .gameCont .listBox>li:nth-child(6n){margin-right:16px}.container .containerBox .rBox .gameList .gameCont .listBox>li:nth-child(12n){margin-right:16px}.container .containerBox .rBox .gameList .gameCont .listBox>li:nth-child(3n){margin-right:0}}.container .containerBox .rBox .gameList .resultBox .gameCont{min-height:750px}.container .containerBox .rBox .gameList .resultBox .noResult>p{text-align:center;margin:31px 0;color:rgba(0,0,0,.25);font-size:12px}.container .containerBox .rBox .gameList .resultBox .noResult .gameNo{display:flex;flex-wrap:wrap;margin-bottom:8px}.container .containerBox .rBox .gameList .resultBox .noResult .gameNo>li{width:calc((100% - 80px)/6);margin:16px 16px 0 0}.container .containerBox .rBox .gameList .resultBox .noResult .gameNo>li>a{display:block;width:100%;overflow:hidden;transition:all .3s;position:relative}.container .containerBox .rBox .gameList .resultBox .noResult .gameNo>li>a .thumb{width:100%;border-radius:8px;overflow:hidden;height:0;padding-bottom:100%;position:relative}.container .containerBox .rBox .gameList .resultBox .noResult .gameNo>li>a .thumb>img{top:0;left:0;width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.container .containerBox .rBox .gameList .resultBox .noResult .gameNo>li>a>dl{transition:all .3s}.container .containerBox .rBox .gameList .resultBox .noResult .gameNo>li>a>dl>dt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center;line-height:20px;margin-top:4px}.container .containerBox .rBox .gameList .resultBox .noResult .gameNo>li>a>dl>dd{font-size:12px;text-align:center}.container .containerBox .rBox .gameList .resultBox .noResult .gameNo>li>a>dl>dd>span{color:#597ef7}@media screen and (min-width:1181px){.container .containerBox .rBox .gameList .resultBox .noResult .gameNo>li>a:hover>dl>dt{color:#597ef7}}.container .containerBox .rBox .gameList .resultBox .noResult .gameNo>li:nth-child(6n){margin-right:0}@media screen and (min-width:1680px){.container .containerBox .rBox .gameList .resultBox .noResult .gameNo>li{width:calc((100% - 176px)/12)}.container .containerBox .rBox .gameList .resultBox .noResult .gameNo>li:nth-child(6n){margin-right:16px}.container .containerBox .rBox .gameList .resultBox .noResult .gameNo>li:nth-child(12n){margin-right:0}}@media screen and (max-width:800px){.container .containerBox .rBox .gameList .resultBox .noResult .gameNo>li{width:calc((100% - 32px)/3)}.container .containerBox .rBox .gameList .resultBox .noResult .gameNo>li:nth-child(6n){margin-right:16px}.container .containerBox .rBox .gameList .resultBox .noResult .gameNo>li:nth-child(12n){margin-right:16px}.container .containerBox .rBox .gameList .resultBox .noResult .gameNo>li:nth-child(3n){margin-right:0}}.container .containerBox .rBox #notice{display:flex;align-items:center;justify-content:center;color:#597ef7;margin-top:16px;font-size:12px}.container .containerBox .rBox #notice .iconfont{margin-right:8px;font-size:18px;color:#597ef7;transform:rotate(360deg);animation:rotation 1s linear infinite;-moz-animation:rotation 1s linear infinite;-webkit-animation:rotation 1s linear infinite;-o-animation:rotation 1s linear infinite}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.container .containerBox .rBox .collectList{margin-top:16px;min-height:750px}.container .containerBox .rBox .collectList .title{display:flex;align-items:center;justify-content:space-between}.container .containerBox .rBox .collectList .title>p{font-size:16px}.container .containerBox .rBox .collectList .title>p .iconfont{color:#333;font-size:20px}.container .containerBox .rBox .collectList .title .edit{color:#597ef7;font-size:12px}@media screen and (max-width:1180px){.container .containerBox .rBox .collectList .title>p .iconfont{font-size:22px}.container .containerBox .rBox .collectList .title>p>span{font-size:16px}.container .containerBox .rBox .collectList .title .edit{font-size:16px}}.container .containerBox .rBox .collectList .collectBox .noCollect{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:60px}.container .containerBox .rBox .collectList .collectBox .noCollect>p{margin-top:37px;font-size:12px;color:rgba(0,0,0,.25)}.container .containerBox .rBox .collectList .collectBox .collectGame{display:flex;flex-wrap:wrap;margin-bottom:8px}.container .containerBox .rBox .collectList .collectBox .collectGame>li{width:calc((100% - 80px)/6);margin:16px 16px 0 0;position:relative}.container .containerBox .rBox .collectList .collectBox .collectGame>li>a{display:block;width:100%;overflow:hidden;transition:all .3s}.container .containerBox .rBox .collectList .collectBox .collectGame>li>a .thumb{width:100%;border-radius:8px;overflow:hidden;height:0;padding-bottom:100%;position:relative}.container .containerBox .rBox .collectList .collectBox .collectGame>li>a .thumb>img{top:0;left:0;width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.container .containerBox .rBox .collectList .collectBox .collectGame>li>a>p{margin-top:8px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 5px}@media screen and (min-width:1181px){.container .containerBox .rBox .collectList .collectBox .collectGame>li>a:hover>p{color:#597ef7}}.container .containerBox .rBox .collectList .collectBox .collectGame>li .delete{display:none;position:absolute;justify-content:end;top:4px;right:4px;border-radius:14px}.container .containerBox .rBox .collectList .collectBox .collectGame>li .delete .iconfont{font-size:24px;border-radius:15px;background:#333;color:#fff}.container .containerBox .rBox .collectList .collectBox .collectGame>li .delete.act{display:flex}.container .containerBox .rBox .collectList .collectBox .collectGame>li:nth-child(6n){margin-right:0}@media screen and (min-width:1680px){.container .containerBox .rBox .collectList .collectBox .collectGame>li{width:calc((100% - 176px)/12)}.container .containerBox .rBox .collectList .collectBox .collectGame>li:nth-child(6n){margin-right:16px}.container .containerBox .rBox .collectList .collectBox .collectGame>li:nth-child(12n){margin-right:0}}@media screen and (max-width:800px){.container .containerBox .rBox .collectList .collectBox .collectGame>li{width:calc((100% - 32px)/3)}.container .containerBox .rBox .collectList .collectBox .collectGame>li:nth-child(6n){margin-right:16px}.container .containerBox .rBox .collectList .collectBox .collectGame>li:nth-child(12n){margin-right:16px}.container .containerBox .rBox .collectList .collectBox .collectGame>li:nth-child(3n){margin-right:0}}.container .containerBox .rBox.active{width:100%;position:fixed;top:64px}.container .containerBox.act-close{transition:all .3s}.container .containerBox.act-close .lBox{width:72px}.container .containerBox.act-close .lBox .category .title>h2{display:none}.container .containerBox.act-close .lBox .category .title>a{display:flex}.container .containerBox.act-close .lBox .category .title .close-menu{display:none}.container .containerBox.act-close .lBox .category .categoryBox>li>a>p{display:none}.container .containerBox.act-close .lBox .category .close-menu{display:none}.container .containerBox.act-close .rBox{width:calc(100% - 96px)}@media screen and (max-width:1180px){.container .containerBox{flex-direction:column}.container .containerBox .lBox{width:100%;z-index:2;position:relative}.container .containerBox .lBox .category{display:none;width:100%}.container .containerBox .lBox .category-swiper{display:block}.container .containerBox .rBox{width:100%;padding-left:0;padding-top:48px}.container .containerBox .rBox .history-swiper>h2{margin-bottom:8px}.container .containerBox .rBox .history-swiper>h2>span{font-size:16px}.container .containerBox .rBox .history-swiper>h2 .iconfont{font-size:22px}}.detailBox{height:calc(100% - 83px)}.detailBox .detaiMain{display:flex;align-items:center;justify-content:space-between;height:100%}.detailBox .detaiMain .detailLeft,.detailBox .detaiMain .detailRight{width:300px;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center}.detailBox .detaiMain .detailLeft .detailGameList,.detailBox .detaiMain .detailRight .detailGameList{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;overflow-y:scroll}.detailBox .detaiMain .detailLeft .detailGameList>li,.detailBox .detaiMain .detailRight .detailGameList>li{width:calc(50% - 8px)}.detailBox .detaiMain .detailLeft .detailGameList>li>a,.detailBox .detaiMain .detailRight .detailGameList>li>a{display:block;width:100%;overflow:hidden;transition:all .3s;position:relative}.detailBox .detaiMain .detailLeft .detailGameList>li>a .thumb,.detailBox .detaiMain .detailRight .detailGameList>li>a .thumb{width:100%;border-radius:8px;overflow:hidden;height:0;padding-bottom:100%;position:relative}.detailBox .detaiMain .detailLeft .detailGameList>li>a .thumb>img,.detailBox .detaiMain .detailRight .detailGameList>li>a .thumb>img{top:0;left:0;width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.detailBox .detaiMain .detailLeft .detailGameList>li>a>dl,.detailBox .detaiMain .detailRight .detailGameList>li>a>dl{transition:all .3s;position:absolute;bottom:-120px;width:100%;padding:24px 16px 11px;border-radius:0 0 8px 8px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%)}.detailBox .detaiMain .detailLeft .detailGameList>li>a>dl>dt,.detailBox .detaiMain .detailRight .detailGameList>li>a>dl>dt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px;margin-top:4px;color:#fff}.detailBox .detaiMain .detailLeft .detailGameList>li>a>dl>dd,.detailBox .detaiMain .detailRight .detailGameList>li>a>dl>dd{color:#fff;font-size:12px}.detailBox .detaiMain .detailLeft .detailGameList>li>a:hover>dl,.detailBox .detaiMain .detailRight .detailGameList>li>a:hover>dl{bottom:0}.detailBox .detaiMain .detailLeft .detailGameList::-webkit-scrollbar,.detailBox .detaiMain .detailRight .detailGameList::-webkit-scrollbar{margin-right:10px;width:0;height:10px;border-radius:10px;overflow:hidden;background:0 0}.detailBox .detaiMain .detailLeft .detailGameList::-webkit-scrollbar-thumb,.detailBox .detaiMain .detailRight .detailGameList::-webkit-scrollbar-thumb{border-radius:10px;background:0 0}@media screen and (max-width:1440px){.detailBox .detaiMain .detailLeft .detailGameList>li:nth-child(n+3),.detailBox .detaiMain .detailRight .detailGameList>li:nth-child(n+3){display:none}}.detailBox .detaiMain .detailLeft>.ad>p,.detailBox .detaiMain .detailRight>.ad>p{color:rgba(255,255,255,.3)}.detailBox .detaiMain .detailLeft{display:none}.detailBox .detaiMain .detailLeft .detailGameList>li{margin-bottom:16px}.detailBox .detaiMain .detailLeft.act{display:flex}.detailBox .detaiMain .detailRight{display:none}.detailBox .detaiMain .detailRight .detailGameList>li{margin-top:16px}.detailBox .detaiMain .detailRight.act{display:flex}.detailBox .detaiMain .detailCenter{width:100%;height:100%;display:flex;justify-content:center;position:relative}.detailBox .detaiMain .detailCenter>iframe{display:block;width:1px;min-width:100%;height:1px;min-height:100%;border:0;overflow:hidden;z-index:999;position:absolute;left:0;top:0}.detailBox .detaiMain .detailCenter>iframe.actq{min-width:auto;width:auto;position:relative}.detailBox .detaiMain .detailCenter.act{width:calc(100% - 600px)}.detailBox .detailContBox{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.65);z-index:9999;display:flex;justify-content:center}.detailBox .detailContBox .detailCont{background:#fff;margin-top:96px;width:720px;border-radius:16px 16px 0 0;overflow-y:scroll;padding:0 0px 0px}.detailBox .detailContBox .detailCont .title{height:40px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:99;background:#fff}.detailBox .detailContBox .detailCont .title .detailRIcon>a,.detailBox .detailContBox .detailCont .title>a>a{color:rgba(0,0,0,.65)}.detailBox .detailContBox .detailCont .title .detailRIcon>a .iconfont,.detailBox .detailContBox .detailCont .title>a>a .iconfont{color:rgba(0,0,0,.85)}.detailBox .detailContBox .detailCont .title .detailRIcon .iconfont,.detailBox .detailContBox .detailCont .title>a .iconfont{font-size:24px;color:rgba(0,0,0,.85)}.detailBox .detailContBox .detailCont .title .detailRIcon>a+a{margin-left:18px}.detailBox .detailContBox .detailCont .title .collectBtn .iconfont::before{content:""}.detailBox .detailContBox .detailCont .title .collectBtn.act .iconfont{color:#ff4d4f}.detailBox .detailContBox .detailCont .title .collectBtn.act .iconfont::before{content:""}.detailBox .detailContBox .detailCont .dex{display:flex;align-items:center;margin-top:16px}.detailBox .detailContBox .detailCont .dex .thumb{width:96px;height:96px;border-radius:8px;margin-right:16px;overflow:hidden}.detailBox .detailContBox .detailCont .dex .thumb>img{width:100%;height:100%;object-fit:cover;object-position:center}.detailBox .detailContBox .detailCont .dex>dl{width:calc(100% - 112px)}.detailBox .detailContBox .detailCont .dex>dl>dt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.detailBox .detailContBox .detailCont .dex>dl>dd{font-size:12px;color:rgba(0,0,0,.65)}.detailBox .detailContBox .detailCont .dex>dl>dd>span{color:#597ef7;margin-right:6px}.detailBox .detailContBox .detailCont .dex>dl .tags{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:10px;height:39px;overflow:hidden}.detailBox .detailContBox .detailCont .dex>dl .tags>a{display:block;border:1px solid #597ef7;font-size:12px;color:#597ef7;border-radius:4px;padding:2px 8px;line-height:18px;margin-top:10px;margin-right:8px;transition:all .3s}@media screen and (min-width:1181px)and (any-hover:hover){.detailBox .detailContBox .detailCont .dex>dl .tags>a:hover{background:#597ef7;color:#fff}}.detailBox .detailContBox .detailCont .btnList{display:none;margin:16px 0}.detailBox .detailContBox .detailCont .btnList .BLit{display:flex;justify-content:space-between}.detailBox .detailContBox .detailCont .btnList .BLit>li{width:calc(50% - 8px);display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(0,0,0,.15);padding:12px 0;transition:all .3s;cursor:pointer}.detailBox .detailContBox .detailCont .btnList .BLit>li .iconfont{color:#597ef7;margin-right:3px;font-size:20px}.detailBox .detailContBox .detailCont .btnList .BLit>li>span{color:#597ef7;font-size:14px}.detailBox .detailContBox .detailCont .btnList .BLit>li.act{background:#597ef7}.detailBox .detailContBox .detailCont .btnList .BLit>li.act .iconfont,.detailBox .detailContBox .detailCont .btnList .BLit>li.act span{color:#fff}@media(any-hover:hover){.detailBox .detailContBox .detailCont .btnList .BLit>li:hover{background:#597ef7;border:1px solid #597ef7}.detailBox .detailContBox .detailCont .btnList .BLit>li:hover .iconfont,.detailBox .detailContBox .detailCont .btnList .BLit>li:hover span{color:#fff}}.detailBox .detailContBox .detailCont .btnList .BLit>li.play{background:#597ef7;border:1px solid #597ef7}.detailBox .detailContBox .detailCont .btnList .BLit>li.play .iconfont,.detailBox .detailContBox .detailCont .btnList .BLit>li.play span{color:#fff}@media(any-hover:hover){.detailBox .detailContBox .detailCont .btnList .BLit>li.play:hover{background:#688bff;border:1px solid #688bff}}.detailBox .detailContBox .detailCont .btnList>p{color:rgba(0,0,0,.45);font-size:12px;padding-left:16px;margin-top:6px}.detailBox .detailContBox .detailCont .btnList.active{display:block}.detailBox .detailContBox .detailCont .progressBox{margin-top:10px}.detailBox .detailContBox .detailCont .progressBox .person{position:relative;height:35px;width:200px;margin-left:auto;margin-right:auto}.detailBox .detailContBox .detailCont .progressBox .person .running{position:absolute;--color: #597ef7;--duration: .7s;left:0}.detailBox .detailContBox .detailCont .progressBox .person .running .outer{animation:outer var(--duration) linear infinite}.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body{background:var(--color);height:13px;width:6px;border-radius:4px;transform-origin:4px 11px;position:relative;transform:rotate(32deg);animation:body var(--duration) linear infinite}.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body:before{content:"";width:6px;height:6px;border-radius:3px;bottom:14px;left:0;position:absolute;background:var(--color)}.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body .arm,.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body .arm:before,.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body .leg,.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body .leg:before{content:"";width:var(--w,10px);height:4px;top:var(--t,0);left:var(--l,2px);border-radius:2px;transform-origin:2px 2px;position:absolute;background:var(--c,var(--color));transform:rotate(var(--r,0deg));animation:var(--name,arm-leg) var(--duration) linear infinite}.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body .arm:before{--l: 6px;--name: arm-b}.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body .arm.front{--r: 24deg;--r-to: 164deg}.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body .arm.front:before{--r: -48deg;--r-to: -36deg}.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body .arm.behind{--r: 164deg;--r-to: 24deg}.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body .arm.behind:before{--r: -36deg;--r-to: -48deg}.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body .leg{--w: 8px;--t: 11px}.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body .leg:before{--t: 0;--l: 6px}.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body .leg.front{--r: 10deg;--r-to: 108deg}.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body .leg.front:before{--r: 18deg;--r-to: 76deg}.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body .leg.behind{--r: 108deg;--r-to: 10deg;--c: none}.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body .leg.behind:before{--c: var(--color);--r: 76deg;--r-to: 18deg}.detailBox .detailContBox .detailCont .progressBox .person .running .outer .body .leg.behind:after{content:"";top:0;right:0;height:4px;width:6px;clip-path:polygon(2px 0,6px 0,6px 4px,0 4px);border-radius:0 2px 2px 0;position:absolute;background:var(--color)}.detailBox .detailContBox .detailCont .progressBox .progress{display:flex;justify-content:center}.detailBox .detailContBox .detailCont .progressBox .progress .wrapper{width:200px;height:8px;border-radius:8px;background:#f5f5f5;margin-bottom:20px;overflow:hidden}.detailBox .detailContBox .detailCont .progressBox .progress .first{height:8px;background:linear-gradient(90deg,#15F5E0,#176dff);position:relative;overflow:hidden;width:0;border-radius:8px 0 0 8px}@keyframes progress{0%{width:0}100%{width:200px}}@keyframes progress1{0%{left:0}100%{left:200px}}@keyframes outer{50%{transform:translateY(0)}25%,75%{transform:translateY(4px)}}@keyframes body{50%{transform:rotate(16deg)}25%,75%{transform:rotate(24deg)}}@keyframes arm-leg{50%{transform:rotate(var(--r-to))}}@keyframes arm-b{30%,70%{transform:rotate(var(--r-to))}}.detailBox .detailContBox .detailCont .swiper_con{margin-top:16px;position:relative}.detailBox .detailContBox .detailCont .swiper_con .preview{margin-top:10px}.detailBox .detailContBox .detailCont .swiper_con .preview .swiper-wrapper .swiper-slide{width:auto;height:270px;overflow:hidden;border-radius:10px}.detailBox .detailContBox .detailCont .swiper_con .preview .swiper-wrapper .swiper-slide>img{height:100%}.detailBox .detailContBox .detailCont .swiper_con .preview .swiper-wrapper .swiper-slide>iframe{height:100%}.detailBox .detailContBox .detailCont .swiper_con .maskB{z-index:9999999999;position:fixed!important;width:100vw;height:100vh;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.9)}.detailBox .detailContBox .detailCont .swiper_con .maskB .swiper-slide{height:100vh;display:flex;justify-content:center;align-items:center}.detailBox .detailContBox .detailCont .swiper_con .maskB .swiper-slide>img{height:100%}.detailBox .detailContBox .detailCont .module{margin-top:20px}.detailBox .detailContBox .detailCont .module>h2{font-size:18px}.detailBox .detailContBox .detailCont .module .des{margin-top:10px;max-height:144px;min-height:72px;overflow:hidden;position:relative;line-height:24px;box-sizing:content-box;font-size:14px}.detailBox .detailContBox .detailCont .module .des>p,.detailBox .detailContBox .detailCont .module .des>span{font-size:14px;line-height:24px}.detailBox .detailContBox .detailCont .module .des>p>span,.detailBox .detailContBox .detailCont .module .des>span>span{font-size:14px}@media screen and (max-width:760px){.detailBox .detailContBox .detailCont .module .des{font-size:14px;line-height:24px}.detailBox .detailContBox .detailCont .module .des>p{font-size:14px;line-height:24px}}@media screen and (orientation:landscape){.detailBox .detailContBox .detailCont .module .des{font-size:14px;line-height:24px}.detailBox .detailContBox .detailCont .module .des>p{font-size:14px;line-height:24px}}.detailBox .detailContBox .detailCont .module .showAll{max-height:1500px}.detailBox .detailContBox .detailCont .module .moreB{display:flex;margin-top:10px}.detailBox .detailContBox .detailCont .module .moreB .moreShow{font-size:16px;transition:all .3s;font-weight:500;color:#597ef7;display:flex;align-items:center}.detailBox .detailContBox .detailCont .module .moreB .moreShow:hover{opacity:.8}.detailBox .detailContBox .detailCont .gameTag{display:flex;margin-top:8px;align-items:center;flex-wrap:wrap}.detailBox .detailContBox .detailCont .gameTag>li{padding:4px 8px;background:rgba(0,0,0,.06);font-size:12px;border-radius:16px;margin-right:8px;margin-top:8px}.detailBox .detailContBox .detailCont .mightLike{margin-top:16px}.detailBox .detailContBox .detailCont .mightLike>h2{font-size:18px}.detailBox .detailContBox .detailCont .mightLike .mightList>li>a{margin-top:16px;width:100%;display:flex;align-items:center;justify-content:space-between}.detailBox .detailContBox .detailCont .mightLike .mightList>li>a .leftIcon{width:calc(100% - 74px);display:flex;align-items:center}.detailBox .detailContBox .detailCont .mightLike .mightList>li>a .leftIcon .thumb{width:72px;height:72px;border-radius:8px;margin-right:16px;overflow:hidden}.detailBox .detailContBox .detailCont .mightLike .mightList>li>a .leftIcon .thumb>img{width:100%;height:100%;object-position:center;object-fit:cover}.detailBox .detailContBox .detailCont .mightLike .mightList>li>a .leftIcon>dl{width:calc(100% - 88px)}.detailBox .detailContBox .detailCont .mightLike .mightList>li>a .leftIcon>dl>dt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detailBox .detailContBox .detailCont .mightLike .mightList>li>a .leftIcon>dl>dd{font-size:12px}.detailBox .detailContBox .detailCont .mightLike .mightList>li>a .leftIcon>dl>dd>span{color:#597ef7;font-size:12px;margin-right:6px}.detailBox .detailContBox .detailCont .mightLike .mightList>li>a .leftIcon>dl .tags{display:flex;align-items:end;flex-wrap:wrap;margin-bottom:4px;height:30px;overflow:hidden}.detailBox .detailContBox .detailCont .mightLike .mightList>li>a .leftIcon>dl .tags>p{display:block;border:1px solid #597ef7;font-size:12px;color:#597ef7;border-radius:4px;padding:2px 8px;line-height:18px;margin-top:3px;margin-right:6px}.detailBox .detailContBox .detailCont .mightLike .mightList>li>a .PlayBtn{width:66px;height:28px;display:flex;border-radius:19px;align-items:center;justify-content:center;color:#fff;background:#688bff}@media screen and (min-width:1181px){.detailBox .detailContBox .detailCont .mightLike .mightList>li>a:hover .leftIcon>dl>dt{color:#597ef7}.detailBox .detailContBox .detailCont .mightLike .mightList>li>a:hover .PlayBtn{background:#597ef7}}.detailBox .detailContBox .detailCont::-webkit-scrollbar{margin-right:10px;width:0;height:10px;border-radius:10px;overflow:hidden;background:0 0}.detailBox .detailContBox .detailCont::-webkit-scrollbar-thumb{border-radius:10px;background:0 0}@media screen and (max-width:760px){.detailBox .detailContBox .detailCont{width:100%;margin-top:56px}}@media screen and (orientation:landscape){.detailBox .detailContBox .detailCont{margin-top:0}}@media screen and (min-width:1180px){.detailBox .detailContBox .detailCont{margin-top:96px}}.btnMenu{display:none;position:fixed;top:60px;right:0;align-items:center;justify-content:center;border-radius:20px 0 0 20px;width:48px;height:40px;background:rgba(0,0,0,.15);;z-index:999}.btnMenu .iconfont{font-size:20px;color:#fff}@media screen and (min-width:1181px){.btnMenu{display:none!important}}@media screen and (min-width:1181px){.headMain{position:fixed;top:0;left:0;width:100%;z-index:9}.main{padding-top:64px}}@media screen and (max-width:1180px){header .detailHeader{display:none}.detailBox{height:100%;width:100%}}.searchBox{min-height:calc(100% - 140px)}footer{margin-top:80px;width:100%;display:flex;align-items:center;border-top:1px solid rgba(0,0,0,.15);height:54px;padding:16px}footer>p{color:rgba(0,0,0,.65)}footer>a{color:#597ef7;margin-left:40px}@media screen and (max-width:970px){footer{justify-content:space-between;padding:0}footer>p{font-size:12px}footer>a{font-size:12px;margin-left:0}}.company h2{font-size:22px;font-weight:700}.company h3{font-size:16px;margin-bottom:15px;font-weight:500}.company p{font-size:.9em;margin-bottom:15px;line-height:1.6em}
.game-box-div {
    position: relative;
  }
  
  .game-box-detail {
    position: absolute;
    z-index: 1;
  }