@CHARSET "UTF-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,button,fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0;padding:0;font-family:"寰蒋闆呴粦"}
table{border-collapse:collapse;border-spacing:0;font-family:"寰蒋闆呴粦"}
fieldset,img{border:0;vertical-align:bottom}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ul,ol,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%;outline:0;border:0}
a{text-decoration:none}
button,textarea{outline:0;border:0;padding:0;margin:0;-webkit-appearance:none}
.fn-clear:after{visibility:hidden;display:table;font-size:0;content:"";clear:both;height:0}
div,a,span,p,b,i,li{background-size:100% 100%;background-repeat:no-repeat;box-sizing:border-box;text-align:left;font-style:normal;font-size:.22rem}
#container{max-width:7.5rem;width:100%;margin:auto}
body{
    background: #eeeeee;
}


#page-head{height:1.14rem;background-color:#fff;display:flex;justify-content:space-between;padding:0 .24rem;align-items:center;border-bottom:.24rem solid #eee}
#page-head a{font-size:.28rem;color:#999999;    height: .69rem;
    line-height: .69rem;}

.page-head-container{width:100%;overflow-x:hidden;    margin-bottom: .16rem;}
.page-head-container #page-head{display:block;overflow-x:auto;white-space:nowrap;height:.69rem;border-bottom:0;    overflow-y: hidden;}
.page-head-container #page-head a{display:inline-block;margin-right:.5rem}
#footer{text-align:center;font-size:.22rem;color:#999;margin:.4rem auto .3rem;padding:0 .24rem}
#footer p{text-align:center}
#footer a{color:#999}
#crumbs-nav{padding:0 .24rem;height:.72rem;line-height:.72rem;font-size:.26rem;color:#888;background-color:#fff;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#crumbs-nav a{color:#888;cursor:pointer}

#page-head a.checked{
    color: #333333;
    font-size: .32rem;
    font-weight: bold;
}
.title-container{
    font-size: .36rem;
    font-weight: bold;
    color: #333;
    padding: 0 0.24rem;
    position: relative;
    margin-bottom: .1rem;
    text-align: left;
    line-height: .74rem;
}
.title-container span{height:.74rem;line-height:.74rem;position:relative;font-size:.32rem;font-weight:bold;color:#333;overflow:hidden;letter-spacing: 0.01rem;}
.title-container a{font-size:.26rem;color:#999;float: right;font-weight: 400}
.load-more-news,.load-more-gifts,.load-more-ranks,.load-more-com-ranks,.load-more-relevant,.load-more-text,.load-more-compilations{width:3rem;height:.64rem;background-color:#fff;border-radius:.32rem;border:solid 1px #ccc;line-height:.64rem;text-align:center;margin:.5rem auto .2rem;font-size:.24rem;color:#555;cursor:pointer;display:block}
.page-container{height:.3rem;line-height:.3rem;text-align:center!important;margin:.3rem auto .5rem}
.page-container a{border-radius:.05rem;padding:.07rem .12rem;font-size:.14rem;color:#333;background:white;border:1px solid #e6e6e6;cursor:pointer;margin:0 .02rem}
.page-container a:hover,.page-container a.checked{color:white;background:#2189ff;border-color:#2189ff}


.pagebox{
    position: relative;
    width: 7rem;height: 1rem;
    display: block;
    margin-top: 0.2rem;
}
.pagebox>a{
    float: left;
    display: block;
    width: 1.13rem;
    height: .6rem;
    line-height: .6rem;
    background: #e4e4e4;
    position: relative;
    text-align: center;
    color: #333;
    border-radius: .04rem;
    cursor: pointer;
    font-size: .28rem;    margin-top: .2rem;
}
.firstpage{
        margin-left: .3rem;
}

.new-page{
    width:4rem;height:.6rem;
    align-items:center;
    justify-content:center;
    float: none;
    margin: 0 auto;
}
.new-page >div,.new-page >a{
    display:block;width:1.13rem;height:.6rem;line-height:.6rem;background:#e4e4e4;position:relative;text-align:center;color:#333;border-radius:.04rem;cursor:pointer;font-size:.28rem;float: left;
}
.new-page >a.no-click{opacity:.4}
.new-page >div{width:1.13rem;margin:0 .25rem}
.new-page span{font-size:.28rem;display:block;width:100%;height:.6rem;line-height:.6rem;text-align:center;background:#2189ff;color:white;border-radius:.04rem}
.new-page .new-page-container >div{position:absolute;bottom:.6rem;left:0;width:100%;max-height:2.5rem;overflow:auto;z-index:3;display:none;background:white}
.new-page .new-page-container >div a{display:block;width:100%;height:.6rem;margin-bottom:1px;line-height:.6rem;background:#e4e4e4;text-align:center;color:#333;border-radius:.04rem;cursor:pointer}
.new-page .new-page-container >div a.checked{background:#2189ff;color:white}
.new-page .new-page-container >div a:active{background:#2189ff;color:white}
.head-links-container{width:100%;left:0;top:1.12rem;background:white;min-height:2rem;z-index:100;position:absolute;padding:.2rem .24rem;display:none}
.link-container .link-title{height:.6rem;line-height:.5rem;text-align:left;font-size:.22rem;color:#555}
.links-container{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.links-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:0 .2rem .2rem 0;cursor:pointer}
.links-container a.checked{color:#2189ff}
.links-container a:nth-child(4n){margin-right:0}
.game-ranking-ul li:before{content:"";display:block;width:.6rem;height:.6rem;top:0;right:-0.24rem;position:absolute;background-size:100% 100%}
.game-ranking-ul li.good:before{background-image:url(/tpl/duotegame/m/images/youxi11.png)}
.game-ranking-ul li.top:before{background-image:url(/tpl/duotegame/m/images/youxi9.png)}
.search-window{display:block;position:fixed;width:100%;height:100vh;background:white;z-index:1005;top:0;left:0;display:none}
#search-header{width:100%;background-color:#2189ff;height:.9rem;padding:0 .24rem;display:flex;align-items:center;justify-content:space-between;position:relative}
#search-header:before{content:"";display:block;position:absolute;top:.29rem;left:.54rem;width:.32rem;height:.32rem;background:url(/tpl/duotegame/m/images/sousuo.png) no-repeat;background-size:.32rem .32rem}
#search-header .search-input{width:6.1rem;height:.64rem;background-color:#fff;border-radius:.32rem;font-size:.24rem;color:#333;box-sizing:border-box;padding:0 .1rem 0 .78rem}
#search-header .cancel-btn{cursor:pointer;text-align:right;width:.8rem;height:.64rem;line-height:.64rem;font-size:.3rem;color:#fffefe;background:transparent}
.history-container{width:100%;background:white;padding:.2rem .24rem;box-sizing:border-box}
.history-head{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem;height:.6rem}
.history-head span{font-size:.24rem;color:#555}
.history-head .clear-history{font-size:.24rem;color:#2189ff}
.history-ul{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.history-ul 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:0 .2rem .2rem 0;cursor:pointer}
.history-ul a:nth-child(4n){margin-right:0}
.notfond{text-align:center;font-size:.32rem;padding:.6rem 0}
.result-color{color:#2189ff!important;padding:0 .06rem!important}
.notfond span{font-size:.32rem}
.notfond a{width:3rem;height:.64rem;background-color:#fff;border-radius:.32rem;border:solid 1px #ccc;line-height:.6rem;text-align:center;margin:.5rem auto .2rem;font-size:.28rem;color:#555;cursor:pointer;display:block}
.scroll-top{width:.8rem;height:.8rem;background:rgba(110,110,110,0.8);position:fixed;top:80vh;right:.3rem;z-index:999;border-radius:50%;display:none;cursor:pointer}
.scroll-top:after{content:"";width:.45rem;height:.24rem;background-image:url(/tpl/duotegame/m/images/youxi25.png);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-size:100% 100%}




#header{background: #fff;width:100%;height:1.12rem;box-sizing: border-box;display:flex;justify-content:flex-end;align-items:center;border-bottom: 0.04rem #2189ff solid;}
#header .to-index{
    width: 2.5rem;
    height: 0.6rem;
    text-align: center;
    background: url(/tpl/duotegame/m/images/dt-logo.png) no-repeat;
    background-size: 2.5rem 0.6rem;
}
#header .to-index span{color: #2189ff;font-size: .49rem;}
#header .to-index em{color: #2189ff;font-size: .3rem;}
#header .h_search{
    width: 4rem;
    height: .64rem;
    line-height: .64rem;
    box-sizing: border-box;
    border: solid 1px #dddddd;
    margin-left: 0.3rem;
    border-radius: .39rem;
}
#header .h_search form{height: 100%;}
#header .h_search .search-input{height: .42rem;
background: transparent;
padding-left: 0.2rem;margin-top: 0.08rem;
color: #cccccc;
font-size: .24rem;float: left;
border-right: 1px solid #dddddd;
width: 2.8rem;}
#header .h_search .search-button{
width: .56rem;
    height: .56rem;float: left;
    background: url(/tpl/duotegame/m/images/search_fdj.png) no-repeat center center;
    background-size: 100%;    margin-left: 0.1rem;
}

#header .download-app{width:.26rem;height:.45rem;background-image:url(/tpl/duotegame/m/images/youxi1.png);margin-right:2.6rem;cursor:pointer}
#header .user-info{width:.42rem;height:.42rem;background-image:url(/tpl/duotegame/m/images/youxi12.png);cursor:pointer}
#header .search-btn{width:.34rem;height:.34rem;background-image:url(/tpl/duotegame/m/images/youxi10.png);margin:0 .38rem;cursor:pointer}
#header .head-more{    width: .64rem;
    height: .64rem;background-image:url(/tpl/duotegame/m/images/header_list.png);cursor:pointer}
.header{
    height: 1.12rem;
}


.content-container{
    max-width: 7.5rem;
    width: 100%;
    margin: auto;
}


.zjcon_r_con{
    width: 100%;
    padding: 0 0.24rem;
    display: block;
}
.zjcon_r_con .diycon{
    display: block;
    overflow: hidden;
    clear: both;
}
.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: #999;
    border: 1px solid #999999;
    border-radius: .35rem;
    height: 0.55rem;
    line-height: 0.55rem;
    padding: 0 0.1rem;
}
.zjcon_r_con .diycon a.llink:nth-child(3n+1){
    margin-left: 0;
}

.zjcon_r_con .diypic{
    overflow: hidden;
    clear: both;
}
.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 .diypic a.vlink{
    width: 3.39rem;
    height: 2.23rem;
    margin-left: .24rem;
    margin-bottom: .2rem;
    display: block;
    float: left;
}
.zjcon_r_con .diypic a.vlink img{
    width: 3.39rem;
    height: 1.83rem;
    border-radius: .2rem;
}
.zjcon_r_con .diypic 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 .diypic a.vlink:nth-child(2n+1){
    margin-left: 0;
}
.zjcon_r_con .diytw{
    overflow: hidden;
}
.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;
}

.flexbtn{
    width: 100%;
    border-radius: .3rem;
    border: 1px solid #999999;
    padding: 0.1rem 0;
    text-align: center;
    margin-top: 0.2rem;
    font-size: .26rem;
}
.flexbtn span{
    color: #999;
    font-size: .26rem;
    width: 100%;
    display: block;
    text-align: center;
}


.topbox{
    background: #fff;position: relative;overflow: hidden;    height: 6.02rem;
    padding-bottom: 0.2rem;
}
.topbox .toopbg{
    width: 100%;
    height: 3.33rem;
}

.topbox .topbutton{
    position: absolute;
    top: 2.79rem;
    left: .24rem;
}





.topbox .logobox{
    background: #fff;
    height: 2.04rem;
    width: 2.04rem;overflow: hidden;border-radius: .4rem;    float: left;margin-right: .15rem;
}
.topbox .logobox img{
    width: 1.88rem;
    height: 1.88rem;
    border-radius: .4rem;
    display: block;
    margin: auto;
    margin-top: .08rem;
}
.topbox .titlebox{
    float: left;height: 2rem;
}
.topbox .checkbox{
    height: .54rem;
}
.topbox .checkbox a{
    float: left;
    width: 1.08rem;
    height: .54rem;
    background-color: #a5b3c4;
    line-height: .54rem;
    text-align: center;
    color: #ffffff;
    font-size: .24rem;
    border-radius: .24rem .24rem 0 0;
    margin-right: .11rem;
    font-weight: bold;
}
.topbox .checkbox a.active{
    background-color: #ffffff;
    color: #2189FF;
}
.topbox h3{
    color: #333333;
    font-weight: bold;
    font-size: .36rem;
    margin-top: 0.1rem;
    margin-left: 0.1rem;
}

.topbox .toptype{
    overflow: hidden;
    width:4.8rem;
}

.topbox .toptype span{
    float: left;margin-top: .12rem;
    width: 50%;color: #a5b3c4;font-size: .24rem;
}

.topbox .toptype span em{
    color: #999999;
}
.topbox .lijixiazai{
    float: left;
    width: 7rem;
    height: .75rem;
    background-color: #2189ff;
    border-radius: 44px;
    text-align: center;
    line-height: .75rem;
    color: #ffffff;
    font-size: .28rem;
    margin-top: .25rem;
}
.topbox .nodown{
    background-color: #ccc;
}
.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;
}
.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;
}

.read-control{
    position: relative;
    height:0.5rem;
    width:100%;
    cursor:pointer;
    color:#2189ff;
    font-size:.22rem;
    background-image: linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0.5) 10%,rgba(255,255,255,1) 50%);
    text-align: center;
    margin-top: -0.5rem;
    padding-top: 0.5rem;
    display: none;
}

.read-control.checked{
    background:transparent;
    height: .5rem;
    top: 0;
}
.read-control.checked span{
    line-height: .5rem;

}
.read-control span{
    display: table;
    width: 1.3rem;
    height: 0.5rem;
    margin: auto;
    text-align: center;
    line-height: 0.5rem;
    cursor: pointer;
}
.read-control.checked span:after{
    background-image: url(/tpl/duotegame/m/images/youxi25.png);
}
.read-control span:after{
    width: 0.26rem;
    height: 0.15rem;
    display: block;
    background-image: url(/tpl/duotegame/m/images/youxi21.png);
    content: '';
    float: right;
    background-size: 0.26rem 0.15rem;
    margin: 0.16rem 0.2rem 0 0;
}


.read-control .checked span:after {
    transform: rotate(180deg);
}

.game-introduce {
    padding: 0 0.24rem;
    background: white;
    overflow: hidden;
    margin-bottom: .16rem;
    padding-bottom: 0.25rem;
}

#read-content p {
    font-size: 0.28rem;
    line-height: 0.48rem;
    color: #333333;
}