.strategy-container{background:white;padding:.14rem .24rem .24rem;}
.strategy-content{width:100%;    padding-top: .2rem;}
.strategy-content li{padding:.12rem 0;display:flex;justify-content:flex-start}
.strategy-content li img{width:2.3rem;height:1.15rem;border-radius:.08rem;margin-right:.15rem}
.strategy-content li div{height:1.15rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.strategy-content li div a{    font-size: .28rem;
    color: #333;
    max-height: 1rem;
    overflow: hidden;
    line-height: .4rem;}
.strategy-content li div p{line-height:.34rem;color:#9a9a9a;font-size:.22rem}
.strategy-content li div p::before{
    content: '';
    display: inline-block;
    width: .2rem;
    height: .2rem;
    background-image:url(../image/time.png);margin-right: .1rem;    background-size: cover;
}
.strategy-content .zx-gg-container{flex-direction:column;align-items:flex-start}
.strategy-content .zx-gg-container .gg-name{width:100%;height:.34rem;line-height:.34rem;font-size:.32rem;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.strategy-content .zx-gg-container .gg-img img{width:100%;margin:.2rem auto}
.strategy-content .zx-gg-container p{width:100%;line-height:.34rem;color:#9a9a9a;font-size:.22rem}
.head-swiper{position:relative}
.head-swiper a{position:relative;display:block;width:100%;height:100%}
.head-swiper img{width:100%;vertical-align:bottom}
.head-swiper a div{position:absolute;width:100%;overflow:hidden;bottom:0;left:0;text-indent:.24rem;font-size:.3rem;color:#fff;height:.88rem;line-height:.88rem;background:linear-gradient(to top,rgba(0,0,0,0.85),rgba(0,0,0,0))}

.hot-recommend{padding:.1rem .24rem .24rem;}
.hot-recommend-ul{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.hot-recommend .hot-recommend-li{display:flex;width:1.3rem;margin-right:.6rem;align-items:center;justify-content:flex-start;flex-direction:column;margin-top:.28rem}
.hot-recommend .hot-recommend-li:nth-child(4n){margin-right:0}
.hot-recommend .hot-recommend-li img{width:1.3rem;height:1.3rem;border-radius:22%}
.hot-recommend .hot-recommend-li p{width:100%;height:.46rem;line-height:.46rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.26rem;color:#1a1a1a;text-align:center}
.hot-recommend .hot-recommend-li .blue-btn{width:1.3rem;height:.5rem;line-height:.5rem;background-color:#2189ff;border-radius:.05rem;border:0;font-size:.26rem;color:#fff}
#game-ranking{background:white;padding:.05rem .24rem .12rem;}
.ranking-tab1{width:5.3rem;height:.68rem;display:flex;justify-content:flex-start;align-items:center;    margin: auto;
    margin-top: .1rem;}
.ranking-tab1 span{display:block;width:33.3%;height:.66rem;font-size:.28rem;letter-spacing:.01rem;color:#a5b3c4;line-height:.66rem;text-align:center;border:1px solid #2189ff;cursor:pointer}
.ranking-tab1 span:nth-child(1){border-radius:.12rem 0 0 .12rem}
.ranking-tab1 span:nth-child(3){border-radius:0 .12rem .12rem 0}
.ranking-tab1 span:nth-child(2){border-right:0;border-left:0}
.ranking-tab1 span.checked{color:white;background:#2189ff}
.game-ranking-ul li{padding:.24rem 0;display:flex;justify-content:space-between;align-items:center;position:relative}
.game-ranking-ul img{width:1.28rem;height:1.28rem;border-radius:22%;margin-right:.22rem}
.game-ranking-ul .ranking-content{width:3.66rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-ranking-ul li i{
        width: .45rem;
    height: .45rem;
    background-color: #a5b3c4;
    border-radius: .06rem;
    text-align: center;
    line-height: .45rem;
    color: #ffffff;
    font-size: .25rem;
}
.game-ranking-ul .ranking-content>a{height:.34rem;line-height:.32rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.30rem;color:#1a1a1a}
.game-ranking-ul .ranking-content>a i{float:left;width:.34rem;height:.34rem;background-color:#999;border-radius:.1rem;margin-right:.12rem;text-align:center;color:white}
.game-ranking-ul .top3 .ranking-content>a i{background-color:#2189ff}
.game-ranking-ul .ranking-content span{margin-right:.1rem}
.game-ranking-ul .ranking-content .game-info{height:.24rem;line-height:.24rem;font-size:.22rem;color:#999;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:96%;word-break:break-all}
.game-ranking-ul .ranking-content .game-label{height:.45rem;line-height:.4rem;font-size:.22rem;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:96%;word-break:break-all}
.game-ranking-ul .ranking-content .game-label a{border-radius:.05rem;border:solid 1px #999;padding:0 .1rem;color:#666;margin-right:.1rem;display:inline-block}
.game-ranking-ul .game-detail{width:1.3rem;height:.5rem;background-color:#2189ff;border-radius:.05rem;text-align:center;line-height:.5rem;color:#fff;font-size:.26rem;width: 1.04rem;
    height: .52rem;
    background-color: #2189ff;
    border-radius: 26px;}
.toggle-con-li{display:none}
.toggle-con-li:first-child{display:block}
.game-complication{padding:.14rem .24rem .4rem}
.game-complication .title-container a{margin-right:.24rem}
.game-complication .swiper-slide{width:3.16rem}
.complication-swiper{padding:.24rem 0}
.complication-swiper a{display:block;width:3.16rem;position:relative}
.complication-swiper a img{width:100%;border-radius:.12rem}
.complication-swiper a div{height:.6rem;line-height:.6rem;position:absolute;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));font-size:.26rem;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:0 .1rem;border-radius:0 0 .12rem .12rem}
.complication-swiper .swiper-pagination-bullet{width:.2rem;height:.2rem;margin-right:.2rem;background-color:#999;border-radius:50%;opacity:1}
.complication-swiper .swiper-pagination-bullet-active{background-color:#2189ff}
.complication-pagination{text-align:center}
.complication-swiper .complication-pagination{line-height:.2rem;height:.2rem;font-size:0;margin-top:.4rem}
.complication-swiper >.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .1rem}
.game-gifts-ul li{padding:.24rem 0;display:flex;justify-content:space-between;align-items:center;border-bottom:.01rem solid #eee;position:relative}
.game-gifts-ul li:last-child{border-bottom:0}
.game-gifts-ul li.checked:before{content:"";display:block;width:.6rem;height:.6rem;top:0;right:-0.24rem;position:absolute;background-image:url(../image/youxi11.png)}
.game-gifts-ul img{width:1.3rem;height:1.3rem;border-radius:22%;margin-right:.4rem}
.game-gifts-ul .ranking-content{width:4.4rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:1.3rem;overflow:hidden}
.game-gifts-ul .ranking-content a{height:.34rem;line-height:.32rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.30rem;color:#1a1a1a;max-width:100%}
.game-gifts-ul .ranking-content span{margin-right:.2rem}
#game-gifts .game-gifts-ul .ranking-content .game-info{height:.24rem;line-height:.24rem;font-size:.22rem;color:#999;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:96%;word-break:break-all;display:none}
.game-gifts-ul .ranking-content .game-label{height:.28rem;font-size:.22rem;width:2.6rem;background-color:#f2f2f2;position:relative;border-radius:.14rem}
.game-gifts-ul .ranking-content .game-percentage{width:60%;height:.28rem;border-radius:.14rem;background-color:#9dd6e0}
.game-gifts-ul .ranking-content .game-label p{border-radius:.05rem;position:absolute;width:.8rem;height:.28rem;line-height:.28rem;right:-0.9rem;top:0;text-align:center;font-size:.2rem;color:#666}
.game-gifts-ul .game-detail{width:1.3rem;height:.5rem;background-color:#2189ff;border-radius:.05rem;text-align:center;line-height:.5rem;color:#fff;font-size:.26rem}
.relevant-strategy{padding:0 .24rem;width:100%;}
.relevant-strategy .relevant-ul{padding:.1rem 0}
.relevant-strategy .relevant-ul .gllist{display: none}
.relevant-strategy .relevant-ul .gllist:first-child{display: block}
.relevant-strategy .relevant-ul a{height:.7rem;line-height:.7rem;font-size:.3rem;letter-spacing:.01rem;color:#333;width:100%;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.load-more-text{margin-top:.2rem}
.assort-container{padding:.1rem .24rem .24rem}
.assort-swiper .swiper-pagination-bullet{width:.2rem;height:.2rem;margin-right:.2rem;background-color:#999;border-radius:50%;opacity:1}
.assort-swiper .swiper-pagination-bullet-active{background-color:#2189ff}
.assort-pagination{text-align:center;font-size:0;margin-top:.4rem}
.assort-swiper .complication-pagination{line-height:.2rem;height:.2rem;font-size:0;margin-top:.4rem}
.assort-swiper >.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .1rem}
.assort-swiper .swiper-slide{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.assort-swiper .swiper-slide a{display:block;margin:.24rem .2rem 0 0;box-sizing:border-box;position:relative;border:solid 2px #e4e4e4;width:3.4rem;height:1.16rem;padding-left:.16rem;border-radius:.08rem}
.assort-swiper .swiper-slide a:nth-child(2n){margin-right:0}
.assort-swiper .swiper-slide .game-type{font-size:.3rem;color:#333;height:.6rem;line-height:.6rem;width:1.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold}
.assort-swiper .swiper-slide .game-type+div{font-size:.22rem;color:#999;height:.54rem;line-height:.32rem;width:1.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.assort-swiper .swiper-slide img{position:absolute;top:.05rem;right:.02rem;width:1.05rem;height:1.05rem}
.game-gifts{padding:0 .24rem;width:100%;border-bottom:.24rem solid #eee}
.assorthj-swiper .compilation-ul a{
    width: 3.35rem;
    height: 2.64rem;
    display: block;
    margin-bottom: 0.3rem;
    float: left;
    margin-right: 0.3rem;
}
.assorthj-swiper .compilation-ul a:nth-child(2n){margin-right:0}
.assorthj-swiper .compilation-ul img{
    width: 3.38rem;
    height: 2.02rem;
    border-radius: 0.1rem;
}
.assorthj-swiper .compilation-ul p{
    width: 100%;
    height: 0.64rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 0.84rem;
    font-size: 0.26rem;
    color: #333333;
}
.assorthj-swiper{margin-top:.3rem}
.assorthj-swiper .swiper-pagination-bullet{width:.2rem;height:.2rem;margin-right:.2rem;background-color:#999;border-radius:50%;opacity:1}
.assorthj-swiper .swiper-pagination-bullet-active{width: .54rem;
    border-radius: .7rem;
    background-color: #2189ff;}
.assorthj-pagination{text-align:center;font-size:0}
.assorthj-swiper .complication-pagination{line-height:.2rem;height:.2rem;font-size:0;margin-top:.4rem}
.assorthj-swiper >.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .1rem}
.froends_link ul li{float:left;padding:3px 8px}
.froends_link ul li a{color:#555;font-size:.26rem}
.froends_link ul{margin-top:.15rem}

.index_continer{
    background: #fff;
        overflow: hidden;
}
.head-swiper{
    width: 6.87rem;
    margin: auto;
    margin-top: .24rem;
    height: 3.78rem;
}
.head-swiper .swiper-slide{
    width: 100%;
    border-radius: .24rem;
    overflow: hidden;
    height: 3.44rem;
}

.swiper-container-horizontal >.head-pagination{height: .1rem;
position: absolute;
bottom: .1rem;
right: 0;
left: 0;
z-index: 10;
display: flex;
width: 2rem;
align-items: center;
justify-content: flex-end;
padding-right: .2rem;
margin: auto;}
.head-pagination .swiper-pagination-bullet-active{width: .54rem;border-radius: .09rem!important}

.hot-recommend .hot-recommend-li span{
        width: .98rem;
    height: .48rem;
    background-color: #2189ff;
    border-radius: .24rem;
    color: #fff;
    line-height: .48rem;
    text-align: center;
    font-size: .24rem;
}

.game-tag{
    background: white;
    padding: .05rem .24rem .12rem;    overflow: hidden;
    margin-bottom: .3rem;
}

.game-tag .tag-continer a{
    width: 1.62rem;
    height: .56rem;
    border-radius: .8rem;
    border: solid 1px #999999;
    float: left;
    text-align: center;
    line-height: .54rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: .13rem;
    margin-top: .13rem;
    color: #999999;
    font-size: .24rem;
}
.game-tag .tag-continer a:nth-child(4n){
    margin-right: 0;
}

.relevant-tag{
    margin-top: .2rem;
    overflow: hidden;
}

.relevant-tag a{
    float: left;
    width: 1.42rem;
    height: .56rem;
    border-radius: .99rem;
    border: solid 1px #a5b3c4;
    color: #a5b3c4;
    font-size: .24rem;
    text-align: center;
    line-height: .54rem;

    margin-right: .18rem
}
.relevant-tag a.active{
    background-color: #2189ff;
    border: solid 1px #2189ff;
    color: #ffffff;
    font-weight: bold;
}
.relevant-strategy .relevant-ul a i{display: none}
.relevant-strategy .relevant-ul a::before{
    content: '';
    display: inline-block;
    width: .14rem;
    height:.14rem;
    border-radius: 50%;
        background: #a5b3c4;
    margin-right: 0.1rem;
}