html,body{height:100%}body{background:#f6f6f6;font-size:.28rem}.btn-enter{color:#fff;background-color:#fe665d;background-image:linear-gradient(to right,#fe665d,#fc4b4b);box-shadow:0 .05rem .1rem rgba(252,75,75,.3)}.btn-enter:hover{color:#fff}.btn-enter:active{background-color:#fc4b4b}.m-isolation>*{position:relative}.m-isolation>*:not(:last-child):after{display:inline-block;margin:0 .6em;width:1px;height:.8em;background:#ccc;vertical-align:baseline;content:"";transform:skewX(-20deg);opacity:.5}.viewportTopColor .statusbar-color{background-color:#fe665d}.viewportTop .page-header{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.viewportFix .page-header{position:fixed;left:0;right:0;top:0;z-index:50}.viewportFix .page-main{padding-top:1rem}.viewportFix .page-header.ghost+.page-main{padding-top:0}.viewportFix .user-header+.page-main{padding-top:1.4rem}.viewportFix.viewportTop body{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.page{position:relative;margin:0 auto;padding-bottom:1rem;max-width:7.5rem;min-height:100%;background-color:#f6f6f6}.page-footer{position:absolute;bottom:0;left:0;right:0;padding:.3rem 0;color:#aaa;font-size:.2rem;text-align:center}.page-header{position:relative;margin-bottom:.2rem;background:#fe665d;color:#fff}.page-header .icon-back{position:absolute;width:1rem;line-height:1rem;text-align:center;font-size:.36rem;z-index:2}.page-header .tilbar{padding:.3rem;line-height:.4rem}.page-header .tilbar h1{position:relative;display:block;font-size:.36rem;text-align:center;font-weight:600;z-index:1}.page-header.ghost{background-color:transparent}.page-header.ghost .tilbar{opacity:0}.page-header.ghost .tilbar:before{position:absolute;left:0;right:0;top:0;bottom:0;background-color:#fe665d;content:''}.user-header{display:flex;flex-direction:column;justify-content:center;padding:0 .3rem;height:1.4rem;box-sizing:content-box}.user-header .ownbar{display:flex;justify-content:space-between;align-items:center}.user-header .ownbar .user{display:flex;align-items:center}.user-header .ownbar .user h3{font-size:.36rem;font-weight:bold}.user-header .ownbar .user p{font-size:.22rem;opacity:.6}.user-header .ownbar .user p i{font-size:.18rem}.user-header .ownbar .avater{margin-right:.2rem;width:1rem;height:1rem;border:.05rem solid rgba(255,255,255,.15);border-radius:5rem}.user-header .ownbar .side{display:flex}.user-header .ownbar .side span{padding:0 .15rem}.user-header .ownbar .side i{font-size:.36rem;line-height:1.1}.user-header .ownbar .side em{font-size:.22rem}.user-header .ownbar .side span.load i{display:inline-block;opacity:.8;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.owngame{margin-bottom:.2rem}.owngame .body{padding:.1rem .35rem;font-size:0;white-space:nowrap;overflow-x:auto;text-align:left}.owngame .item{display:inline-block;padding:0 .1rem;width:25%;vertical-align:top}.owngame .item img{border-radius:50rem;border:.06rem solid rgba(200,200,200,.2);box-sizing:content-box}.owngame .item-more{font-size:.24rem;color:#ccc}.owngame .item-more i{color:#ddd;font-size:1rem;line-height:1}.page-adv{position:relative;min-height:.4rem;background:#eee}.page-adv:after{position:absolute;left:0;right:0;bottom:0;height:.2rem;background:#fff;border-radius:.2rem .2rem 0 0;content:''}.m-block{margin-bottom:.2rem;padding:.15rem 0;background:#fff}.m-block:last-child{margin-bottom:0}.m-block>.title{padding:.1rem 0 .15rem;line-height:2;font-size:.28rem;text-align:center}.m-block>.caption{padding:.15rem .3rem .1rem;color:#888}.m-game-concise{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer}.m-game-concise img{display:block;margin:0 auto;width:.9rem}.m-game-concise h2{display:block;margin-top:.3em;font-size:.24rem}.m-game-concise p{font-size:.2rem;color:#999}.m-game-concise .btn{margin-top:.1rem;width:1.2rem;font-size:.24rem;line-height:2;border-radius:50rem}.m-game-explicit{position:relative;display:flex;align-items:center;margin:0 .3rem;padding:.2rem 0}.m-game-explicit:not(:last-child):after{position:absolute;left:1.55rem;right:0;bottom:0;border-bottom:1px solid #f6f6f6;content:''}.m-game-explicit .icon{width:1.3rem}.m-game-explicit .icon img{width:100%;height:100%}.m-game-explicit .info{flex:1;padding:0 .25rem;overflow:hidden}.m-game-explicit .info h2{color:#232323;line-height:1.8;font-size:.34rem}.m-game-explicit .info p{font-size:.26rem;color:#aaa}.m-game-explicit .btn{width:1.4rem;font-size:.28rem;line-height:2.2;background-color:#f0f0f0;border-radius:50rem}.m-game-explicit.focus{padding-top:4rem}.m-game-explicit.focus .zone{position:absolute;top:0;left:0;right:0;height:3.8rem;border-radius:.18rem}.m-game-explicit.focus .cover{background:no-repeat 50% 50%;background-size:cover;overflow:hidden;text-align:center}.m-game-explicit.focus .cover video{width:100%;min-height:100%;border-radius:.15rem;object-fit:cover}.m-game-explicit .screenshots{margin:0 -.05rem;height:100%}.m-game-explicit .screenshots li{float:left;width:33.3333%;height:100%;overflow:hidden;padding:0 .05rem}.m-game-explicit .screenshots span{display:block;width:100%;height:100%;background:no-repeat 50% 50%;background-size:cover;border-radius:.1rem}.m-game-tags{font-size:0}.m-game-tags>*{display:inline-block;margin:0 .1rem .08rem 0;padding:0 .4em;font-size:.2rem;border:1px solid #eee;border-radius:.05rem}.m-game-tags>*:nth-child(1){color:#ff7500;border-color:#ff7500}.m-game-tags>*:nth-child(2){color:#0092e0;border-color:#0092e0}.m-game-tags>*:nth-child(3){color:#801eaf;border-color:#801eaf}.m-game-tags>*:nth-child(4){color:#fe3300;border-color:#fe3300}.m-game-tags>*:nth-child(5){color:#00bc13;border-color:#00bc13}.m-game-tags>*:nth-child(6){color:#00b7ec;border-color:#00b7ec}.m-game-tags>*:nth-child(7){color:#801eaf;border-color:#801eaf}.m-listhor{margin-bottom:.2rem;font-size:0;text-align:center}.m-listhor .item{display:inline-block;padding:0 .1rem;width:28%}.m-listhor .item img{width:1.1rem}.btn-gohome{display:flex;flex-direction:column;justify-content:center;position:fixed;z-index:50;right:.4rem;bottom:.5rem;width:.8rem;height:.8rem;text-align:center;color:#fff;font-size:.18rem;line-height:1.2;background-color:#9a80e5;box-shadow:0 .1rem .2rem rgba(154,128,229,.3);border-radius:5rem}.btn-gohome i{font-size:.32rem}.game-bg{position:fixed;left:0;right:0;top:0;bottom:15%;margin:auto;max-width:7.5rem;background:no-repeat 50% 0;background-size:100%;z-index:1}.game-body{position:relative;z-index:2;margin:4rem auto 0;padding-bottom:1rem;max-width:7.5rem;min-height:100%;background:#f6f6f6}.game-body:before{position:absolute;left:0;right:0;top:-3rem;height:3rem;background-image:linear-gradient(to top,#f6f6f6,rgba(246,246,246,0));content:''}.game-body .page-footer{position:absolute;left:0;right:0;bottom:0}.game-header{height:3.2rem}.game-header .card{position:absolute;left:.5rem;right:.5rem;top:-1rem;overflow:hidden;padding:.35rem .4rem 1.5rem;color:#fff;background:#222636;background-image:linear-gradient(to right,#353c55,#222636);box-shadow:0 .2rem .4rem rgba(53,60,85,.5);border-radius:.2rem;box-sizing:content-box}.game-header .card .bg{position:absolute;top:50%;transform:translateY(-50%);width:100%;filter:blur(1rem);opacity:.2;z-index:1}.game-header .card .icon{position:absolute;width:1.6rem;z-index:2}.game-header .card .info{position:relative;padding-left:1.9rem;min-height:1.6rem;font-size:.24rem;line-height:1.8;z-index:2}.game-header .card .info h2{margin:.05rem 0 .15rem;font-size:.4rem;line-height:1.2}.game-header .card .info .m-isolation{opacity:.6}.game-header .card .btn{position:absolute;bottom:.35rem;left:0;right:0;margin:auto;width:4.2rem;line-height:.8rem;font-size:.3rem;border-radius:5rem;z-index:2}.game-intro>p{padding-top:.2rem;text-indent:2em}.game-intro>p.collapse{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.game-intro>p.expand,.game-intro.expand>p.collapse{display:none}.game-intro.expand>p.expand{display:block}.game-screenshots{margin:.4rem -.5rem;font-size:0;overflow-x:auto;white-space:nowrap}.game-screenshots::-webkit-scrollbar{display:none}.game-screenshots img{display:inline-block;margin-right:.1rem;max-width:4.2rem;max-height:4.8rem;border-radius:.15rem}.game-screenshots img:first-child{margin-left:.5rem}.game-screenshots img:last-child{margin-right:.5rem}.m-picture-full{background-color:rgba(0,0,0,.9)}.m-picture-full .swiper-slide{display:flex;justify-content:center;align-items:center}.m-picture-full img{max-width:96%;max-height:96%}.m-picture-full .swiper-pagination{color:#fff}.game-gifts .m-item-gift{margin:0;padding:.3rem 0;border-bottom:1px dotted #e3e3e3;border-radius:0}.game-gifts .m-item-gift .btn{line-height:.5rem;border-radius:5rem;border:1px solid #0f8ff2;color:#0f8ff2;background:transparent}.game-gifts .m-item-gift .btn-get{border-color:#f60;color:#f60}.game-news li{padding:.5em 0;border-bottom:1px dotted #e3e3e3;overflow:hidden}.game-news li a:hover{color:#f60}.game-news li span{float:right;color:#ccc}.m-tab{padding:0 .5rem}.m-tab-title{position:relative;margin-bottom:.5rem;font-size:0}.m-tab-title:before{position:absolute;left:0;top:.7rem;margin:0 .3rem;width:.6rem;height:3px;background:#222;content:'';transition:transform .3s ease}.m-tab-title.c0:before{transform:translateX(0)}.m-tab-title.c1:before{transform:translateX(1.2rem)}.m-tab-title.c2:before{transform:translateX(2.4rem)}.m-tab-title.c3:before{transform:translateX(3.6rem)}.m-tab-title.c4:before{transform:translateX(4.8rem)}.m-tab-title.c5:before{transform:translateX(6rem)}.m-tab-title li{display:inline-block;width:1.2rem;line-height:.6rem;text-align:center;font-size:.28rem;cursor:pointer;color:#555;font-weight:400}.m-tab-title li.cur{font-weight:800;color:#222}.m-tab-item{display:none;min-height:5rem}.m-tab-item .msg{padding-top:2.3rem;text-align:center;color:#999}.page-article{padding:.3rem .4rem;font-size:.28rem}.page-article>.returnbar{padding:.25rem 0;color:#0f8ff2}.page-article>.title{padding:.2rem 0;text-align:center;font-size:.40rem;font-weight:600}.page-article>.infobar{margin-bottom:.4rem;color:#aaa;font-size:.22rem;text-align:center}.page-article>.content img{max-width:100%}.page-article>.game-card{margin-bottom:.5rem;color:#fff;font-size:.24rem;background:#222636;background-image:linear-gradient(to right,#353c55,#222636);box-shadow:0 .2rem .4rem rgba(53,60,85,.2);border-radius:.2rem}.page-article>.game-card .icon{width:1.2rem;margin-right:.3rem}.page-article>.game-card h2{margin-bottom:.05rem;font-size:.34rem}.page-article>.game-card p{opacity:.5}.page-article>.game-card .btn{margin-right:.15rem}.page-article .m-tabel{margin:10px 0;border:1px solid #eee;background:#fff}.page-article .m-tabel th,.page-article .m-tabel td{padding:8px 12px;border:1px solid #eee}.page-article .m-tabel th{border-color:#eee;background:#f9f9f9;color:#999;white-space:nowrap}.popup-help{color:#fff;background-color:rgba(0,0,0,.85)}.popup-help .ios-welcome{position:absolute;left:.8rem;bottom:1.5rem}.popup-help .ios-welcome h1{font-size:.38rem;font-weight:700}.popup-help .ios-welcome cite{display:block;margin-bottom:1.5em;font-style:normal}.popup-help .ios-welcome .btn{width:2.4rem;line-height:.64rem;border-radius:5rem}.popup-help .ios-welcome p{margin-top:.2rem;font-weight:.28rem;font-weight:600}.popup-help .ios-welcome p strong{color:#fc0;font-size:.38rem}.popup-help .ios-tosafari{display:none;position:absolute;top:.1rem;left:.5rem;right:.3rem;bottom:0;background:url(../../img/safari/tosafari_help.png?v=3) no-repeat 100% 0;background-size:contain}.popup-help .ios-todesktop{display:none;position:absolute;top:.8rem;left:1.3rem;right:1.3rem;text-align:center}.popup-help .ios-todesktop h1{margin-bottom:.3rem;font-size:.36rem;font-weight:700}.popup-help .ios-todesktop span{display:inline-block;margin:.1rem 0;padding:.2em .8em;border:1px dotted #fff;border-radius:.18rem}.popup-help .ios-todesktop .back{display:block;margin:auto;max-width:100%}.popup-help .ios-todesktop .appinfo{position:relative}.popup-help .ios-todesktop .appinfo .icon{position:absolute;left:.185rem;top:1.34rem;width:.76rem;height:.76rem;border-radius:.15rem;box-shadow:0 0 .1rem rgba(0,0,0,.2)}.popup-help .ios-todesktop .appinfo dl{position:absolute;left:1.15rem;top:1.2rem;color:#050505;text-align:left;line-height:.5rem}.popup-help .ios-todesktop .appinfo dt{font-size:.24rem;font-weight:400}.popup-help .ios-todesktop .appinfo dd{font-size:.22rem;color:#787878}.popup-help .ios-todesktop .arrow{position:fixed;bottom:.1rem;left:0;right:0;margin:auto;width:.8rem;height:.8rem;background:url(../../img/safari/arrow.png) no-repeat 50% 0;background-size:contain;animation:arrowSuspend .8s ease-in-out infinite}@keyframes arrowSuspend{0%{transform:translateY(0)}50%{transform:translateY(-.3rem)}100%{transform:translateY(0)}}