/*公共*/
.abs{position: absolute;}
.header .top-logo1 { left: 0; top: 0;  z-index: 100;}
.header .top-logo2{left: 184px; top: 15px; z-index: 100;}
.con-wrap1{background-color: #f1f1f1;height: 360px;}
.g-tit { height: 30px; line-height: 30px; color: rgb(56, 56, 56); font-size: 22px; position: relative; margin: 20px 0px;}
.btn-refresh, .btn-more {  font-size: 16px; position: absolute; top: 0px; right: 0px;}
.con-title{width: 95%;}
.fix:after, .fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
fix{zoom:1;}
.mr48{margin-right: 48px;}
.con-title .reload span, .mod-hot-game .btn-more span {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: 11px;
    background: url(../images/home_sprite.png) no-repeat -200px 0;
    vertical-align: middle;
}

/*微信下载趣吧APP*/
.applogin{left: 75%;top: 23%;z-index: 3;height: 320px; background: url(/images/login-mid.png) repeat-y;width: 308px;}
.qubadownload{text-align: center;}
.qubadownload img{width: 170px;}
.app-title{text-align: center;}
.app-title h3{font-size: 30px;font-weight: 700;  line-height: 50px;margin:0 5px;color: rgba(255, 152, 0, 0.42);}
/*资讯*/

.mod-zx-box .zx-list { width: 350px; height: 286px; padding: 15px;}
.laybox { overflow: hidden; background: #fff; zoom: 1;}
.mod-zx-box .hd img { transition: all 0.3s ease-in-out;}
.mod-zx-box .bd { padding: 10px 0px;}
.mod-zx-box .bd li { width: 100%; height: 24px;line-height: 24px; margin-top: 10px; vertical-align: top; overflow: hidden;}
.mod-zx-box .bd .type-1 {    border-left: 2px solid rgb(243, 97, 97);}
.mod-zx-box .bd .type-1, .mod-zx-box .bd .type-2 { width: 35px;height: 24px;text-align: center; color: rgb(153, 153, 153);    background: rgb(247, 247, 247);}
.mod-zx-box .bd span { float: left;}
.mod-zx-box .bd .tit { width: 258px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; padding: 0px 10px; overflow: hidden;}
.mod-zx-box .bd a { color: rgb(102, 102, 102);}
.mod-zx-box .bd .date { width: 35px;font-size: 12px}
.mod-zx-box .bd a:hover { color: #ee473b;}

/*游戏推荐*/
.rmd-game-list{float: right;width: 867px;  height: 320px;}
.rmd-game-list li { width: 277px; margin-left: 10px; float: left;box-shadow: 0 0 6px #9E9E9E;}
.laybox { overflow: hidden; background: #fff; zoom: 1;}
.rmd-game-list .game-pic .f-turn, .hot-game-list .enter-web { transition: all 0.3s ease-in;}
.rmd-game-list .hot-font {position: absolute;width: 380px;height: 176px;top: -100%;left: 0px;opacity: 0;}
.rmd-game-list .hot-font .bg {
    width: 380px;
    height: 176px;
    opacity: 0.85;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgb(3, 180, 245);
}
.rmd-game-list .hot-font .con {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    padding: 40px 0px 0px 14px;
    overflow: hidden;
}
.rmd-game-list .hot-font .txt {
    float: left;
    width: 156px;
    height: 32px;
    line-height: 32px;
    color: rgb(255, 255, 255);
    font-size: 14px;
}
.rmd-game-list .hot-font .txt p {
    height: 35px;
}
.rmd-game-list .game-info {
    height: 140px;
    padding: 0px 10px;
}
.rmd-game-list .game-name {
    height: 22px;
    line-height: 22px;
    font-size: 22px;
    padding-top: 20px;
    font-weight: normal;
}
.rmd-game-list .game-intro {
    height: 26px;
    line-height: 26px;
    color: rgb(159, 159, 159);
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 12px 0px 20px;
    overflow: hidden;
}
.rmd-game-list .game-other {
    line-height: 30px;
    text-align: left;
}
.g-btn{
    display: inline-block;
    vertical-align: top;
    width: 120px;
    min-width: 88px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #9f9f9f;
    border: 1px solid #c7c7c7;
    border-radius: 15px;
    cursor: pointer;
    background: #fff;
    font-family: 'microsoft yahei';
    font-size: 12px;
    box-sizing: content-box;
}

/*模块二;热门游戏；开服表*/
.mod-hot-game {  width: 840px;}
.hot-game-list{overflow: hidden;height: 435px;padding: 2px;}
.hot-game-list li {
    width: 238px;
    height: 96px;
    color: rgb(153, 153, 153);
    float: left;
    display: inline;
    padding: 16px 0px 16px 12px;
    margin: 0px 28px 20px 0px;
    transition: all 0.2s ease-in-out;
}
.hot-game-list li:hover {
    box-shadow: 0 0 5px #b2b8bb;
}
.laybox {
    overflow: hidden;
    background: #fff;
    zoom: 1;
}
.hot-game-list .img {
    display: block;
    width: 96px;
    height: 96px;
    margin-right: 15px;
    border-radius: 5px;
    overflow: hidden;
}
.hot-game-list .gname {
    display: block;
    width: 100px;
    font-size: 14px;
    color: rgb(102, 102, 102);
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 10px 0px 30px;
    overflow: hidden;
}
.pf-android, .pf-ios {
    display: inline-block;
    vertical-align: text-top;
    width: 18px;
    height: 20px;
    background: url(../images/pf-type.png) no-repeat;
}
.hot-game-list .g-btn {
    width: 72px;
    height: 24px;
    line-height: 24px;
    margin-top: 10px;
}
.hot-game-list .g-btn:hover {
    color: #fff;
    border-color: #03b4f5;
    background: #03b4f5;
}
/*开服表*/

.mod-rank-game {
    width: 382px;
}
.rank-kf-tit {
    height: 40px;
    padding-top: 2px;
}
.rank-kf-tit span {
    float: left;
    display: inline;
    color: rgb(159, 159, 159);
    text-align: center;
    font: 14px/40px 微软雅黑;
}
.kf-tit-name {
    width: 112px;
}
.kf-tit-date, .kf-tab-date {
    width: 48px;
}
.kf-tit-time, .kf-tab-time {
    width: 56px;
}
.kf-tit-zone, .kf-tab-zone {
    width: 92px;
}
.kf-tit-down {
    width: 54px;
}
.rank-kf-wrap {
    height: 895px;
}
.rank-kf-tab ul {
    width: 382px;
    float: left;
    margin: 0px;
    overflow: hidden !important;
}
.kf-tab-box {
    height: 20px;
    color: rgb(119, 119, 119);
    padding: 9px 18px;
    overflow: hidden;
    font: 12px/20px 微软雅黑;
}
.kf-tab-box:hover{background-color: #f55f46;color: #fff;}
.kf-tab-line {
    width: 346px;
    height: 1px;
    background-color: rgb(230, 230, 230);
    font: 0px/0 a;
    overflow: hidden;
    margin: 0px auto;
}
.tab-gift, .tab-down {
    width: 20px;
    height: 20px;
    float: right;
    display: inline;
    margin-left: 3px;
    overflow: hidden;
}
.ikai {
    display: inline-block;
    vertical-align: top;
    background: url(/images/kai-index.png) 0px 0px no-repeat;
}
.kf-tab-box span.kf-tab-name {
    width: 100px;
    font-size: 14px;
    text-align: left;
}
.kf-tab-name a {
    color: #383838;
}
.kf-tab-box span {
    float: left;
    display: inline;
    height: 20px;
    overflow: hidden;
    text-align: center;
}
.kf-tab-box span {
    float: left;
    display: inline;
    height: 20px;
    overflow: hidden;
    text-align: center;
}
.kf-tab-box span {
    float: left;
    display: inline;
    height: 20px;
    overflow: hidden;
    text-align: center;
}
.tab-down {
    background-position: -5px -289px;
}

/*客服*/
.kslink {
    line-height: 30px;
    margin: 0px auto;
    background: rgb(241, 242, 243);
    padding: 5px 0px;
}
.kslink a {
    display: block;
    height: 30px;
    width: 120px;
    color: rgb(239, 103, 105);
    font-weight: normal;
    text-align: center;
    border-radius: 30px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(240, 103, 110);
    border-image: initial;
    margin: 0px auto;
}
.kslink a:hover {
    color: rgb(255, 255, 255);
    background: rgb(240, 103, 110);
}
.server-online {
    width: 160px;
    height: 135px;
    text-align: center;
    color: rgb(239, 101, 108);
    border-right: 1px solid rgb(230, 230, 230);
    border-bottom: 1px solid rgb(230, 230, 230);
}
 .server-online i {
    display: inline-block;
    width: 67px;
    height: 69px;
    margin: 12px 0px 15px;
    background-position: 0px -270px;
    
}
 .server-online i{
    background-image: url(/images/channel.jpg) ;
 }
.server-online p {
    font-size: 18px;
}

.channel-list .bd{width:260px}
.other{height: 135px;width: 99px;display: flex;    align-items: center;border-bottom: 1px solid rgb(230, 230, 230);}
.other .item-kf{vertical-align: middle;color: #ef656c;font-family: '微软雅黑';margin: 0 auto;}
.other .item-kf p{font-size: 20px;}
.other .item-kf em{font-size: 12px;color: #A0A0A0;line-height: 40px;}
.other .wx-kf{margin:0 auto;}
.other .wx-kf p{color: #FF9800;font-size: 19px;font-weight: bold;}
.wxkefu{width: 160px;height: 135px;text-align: center;border-right: 1px solid rgb(230, 230, 230);border-bottom: 1px solid rgb(230, 230, 230);}
.wxkefu img{position: relative;top: 15%}
/*礼包*/
.mobliegame{width: 285px;}