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{height:.74rem;display:flex;align-items:center;justify-content:space-between;width:100%;}
.title-container span{background: url(../image/h3left.jpg) no-repeat;
    display: inline-block;
    padding: 0 .3rem;
    font-size: .32rem;
    font-weight: bold;
    line-height: .6rem;
    background-size: 0.1rem 0.38rem;
    background-position-y: .1rem;}

.title-container a{font-size:.24rem;letter-spacing:0rem;color:#999}
.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;
}
.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;margin:.2rem auto;align-items:center;justify-content:center; float: left; margin-left: 0.1rem;}
.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(../image/youxi11.png)}
.game-ranking-ul li.top:before{background-image:url(../image/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(../image/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(../image/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(../image/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(../image/search_fdj.png) no-repeat center center;
    background-size: 100%;    margin-left: 0.1rem;
}

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


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