@charset "utf-8"; 
.clearfix:before,.clearfix:after {display: table;content: "";line-height: 0}
.clearfix:after {clear: both;}
.fl {float: left;}
.fr {float: right;}
.bg {background-color: #fff;}
.icon {background: url(../images/index_icon.png) no-repeat;background-size: 600px 600px;}
.crumb {height: 46px;line-height: 46px;}
.crumb,.crumb a {font-size: 12px;color: #aaa;}
.w1200 {width: 1200px;margin: 0 auto;}
.crumb a:hover {color: #0091ff;}
.crumb i {display: inline-block;width: 18px;height: 14px;background-position: -361px -0px;margin-right: 10px;position: relative; top: 1px;}
/* 新闻资讯 */
.news_list_l{width:858px;padding-bottom:2px}
.news_list_l ul{padding:0 16px}
.news_list_l ul li{width:826px;height:110px;padding:20px 0;border-bottom:1px solid #ebebeb;overflow:hidden}
.news_list_l li a{display:block;height:110px;overflow:hidden}
.news_list_l li img{float:left;width:150px;height:110px;margin-right:16px}
.news_list_l li .info{float:left;width:612px;height:110px;overflow:hidden}
.news_list_l li strong{font-size:18px;color:#333;line-height:32px;font-weight:500;overflow:hidden;white-space:nowrap}
.news_list_l li .time{font-size:14px;color:#ababab;line-height:32px;overflow:hidden}
.news_list_l .time i{width:16px;height:16px;background-position:-420px 0;position:relative;top:2.5px;margin-right:5px}
.news_list_l li .txt{display:block;height:48px;font-size:14px;line-height:22px;color:#666;overflow:hidden}
.news_list_l li:hover strong{color:#0091ff;font-weight:700}
.news_list_l li:hover{background-color:#e5f4ff}
.pagecode{padding:3px;margin:30px 0;text-align:center;font-size:16px}
.pagecode a{padding:8px 12px;margin-right:8px;color:#666;text-decoration:none;border:1px solid #e6e6e6;background-color:#fff}
.pagecode>span{display:inline-block;line-height:38px;height:38px}
.pagecode span a{display:block;padding:0;min-width:38px;line-height:38px;text-align:center}
.pagecode span em{margin-right:8px}
.pagecode a:hover{color:#fff;background-color:#0091ff;border:1px solid #0091ff}
.pagecode a.current,.pagecode a.current:hover{color:#fff;background-color:#0091ff;border:1px solid #0091ff}
.pagecode a.disabled,.pagecode a.disabled:hover{color:#666;background-color:#efefef;border:1px solid #e6e6e6;cursor:default}
.pageWrap{display: none;} 
/* 最新资讯 */
.news_list_r{width:326px}
.news_rank{width:294px;height:556px;padding:0 16px;margin-bottom:16px;overflow:hidden;background-color:#fff}
.news_rank .tab_menus{border-bottom:1px solid #ddd; height: auto;overflow: hidden;}
.news_rank .tab_menus li{width:146px;height:50px;line-height:50px;text-align:center;color:#666;font-size:16px;border-bottom:2px solid transparent;float:left;cursor:pointer}
.news_rank .tab_menus li.current{border-bottom:2px solid #0091ff;font-weight:700;color:#464646}
.news_rank .cont{height: auto;display: block;}
.news_rank .sub_boxs li{padding:8px 0;border-bottom:1px solid #ededed;cursor:pointer}
.news_rank .sub_boxs li .info,.news_rank .sub_boxs li .num,.news_rank .sub_boxs li img{display:block;float:left}
.news_rank .sub_boxs li a{display:block}
.news_rank .sub_boxs li .fBoxs,.news_rank .sub_boxs li .tBoxs,.news_rank .sub_boxs li a{overflow:hidden}
.news_rank .sub_boxs li .fBoxs .num{width:24px;height:24px;line-height:24px;text-align:center;color:#fff;background-color:#ccc;margin-right:16px}
.news_rank .sub_boxs li .fBoxs .info{width:250px;height:24px;line-height:24px;font-size:14px;color:#444;overflow:hidden;white-space:nowrap}
.news_rank .sub_boxs li .tBoxs .num{width:24px;height:82px;line-height:82px;text-align:center;background-color:#0091ff;color:#fff;margin:8px 16px 8px 0}
.news_rank .sub_boxs li .tBoxs img{float:left;display:block;width:120px;height:82px;margin:8px 16px 8px 0}
.news_rank .sub_boxs li .tBoxs .info{width:116px;height:74px;padding-top:8px;margin:8px 0;overflow:hidden}
.news_rank .sub_boxs li .tBoxs .info .txt{height:46px;line-height:23px;font-size:14px;color:#444;overflow:hidden}
.news_rank .sub_boxs li .tBoxs .info .time{height:28px;line-height:28px;color:#ababab;overflow:hidden;white-space:nowrap}
.game_detail_r{float:right}

/* 最新手游榜 */
.ranking_rank{width:294px;height:auto;padding:0 16px;margin-bottom:16px;overflow:hidden;background-color:#fff}
.ranking_rank .tab_menus{border-bottom:1px solid #ddd;height:auto;overflow: hidden;}
.ranking_rank .tab_menus li{width:146px;height:50px;line-height:50px;text-align:center;color:#666;font-size:16px;border-bottom:2px solid transparent;float:left;cursor:pointer}
.ranking_rank .tab_menus li.current{border-bottom:2px solid #0091ff;font-weight:700;color:#464646}
.ranking_rank .cont{height: auto;display: block;}
.ranking_rank .sub_boxs li{padding:8px 0;border-bottom:1px solid #ededed}
.ranking_rank .sub_boxs li .game,.ranking_rank .sub_boxs li .num{display:block;float:left}
.ranking_rank .sub_boxs li .num{width:24px;height:24px;line-height:24px;text-align:center;color:#fff;background:#0091ff;margin-right:16px}
.ranking_rank .sub_boxs li .num1{background:#ff5e33;color:#fff}
.ranking_rank .sub_boxs li .num2{background:#f7a131;color:#fff}
.ranking_rank .sub_boxs li .num3{background:#e6d62e;color:#fff}
.ranking_rank .sub_boxs li .fBoxs,.ranking_rank .sub_boxs li .tBoxs{overflow:hidden}
.ranking_rank .sub_boxs li .fBoxs .game{width:126px;font-size:14px;color:#444;overflow:hidden;white-space:nowrap;margin-right:6px}
.ranking_rank .sub_boxs li .fBoxs .tag{color:#ababab;overflow:hidden;white-space:nowrap;float:right}
.ranking_rank .sub_boxs li .tBoxs .num{height:88px;line-height:88px;background-color:#e13d3d;color:#fff;margin:8px 16px 8px 0}
.ranking_rank .sub_boxs li .tBoxs img{display:block;width:88px;height:88px;border-radius:16px;float:left;margin:8px 16px 8px 0}
.ranking_rank .sub_boxs li .tBoxs .info{width:145px;float:left;margin:8px 0}
.ranking_rank .sub_boxs li .tBoxs .info .name{font-size:16px;color:#444;overflow:hidden;white-space:nowrap;margin-top:6px}
.ranking_rank .sub_boxs li .tBoxs .info .tag{width:136px;margin:6px 0;font-size:14px;color:#ababab;line-height:20px;overflow:hidden;white-space:nowrap}
.ranking_rank .sub_boxs li .tBoxs .btn{display:block;width:66px;height:26px;line-height:26px;font-size:12px;text-align:center;color:#fff;background-color:#0091ff;border-radius:3px}
.ranking_rank .sub_boxs li .tBoxs .btn:hover{background-color:#07f}
.ranking_rank .sub_boxs li .tBoxs .btn_no{background-color:#ffaf0f}
.ranking_rank .sub_boxs li .tBoxs .btn_no:hover{background-color:#f7a707}
.ranking_rank .sub_boxs li .tBoxs .name:hover{color:#0091ff}
.hide{display:none}

/* 热门游戏合集 */
.title_l h2{float:left;height:32px;line-height:32px;font-size:18px;border-bottom:2px solid #0091ff;color:#464646}
.hot_game_collection{width:294px;padding:10px 16px 20px;overflow:hidden;background-color:#fff}
.hot_game_collection ul{width:294px}
.hot_game_collection li{position:relative;float:left;width:84px;height:40px;text-align:center;line-height:40px;margin:20px 21px 0 0;overflow:hidden}
.hot_game_collection li:nth-child(3n+3){margin-right:0}
.hot_game_collection li a{display:block;height:40px}
.hot_game_collection li i{width:84px;height:40px;background-position:-190px -358px;position:absolute;top:0;left:0;z-index:1}
.hot_game_collection li span{display:inline-block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;z-index:2;width:74px;padding:0 5px;height:40px;font-size:14px;color:#464646;text-align:center;line-height:40px;overflow:hidden}
.hot_game_collection li:hover span{color:#fff}
.hot_game_collection li:hover span::before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;border:2px solid #0091ff;background-color:#0091ff;border-radius:10px;transform:skewX(-10deg);z-index:-1}
@media screen and (max-width: 750px){
.news_list_wrap,.w1200  {position: relative;width: 100%;margin: 0;padding: 0;border: 0;}
.news_list_l {width: 100%;;padding-bottom: 2px;}
.news_list_l ul li {height: 80px;padding: 10px 0;overflow: hidden;width: 100%;border-bottom: 1px solid #ebebeb;}
.fl {float: none;}
.fr {float: none;}
.crumb {width: 100%;}
.news_list_l ul {height: auto;overflow: hidden;width: 100%;padding: 0;}
.news_list_l li a {display: block;height: 80px;overflow: hidden;padding: 0 10px;}
.news_list_l li img {float: left;width: 120px;height: 80px;margin-right: 6px;}
.news_list_l li .info {float: left;width: 62%; height: 80px;overflow: hidden;}
.news_list_l li strong {font-size: 16px;color: #333;line-height: 25px;font-weight: 500;overflow: hidden;white-space: nowrap;}
.news_list_l li .time {font-size: 12px;color: #ababab;line-height:20px;overflow: hidden;}
.news_list_l li .txt {display: block;height: 36px;font-size: 12px;line-height: 18px;color: #888;overflow: hidden;}
.pagecode{display: none;}
/* 翻页 */
.flex {display: flex;}
.news_list .pageWrap {padding-top: .1rem;}
.pageWrap {padding: 8px;justify-content: space-between; -webkit-justify-content: space-between;}
.pageWrap a,.pageWrap span {width: 29px;height: 29px;line-height: 29px;text-align: center;font-size: 14px;color: #454545;border-radius: 5px;background-color: #e7ebee;}
.pageWrap a:first-child, .pageWrap a:last-child {width: 50px;}
.pageWrap .current {color: #fff;font-size: 14px;background: #0091ff;}
.pageWrap .disabled {background: #ececec;color: #b1b1b1;}
.icon_i {
    background-image: url(../images/pageWrap.png);
    display: block;
}
.pageWrap .ico_l {width: 14px;height: 20px;background-position: -1px -1px;position: relative;top: 5px;left: 7px;}
.pageWrap .ico_r {width: 14px;height: 20px;background-position: -19px 0px;position: relative;top: 5px;left:7px;}

.news_list_r {width: 100%;}
.news_rank {width: 100%;height: auto;margin-bottom: 16px;overflow: hidden;background-color: #fff;padding: 0;}
.news_rank .tab_menus {border-bottom: 1px solid #ddd;height: auto;overflow: hidden;padding: 0 6px;}
.news_rank .tab_menus li {width: 48%;height: 50px;line-height: 50px;text-align: center;color: #666; font-size: 16px;border-bottom: 2px solid transparent;float: left;cursor: pointer;}
.news_rank .cont {height: auto;display: block;padding: 0 6px;}

.ranking_rank {width: 100%;height: auto;padding: 0;margin-bottom: 16px;overflow: hidden;background-color: #fff;}
.ranking_rank .tab_menus li {width: 48%;height: 50px;line-height: 50px;text-align: center;color: #666;font-size: 16px;border-bottom: 2px solid transparent; float: left;cursor: pointer;}
.ranking_rank .cont {height: auto;display: block;padding: 0 6px;}

.hot_game_collection { width: 100%;padding:0;overflow: hidden;background-color: #fff;}
.title_l {width: 100%;height: auto; border-bottom: 1px solid #ededed;}
.title_l h2 {float: left;height: 32px; line-height: 32px;font-size: 18px;border-bottom: 2px solid #0091ff;color: #464646;padding:0 6px;}
.hot_game_collection ul {width:100%;}
.hot_game_collection li {position: relative;float: left;width: 80px;height: 36px;text-align: center;line-height: 36px;margin: 10px 5px;overflow: hidden;}
}