body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, select, option, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
textarea{ resize:none;}
fieldset, img ,button, input{ border:0;}
button{ cursor:pointer;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal;}
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight:normal; }
abbr, acronym { border:0; }
strong, em, i, b{ font-style:normal; font-weight:normal;}
label, input, img, select{ vertical-align:middle;}
.clearFix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.clearFix{ zoom:1;}
a{ text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
body{ background-color: #FFFFFF; font-family: Microsoft YaHei, "微软雅黑", Tahoma, Geneva, sans-serif; -webkit-text-size-adjust: none;}
img{max-width: 100%;}

.fl{
    float: left;
}
.fr{
    float: right;
}
.box{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.w750{
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    font-size: 0.2rem;
    position: relative;
}
/*头部*/
.header{
    width: 100%;
    max-width: 750px;
    height: 0.8rem;
    line-height: 0.8rem;
    border-bottom: 2px solid #e5e5e5;
    z-index: 9999;
    position: fixed;
    top: 0;
    background-color: #ffffff;
}
.logo{
    width: 20%;
    border-right: 1px solid #e5e5e5;
}
.people{
    margin-right: 0.25rem;
}
.people a{
    display: block;
    width: 0.5rem;
    line-height: 0.8rem;
    height: 0.8rem;
    vertical-align: middle;
}
.people a img{
    vertical-align: middle;
    margin-bottom: 0.05rem;
}
.nav-btn{
    width: 0.5rem;
    margin-top: 0.125rem;
    cursor: pointer;
    margin-right: 0.25rem;
}
.nav-btn .line{
    width: 0.5rem;
    height: 0.05rem;
    background-color: #5f5f5f;
    display: block;
    margin: 0.1rem auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.nav-btn.is-active .line:nth-child(1){
    -webkit-transform: translateY(0.15rem) rotate(45deg);
    -ms-transform: translateY(0.15rem) rotate(45deg);
    -o-transform: translateY(0.15rem) rotate(45deg);
    transform: translateY(0.15rem) rotate(45deg);
}
.nav-btn.is-active .line:nth-child(2){
    opacity: 0;
}
.nav-btn.is-active .line:nth-child(3){
    -webkit-transform: translateY(-0.15rem) rotate(-45deg);
    -ms-transform: translateY(-0.15rem) rotate(-45deg);
    -o-transform: translateY(-0.15rem) rotate(-45deg);
    transform: translateY(-0.15rem) rotate(-45deg);
}
/*导航*/
.navbar{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(255,255,255,.96);
    z-index: 999;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}
.navbar ul{
    width: 90%;
    margin: 0.8rem auto 0;
    text-align: center;
}
.navbar ul li{
    height: 1.2rem;
    line-height: 1.2rem;
    border-bottom: 1px solid #eaeaea;
}
.navbar ul li a{
    font-size: .28rem;
    color: #454545;
    height: 1.2rem;
    line-height: 1.2rem;
    display: block;
}
/*轮播*/
.banner{
    margin-top: 0.8rem;
}
/*滚动*/
.roll_box{
    height: 0.52rem;
    line-height: 0.52rem;
    background-color: #f5f5f5;
    border-bottom: 2px solid #ececec;
    position: relative;
    overflow: hidden;
}
.roll_box  img{
    height: 0.52rem;
    position: absolute;
    top: 0;
}
.roll_box  .roll__list{
    position: absolute;
    left: 1rem;
    line-height: 0.52rem;
    display: inline-block;
    top: 0;
    color: #454545;
}
/*推荐游戏*/
.recommend{
    padding: 0 0.25rem;
    width: 100%;
}
.recommend .title{
    height: 0.65rem;
    line-height: 0.65rem;
    border-bottom: 2px solid #e60012;
}
.recommend .title img{
    height: 0.4rem;
    vertical-align: top;
    margin-top: 0.125rem;
}
.recommend .title b{
    font-size: 0.28rem;
    line-height: 0.65rem;
    margin-left: 0.1rem;
    color: #414141;
}
.recommend .title a{
    font-size: 0.2rem;
    line-height: 0.65rem;
    color: #454545;
}
.game-group{
    width: 100%;
}
.game-group ul{
    width: 100%;
}
.game-group ul li{
    width: 48%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 2px solid #E3E3E3;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-top: 0.2rem;
}
.game-group ul li:nth-child(odd){
    margin-right: 4%;
}
.game-group .game-name{
    height: 0.65rem;
    line-height: 0.65rem;
    border-bottom: 2px solid #E3E3E3;
    padding-left: 0.2rem;

}
.game-group .game-name a{
    color: #575757;
}
.game-group .game-detail{
    padding: 0.15rem 0.2rem;
}
.game-group .game-detail .game-icon{
    width: 1.05rem;
}
.game-group .game-detail .game-start{
    width: 1.6rem;
    text-align: center;
}
.game-group .game-detail .game-start span{
    font-size: 0.16rem;
    color: #575757;
    margin-bottom: 0.1rem;
    margin-top: 0.1rem;
    display: block;
}
.game-group .game-detail .game-start a{
    display: block;
    margin: 0 auto;
    border: 1px solid #35ABD8;
    color: #35ABD8;
    padding: 5px;
    width: 0.7rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/*热门游戏*/
.hot{
    padding: 0 0.25rem;
    width: 100%;
}
.hot .title{
    height: 0.65rem;
    line-height: 0.65rem;
    border-bottom: 2px solid #e60012;
}
.hot .title img{
    height: 0.4rem;
    vertical-align: top;
    margin-top: 0.125rem;
}
.hot .title b{
    font-size: 0.28rem;
    line-height: 0.65rem;
    margin-left: 0.1rem;
    color: #414141;
}
.hot .title a{
    font-size: 0.2rem;
    line-height: 0.65rem;
    color: #454545;
}
.game-list{
    width: 100%;
}
.game-list li{
    height: 1.4rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 1px solid #EAEAEA;
    padding: 0.2rem 0;
}
.game-list li:last-child{
    margin-bottom: 0.2rem;
}
.game-list .game-icon{
    width: 1rem;
    margin-right: 0.2rem;
}
.game-list .game-introduce{
    width: 4.3rem;
    margin-right: 0.2rem;
}
.game-list .game-introduce p{
    width: 4.3rem;
    line-height: 0.5rem;
    color: #454545;
}
.game-list .game-introduce p:last-child{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.game-list .game-start{
    height: 1rem;
    line-height: 1rem;

}
.game-list .game-start a{
    color: #ffffff;
    background-color: #70b9fd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 0.1rem 0.15rem;
}
/*公告资讯*/
.notice{
    padding: 0 0.25rem;
    width: 100%;
}
.notice .notice-title{
    width: 100%;
    border-bottom: 2px solid #e60012;
    padding: 0.15rem 0;
}
.notice .notice-title span{
    width: 50%;
    display: inline-block;
    text-align: center;
    font-size: 0.25rem;
    line-height: 1.5;
    cursor: pointer;
}
.notice .notice-title span.active{
    color: #e04a00;
}
.notice .notice-title span:nth-child(1){
    border-right: 1px solid #EAEAEA;
}
.notice .notice-title span:nth-child(2){
    border-left: 1px solid #EAEAEA;
}
.new-list li{
    height: 0.5rem;
    line-height: 0.5rem;
    border-bottom: 1px solid #EAEAEA;
}
.new-list li a{
    color: #454545;
    height: 0.5rem;
    line-height: 0.5rem;
    display: block;
}
.new-list li a span{
    display: block;
    vertical-align: middle;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.2rem;
    float: left;
}
.new-list li a span:nth-child(2){
    width: 3.5rem;
    padding-left: 0.1rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.new-list li a span:nth-child(3){
    position: relative;
    float: right;
}
.new-list li a span:nth-child(3) img {
    position: relative;
    width: 0.3rem;
    top: -0.09rem;
}
.notice .more a{
    display: block;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.2rem;
    text-align: center;
    color: #454545;
    border-bottom: 2px solid #e60012;
}
/*客服*/
.contact_server{
    padding: 0.2rem 0.25rem 0.8rem;
    width: 100%;
}
.contact_server .tit{
    width: 50%;
    padding-left: 0.2rem;
}
.contact_server .tit div:first-child{
    height: 0.3rem;
    line-height: 0.3rem;
}
.contact_server .tit div:first-child .lazy{
    width: 0.3rem;
    vertical-align: top;
    display: inline-block;
}
.contact_server .tit div:first-child span{
    color: #454545;
    font-size: 0.25rem;
    line-height: 0.3rem;
    padding-left: 0.05rem;
}
.contact_server .tit .self_serve li a{
    color: #454545;
    font-size: 0.2rem;
    line-height: 2;
    padding-left: 0.42rem;
}
.contact_server .tit .contact-tel span{
    color: #454545;
    font-size: 0.2rem;
    line-height: 2;
    padding-left: 0.42rem;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #FFFFFF;
}  

/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(249, 17, 17, 0.3);
    background-color: #00AEF1;
}

/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #FFFFFF;
}