body,h1,h2,h3,p,ul,ol,li,input,select,textarea,div,td,th,tr,dt,dd,dl,a {margin:0;padding:0;}
ul,ol {list-style:none;}
em,i {font-style:normal;}
u {text-decoration:none;}
table {border-spacing:0;border-collapse:collapse;margin:inherit;}
img {border:none;vertical-align:middle;transition:opacity .2s linear;}
input,select,button {vertical-align:middle;outline:none;}
a {text-decoration:none;color:#666;transition:color .2s linear;}
body {font-family:"Microsoft YaHei","Arial","Heiti SC";background:#f2f5f7;font-size:14px;}
.gray {-webkit-filter:grayscale(100%);-moz-filter:grayscale(1);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.clear {clear:both;}
.clear::after {content:"";display:block;clear:both;}
button,textarea {outline:0;border:0;padding:0;margin:0;-webkit-appearance:none;}
html {font-size:13.3333333333vw;}
@media(min-width:750px) {html {font-size:100px;}
;}
@media(max-width:280px) {html {font-size:35px;}
;}
.HeaderWrap {background:#fff;position:relative;z-index:100;width:7.5rem;margin:0 auto;z-index:1;}
.HeaderWrap .header-content {display:flex;align-items:center;justify-content:space-between;padding:.3rem .3rem;height:.88rem;box-sizing:border-box;}
.HeaderWrap .logo {display:block;height:.48rem;}
.HeaderWrap .logo img {height:100%;display:block;}
.HeaderWrap .menu-btn {width:.4rem;height:.4rem;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;padding:.04rem 0;box-sizing:border-box;}
.HeaderWrap .menu-btn span {display:block;width:100%;height:.04rem;background:#2577e3;border-radius:.02rem;transition:all .3s ease;}
.HeaderWrap .menu-btn.active span:nth-child(1) {transform:translateY(0.12rem) rotate(45deg);}
.HeaderWrap .menu-btn.active span:nth-child(2) {opacity:0;}
.HeaderWrap .menu-btn.active span:nth-child(3) {transform:translateY(-0.12rem) rotate(-45deg);}
.main {width:7.5rem;margin:0 auto;}
.IdxBanner {overflow:hidden;position:relative;height:3.9rem;}
.IdxBanner .BannerBg {width:100%;position:absolute;top:0;left:0;}
.IdxBanner .BannerBg img+img {display:none;}
.IdxBanner .BannerBg img {width:100%;height:100%;display:block;object-fit:cover;filter:blur(6px);}
.IdxBanner .BannerBg::after {display:block;width:100%;object-fit:cover;height:60%;position:absolute;z-index:2;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(242,245,247,0.6));content:"";bottom:-0.2rem;}
.IdxBanner .PicItems {display:block;margin:.6rem .2rem .2rem;position:relative;z-index:2;}
.IdxBanner .PicItems .swiper-slide {border-radius:.1rem;overflow:hidden;}
.IdxBanner .PicItems .info img {width:100%;height:3rem;border-radius:.1rem;display:block;object-fit:cover;}
.IdxBanner .PicItems .swiper-pagination .swiper-pagination-bullet {background:hsla(0,0%,100%,.6);}
.IdxBanner+.BaseBox {margin-top:0;}
.BaseBox {margin:.2rem;overflow:hidden;}
.BaseBox .ContTitle {width:100%;overflow:hidden;line-height:.5rem;height:.5rem;}
.BaseBox .ContTitle i {display:block;float:left;width:.44rem;height:.5rem;margin:-0.02rem .2rem 0rem 0;}
.BaseBox .ContTitle .ic_hotPlay {background:url(../images/ic_hot.png) no-repeat;background-size:100% auto;}
.BaseBox .ContTitle .ic_newPlay {background:url(../images/ic_star.png) no-repeat;background-size:100% 100%;}
.BaseBox .ContTitle span {font-size:.3rem;color:#333;line-height:.5rem;display:block;float:left;font-weight:bold;}
.BaseBox .more {float:right;font-size:.26rem;font-family:monospace;}
.BaseBox .TabMore {float:right;line-height:.5rem;}
.BaseBox .TabMore a {color:#999;margin-left:.1rem;}
.BaseBox .TabMore .more+.more {display:none;}
.BaseBox .TabHd {height:.46rem;line-height:.46rem;overflow:hidden;width:100%;display:flex;}
.BaseBox .TabHd p {float:left;flex:1;overflow:hidden;white-space:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.BaseBox .TabHd p::-webkit-scrollbar {display:none;}
.BaseBox .TabHd p::-webkit-scrollbar-track {display:none;}
.BaseBox .TabHd p::-webkit-scrollbar-thumb {display:none;}
.BaseBox .TabHd p span {color:#999;font-size:.3rem;margin:0 .05rem;}
.BaseBox .TabHd p span+span::before {content:"/";color:#999;margin:0 .1rem .04rem 0;font-size:.26rem;font-weight:100;vertical-align:middle;display:inline-block;}
.BaseBox .TabHd p .on {color:#333;font-weight:bold;font-size:.32rem;}
.TabWrap {background:#fff;border-radius:.12rem;overflow:hidden;padding:.2rem;box-sizing:border-box;}
.TabWrap .TabBody .item+.item {display:none;}
.ListSwiper {position:relative;overflow:hidden;margin-top:.2rem;}
.ListSwiper .swiper-slide {width:auto;white-space:nowrap;}
.ListSwiper .swiper-slide>a {display:inline-block;}
.ListSwiper .swiper-slide a:last-child {margin-right:0;}
.HotGameList .swiper-slide a {width:1.4rem;height:2rem;margin-right:.2rem;}
.HotGameList .swiper-slide a img {width:100%;height:1.4rem;object-fit:cover;border-radius:.2rem;}
.HotGameList .swiper-slide a p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.26rem;color:#333;height:.4rem;line-height:.4rem;margin-top:.15rem;text-align:center;}
.NewGameList .swiper-slide {margin-right:.12rem;overflow:hidden;}
.NewGameList .swiper-slide a {width:3.2rem;height:3.44rem;margin-right:.12rem;background:#fff;border-radius:.16rem;overflow:hidden;}
.NewGameList .swiper-slide a .img {width:100%;height:2.2rem;object-fit:cover;}
.NewGameList .swiper-slide a .info {margin:.18rem;overflow:hidden;}
.NewGameList .swiper-slide a .info img {width:.9rem;height:.9rem;object-fit:cover;border-radius:.16rem;margin-right:.12rem;float:left;}
.NewGameList .swiper-slide a .info p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:1.8rem;float:left;font-size:.3rem;color:#333;line-height:.35rem;}
.NewGameList .swiper-slide a .info p i {font-size:.26rem;color:#999;margin:.2rem .16rem 0 0;display:block;float:left;}
.NewGameList .swiper-slide a .info span {float:left;display:block;float:left;padding:0 .12rem;max-width:.9rem;height:.34rem;line-height:.34rem;text-align:center;font-size:.18rem;color:#fff;background:#2577e3;margin:.18rem .12rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.NewGameList .swiper-slide a .info .tag1 {color:#d9001b;background:#facd91;}
.NewGameList .swiper-slide a .info .tag2 {color:#128d18;background:#a3c768;}
div.SoftAppList .swiper-slide {width:5rem;margin-right:.2rem;}
div.SoftAppList .swiper-slide a:last-child {margin-bottom:0;}
div.SoftAppList .swiper-slide a {display:flex;}
div.SoftAppList a {width:100%;display:flex;margin-bottom:.2rem;}
div.SoftAppList a .img {width:1.2rem;height:1.2rem;border-radius:.2rem;object-fit:cover;margin-right:.2rem;}
div.SoftAppList a .info {flex:1;min-width:0;margin-right:.2rem;}
div.SoftAppList a .info p {font-size:.3rem;color:#333;height:.4rem;line-height:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div.SoftAppList a .info .desc {width:100%;font-size:.2rem;color:#999;height:.26rem;line-height:.26rem;margin:.08rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div.SoftAppList a .info span {float:left;display:block;float:left;padding:0 .12rem;max-width:1.2rem;height:.34rem;line-height:.34rem;text-align:center;font-size:.18rem;color:#fff;background:#2577e3;margin:0 .12rem 0 0;}
div.SoftAppList a .info .tag1 {color:#d9001b;background:#facd91;}
div.SoftAppList a .info .tag2 {color:#128d18;background:#a3c768;}
div.SoftAppList a:not(:has(span)) .info p {margin-top:.1rem;}
div.SoftAppList a:not(:has(span)) .info .desc {margin:.3rem 0 0;}
div.SoftAppList a .btn {width:1.3rem;height:.56rem;line-height:.56rem;margin-top:.32rem;text-align:center;font-size:.28rem;border:1px solid #2577e3;border-radius:.3rem;color:#2577e3;}
ul.SoftAppList li {width:100%;display:flex;margin-bottom:.2rem;}
ul.SoftAppList li .img {width:1.2rem;height:1.2rem;border-radius:.2rem;object-fit:cover;margin-right:.2rem;}
ul.SoftAppList li .info {flex:1;min-width:0;margin-right:.2rem;height:1.2rem;overflow:hidden;}
ul.SoftAppList li .info .bt {display:block;font-size:.3rem;color:#333;height:.4rem;line-height:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.SoftAppList li .info .desc {width:100%;font-size:.2rem;color:#999;height:.26rem;line-height:.26rem;margin:.1rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.SoftAppList li .info .tag1,ul.SoftAppList li .info .tag2 {float:left;display:block;padding:0 .12rem;max-width:1.2rem;height:.34rem;line-height:.34rem;text-align:center;font-size:.18rem;color:#fff;background:#2577e3;margin:0 .12rem 0 0;}
ul.SoftAppList li .info .tag1 {color:#d9001b;background:#facd91;}
ul.SoftAppList li .info .tag2 {color:#128d18;background:#a3c768;}
ul.SoftAppList li .info:not(:has(.tag1,.tag2)) .bt {margin-top:.1rem;}
ul.SoftAppList li .info:not(:has(.tag1,.tag2)) .desc {margin:.3rem 0 0;}
ul.SoftAppList li .btn {width:1.3rem;height:.56rem;line-height:.56rem;margin-top:.32rem;text-align:center;font-size:.28rem;border:1px solid #2577e3;border-radius:.3rem;color:#2577e3;}
.GameClassList .swiper-slide a {font-size:.28rem;color:#333;line-height:.54rem;height:.56rem;display:inline-block;margin:0 .16rem .14rem 0;border:.01rem solid #2577e3;color:#333;padding:0 .28rem;border-radius:.3rem;}
.CollectionBox .swiper-slide:last-child {margin-right:0;}
.CollectionBox .swiper-slide {width:6rem;height:3.7rem;border-radius:.2rem;padding:.4rem;box-sizing:border-box;overflow:hidden;margin-right:.2rem;}
.CollectionBox .swiper-slide::before {content:"";position:absolute;z-index:-3;top:0;left:0;width:100%;height:100%;background:#f7f7f7;}
.CollectionBox .swiper-slide::after {display:block;content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background-size:100% 100%;border-radius:.2rem;background:linear-gradient(90deg,rgba(247,247,247,0),rgb(247,247,247) 36%,rgba(247,247,247,0.5) 60%,rgba(247,247,247,0));}
.CollectionBox .swiper-slide .bg {left:2.4rem;top:-0.9rem;width:6rem;height:6rem;border-radius:.2rem;position:absolute;z-index:-2;-webkit-filter:opacity(0.1);filter:opacity(0.1);background-size:auto 100%;background-position:right;display:inline-block;}
.CollectionBox .swiper-slide .title {display:block;text-align:left;color:rgba(0,0,0,.9);font-size:.4rem;line-height:.6rem;height:1.1rem;max-width:5rem;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;margin-bottom:.7rem;}
.CollectionBox .swiper-slide .list {display:flex;flex-wrap:wrap;gap:.2rem;}
.CollectionBox .swiper-slide .list a {flex:1;max-width:1.15rem;height:1.15rem;}
.CollectionBox .swiper-slide .list a img {width:100%;height:100%;object-fit:cover;border-radius:.1rem;}
.ArticleList {overflow:hidden;width:100%;}
.ArticleList li:first-child {margin-top:.16rem;}
.ArticleList li {margin-top:.2rem;}
.ArticleList li a {display:flex;}
.ArticleList li a img {display:block;width:1.8rem;height:1.1rem;border-radius:.16rem;object-fit:cover;margin-right:.18rem;}
.ArticleList li a p {flex:1;min-width:0;font-size:.26rem;color:#333;line-height:.5rem;height:1rem;margin-top:.05rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.drawer-overlay {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;}
.drawer-overlay.show {opacity:1;visibility:visible;}
.drawer-menu {position:fixed;top:0;right:0;bottom:0;width:5rem;background:#fff;z-index:999;transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;}
.drawer-menu.show {transform:translateX(0);}
.drawer-menu .drawer-header {padding:.3rem;display:flex;justify-content:flex-start;border-bottom:.01rem solid #f0f0f0;}
.drawer-menu .drawer-header .drawer-close {width:.4rem;height:.4rem;display:flex;align-items:center;justify-content:center;font-size:.5rem;color:#2577e3;cursor:pointer;line-height:1;}
.drawer-menu .drawer-list {flex:1;overflow-y:auto;}
.drawer-menu .drawer-list .drawer-item {display:flex;align-items:center;padding:.3rem;border-bottom:.01rem solid #f0f0f0;cursor:pointer;transition:background .2s ease;}
.drawer-menu .drawer-list .drawer-item:active {background:#f5f5f5;}
.drawer-menu .drawer-list .drawer-item .drawer-icon {width:.4rem;height:.4rem;margin-right:.24rem;background:url(../images/nav_sprites.png) no-repeat;background-size:2.4rem auto;}
.drawer-menu .drawer-list .drawer-item .ic_nv1 {background-position:-0.1rem -1.3rem;}
.drawer-menu .drawer-list .drawer-item .ic_nv2 {background-position:-0.68rem -1.3rem;}
.drawer-menu .drawer-list .drawer-item .ic_nv3 {background-position:-0.1rem -0.1rem;}
.drawer-menu .drawer-list .drawer-item .ic_nv4 {background-position:-0.68rem -1.3rem;}
.drawer-menu .drawer-list .drawer-item .ic_nv5 {background-position:-0.68rem -1.73rem;}
.drawer-menu .drawer-list .drawer-item .ic_nv6 {background-position:-0.68rem -0.07rem;}
.drawer-menu .drawer-list .drawer-item .ic_nv7 {background-position:-1.28rem -0.07rem;}
.drawer-menu .drawer-list .drawer-item .ic_nv8 {background-position:-1.91rem -0.07rem;}
.drawer-menu .drawer-list .drawer-item .drawer-text {font-size:.28rem;color:#333;}
.BackTop {position:fixed;right:.28rem;bottom:1.1rem;width:.69rem;height:.69rem;background:#fff url(../images/backtop.png) no-repeat center;background-size:.26rem .3rem;box-shadow:0rem .04rem .13rem 0rem rgba(31,32,34,.2);border-radius:.4rem;transition:all .3s;z-index:2;display:none;}
.pagination {display:flex;justify-content:center;margin:.2rem 0;}
.pagination .home {width:.9rem;}
.pagination a {width:.54rem;height:.54rem;font-size:.24rem;color:#555;line-height:.54rem;margin-right:.2rem;border-radius:.08rem;display:flex;align-items:center;justify-content:center;background-color:#f8f8f8;}
.pagination a i {width:.08rem;height:.08rem;border-left:.02rem solid #444;border-bottom:.02rem solid #444;transform:rotate(45deg);margin-left:.02rem;}
.pagination .pageR i {transform:rotate(-135deg);}
.pagination .active {background:#2577e3;color:#fff;}
.footer {width:7.5rem;margin:0 auto;background:#2577e3;border-top:.01rem solid #f0f0f0;box-sizing:border-box;padding:.2rem 0;}
.footer .links {overflow:hidden;margin:0 .2rem .1rem;line-height:.4rem;}
.footer .links a {font-size:.24rem;color:#fff;margin-right:.2rem;display:block;float:left;}
.footer .footer-text {font-size:.22rem;margin:0 .2rem;line-height:.4rem;}
.footer .footer-text,.footer .footer-text a {color:hsla(0,0%,100%,.6);}
.RankWrap {background:#fff;border-radius:.16rem;overflow:hidden;margin:.2rem;padding:.1rem;box-sizing:border-box;}
.Rankhead {display:grid;align-items:center;grid-template-columns:repeat(3,1fr);gap:.25rem;overflow:hidden;padding-bottom:.9rem;}
.Rankhead a {width:1.85rem;position:relative;text-align:center;margin:1rem auto 0;}
.Rankhead a::after {display:block;width:1.85rem;height:2.2rem;content:"";position:absolute;z-index:1;left:50%;top:.4rem;transform:translateX(-50%);border-radius:.18rem;background:linear-gradient(to bottom,#d96eed,#8c5cf9);}
.Rankhead a img {position:relative;width:1.3rem;height:1.3rem;border-radius:.16rem;z-index:2;}
.Rankhead a i {width:.48rem;height:.4rem;display:block;position:absolute;z-index:2;left:50%;top:-0.4rem;transform:translateX(-50%);}
.Rankhead a .ic_top1 {background:url(../images/ic_top1.png) no-repeat center center;background-size:100% auto;}
.Rankhead a .ic_top2 {background:url(../images/ic_top2.png) no-repeat center center;background-size:100% auto;}
.Rankhead a .ic_top3 {background:url(../images/ic_top3.png) no-repeat center center;background-size:100% auto;}
.Rankhead a p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.3rem;color:#fff;line-height:.34rem;height:.34rem;margin-top:.15rem;text-align:center;position:relative;z-index:2;}
.Rankhead a .btn {width:1.3rem;height:.5rem;text-align:center;line-height:.5rem;background-color:hsla(0,0%,100%,.6);border-radius:.28rem;font-size:.26rem;color:#fff;position:absolute;z-index:2;left:50%;transform:translateX(-50%);bottom:-0.68rem;}
.Rankhead a:nth-child(2) {width:2.25rem;margin-top:.36rem;}
.Rankhead a:nth-child(2)::after {width:2.2rem;height:2.6rem;background:linear-gradient(to bottom,#fb7b6d,#f94973);}
.Rankhead a:nth-child(2) img {width:1.5rem;height:1.5rem;}
.Rankhead a:nth-child(2) .btn {bottom:-0.88rem;}
.Rankhead a:nth-child(3)::after {top:.72rem;height:1.85rem;background:linear-gradient(to bottom,#49a4fe,#0e7bf4);}
.RankList {overflow:hidden;width:100%;margin-bottom:.12rem;}
.RankList li {overflow:hidden;height:1.2rem;margin-top:.2rem;width:100%;}
.RankList li a {display:flex;}
.RankList li a img {width:1.2rem;height:1.2rem;border-radius:.22rem;margin:0 .2rem;object-fit:cover;}
.RankList li a i {color:#7f7f7f;font-size:.3rem;font-weight:bold;line-height:1.2rem;margin:0 .1rem;}
.RankList li a .info {flex:1;min-width:0;margin-right:.2rem;}
.RankList li a .info p {font-size:.3rem;color:#333;height:.4rem;line-height:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.RankList li a .info .desc {width:100%;font-size:.2rem;color:#999;height:.26rem;line-height:.26rem;margin:.08rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.RankList li a .info span {float:left;display:block;float:left;padding:0 .12rem;max-width:.9rem;height:.34rem;line-height:.34rem;text-align:center;font-size:.18rem;color:#fff;background:#2577e3;margin:0 .12rem 0 0;}
.RankList li a .info .tag1 {color:#d9001b;background:#facd91;}
.RankList li a .info .tag2 {color:#128d18;background:#a3c768;}
.RankList li a .btn {width:1.3rem;height:.56rem;line-height:.56rem;margin-top:.32rem;text-align:center;font-size:.28rem;border:1px solid #2577e3;border-radius:.3rem;color:#2577e3;}
.FriendLink {width:100%;overflow:hidden;margin:.12rem auto;}
.FriendLink li {float:left;margin:0 .12rem .1rem 0;color:#7f7f7f;font-size:.24rem;line-height:.4rem;}
.Breadcrumb {overflow:hidden;width:100%;padding:0 .2rem;box-sizing:border-box;}
.Breadcrumb a {line-height:.66rem;font-size:.26rem;color:#7f7f7f;}
.Breadcrumb a+a::before {content:">";margin:0 .12rem;font-family:monospace;}
.ListPageWrap {display:flex;align-items:flex-start;min-height:5rem;margin-bottom:.2rem;}
.ListPageWrap .ListPageL {width:1.5rem;overflow:hidden;}
.ListPageWrap .ListPageL a {display:block;height:1.1rem;line-height:1.1rem;font-size:.26rem;color:#aaa;position:relative;text-align:center;}
.ListPageWrap .ListPageL .on {background:#fff;color:#2577e3;font-size:.28rem;}
.ListPageWrap .ListPageL .on::before {content:"";width:.05rem;height:.3rem;background:#2577e3;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.ListPageWrap .ListPageR {flex:1;min-height:10rem;overflow:hidden;background:#fff;}
.ListPageWrap .ListPageR .ListType {overflow:hidden;width:100%;}
.ListPageWrap .ListPageR .ListType a {display:block;float:left;padding:0 .4rem;height:.5rem;font-size:.26rem;color:#555;border:1px solid rgba(0,0,0,0);text-align:center;line-height:.5rem;border-radius:.28rem;margin:.3rem 0 0 .2rem;}
.ListPageWrap .ListPageR .ListType a.on {border:1px solid #2577e3;color:#2577e3;}
.ListPageWrap .ListPageR .SoftAppList {margin:.2rem;}
.ListPageWrap .ListPageR .CollectList {overflow:hidden;margin:.2rem;}
.ListPageWrap .ListPageR .CollectList li {width:100%;border-bottom:1px solid #dcdcdc;padding-bottom:.2rem;margin-bottom:.2rem;}
.ListPageWrap .ListPageR .CollectList li img {width:100%;height:2.6rem;border-radius:.2rem;object-fit:cover;}
.ListPageWrap .ListPageR .CollectList li p {text-align:center;line-height:.6rem;height:.6rem;font-size:.3rem;color:#333;margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ListPageWrap .ListPageR .CollectList li:last-child {border-bottom:none;padding-bottom:0;margin-bottom:0;}
.ListPageWrap .ListPageR .ArticleList {margin:.1rem .2rem .2rem;width:auto;}
.RankTitle {text-align:center;background:#fff;border-radius:.16rem;overflow:hidden;margin:0 .2rem;}
.RankTitle i {display:inline-block;width:.7rem;height:.5rem;background:url(../images/ic_rank.png) no-repeat center center;background-size:100% auto;vertical-align:middle;margin:0 .6rem .2rem 0;}
.RankTitle strong {font-size:.36rem;color:#333;line-height:.9rem;}
.CollectTitle {text-align:left;border-radius:.16rem;overflow:hidden;padding:.28rem 0;margin:0 .2rem;line-height:.45rem;font-weight:bold;}
.CollectTitle span {font-size:.32rem;color:#555;}
.CollectTitle2 {height:.66rem;line-height:.66rem;position:relative;text-align:center;margin:.2rem;}
.CollectTitle2::after,.CollectTitle2::before {display:block;content:"";position:absolute;top:50%;transform:translateY(-50%);z-index:0;}
.CollectTitle2::before {width:100%;height:.01rem;background:#aaa;content:"";display:block;left:0;}
.CollectTitle2::after {display:block;width:50%;height:.04rem;background:#2577e3;left:50%;margin-top:-0.015rem;transform:translateX(-50%);}
.CollectTitle2 span {display:inline-block;width:1.8rem;color:#2577e3;font-size:.28rem;background:#f2f6f7;position:relative;z-index:2;}
.CollecItems {margin:0 .2rem;}
.CollecItems li {background:#fff;border-radius:.16rem;margin-bottom:.2rem;padding:.2rem;}
.CollecItems li a {width:100%;display:flex;position:relative;}
.CollecItems li a em {display:block;position:absolute;right:-0.15rem;top:-0.14rem;width:1rem;height:1rem;background-size:100% auto !important;}
.CollecItems li a .tag_tj {background:url(../images/tag_tj.png) no-repeat center;background-size:100% auto;}
.CollecItems li a .tag_hot {background:url(../images/tag_hot.png) no-repeat center;background-size:100% auto;}
.CollecItems li a .tag_like {background:url(../images/tag_like.png) no-repeat center;background-size:100% auto;}
.CollecItems li a .tag_more {background:url(../images/tag_more.png) no-repeat center;background-size:100% auto;}
.CollecItems li a .tag_soft {background:url(../images/tag_soft.png) no-repeat center;background-size:100% auto;}
.CollecItems li a .img {width:1.2rem;height:1.2rem;border-radius:.2rem;object-fit:cover;margin-right:.2rem;}
.CollecItems li a .info {flex:1;min-width:0;margin-right:.2rem;}
.CollecItems li a .info p {font-size:.3rem;color:#333;height:.4rem;line-height:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.CollecItems li a .info .desc {width:100%;font-size:.2rem;color:#999;height:.26rem;line-height:.26rem;margin:.08rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.CollecItems li a .info span {float:left;display:block;float:left;padding:0 .12rem;max-width:.9rem;height:.34rem;line-height:.34rem;text-align:center;font-size:.18rem;color:#fff;background:#2577e3;margin:0 .12rem 0 0;}
.CollecItems li a .info .tag1 {color:#d9001b;background:#facd91;}
.CollecItems li a .info .tag2 {color:#128d18;background:#a3c768;}
.CollecItems li a .btn {width:1.3rem;height:.56rem;line-height:.56rem;margin-top:.32rem;text-align:center;font-size:.28rem;border:1px solid #2577e3;border-radius:.3rem;color:#2577e3;margin-right:.5rem;}
.CollectIntro {overflow:hidden;margin:0 .2rem;}
.CollectIntro img {width:100%;height:3.56rem;border-radius:.18rem;object-fit:cover;}
.CollectIntro .desc {color:#7f7f7f;font-size:.3rem;line-height:.7rem;background:#fff;border-radius:.18rem;padding:.2rem;margin-top:.2rem;box-sizing:border-box;}
.CollectRecommend {position:relative;background:#fff;border-radius:.18rem;overflow:hidden;padding:.2rem;margin:0 .2rem .2rem;}
.CollectRecommend .CollectionBox {margin-top:0;}
.RankInfo {line-height:.46rem;font-size:.26rem;color:#aaa;text-align:center;overflow:hidden;margin:.2rem 0 0;}
.RankInfo u {font-size:.22rem;margin:0 .05rem;}
.RankInfo span {color:#2577e3;font-size:.24rem;}
.MoreRankList {overflow:hidden;width:100%;background:#fff;border-radius:.16rem;padding:.08rem .2rem .16rem;box-sizing:border-box;}
.MoreRankList li {margin-top:.24rem;}
.MoreRankList li:first-child {margin-top:.16rem;}
.MoreRankList li a {display:flex;align-items:center;overflow:hidden;}
.MoreRankList li a img {width:.7rem;height:.7rem;border-radius:.16rem;object-fit:cover;flex-shrink:0;margin-right:.2rem;}
.MoreRankList li a p {flex:1;min-width:0;font-size:.3rem;color:#333;line-height:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.MoreRankList li a .btn {flex-shrink:0;margin-left:auto;width:1.3rem;height:.56rem;line-height:.56rem;text-align:center;font-size:.28rem;border:1px solid #2577e3;border-radius:.3rem;color:#2577e3;background:#fff;box-sizing:border-box;}
.ArticleContent {margin:.2rem;border-top:1px solid #dcdcdc;padding:.1rem 0;color:#7f7f7f;line-height:.55rem;}
.ArticleContent p {font-size:.3rem;color:#333;line-height:.4rem;}
.ArticleContent h3 {overflow:hidden;font-size:.3rem;color:#2577e3;position:relative;margin:.1rem 0;text-indent:1em;}
.ArticleContent h3::before {content:"";display:block;width:.08rem;height:.4rem;background:#2577e3;position:absolute;left:0;top:.08rem;}
.ArticleContent p,.ArticleContent span,.ArticleContent td {word-break:break-all;line-height:.6rem;font-size:.3rem !important;margin:.2rem auto;}
.ArticleContent p a,.ArticleContent span a,.ArticleContent td a {color:#0a0a0a;}
.ArticleContent img {display:block;margin:.1rem auto;max-width:100% !important;border-radius:.12rem;}
.ArticleContent strong {font-weight:bold;}
.ArticleContent table {max-width:100%;margin:0;table-layout:initial !important;}
.ArticleContent table,.ArticleContent tr,.ArticleContent td,.ArticleContent th,.ArticleContent tbody {border:1px solid #ccc;}
.ArtTitle {text-align:center;font-size:.28rem;color:#f59a23;margin:.2rem 0;}
.ArtTitle i {display:inline-block;vertical-align:middle;width:.28rem;height:.36rem;background:url(../images/ic_art.png) no-repeat center center;background-size:100% auto;margin:0 .04rem .04rem 0;}
.PageNav {margin:.2rem;background:#fff;padding:.2rem;border-radius:.16rem;}
.PageNav a+a {border-top:1px solid #d5d5d5;}
.PageNav a {display:block;width:100%;padding:.2rem 0;}
.PageNav strong {font-size:.28rem;color:#333;line-height:.5rem;display:inline-block;border-bottom:1px solid #d5d5d5;}
.PageNav p {font-size:.26rem;width:100%;margin-top:.12rem;line-height:.5rem;color:#2577e3;}
.PageNav span {font-size:.24rem;color:#999;line-height:.3rem;}
.Maintitle {margin-bottom:.05rem;overflow:hidden;}
.Maintitle span {font-size:.28rem;color:#2577e3;position:relative;margin:.1rem 0;font-weight:bold;padding-left:.2rem;line-height:.45rem;}
.Maintitle span::before {content:"";display:block;width:.08rem;height:.3rem;background:#2577e3;position:absolute;left:0;top:.06rem;}
.BaseBox .CollecItems {margin:0;margin-top:.12rem;}
.BaseBox .CollecItems li {margin-bottom:0;}
.BaseBox .CollecItems li a .btn {margin:.32rem .12rem 0 0;}
.BaseBox .ArticleList {margin-bottom:.06rem;}
.BaseBox .CollectRecommend {margin:.2rem 0 0;}
.versionList li {margin-top:.12rem;}
.versionList li a {display:flex;align-items:center;font-size:.3rem;line-height:.6rem;overflow:hidden;}
.versionList li a span {color:#333;max-width:3.6rem;display:block;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.versionList li a p {color:#aaa;margin:0 .08rem;flex:1;overflow:hidden;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.versionList li a .btn {width:.9rem;height:.5rem;line-height:.5rem;text-align:center;font-size:.26rem;border-radius:.3rem;background:#2577e3;color:#fff;margin-top:.02rem;flex-shrink:0;margin-left:auto;}
.DetaileWrap {overflow:hidden;width:100%;}
.DetaileWrap .btns {overflow:hidden;margin:.2rem;}
.DetaileWrap .btns .btn {height:.9rem;line-height:.9rem;text-align:center;font-size:.36rem;border-radius:.6rem;background:#2577e3;color:#fff;display:block;}
.DetaileWrap .DonwlTips {margin:.3rem .2rem;}
.DetaileWrap .DonwlTips p {width:100%;text-align:center;font-size:.28rem;color:#7f7f7f;line-height:.4rem;}
.DetaileWrap .GameInfo {height:1.9rem;float:left;background:#fff;border-radius:.2rem;padding:.1rem;box-sizing:border-box;margin:0 .2rem .3rem;display:flex;width:calc(100% - .4rem);}
.DetaileWrap .GameInfo .list {flex:1;text-align:center;}
.DetaileWrap .GameInfo .list span {display:block;font-size:.26rem;color:#aaa;line-height:.58rem;}
.DetaileWrap .GameInfo .list strong {display:block;font-size:.26rem;color:#999;line-height:.58rem;}
.DetaileWrap .GameInfo .list .view {color:#2577e3;font-size:.26rem;line-height:.58rem;display:block;}
.DetaileWrap .GameInfo .list+.list {border-left:.01rem solid #f1f1f1;}
.DetaileWrap .GamePremiss {margin:.2rem;width:calc(100% - .4rem);overflow:hidden;}
.DetaileWrap .GamePremiss p {float:left;margin-right:.2rem;}
.DetaileWrap .GamePremiss p span {color:#aaa;font-size:.26rem;}
.DetaileWrap .GamePremiss p a {color:#2577e3;font-size:.26rem;margin-left:.08rem;}
.DetaileWrap .GamePremiss em {float:right;color:#f59a23;font-size:.26rem;}
.DetaileWrap .GameName {display:flex;margin:.15rem .2rem .1rem;gap:.15rem;}
.DetaileWrap .GameName p {color:#999;font-size:.22rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.DetaileWrap .GameName p:nth-child(2) {margin-left:.1rem;flex:0 0 52%;}
.GamePicBox {margin:.2rem !important;}
.GamePicBox .swiper-slide {width:auto;margin-right:.15rem;max-width:6.4rem;}
.GamePicBox .swiper-slide img {height:4rem;max-width:6.4rem;width:auto;border-radius:.16rem;object-fit:cover;display:block;}
.SoftIntro {max-height:8rem;overflow:hidden;color:#7f7f7f;line-height:.55rem;border-bottom:1px solid #eee;padding-bottom:.2rem;margin-bottom:.3rem;}
.SoftIntro p {font-size:.3rem;color:#333;line-height:.4rem;}
.SoftIntro p.title {font-size:.34rem !important;color:red;font-weight:bold;}
.SoftIntro h3 {overflow:hidden;font-size:.3rem;color:#2577e3;position:relative;margin:.1rem 0;text-indent:1em;}
.SoftIntro h3::before {content:"";display:block;width:.08rem;height:.4rem;background:#2577e3;position:absolute;left:0;top:.08rem;}
.SoftIntro p,.SoftIntro span,.SoftIntro td {word-break:break-all;line-height:.6rem;font-size:.3rem !important;margin:.2rem auto;}
.SoftIntro p a,.SoftIntro span a,.SoftIntro td a {color:#0a0a0a;}
.SoftIntro img {display:block;margin:.1rem auto;width:auto;height:auto;max-height:6rem;max-width:100% !important;border-radius:.12rem;}
.SoftIntro strong {font-weight:bold;}
.SoftIntro table {width:100%;table-layout:initial !important;}
.SoftIntro table,.SoftIntro tr,.SoftIntro td,.SoftIntro th,.SoftIntro tbody {border:1px solid #ccc;}
.SoftIntro>a {color:#f28b34;font-size:.28rem;display:block;width:100%;text-align:right;font-weight:bold;}
.SoftIntro.noMore {max-height:none;margin-bottom:0;padding-bottom:0;border-bottom:none;}
.MoreIntroBtn {width:2.8rem;height:.7rem;line-height:.7rem;text-align:center;font-size:.28rem;color:#2577e3;border-radius:.35rem;background:#2577e3;color:#fff;margin:.2rem auto;}
.FixedGameNav {width:100%;background:#fff;border-radius:.1rem;padding:.15rem 0;box-sizing:border-box;position:fixed;top:0;left:0;z-index:9;overflow:hidden;border-bottom:1px solid #f1f1f1;display:none;}
.FixedGameNav .wrap {width:7.5rem;margin:0 auto;display:flex;}
.FixedGameNav .wrap img {width:.8rem;height:.8rem;margin-left:.15rem;border-radius:.16rem;}
.FixedGameNav .wrap .info {flex:1;margin:0 .15rem;min-width:0;}
.FixedGameNav .wrap .info p {width:100%;height:.4rem;line-height:.4rem;font-size:.26rem;color:#333;overflow:hidden;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.FixedGameNav .wrap .info span {display:block;width:100%;height:.4rem;line-height:.4rem;font-size:.22rem;color:#aaa;overflow:hidden;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.FixedGameNav .wrap .btn {width:1.2rem;height:.5rem;line-height:.5rem;text-align:center;font-size:.24rem;border-radius:.3rem;border:1px solid #2577e3;color:#2577e3;margin:.15rem;}
.DetaileHead {overflow:hidden;display:flex;align-items:center;margin:.2rem;}
.DetaileHead img {width:1.5rem;height:1.5rem;border-radius:.2rem;object-fit:cover;margin-right:.2rem;}
.DetaileHead .SoftIcon {width:1.2rem;max-height:1.8rem;height:auto;}
.DetaileHead .GameBase {flex:1;min-width:0;height:1.5rem;}
.DetaileHead .GameBase .GmTitle {width:100%;overflow:hidden;display:flex;align-items:center;}
.DetaileHead .GameBase .GmTitle .title {font-size:.3rem;color:#333;line-height:.4rem;max-width:3.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.DetaileHead .GameBase .GmTitle span {font-size:.3rem;color:#aaa;line-height:.3rem;margin-left:.08rem;flex:1;overflow:hidden;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.DetaileHead .GameBase .GmTitle+.GameTag {margin-top:.64rem;}
.DetaileHead .GameBase p {font-size:.26rem;color:#aaa;line-height:.4rem;margin:.15rem 0;overflow:hidden;}
.DetaileHead .GameBase .GameTag {font-size:.27rem;color:#03bf16;line-height:.4rem;margin:.1rem 0;}
.DetaileHead .GameBase .GameTag i {display:inline-block;vertical-align:middle;width:.35rem;height:.35rem;background:url(../images/ic_saf.png) no-repeat center center;background-size:100% auto;margin:0 .08rem .04rem 0;}
.FeedbackWrap {text-align:center;width:100%;margin-bottom:.2rem;}
.FeedbackWrap ul {display:flex;justify-content:center;width:100%;}
.FeedbackWrap ul li {margin:0 .5rem;}
.FeedbackWrap ul li .support,.FeedbackWrap ul li .oppose {display:block;margin:.2rem auto;width:.55rem;height:.56rem;background:url(../images/ic_zan.png) no-repeat center center;background-size:100% auto;}
.FeedbackWrap ul li .oppose {transform:scaleY(-1);}
.FeedbackWrap ul li p {font-size:.26rem;color:#333;line-height:.3rem;}
.FeedbackWrap ul li p span {font-weight:bold;color:#2577e3;}
.ScoreBox {margin:.1rem 0 .3rem;text-align:center;width:100%;}
.ScoreBox p {display:grid;grid-template-columns:repeat(5,1fr);justify-content:center;align-items:center;gap:.3rem;width:3.5rem;margin:.6rem auto 0;}
.ScoreBox p a {display:inline-block;text-align:center;vertical-align:middle;opacity:1;cursor:pointer;width:.6rem;height:.6rem;background:url(../images/star.png) no-repeat center center;background-size:100% auto;}
.ScoreBox p .on {background:url(../images/star_on.png) no-repeat center center;background-size:100% auto;}
.ScoreBox .ScoreInfo {color:#666;font-size:.3rem;padding-top:.3rem;}
.ScoreBox .ScoreInfo span {margin:0 .1rem;}
.ScoreBox .ScoreInfo .red {color:#f23535;}
.PageTips {text-align:center;margin-bottom:.2rem;font-size:.3rem;color:#aaa;line-height:.45rem;overflow:hidden;}
.PageBlacks {background:rgba(0,0,0,.7);position:fixed;top:0;left:0;width:100%;height:100%;top:0;left:0;z-index:20;display:none;}
.FeedbackBox {position:fixed;left:0;right:0;bottom:0;top:0;margin:auto;z-index:102;width:6.8rem;height:7.4rem;background-color:#fff;border-radius:.06rem;border:solid .01rem #f0f0f0;display:none;}
.FeedbackBox .FbTitle {width:100%;height:.68rem;line-height:.68rem;text-align:left;text-indent:.2rem;font-size:.3rem;background:#eee;}
.FeedbackBox .FbTitle em {float:right;margin-right:.2rem;margin-top:.2rem;height:.3rem;width:.3rem;cursor:pointer;background:url(../images/ic_close.png) no-repeat;background-size:100% auto;}
.FeedbackBox .FbContent {width:100%;overflow:hidden;}
.FeedbackBox .FbContent .item {margin:.44rem .2rem;overflow:hidden;display:flex;}
.FeedbackBox .FbContent .item span {display:block;width:1rem;line-height:.3rem;font-size:.26rem;letter-spacing:.01rem;}
.FeedbackBox .FbContent .item .FbRadio {width:100%;display:grid;gap:.1rem;grid-template-columns:repeat(3,1fr);font-size:.24rem;}
.FeedbackBox .FbContent .item .FbRadio label {cursor:pointer;line-height:.25rem;}
.FeedbackBox .FbContent .item .FbRadio input {width:.24rem;height:.24rem;opacity:0;position:absolute;z-index:-1;}
.FeedbackBox .FbContent .item .FbRadio input[type=radio]:checked+span em {background-color:#306aff;}
.FeedbackBox .FbContent .item .FbRadio span {vertical-align:middle;display:inline-block;height:.24rem;width:.24rem;border-radius:.24rem;border:#aaa .01rem solid;background-color:rgba(0,0,0,0);cursor:pointer;margin-right:.08rem;margin-bottom:.04rem;font-size:.22rem;}
.FeedbackBox .FbContent .item .FbRadio span em {width:.18rem;height:.18rem;margin-left:.03rem;border-radius:.2rem;margin-top:.03rem;display:block;}
.FeedbackBox .FbContent .item textarea {flex:1;padding:.16rem;border:.01rem solid #eee;border-radius:.12rem;display:block;box-sizing:border-box;height:1rem;resize:none;font-size:.24rem;}
.FeedbackBox .FbContent .item textarea:focus {border-color:#306aff;outline:none;}
.FeedbackBox .FbContent .item .email {width:3.6rem;border:.01rem solid #eee;border-radius:.06rem;padding:.2rem;box-sizing:border-box;height:.4rem;line-height:.4rem;font-size:.24rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.FeedbackBox .FbContent .item .email:focus {border-color:#306aff;outline:none;}
.FeedbackBox .FbContent .tips {margin-left:1.18rem;margin-top:-0.05rem;line-height:.35rem;font-size:.24rem;color:#333;}
.FeedbackBox .FbContent .link {flex:1;font-size:.18rem;line-height:.3rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.FeedbackBox .FbFoot {margin-left:1.18rem;width:1.8rem;height:.54rem;line-height:.54rem;border-radius:.04rem;text-align:center;background:#2577e3;color:#fff;cursor:pointer;font-size:.26rem;}
.Dwonlysxy {position:fixed;left:0;right:0;bottom:0;top:0;margin:auto;z-index:102;width:6.8rem;height:6rem;background-color:#fff;border-radius:.06rem;padding:.1rem .1rem .35rem;border:solid 1px #f0f0f0;display:none;}
.Dwonlysxy em {position:absolute;top:.1rem;right:.11rem;display:inline-block;height:.3rem;width:.3rem;cursor:pointer;background:url(../images/ic_close.png) no-repeat;background-size:100%;display:block;}
.Dwonlysxy .Dwonlysxy-body {width:100%;height:98%;margin:.05rem 9;overflow-y:auto;}
.Dwonlysxy span {line-height:.45rem;font-size:.26rem;font-weight:bold;text-align:center;display:block;}
.Dwonlysxy p {line-height:.45rem;font-size:.24rem;text-align:left;margin:.1rem 0;}
.BigImgBox {position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,.9);}
.BigImgBox .BigImgSwiper {width:100%;height:100%;}
.BigImgBox .BigImgSwiper img {width:auto;height:auto;max-height:100%;min-width:initial;max-width:96%;margin:0 2%;}
.BigImgBox .swiper-pagination {left:.2rem;top:.2rem;color:#fff;width:auto;font-size:.2rem;opacity:.75;height:.3rem;}
.BigImgBox .close_btn {position:absolute;right:.1rem;top:.1rem;color:#fff;width:.44rem;height:.44rem;background:url(../images/ic_close.png) 0 0 no-repeat;background-size:3rem auto;background-position:0 -0.52rem;}
.Page404 {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 3.2rem);padding:.8rem .2rem 1rem;text-align:center;background:#f7f8fa;box-sizing:border-box;}
.Page404 .code {font-size:1rem;font-weight:bold;color:#2577e3;line-height:1;margin-bottom:.24rem;}
.Page404 .desc {font-size:.32rem;color:#333;margin-bottom:.48rem;}
.Page404 .tips-card {width:100%;box-sizing:border-box;text-align:left;background:#fff;border-radius:.08rem;box-shadow:0 .04rem .12rem rgba(0,0,0,.05);padding:.28rem .4rem;margin-bottom:.48rem;}
.Page404 .tips-card .tips-title {font-size:.3rem;color:#333;font-weight:bold;margin-bottom:.16rem;}
.Page404 .tips-card ul {margin:0;padding:0;list-style:none;}
.Page404 .tips-card ul li {font-size:.26rem;color:#666;line-height:.48rem;}
.Page404 .tips-card .jbbtn {color:#2577e3;cursor:pointer;text-decoration:none;}
.Page404 .back-home {display:block;width:2rem;height:.56rem;line-height:.56rem;background:#2577e3;color:#fff;font-size:.28rem;border-radius:.08rem;flex-shrink:0;}