#game-gifts{background:white;padding:0 .24rem .05rem;position:relative}
#game-gifts .filter-btn{line-height:.5rem;cursor:pointer;width:.88rem;height:.5rem;font-size:.26rem;color:#333;float:right;margin:.22rem .2rem 0 0}
.game-ranking-ul{clear:both}
#game-gifts .filter-btn:after{content:"";float:right;width:.22rem;height:.19rem;margin-top:.16rem;background-image:url(../images/youxi18.png);background-size:100% 100%}
#game-gifts .filter-btn.checked:after{background-image:url(/tpl/duotegame/m/images/youxi27.png)}
.hot-game-container{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.hot-game-container a{display:block;width:1.6rem;height:.5rem;background-color:#f0f0f0;border-radius:.05rem;line-height:.5rem;text-align:center;font-size:.22rem;color:#555;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:.2rem .2rem 0 0}
.hot-game-container a:nth-child(4n){margin-right:0}
.strategy-ul .toggle-con-li{display:none}
.strategy-ul .toggle-con-li:first-child{display:block}
.game-ranking-ul li{padding:.24rem 0;display:flex;justify-content:space-between;align-items:center;border-bottom:.01rem solid #eee;position:relative}
.game-ranking-ul li:last-child{border-bottom:0}
.game-ranking-ul li.good:before{content:"";display:block;width:.6rem;height:.6rem;top:0;right:-0.24rem;position:absolute;background-image:url(/tpl/duotegame/m/images/youxi11.png);background-size:100% 100%}
.game-ranking-ul li.too:before{content:"";display:block;width:.6rem;height:.6rem;top:0;right:-0.24rem;position:absolute;background-image:url(/tpl/duotegame/m/images/youxi9.png);background-size:100% 100%}
.game-ranking-ul img{width:1.3rem;height:1.3rem;border-radius:22%;margin-right:.4rem}
.game-ranking-ul .ranking-content{width:4.4rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:1.3rem}
.game-ranking-ul .ranking-content>a{height:.34rem;line-height:.32rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.26rem;color:#1a1a1a}
.game-ranking-ul .ranking-content span{margin-right:.2rem}
.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-info b{color:#ffb14b;margin-right:.2rem;font-weight:normal}
.game-ranking-ul .ranking-content .game-label{height:.4rem;line-height:.4rem;font-size:.22rem;color:#666;overflow:hidden;width:96%;word-break:break-all}
.game-ranking-ul .ranking-content .game-label a{display:inline-block;border-radius:.05rem;border:solid 1px #999;padding:0 .1rem;color:#999;line-height:.36rem}
.filter-container{width:100%;left:0;top:.9rem;background:white;min-height:2rem;z-index:100;position:absolute;padding:.2rem .24rem;display:none}
.type-container .type-title{height:.6rem;line-height:.5rem;text-align:left;font-size:.22rem;color:#555}
.choose-container{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.choose-container span{display:block;width:1.6rem;height:.5rem;background-color:#f0f0f0;border-radius:.05rem;line-height:.5rem;text-align:center;font-size:.22rem;color:#555;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0 .2rem .2rem 0;cursor:pointer}
.choose-container span.checked{color:#2189ff}
.choose-container span:nth-child(4n){margin-right:0}
.filter-btn-container{height:.5rem;display:flex;align-items:center;justify-content:flex-end}
.filter-btn-container div{display:block;width:1.2rem;height:.5rem;background-color:#f0f0f0;border-radius:.05rem;line-height:.5rem;text-align:center;font-size:.24rem;color:#888;margin-left:.2rem;cursor:pointer}
.filter-btn-container .jump-page{background:#2189ff;color:white}
.shadow-container{position:fixed;height:60%;background:rgba(0,0,0,0.5);bottom:0;left:0;max-width:7.5rem;margin:auto;right:0;width:100%;z-index:10;display:none}


.shanxuanbtn{
    padding-bottom: .21rem;
    background: #fff;
    margin-bottom: 0.16rem;
    overflow-x: hidden;
    box-sizing: border-box;
    padding: 0 .25rem;
    padding-bottom: .21rem;
    width: 100%;
}
.shanxuanbtn a{
    width: 1.62rem;
    height: .56rem;
    border-radius: 6.66rem;
    border: solid 1px #a5b3c4;
    display: block;
    text-align: center;
    line-height: .56rem;
    float: left;
    margin: 0 .06rem;
    margin-top: .14rem;
    color: #a5b3c4;
    font-size: .24rem
}
.shanxuanbtn a.checked{
    border: solid 1px #2189ff;
    color: #2189ff;
}

#game-gifts .strategy-btn{
    width: 6.87rem;
    height: .64rem;
    line-height: .64rem;
    margin: auto;
}
#game-gifts .strategy-btn a{
    float: left;
    width: 25%;
    text-align: center;
    color: #a5b3c4;
    font-size: .28rem;    box-sizing: border-box;
}
#game-gifts .strategy-btn a.checked{
    border-bottom: solid 1px #2189ff;
    color: #2189ff;
    font-weight: bold;
}



.game-ranking-ul .game-detail{
    width: 1.04rem;
    height: .52rem;
    background-color: #2189ff;
    border-radius: .26rem;
    color: #fff;
    line-height: .52rem;
    text-align: center;
}

.shanxuanbtnUl {
    display: block;
    height: 1.5rem;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.shanxuanbtnUlTab {
    display: inline-block;
    width: 100%;
    height: 100%;
}