#page-head{height:.9rem;border-bottom:0}
#strategy-main-container{width:100%;padding:.24rem .24rem .4rem;background:white;}
#strategy-main-container .strategy-name a{font-size:.42rem;line-height:.54rem;font-weight:bold;color:#333;}
#strategy-main-container .strategy-name a.tlc{text-align: center;width:100%;display: inline-block;height: 1rem;line-height: 1rem;}
#strategy-main-container .strategy-info{text-align:left;height:.7rem;line-height:.7rem;font-size:.22rem;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#strategy-main-container .strategy-info span{margin-right:.59rem}
#strategy-main-container .strategy-info a{color:#999}
#strategy-read{width:100%;padding:.3rem 0 0;overflow:hidden;position:relative}
#strategy-read .more-strategy{width:100%;height:1.5rem;justify-content:center;align-items:flex-end;font-size:.3rem;color:#20c3cc;background:linear-gradient(to top,white,transparent);position:absolute;bottom:0;left:0;cursor:pointer;display:none}
#strategy-read .more-strategy i{width:1.6rem;height:.3rem;background-image:url(/tpl/duotegame/m/images/youxi17.png)}
#strategy-read p{font-size:.3rem;line-height:.48rem;color:#333;margin-bottom:.25rem}
#strategy-read center{font-size:.3rem;line-height:.48rem;color:#333;margin-bottom:.25rem}
#strategy-read iframe{width:100%;height:4rem}
#strategy-read p a{font-size:.3rem}
#strategy-read table{width:100%}
#strategy-read table caption{word-break:break-all;background-color:#2189ff;text-align:center;color:#fff;line-height:.5rem;font-size:.3rem}
#strategy-read table tr td{padding:2px 4px;border:1px solid #ccc;text-align:center;color:#999;cursor:pointer;font-size:.3rem}
#strategy-read table tr td a{color:#000;font-size:.29rem}
#strategy-read table tr td a:hover{color:#ccc}
#strategy-read span{font-size:.3rem}
#strategy-read h4{text-align:left;color:#444;font-weight:bold;margin:.24rem 0;font-size:.3rem}
#strategy-read td p{font-size:.24rem;color:black;margin-bottom:0}
#strategy-read h3{background:url(/tpl/duotegame/m/images/h3left.jpg) no-repeat;display:inline-block;padding:0 .3rem;font-size:.32rem;margin:0 0 .3rem 0;font-weight:bold;line-height:.6rem;background-size:6px 18px;background-position-y:.15rem}
#strategy-read img{max-width:100%;display:block;margin:0 auto;}
#strategy-game{padding:.24rem;width:100%;border-bottom:.24rem solid #eee;display:flex;justify-content:flex-start;align-items:center}
#strategy-game img{width:1.46rem;height:1.46rem;border-radius:22%}
#strategy-game .strategy-game-info{flex-grow:1;height:1.46rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:.05rem .24rem 0}
#strategy-game .strategy-game-info p{width:3.6rem;height:.32rem;line-height:.32rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#strategy-game .strategy-game-info p:nth-child(1){font-size:.3rem;color:#333}
#strategy-game .strategy-game-info p:nth-child(2){font-size:.24rem;color:#999}
#strategy-game .strategy-game-info p:nth-child(3){font-size:.24rem;color:#ffb14b}
#strategy-game .go-game{width:1.58rem;height:.58rem;background-color:#2189ff;border-radius:.05rem;line-height:.58rem;text-align:center;font-size:.26rem;color:#fff}
.relevant-strategy{padding:0 .24rem;width:100%;border-bottom:.24rem solid #eee;background-color: #fff;}
.relevant-strategy .relevant-ul{padding:.1rem 0}
.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}
.strategy-container{background:white;padding:.14rem .24rem .2rem;border-bottom:.24rem solid #eee}
.strategy-container .strategy-btn{width:100%;height:.56rem;line-height:.56rem;display:flex;justify-content:flex-start;align-items:flex-start}
.strategy-container .strategy-btn span{font-size:.26rem;color:#333;margin-right:.6rem;cursor:pointer}
.strategy-container .strategy-btn span.checked{font-weight:bold;color:#2189ff}
.strategy-content{width:100%;overflow: hidden;}
.xiangguan-box .active{display:block}
.strategy-content li{padding:.24rem 0;display:flex;justify-content:flex-start}
.strategy-content li:last-child{border-color:transparent}
.strategy-content li img{width:2.4rem;height:1.44rem;border-radius:.08rem;margin-right:.24rem}
.strategy-content li div{height:0.6rem;}
.strategy-content li div p{line-height:.54rem;color:#9a9a9a;font-size:.22rem;float: left;}
#game-ranking{background:white;padding:0 .24rem .05rem}
.game-ranking-ul li{display:flex;justify-content:space-between;align-items:center;position:relative;border: solid 1px #e4e9ef;margin-top: 0.2rem;padding:0.2rem 0 0.2rem 0.2rem;border-radius: 0.25rem}
.game-ranking-ul img{width:1.3rem;height:1.3rem;border-radius:22%;margin-right:.3rem}
.game-ranking-ul .ranking-content{width:4rem;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 .ranking-content>a{height:.34rem;line-height:.32rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.30rem;font-weight:bold;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:.2rem;font-size:.22rem!important;color:#999}
.game-ranking-ul .ranking-content span.leftTitle{margin-right: 0;color: #a5b3c4;  }
.game-ranking-ul .ranking-content span:last-child{margin-right: 0}
.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:.05rem;display:inline-block}
.game-ranking-ul .game-detail{width:1.3rem;height:.5rem;background-color:#2189ff;border-radius:.25rem;text-align:center;line-height:.5rem;color:#fff;font-size:.26rem;margin-right: 0.2rem}
.zt-gq{margin:.5rem 0}
#zt-gq{margin-top:10px;display:inline-block}
.zt-gq table tbody tr td{float:left;width:1.35rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zt-gq table tbody tr td a{color:#555;font-size:.27rem}
.zt-gq table tbody tr{display:none;line-height:.6rem}
.zt-gq table tbody tr.ztbutton1{display:block}
.ztbutton{font-size:.25rem;cursor:pointer;color:#999;border:1px solid #ccc;width:1.6rem;text-align:center;padding:.1rem 0;float:left;margin-bottom:.1rem;margin-right:.2rem}
.ztbutton:nth-child(4n){margin-right:0}
.zt-gq a.ztbutton:first-child{color:#2189ff}
.zt-gq table tbody tr td a:hover{color:#2189ff}
.gl-prev a{color:#2189ff;font-size:.3rem;border:1px solid #2189ff;padding:.05rem .1rem}
.gl-prev a:nth-child(1){float:left}
.gl-prev a:nth-child(2){float:right}
.common-news-img{position:relative;padding:10px 0;border-bottom:.24rem solid #eee}
.common-news-x{position:absolute;top:10px;right:.2rem;width:.35rem;height:.35rem;background:#666;text-align:center;line-height:.35rem;font-size:.3rem;color:#fff;opacity:.8}
#strategy-read .game-ranking-ul .ranking-content>a{height:.34rem;line-height:.32rem;overflow:hidden;text-overflow:ellipsis;white-space:normal;font-size:.30rem;color:#1a1a1a;font-weight:500!important}
.srcnav{overflow:hidden;position:relative;height:26px;line-height:26px;margin-top:10px}
.srcnav li{display:inline-block;padding:0!important}
.srcnav .on{color:#2189ff}
.srcnav li a{display:inline-block;height:.42rem;font-size:.3rem;overflow:hidden;padding:0 .2rem;color:#333}
.plist3{margin:5px 0 0;display:none}
.plist3:first-child{display:inline-block;width:100%}
.strategy-hero{background:white;padding:0 .24rem 0;border-bottom:.24rem solid #eee}
.plist3 li{height:98px;margin-top:5px;padding:0 4px}
.plist3 li{float:left;width:20%;overflow:hidden;text-align:center;font-size:1.2em;padding:0 2px;box-sizing:border-box;margin-right:6%}
.plist3 li:nth-child(4n){margin-right:0}
.plist3 li a{color:#666}
.plist3 img{width:1.3rem;height:1.3rem;border-radius:22%}
.plist3 img{display:block;margin:0 auto 2px;border:1px solid #c8c8c8;-webkit-box-sizing:border-box;box-sizing:border-box}
.plist2{margin:.3rem 0 0;display:none}
.plist2:first-child{display:inline-block;width:100%}
.plist2 li{height:2.4rem;margin-bottom:.3rem}
.plist2 li{float:left;width:47%;overflow:hidden;font-size:1.2em;padding:0 2px;box-sizing:border-box;margin-right:6%}
.plist2 li:nth-child(2n){margin-right:0}
.plist2 li a{color:#666;line-height:.4rem}
.plist2 img{width:100%}
.plist2 img{display:block;margin:0 auto 2px;border:1px solid #c8c8c8;-webkit-box-sizing:border-box;box-sizing:border-box}

.gk-gl{
    width: 100%;
    padding: 0.24rem 0.24rem 0.4rem;
    background: white;overflow: hidden;
}

.gk-gl .gk-tab{
        width: 3.82rem;
    height: .56rem;
}

.gk-gl .gk-tab span{
    float: left;
    height: .56rem;
    
    border-radius: .99rem;
    
    border: solid 1px #a5b3c4;
    line-height: .54rem;
    padding: 0 .2rem;
    color: #a5b3c4;
    font-size: .24rem;
    margin-right: .08rem;
}
.gk-gl .gk-tab span.active{
    border: solid 1px #2189ff;
    background-color: #2189ff;
    color: #ffffff;
}
.gk-gl .gk-con{
        margin-top: .14rem;
}

.gk-gl .gk-con .gk-list{
    display: none;
}

.gk-gl .gk-con .gk-list.active{
    display: block;
}

.gk-gl .gk-con .gk-list a{
    float: left;
    width: 1.62rem;
    height: .56rem;
    border-radius: 6.66rem;
    border: solid 1px #a5b3c4;
    line-height: .54rem;
    text-align: center;
    color: #a5b3c4;
    font-size: .24rem;
    margin-right: .13rem;
    margin-top: .11rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gk-gl .gk-con .gk-list a:nth-child(4n){
    margin-right: 0;
}

.game-tuijian{
    padding: 0 .24rem;
    background: white;
    padding-bottom: .3rem;
}
.game-tuijian .tuijian-list{
    width: 100%;
    overflow-x: hidden;
}
.game-tuijian .list-box{
display: block;
    overflow-x: auto;
    white-space: nowrap;
    height: 1.69rem;
    border-bottom: 0;
    overflow-y: hidden;
}
.game-tuijian .list-box a{
    display: inline-block;
    width: 1.28rem;
    height: 1.69rem;
    margin-right: .36rem;
    text-align: center;
    color: #666666;
    font-size: .24rem;
    overflow: hidden;
}
.game-tuijian .list-box a img{
    width: 1.28rem;
    display: block;
    border-radius: .2rem;
    height: 1.28rem;
}

.game-card-box{
    background: #fff;    padding-bottom: .4rem;
}

.game-card-box .game-card{
    width: 6.88rem;
    height: 2.08rem;
    border-radius: 24px;
    border: solid 1px #eeeeee;
    margin: auto;
}
.game-card-box .game-card img{
    float: left;
    width: 1.58rem;
    height: 1.58rem;
    border-radius: .2rem;
    margin: .24rem;
    margin-right: .32rem;
}
.game-card-box .game-card .game-card-r{
    float: left;
    width: 4.5rem;
    height: 1.58rem;
    margin-top: .24rem;
}

.game-card-box .game-card .game-card-r .gtit{
    color: #333333;
    font-size: .36rem;
    font-weight: bold;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}
.game-card-box .game-card .game-card-r .game-type{
    margin-top: 5px;
}
.game-card-box .game-card .game-card-r .pf{
float: left;
    height: .37rem;
    width: 100%;
    margin-top: .1rem;
}
.game-card-box .game-card .game-card-r .pf p{
   width: 2.1rem;
    height: 0.3rem;    margin-right: .2rem;
    display: inline-block;
    background-image: url(/tpl/duotegame/m/images/wuxing_2.png);background-size: cover;
}


.game-card-box .game-card .game-card-r .pf p i{
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/tpl/duotegame/m/images/wuxing.png);
    background-size: cover;
}
.game-card-box .game-card .game-card-r .pf span{
        color: #ffbd23;
    font-size: .28rem;
}

.game-card-box .game-card .game-card-android{
    float: left;
    width: 1.98rem;
    height: .54rem;
    line-height: .54rem;
    background-color: #44c86c;
    border-radius: .27rem;    margin-top: .15rem;
    text-align: center;color: #ffffff;
    font-size: .22rem;
    margin-right: .11rem;
}
.game-card-box .game-card .game-card-android::before{
    content: '';
    display: inline-block;
    margin-right: .1rem;
    width: .32rem;
    height: .32rem;
    background: url(/tpl/duotegame/m/images/android.png);
    background-size: cover;
    vertical-align: sub;
}
.game-card-box .game-card .game-card-ios{
    float: left;
    width: 1.98rem;
    height: .54rem;
    line-height: .54rem;
    background-color: #44c86c;
    border-radius: .27rem;
    text-align: center;color: #ffffff;    margin-top: .15rem;
    font-size: .22rem;
    margin-right: .11rem;
}
.game-card-box .game-card .game-card-zt{
    float: left;
    width: 1.98rem;
    height: .54rem;
    line-height: .54rem;
    background-color: #444444;
    border-radius: .27rem;
    text-align: center;color: #ffffff;    margin-top: .15rem;
    font-size: .22rem;
}
.game-card-box .game-card .game-card-ios::before{
    content: '';
    display: inline-block;
    margin-right: .1rem;
    width: .32rem;
    height: .32rem;
    background: url(/tpl/duotegame/m/images/ios.png);
    background-size: cover;
    vertical-align: sub;
}

/*新的游戏卡片*/
.gamecard-sybox{
    background: #fff;
	padding-bottom: .4rem;
}
.gamecard-sybox .gamecard{
    width: 6.88rem;
    height: 2.98rem;
    border-radius: .24rem;
    border: solid 1px #eeeeee;
    margin: auto;
}
.gamecard-sybox .gamecard img{
    float: left;
    width: 1.58rem;
    height: 1.58rem;
    border-radius: .2rem;
    margin: .24rem;
    margin-right: .32rem;
}
.gamecard-sybox .gamecard .gamecard-r{
    float: left;
    width: 4.5rem;
    height: 1.58rem;
    margin-top: .24rem;
}
.gamecard-sybox .gamecard .gamecard-r .gtit{
    color: #333333;
    font-size: .36rem;
    font-weight: bold;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}
.gamecard-sybox .gamecard .gamecard-r .gtype{
    margin-top: .12rem;
}
.gamecard-sybox .gamecard .gamecard-android{
    float: left;
    width: 1.98rem;
    height: .54rem;
    line-height: .54rem;
    background-color: #44c86c;
    border-radius: .27rem;
	margin-top: .15rem;
    text-align: center;color: #ffffff;
    font-size: .22rem;
    margin-right: .11rem;
}
.gamecard-sybox .gamecard .gamecard-android::before{
    content: '';
    display: inline-block;
    margin-right: .1rem;
    width: .32rem;
    height: .32rem;
    background: url(/tpl/duotegame/m/images/android.png);
    background-size: cover;
    vertical-align: sub;
}
.gamecard-sybox .gamecard .gamecard-ios{
    float: left;
    width: 1.98rem;
    height: .54rem;
    line-height: .54rem;
    background-color: #44c86c;
    border-radius: .27rem;
    text-align: center;color: #ffffff;    margin-top: .15rem;
    font-size: .22rem;
    margin-right: .11rem;
}
.gamecard-sybox .gamecard .gamecard-ios::before{
    content: '';
    display: inline-block;
    margin-right: .1rem;
    width: .32rem;
    height: .32rem;
    background: url(/tpl/duotegame/m/images/ios.png);
    background-size: cover;
    vertical-align: sub;
}
.gamecard-sybox .gamecard-f{
	width: 100%;
    height: 0.9rem;
    display: table;
    background: #eee;
    border-bottom-right-radius: 0.24rem;
    border-bottom-left-radius: 0.24rem;
}
.gamecard-sybox .gamecard-f a{
	width: 1.25rem;
    height: .3rem;
    line-height: .3rem;
    float: left;
    margin-top: .3rem;
    display: inline-block;
    border-right: #ccc 1px solid;
    color: #333;
    text-align: center;
    font-size: .24rem;
}
.gamecard-sybox .gamecard-f a.slt{
	border-right: 0;
    background-color: #2189ff;
    border-radius: .27rem;
    margin-left: .24rem;
    color: #fff;
	height: .54rem;
    line-height: .54rem;
    margin-top: .18rem;
    width: 1.58rem;
}
.gamecard-sybox .gamecard-f a:last-child{
	border-right: 0;
}

.gamecard-pcbox{
    background: #fff;
	padding-bottom: .4rem;
}
.gamecard-pcbox .gamecard{
    width: 6.88rem;
    height: 2.88rem;
    border-radius: .24rem;
    border: solid 1px #eeeeee;
    margin: auto;
	position: relative;
}
.gamecard-pcbox .gamecard img{
    float: left;
    width: 1.65rem;
    height: 2.2rem;
    margin: 0.34rem 0.32rem 0 0.15rem;
    position: relative;
    z-index: 1;
}
.gamecard-pcbox .gamecard .gamecard-r{
    float: left;
    width: 4.5rem;
    height: 1.58rem;
    margin-top: .24rem;
}
.gamecard-pcbox .gamecard .gamecard-r .gtit{
    color: #333333;
    font-size: .36rem;
    font-weight: bold;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}
.gamecard-pcbox .gamecard .gamecard-r .gtype{
    margin-top: .12rem;
}
.gamecard-pcbox .gamecard .gamecard-zq{
    float: left;
    width: 1.98rem;
    height: .54rem;
    line-height: .54rem;
    background-color: #44c86c;
    border-radius: .27rem;
	margin-top: .15rem;
    text-align: center;color: #ffffff;
    font-size: .22rem;
    margin-right: .11rem;
}
.gamecard-pcbox .gamecard-f{
	width: 100%;
    height: 0.9rem;
    display: table;
    background: #eee;
    border-bottom-right-radius: 0.24rem;
    border-bottom-left-radius: 0.24rem;
	position: absolute;
    left: 0;
    bottom: 0;
}
.gamecard-pcbox .gamecard-f a{
	width: 1.25rem;
    height: .3rem;
    line-height: .3rem;
    float: left;
    margin-top: .3rem;
    display: inline-block;
    border-right: #ccc 1px solid;
    color: #333;
    text-align: center;
    font-size: .24rem;
}
.gamecard-pcbox .gamecard-f a:first-child{
	margin-left: 1.82rem;
}
.gamecard-pcbox .gamecard-f a:last-child{
	border-right: 0;
}

.strategy-content{width:100%;}
.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}

.xiangguan{
    padding: 0 .24rem;
    background: white;
    padding-bottom: .3rem;
}

.title-container.canclick{
    display: block;
}
.title-container em{
    float: left;
    margin-right: .54rem;
    position: relative;
    color: #333333;
    font-size: .32rem;font-weight: bold;    line-height: .74rem;
}
.title-container em.active::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: .48rem;
    height: .08rem;
    background-color: #2189ff;
    border-radius: .16rem;
    margin-left: -0.24rem;

}

.read-control{justify-content:flex-end;height:.5rem;align-items:center;display:none;position: relative;}
.read-control div{height:1.5rem;width:100%;justify-content:flex-end;align-items:center;cursor:pointer;color:#20c3cc;font-size:.22rem;    position: absolute;
    background: linear-gradient(-180deg,rgba(255,255,255,0) 0,#fff 50%);
left: 0;top: -1rem;text-align: center;
}
.read-control div.checked{
    background:transparent;
    height: .5rem;
}
.read-control div.checked span{
        line-height: .5rem;

}
.read-control div span{
    color: #2189ff;font-size: .28rem;line-height: 1.5rem;
}


.strategy-content.active {
    display: block;
}

.strategy-content li {
    padding: 0.24rem 0;
    border-bottom: 0.01rem solid #dddddd;
    display: flex;
    justify-content: flex-start;
}

.strategy-content li:last-child {
    border-color: transparent;
}

.strategy-content li img {
    width: 2.4rem;
    height: 1.44rem;
    border-radius: 0.08rem;
    margin-right: 0.24rem;
}

.strategy-content li div {
    height: 1.44rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.strategy-content li div a {
    font-size: 0.30rem;
    color: #333333;
    overflow: hidden;
    float: left;
    height: 0.8rem;
}

.strategy-content li div p {
    line-height: 0.34rem;
    color: #9a9a9a;
    font-size: 0.22rem;
}


.glztmodBox{
    background: #fff;
}
.glztTagHtmlBox{
    background: #fff;
}
.glztTagHtmlBox .title-container{
    padding: 0 0.24rem;
}
.glztmodBox .title-container{
    padding: 0 0.24rem;
}
.zjcon_r_con{
    width: 100%;
    padding: 0 0.24rem;
    display: block;
}
.zjcon_r_con .diycon{
    display: block;
    overflow: hidden;
}
.zjcon_r_con .diycon.active{
    height: 2.2rem;
}
.zjcon_r_con .diypic.active{
    height: 6.3rem;
}
.zjcon_r_con .diycon a.llink{
    width: 2.2rem;
    margin: 0 0 .2rem .2rem;
    float: left;
    display: block;
    font-size: .26rem;
    text-align: center;
    overflow: hidden;
    color: #333;
    border: 1px solid #999999;
    border-radius: .35rem;
    height: 0.56rem;
    line-height: 0.56rem;
    padding: 0 0.1rem;
}
.zjcon_r_con .diycon a.llink:nth-child(3n+1){
    margin-left: 0;
}

.zjcon_r_con .diypic{
    overflow: hidden;
}
.zjcon_r_con .diytw{
    overflow: hidden;
}
.zjcon_r_con .diypic a.plink{
    width: 1.56rem;
    height: 1.96rem;
    margin-left: .24rem;
    margin-bottom: .2rem;
    display: block;
    float: left;
}
.zjcon_r_con .diypic a.plink img{
    width: 1.56rem;
    height: 1.56rem;
    border-radius: .3rem;
}
.zjcon_r_con .diypic a.plink span{
    display: block;
    width: 100%;
    height: .44rem;
    line-height: .44rem;
    overflow: hidden;
    text-align: center;
    font-size: .22rem;
    color: #333;
}
.zjcon_r_con .diypic a.plink:nth-child(4n+1){
    margin-left: 0;
}


.zjcon_r_con .diytw a.vlink{
    width: 3.39rem;
    height: 1.96rem;
    margin-left: .24rem;
    margin-bottom: .2rem;
    display: block;
    float: left;
}
.zjcon_r_con .diytw a.vlink img{
    width: 3.39rem;
    height: 1.56rem;
    border-radius: .2rem;
}
.zjcon_r_con .diytw a.vlink span{
    display: block;
    width: 100%;
    height: .44rem;
    line-height: .44rem;
    overflow: hidden;
    text-align: center;
    font-size: .22rem;
    color: #333;
}
.zjcon_r_con .diytw a.vlink:nth-child(2n+1){
    margin-left: 0;
}

.zjcon_r_nav{
    display: table;
    padding: 0 0.24rem;
    margin-bottom: 0.24rem;
}
.zjcon_r_nav li.curr {
    background: #2189FF;
    color: #fff;
    border: 1px solid #2189FF;
}
.zjcon_r_nav li {
    height: 0.5rem;
    line-height: 0.5rem;
    float: left;
    display: inline-block;
    font-size: 0.26rem;
    cursor: pointer;
    border-radius: 0.3rem;
    width: 1.2rem;
    border: 1px solid #A5B3C4;
    color: #A5B3C4;
    text-align: center;
    margin-right: 0.1rem;
}

.zjcon_r_con_one.curr{
    display: inline-block;
}
.hide {
    display: none;
}
.ztchild_more span{width:4.2rem;height:.58rem;line-height:.58rem;border-radius:.3rem;border:solid 1px #ccc;margin:.18rem auto 0;display:table;text-align:center;cursor:pointer}
/*子分类结束*/
.game-ranking .new-ranking-ul{
    padding: 0;
}
.new-ranking-ul li{
    padding: 0.24rem 0;
    border-bottom: 0.01rem solid #dddddd;
    display: flex;
    justify-content: flex-start;
}
.new-ranking-ul li img {
    width: 2.4rem!important;
    max-width: 2.4rem!important;
    height: 1.44rem!important;
    margin:0 0.24rem 0 0!important;
}
.new-ranking-ul li div a{
    font-size: 0.30rem;
    color: #333333;
    max-height: 1rem;
    overflow: hidden;
    line-height: 0.5rem;
}

.hotLabelSwiper {
    width: 100%;
}
.hotLabelSwiper .three-a {
    width: 2.2rem;
    margin: 0 0 .2rem .20rem;
    float: left;
    display: block;
    font-size: .26rem;
    text-align: center;
    overflow: hidden;
    color: #999;
    border:1px solid #999999;
    border-radius: .35rem;
    height: 0.55rem;
    line-height: 0.55rem;
    padding: 0 0.1rem;
}
.hotLabelSwiper .three-a:nth-child(3n+1){
    margin-left: 0.24rem;
}
.hotLabelSwiper a.checked{
    border: 1px solid #2189FF;
    color: #2189FF;
}
.hotLabelSwiper .swiper-pagination-bullet{
    width: 0.2rem;
    height: 0.2rem;
    background: #A5B3C4;
    border-radius: 50%;
    opacity: 1;
}
.hotLabelSwiper .swiper-pagination-bullet-active{
    width: 0.6rem;
    height: 0.2rem;
    background: #2189FF;
    opacity: 1;
    border-radius: 0.1rem;
}

.hotLabelSwiper-pagination{
    bottom:0!important;
    position: relative!important;
    text-align: center!important;
    margin-top: 0.1rem;
    display: none;
}
.hotLabelSwiper-pagination.isshow{
    display: block;
}


/*文章卡片*/
.newsCard .newsCardLi{
    width: 100%;
    border-radius: 0.25rem;
    border: solid 1px #e4e9ef;
    margin-top: 0.2rem;
    display: flex;
}
.newsCard .newsCardLi .newsCardLileft{
    width: 3rem;
    height: 1.2rem;
    margin: 0.2rem 0.1rem 0.2rem 0.2rem;
    display: block;
    float: left;
}
.newsCard .newsCardLi .newsCardLileft img{
    width: 100%;
    height: 100%;
    margin: 0;
}
.newsCard .newsCardLi .newsCardLiRight{
    margin: 0.2rem;
    float: left;
}
.newsCard .newsCardLi .newsCardLiRight a:first-child{
    height: 0.8rem;
    width: 4rem;
    font-size: 0.3rem;
    font-stretch: normal;
    overflow: hidden;
    color: #333333;
    display: block;
    font-weight: bold;
    line-height: 0.4rem;
}
.newsCard .newsCardLi .newsCardLiRight a.glmore{
    font-size: 0.22rem;
    font-weight: normal;
    font-stretch: normal;
    color: #2189ff;
    display: flex;
    margin-top: 0.05rem;
    float: right;
}
.newsCard .newsCardLi .newsCardLiRight a.glmore:hover{
    color: #79b8ff;
}

.n_show_g a{
    background-color: #ebf4ff;
    color: #2189ff!important;
    padding: 0.15rem 0.2rem;
    border-radius: 0.35rem;
    font-weight: bold;
    margin-right: 0.1rem;
    display: inline-block;
    margin-bottom: 0.1rem;
}
.n_show_g a:hover{
    opacity: 0.6;
}
.page-title-container{
    display: inline-block;
    width: 100%;
}

.new-page{
    width: auto;
    display: flex;
    float: inherit;
}
.page-title-container{
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    background: #ffffff;
    padding: 0.1rem 0.2rem 0;
    border: solid 1px #eeeeee;
    margin: 0.3rem auto 0.3rem;
}
.page-title-container a{
    float: left;
    width: 50%;
    margin-bottom: 0.1rem;
    height: 0.35rem;
    line-height: 0.35rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #808080;
}
.page-title-container a.checked {
    color: #2189ff;
}

.djCardBox{
    padding: 0;
}
.djCardBox .djCardOne {
    width: 100%;
    border-radius: 0.25rem;
    border: solid 1px #e4e9ef;
    margin-top: 0.2rem;
    overflow: hidden;
}
.djCardBox .djCardOne .djImg{
    float: left;
}
.djCardBox .djCardOne .djImg a{
    display: block;
}
.djCardBox .djCardOne .djInfo{
    float: left;
    margin-top: 0.2rem;
    display: block;
    width: 3rem;
}
.djCardBox .djCardOne .djDown{
    float: left;
}
.djCardBox .djCardOne .djDown a{
    width: 1.6rem;
    border: 0.2rem;
    background-color: #2189ff;
    color: #fff;
    display: block;
    text-decoration: none;
    text-align: center;
    height: 0.6rem;
    font-size: 0.24rem;
    line-height: 0.6rem;
    border-radius: 5px;
    margin-top: 1rem;
    margin-left: 0.2rem;
}
.djCardBox .djCardOne .djDown a:hover{
    opacity: 0.8;
}
.djCardBox .djCardOne img {
    width: 1.6rem;
    height: 2.13rem;
    margin: 0.2rem;
    display: block;
    float: left;
}
.djCardBox .djCardOne .djInfo .djInfoT a{
    font-size: 0.35rem;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
.djCardBox .djCardOne .djInfo .djInfoT a:hover{
    color: #2189ff;
}
.djCardBox .djCardOne .djInfo .djInfoC{
    display: block;
    overflow: hidden;
}
.djCardBox .djCardOne .djInfo .djInfoC span{
    margin: 0.2rem 0 0 0;
    font-size: 0.22rem!important;
    color: #666;
    line-height: normal;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.djCardBox .djCardOne .djInfo .djInfoC span:nth-child(3){
    display: none;
}
.djCardBox .djCardOne .djInfo .djInfoA{
    margin-top: 0.2rem;
    display: none;
}
.djCardBox .djCardOne .djInfo .djInfoA span{
    font-size: 0.22rem;
    color: #666;
    float: left;
    line-height: 0.45rem;
    display: none;
}
.djCardBox .djCardOne .djInfo .djInfoA a{
    display: block;
    border-radius: 0.2rem;
    background-color: #e6e6e6;
    color: #000;
    float: left;
    margin-right: 0.2rem;
    font-size: 0.22rem;
    text-decoration: none;
    padding: 0.02rem 0.16rem;
    line-height: normal;
    margin-bottom: 0.1rem;
}
.djCardBox .djCardOne .djInfo .djInfoA a:hover{
    background-color: #2189ff;
    color: #fff;
}
.strategy-zfl{
    margin:.2rem 0;
    width:100%;
    height:2.3rem;
}
.strategy-zfl-t{
    width:100%;
    height: 1rem;
    background: #fff;
    border-top-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
    box-shadow: 0 5px 5px 2px rgb(205 205 205 / 50%);
}
.strategy-zfl-prev{
    width:.5rem;
    height:.5rem;
    background:#f5f5f5;
    float:left;
    margin:.25rem .5rem;
    border-radius: 50%;
    cursor:pointer;
}
.strategy-zfl-prev:before{
    content: '';
    width:.2rem;
    height: .34rem;
    background: url(/tpl/duotegame/m/images/lgray.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    float:left;
    margin: 0.08rem 0 0 0.14rem;
}
.strategy-zfl-nav{
    width:4rem;
    height:1rem;
    line-height: 1rem;
    float:left;
    overflow: hidden;
}
.strategy-zfl-nav li{
    text-align: center;
    font-size: .4rem;
    display: none;
}
.strategy-zfl-nav li.curr{
    display:block;
}
.strategy-zfl-next{
    width:.5rem;
    height:.5rem;
    background:#f5f5f5;
    float:right;
    margin:.25rem .5rem;
    border-radius: 50%;
    cursor:pointer;
}
.strategy-zfl-next:before{
    content: '';
    width:.2rem;
    height: .34rem;
    background: url(/tpl/duotegame/m/images/rgray.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    float:left;
    margin: 0.08rem 0 0 0.14rem;
}
.strategy-zfl-f{
    width:100%;
    height: 1.3rem;
    background: #f5f5f5;
    border-bottom-right-radius: 0.1rem;
    border-bottom-left-radius: 0.1rem;
    box-shadow: 0 5px 5px 2px rgb(205 205 205 / 50%);
    overflow: hidden;
}
.strategy-zfl-con{
    height:1.3rem;
    margin: 0 .2rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    display: none;
}
.strategy-zfl-con.curr{
    display:flex;
}
.strategy-zfl-con::-webkit-scrollbar {
    display: none;
}
.strategy-zfl-con a{
    width:.7rem;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    background:#b3c4f0;
    color:#333;
    float:left;
    margin:.3rem .1rem;
    border-radius: 50%;
    cursor:pointer;
    font-size: .36rem;
    flex:none;
}
.strategy-zfl-con a.curr{
    background: #2189ff;
    color:#fff;
}