.friendship-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-.42rem;margin-top:-.08rem}
.friendship-links a{margin-left:.42rem;margin-top:.16rem;color:#666;font-size:.28rem;line-height:.46rem}
.friendship-links a:active,.friendship-links a:hover{color:#333;text-decoration:underline}
.banner-index{padding:.1rem}
.banner-index .pic-box{overflow:hidden;position:relative;display:block;height:4.5rem}
.banner-index .pic-box img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.banner-index .pic-box .tit{overflow:hidden;position:absolute;bottom:0;width:100%;height:.8rem;background-color:rgba(0,0,0,.6);text-indent:.4rem;color:#fff;font-weight:400;font-size:.28rem;line-height:.8rem}
.banner-index .swiper-pagination{bottom:.2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;right:.4rem;left:auto}
.banner-index .my-bullet{font-size:0;vertical-align:middle;display:inline-block;background-color:#fff;width:.12rem;height:.12rem;border-radius:50%;opacity:.8;margin:0 .04rem}
.banner-index .my-bullet-active{border:.02rem solid #fff;background-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:1}
.game-card-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-.1rem}
.game-card-box li{overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;margin-right:6.6666666667%;margin-top:.2rem}
.game-card-box li:nth-child(4n){margin-right:0}
.game-card-box .game-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.game-card-box .game-card .game-pic{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:100%;border-radius:25%}
.game-card-box .game-card .game-pic img{position:absolute;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.game-card-box .game-card .game-tit{overflow:hidden;height:.42rem;margin:.1rem .1rem;color:#333;text-align:center;font-size:.28rem;line-height:.42rem}
.game-card-box .game-card .game-tit:active,.game-card-box .game-card .game-tit:hover{color:#0af}
.game-card-box .game-card .game-btn{width:1.1rem;border-radius:.1rem;background-color:#f2f2f2;color:#0af;text-align:center;font-size:.26rem;line-height:.5rem}
.game-card-box .game-card .game-btn:active,.game-card-box .game-card .game-btn:hover{background-color:#0af;color:#fff}
.hj-card-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-.1rem}
.hj-card-box li{overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 0 48.3%;-ms-flex:0 0 48.3%;flex:0 0 48.3%;margin-right:3.4%;margin-top:.2rem}
.hj-card-box li:nth-child(2n){margin-right:0}
.hj-card-box .hj-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.hj-card-box .hj-card .hj-pic{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:75%;border-radius:.04rem}
.hj-card-box .hj-card .hj-pic img{position:absolute;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.hj-card-box .hj-card .hj-tit{overflow:hidden;height:.42rem;margin:.1rem .1rem;color:#333;text-align:center;font-size:.3rem;line-height:.42rem}
.hj-card-box .hj-card .hj-tit:active,.hj-card-box .hj-card .hj-tit:hover{color:#0af}
.rank-card-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-.1rem}
.rank-card-box li{overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 0 48.3%;-ms-flex:0 0 48.3%;flex:0 0 48.3%;margin-right:3.4%;margin-top:.2rem}
.rank-card-box li:nth-child(2n){margin-right:0}
.rank-card-box .rank-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.rank-card-box .rank-card .rank-pic{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:75%;border-radius:.04rem}
.rank-card-box .rank-card .rank-pic img{position:absolute;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.rank-card-box .rank-card .rank-tit{overflow:hidden;height:.42rem;margin:.1rem .1rem;color:#333;text-align:center;font-size:.3rem;line-height:.42rem}
.rank-card-box .rank-card .rank-tit:active,.rank-card-box .rank-card .rank-tit:hover{color:#0af}
.wx-card-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-.1rem}
.wx-card-box li{overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 0 48.3%;-ms-flex:0 0 48.3%;flex:0 0 48.3%;margin-right:3.4%;margin-top:.2rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.18rem .15rem;border:.02rem solid #eee;background-color:#fafafa}
.wx-card-box li:nth-child(2n){margin-right:0}
.wx-card-box .wx-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.wx-card-box .wx-card .wx-pic{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:100%;border-radius:.04rem}
.wx-card-box .wx-card .wx-pic img{position:absolute;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.wx-card-box .wx-card .wx-tit{overflow:hidden;height:.42rem;margin:.1rem;color:#333;text-align:center;font-size:.3rem;line-height:.42rem}
.wx-card-box .wx-card .wx-tit:active,.wx-card-box .wx-card .wx-tit:hover{color:#0af}
.wx-card-box .wx-card .time{color:#999;font-size:.24rem;line-height:1;margin-bottom:.04rem}
.game-list li{overflow:hidden}
.game-list li:first-child .game-card{border:none}
.game-list .game-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:1.4rem;padding:.24rem 0;border-top:.02rem solid #eee}
.game-list .game-card .game-pic{overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 0 1.4rem;-ms-flex:0 0 1.4rem;flex:0 0 1.4rem;height:1.4rem;border-radius:.3rem;margin-right:.2rem}
.game-list .game-card .game-pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.game-list .game-card .game-cont{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;height:1.4rem}
.game-list .game-card .game-cont .game-tit{overflow:hidden;height:.42rem;margin-bottom:.04rem;color:#333;font-size:.32rem;line-height:.42rem}
.game-list .game-card .game-cont .game-tit:active,.game-list .game-card .game-cont .game-tit:hover{color:#0af}
.game-list .game-card .game-cont .game-desc,.game-list .game-card .game-cont .game-p{overflow:hidden;height:.36rem;color:#666;font-size:.24rem;line-height:.36rem}
.game-list .game-card .game-cont .game-desc{margin-top:.04rem;color:#999;font-size:.24rem;line-height:1.5}
.game-list .game-card .game-cont .game-desc span::after{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;content:"";width:.02rem;height:.2rem;margin:0 .14rem;background-color:#bbb;text-align:center}
.game-list .game-card .game-cont .game-desc span:last-child::after{display:none}
.game-list .game-card .game-btn{min-width:.8rem;max-width:1.2rem;border-radius:.04rem;background-color:#f2f2f2;padding:0 .16rem;margin-left:.16rem;color:#0af;text-align:center;font-weight:700;font-size:.26rem;line-height:.56rem}
.game-list .game-card .game-btn:active,.game-list .game-card .game-btn:hover{background-color:#0af;color:#fff}
.gl-box li{overflow:hidden;padding:.2rem 0;border-top:.02rem solid #f2f2f2}
.gl-box li:first-child{border-top:none}
.gl-box .gl-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.gl-box .gl-pic{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;overflow:hidden;width:2.4rem;height:1.6rem;margin-left:.2rem;border-radius:.04rem}
.gl-box .gl-pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.gl-box .cont{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;overflow:hidden;height:1.6rem}
.gl-box .cont .gl-tit{overflow:hidden;margin-bottom:.1rem;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;font-size:.32rem;line-height:.46rem}
.gl-box .cont .gl-tit:active,.gl-box .cont .gl-tit:hover{color:#0af}
.gl-box .cont .gl-desc{overflow:hidden}
.gl-box .cont .gl-desc i{position:relative;display:block;float:left;margin-left:.36rem;color:#bbb;font-size:.24rem;line-height:.3rem}
.gl-box .cont .gl-desc i::after{content:"";display:block;position:absolute;width:.02rem;height:.2rem;background-color:#bbb;left:-.22rem;top:50%;-webkit-transform:rotate(20deg) translateY(-50%);transform:rotate(20deg) translateY(-50%)}
.gl-box .cont .gl-desc i:first-child{margin-left:0}
.gl-box .cont .gl-desc i:first-child::after{display:none}
.wxfl-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.wxfl-box.c1{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:.08rem 0 .1rem 0}
.wxfl-box.c1 a{-webkit-box-flex:0;-webkit-flex:0 0 23.95%;-ms-flex:0 0 23.95%;flex:0 0 23.95%;width:23.95%;padding:0 .2rem;color:#666;text-align:center;font-size:.28rem;line-height:.58rem;margin:.1rem 1.4% 0 0;background-color:#eee;border-radius:.04rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.wxfl-box.c1 a.active{background-color:#0af;color:#fff}
.wxfl-box.c1 a:nth-child(4n){margin-right:0}

.wxfl-box.c2 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: start;
    margin: .24rem 0 .14rem 0;
    flex-wrap: wrap;
}

.wxfl-box.c2 a{padding:.05rem .18rem;border-radius:.26rem;color:#666;text-align:center;font-size:.28rem;line-height:.52rem}
.wxfl-box.c2 a.active{background-color:#0af;color:#fff}
.tags-box2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}
.tags-box2 .item{-webkit-box-flex:0;-webkit-flex:0 0 49%;-ms-flex:0 0 49%;flex:0 0 49%;margin-right:2%;margin-top:.12rem;background-color:#fafafa;border-radius:.04rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .24rem;border:.02rem solid #eee}
.tags-box2 .item span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#333;font-size:.28rem;line-height:.66rem}
.tags-box2 .item:active span,.tags-box2 .item:hover span{color:#0af}
.tags-box2 .item:nth-child(2n){margin-right:0}
.back-top{display:none;position:fixed;z-index:99;right:.2rem;bottom:.6rem;cursor:pointer}
.back-top .icon-box{display:block;background-color:rgba(0,0,0,.6);border-radius:50%;padding:.16rem;width:.48rem;height:.48rem}
.back-top .icon-box i{display:block;height:100%;background-image:url(../images/icon-back-top.png);background-repeat:no-repeat;background-position:center;background-size:.4rem}