body{margin:0}#app,#game_div,.index-wrap,body,html{height:100%}#game_div .img-contain,#game_div .launch-wrap .back-btn,#game_div .launch-wrap .approve-btn,#game_div .launch-wrap .img-role,#game_div .detail-wrap .back-btn,#game_div .detail-wrap .approve-btn,#game_div .detail-wrap .bar i,#game_div .detail-wrap .img-role,#game_div .index-wrap .content-scroll .scroller .item .item-index,#game_div .index-wrap .content-scroll .scroller .item .item-btn-wrap .btn-bg .btn-finger,#game_div .index-wrap .content-scroll .scroller .item .item-btn-wrap .btn-bg,#game_div .index-wrap .content-scroll .scroller .item .img-show,#game_div .index-wrap .bar .btn-wrap div{background-position:center center;background-repeat:no-repeat;background-size:contain}#game_div .img-cover,#game_div .launch-wrap,#game_div .detail-wrap .friend-help,#game_div .detail-wrap,#game_div .index-wrap .banner,#game_div .index-wrap{background-position:center center;background-repeat:no-repeat;background-size:cover}#game_div .index-wrap{overflow:hidden;position:absolute;top:0;height:100%;width:100%;background-position:top center}#game_div .index-wrap .banner{height:1rem;margin-bottom:.3rem}#game_div .index-wrap .bar{padding:.1rem .2rem .08rem;font-size:.14rem}#game_div .index-wrap .bar .btn-wrap{display:flex;justify-content:space-around}#game_div .index-wrap .bar .btn-wrap div{width:1.5rem;height:.5rem;color:transparent}#game_div .index-wrap .bar .btn-wrap div.btn-launch{background-image:url("../assets/image/btn-me-join.png");transition:all 200ms}#game_div .index-wrap .bar .btn-wrap div.btn-order{background-image:url("../assets/image/btn-sort.png");transition:all 200ms}#game_div .index-wrap .bar .tip{overflow:hidden;color:#fff;margin:.15rem .3rem 0}#game_div .index-wrap .bar .tip p{margin:0}#game_div .index-wrap .bar .tip p span{line-height:0;display:inline-block;vertical-align:-1px}#game_div .index-wrap .bar .tip p:first-of-type{float:left}#game_div .index-wrap .bar .tip p:last-of-type{float:right}#game_div .index-wrap.hideSearch .content-scroll{top:2.3rem}#game_div .index-wrap .content-scroll{overflow:hidden;font-size:.14rem;position:absolute;padding-top:.05rem;top:3rem;bottom:0rem;width:100%;padding-top:.18rem}#game_div .index-wrap .content-scroll .scroller{text-align:center}#game_div .index-wrap .content-scroll .scroller .search-no-activity{font-size:.16rem;color:gray;text-align:center;margin-top:1.3rem}#game_div .index-wrap .content-scroll .scroller p{margin:0}#game_div .index-wrap .content-scroll .scroller .item{display:inline-block;margin:.1rem;position:relative;box-sizing:border-box;width:1.5rem;margin-bottom:.1rem;padding:.1rem;background:#064138;border-radius:.1rem}#game_div .index-wrap .content-scroll .scroller .item .img-show{width:1.3rem;height:1.3rem;border-radius:.08rem}#game_div .index-wrap .content-scroll .scroller .item .item-message-wrap{padding:.05rem 0;color:#fff;font-size:.12rem;overflow:hidden;text-align:left}#game_div .index-wrap .content-scroll .scroller .item .item-message-wrap>p{line-height:.14rem;margin-bottom:.03rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#game_div .index-wrap .content-scroll .scroller .item .item-message-wrap>p:last-of-type{margin-bottom:0}#game_div .index-wrap .content-scroll .scroller .item .grayTrue{filter:grayscale(100%)}#game_div .index-wrap .content-scroll .scroller .item .item-bottom{display:flex;justify-content:space-between;align-items:center}#game_div .index-wrap .content-scroll .scroller .item .item-vote-num{font-size:.16rem;color:#fbd222;font-weight:bold}#game_div .index-wrap .content-scroll .scroller .item .item-vote-num span{font-size:.14rem}#game_div .index-wrap .content-scroll .scroller .item .item-btn-wrap{width:.5rem;text-align:center;color:#6a1c1c}#game_div .index-wrap .content-scroll .scroller .item .item-btn-wrap .btn-bg{display:flex;justify-content:center;height:.3rem;background-image:url("../assets/image/btn-zan-new.png");transition:all 200ms}#game_div .index-wrap .content-scroll .scroller .item .item-btn-wrap .btn-bg>div{align-self:center}#game_div .index-wrap .content-scroll .scroller .item .item-btn-wrap .btn-bg .btn-finger{position:relative}#game_div .index-wrap .content-scroll .scroller .item .item-btn-wrap .btn-bg .btn-finger .fingertip{position:absolute;color:#fff;right:-40px;top:-10px}#game_div .index-wrap .content-scroll .scroller .item .item-btn-wrap .btn-bg .btn-num{font-size:.12rem}#game_div .index-wrap .content-scroll .scroller .item .item-index{position:absolute;font-size:16px;top:0rem;left:0%;transform:translate(-20%, -20%);padding:.05rem .12rem;color:#fff;background-image:url("//static-cdn.24haowan.com/img/946/946151143751381742.png")}#game_div .index-wrap .bottom-search-wrap{width:100%;height:.7rem;position:relative}#game_div .index-wrap .bottom-search-wrap .input-text{position:absolute;width:60%;height:.48rem;left:8%;border:none;background-image:url("../assets/image/search&input.png");background-repeat:no-repeat;background-size:contain}#game_div .index-wrap .bottom-search-wrap .bottom-search{position:absolute;outline:none;box-sizing:border-box;width:100%;height:.48rem;font-size:15px;background:transparent;border:none;text-indent:.15rem;color:#999}#game_div .index-wrap .bottom-search-wrap .search-btn-wrap{position:absolute;right:8%;top:-2px;width:22%;background-image:url("https://static-cdn.24haowan.com/img/946/946151140369555162.png");height:.5rem;background-repeat:no-repeat;background-size:contain;transition:all 200ms}#game_div .index-wrap .bottom-search-wrap ::-webkit-input-placeholder{color:#999}#game_div .index-wrap .bottom-search-wrap :-moz-placeholder{color:#999;opacity:1}#game_div .index-wrap .bottom-search-wrap ::-moz-placeholder{color:#999;opacity:1}#game_div .index-wrap .bottom-search-wrap :-ms-input-placeholder{color:#999}#game_div .detail-wrap{height:100%;overflow:auto;z-index:999;display:none;background-image:url("../assets/image/bg.png");position:absolute;width:100%;padding:1rem 0 .3rem;font-size:.18rem;color:#fff;background-position:top center}#game_div .detail-wrap .friend-help{z-index:100;display:none;background-image:url("../assets/image/friend-help.png");width:100%;height:100%;position:absolute;top:0}#game_div .detail-wrap .img-role{width:1.59rem;height:1.59rem;border-radius:.3rem;background-image:url("../assets/image/cha.png");margin:0 auto}#game_div .detail-wrap .bar{height:.35rem;margin:.1rem 1.1rem .3rem;line-height:.35rem;text-shadow:0 0 4px rgba(0,0,0,.3)}#game_div .detail-wrap .bar span{line-height:.4rem;margin-left:.05rem}#game_div .detail-wrap .bar i{height:.35rem}#game_div .detail-wrap .bar i:first-child{font-size:.35rem}#game_div .detail-wrap .bar i:last-child{font-size:.28rem}#game_div .detail-wrap .bar .left{float:left}#game_div .detail-wrap .bar .left *{float:left;color:#a9a856}#game_div .detail-wrap .bar .right{float:right}#game_div .detail-wrap .bar .right *{float:right;color:#a9a856}#game_div .detail-wrap .content-wrap{margin-left:1.1rem;text-shadow:0 0 4px rgba(0,0,0,.3)}#game_div .detail-wrap .content-wrap p{max-width:1.9rem}#game_div .detail-wrap .content-wrap p span:last-of-type{line-height:.28rem}#game_div .detail-wrap .approve-btn{float:left;width:1rem;height:.55rem;background-image:url("../assets/image/btn-approve.png");margin:.2rem 0rem .15rem .6rem;transition:all 200ms}#game_div .detail-wrap .back-btn{float:right;width:1.48rem;height:.55rem;background-image:url("../assets/image/btn-index.png");margin:.18rem .5rem .15rem 0;transition:all 200ms}#game_div .launch-wrap{height:100%;overflow:auto;z-index:99;display:none;background-image:url("../assets/image/bg.png");position:absolute;width:100%;padding:1rem 0 .3rem;font-size:.18rem;color:#396a6a;background-position:top center}#game_div .launch-wrap .img-role{width:1.59rem;height:1.59rem;border-radius:.3rem;background-image:url("../assets/image/cha.png");margin:0 auto}#game_div .launch-wrap .img-role input{display:block;width:100%;height:100%;outline:none;opacity:0}#game_div .launch-wrap .content-wrap{margin-top:.3rem}#game_div .launch-wrap .content-wrap .inputBlock{position:relative;width:56%;height:.48rem;left:50%;transform:translateX(-50%);border:none;margin:.15rem 0;background-image:url("../assets/image/search&input.png");background-repeat:no-repeat;background-size:contain}#game_div .launch-wrap .content-wrap .inputBlock input{position:absolute;outline:none;box-sizing:border-box;width:100%;height:.48rem;font-size:15px;background:transparent;border:none;text-indent:.15rem;color:#999}#game_div .launch-wrap .approve-btn{float:left;width:1rem;height:.55rem;background-image:url("../assets/image/btn-sure.png");margin:.2rem 0rem .15rem .6rem;filter:grayscale(100%);transition:all 200ms}#game_div .launch-wrap .back-btn{float:right;width:1.48rem;height:.55rem;background-image:url("../assets/image/btn-index.png");margin:.18rem .5rem .15rem 0;transition:all 200ms}#game_div .mask-prevent{display:none;position:absolute;width:100%;height:100%;z-index:1000}#game_div .mask-loading{display:none;width:120px;height:120px;background-color:rgba(17,17,17,.7);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);z-index:999;border-radius:4px}#game_div .mask-loading img{width:30px;height:30px;position:absolute;left:50%;top:40%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}#game_div .mask-loading span{position:absolute;color:#fff;left:50%;top:76%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);font-size:14px}#game_div .mask-tip{display:none;z-index:999;background-color:rgba(17,17,17,.7);position:absolute;left:50%;top:45%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);border-radius:.1rem;padding:.3rem .3rem}#game_div .mask-tip p{margin:0;color:#fff;text-align:center;white-space:nowrap}#game_div .mask-tip .p-header{font-size:.2rem;margin-bottom:.1rem}#game_div .mask-tip .p-content{font-size:.18rem}#game_div .animateScale{animation:animateScale .2s;-webkit-animation:animateScale .2s}@-webkit-keyframes animateScale{0%{transform:scale(1, 1);-webkit-transform:scale(1, 1)}50%{transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1)}100%{transform:scale(1, 1);-webkit-transform:scale(1, 1)}}@keyframes animateScale{0%{transform:scale(1, 1);-webkit-transform:scale(1, 1)}50%{transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1)}100%{transform:scale(1, 1);-webkit-transform:scale(1, 1)}}#game_div .addOne{animation:addOne .8s;-webkit-animation:addOne .8s}@keyframes addOne{0%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{opacity:0;-webkit-transform:translate3d(0, -300%, 0);transform:translate3d(0, -300%, 0)}}#game_div .fadeInDown{animation:fadeInDown .8s;-webkit-animation:fadeInDown .8s}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}#game_div .fadeOutUp{animation:fadeOutUp .8s;-webkit-animation:fadeOutUp .8s}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}#game_div .overlayFadeOut{animation:overlayFadeOut .8s;-webkit-animation:overlayFadeOut .8s}@-webkit-keyframes overlayFadeOut{0%{opacity:1}100%{opacity:0}}@keyframes overlayFadeOut{0%{opacity:1}100%{opacity:0}}#game_div .overlayFadeIn{animation:overlayFadeIn .8s;-webkit-animation:overlayFadeIn .8s}@-webkit-keyframes overlayFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes overlayFadeIn{0%{opacity:0}100%{opacity:1}}