@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0;}body,html {overflow-y: auto;overflow-x: hidden;}
.clearfix{margin-right:auto;margin-left:auto;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}
b,em,i{font-style:normal;font-weight:normal;}
body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;font-size:14px;line-height:20px;color:#333;position:relative;}
html,body{width:100%;min-width:1200px;margin:0 auto;overflow-x:hidden;min-height:1000px;background-color:#f4f4f5;}
button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;}
a{color:#333;text-decoration:none;}
a:hover,a:focus{-webkit-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-moz-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-ms-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-o-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;}

.fl{float:left;}
.fr{float:right;}
.w1200{width:1200px;margin:0 auto;}
.hide{display:none;}
img,i{display:inline-block;cursor: pointer;}
img{vertical-align: top;border: 0;}
.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;}
.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;}
/* 共用小标题 */
.title_l{width:100%;height:34px;border-bottom: 1px solid #ddd;overflow: hidden;*zoom:1}
.title_l h3{float: left;height:32px;line-height: 32px;font-size:18px ;border-bottom:2px solid #0091FF; color:#464646;}
.title_l a.more{height:18px;margin:13px 0 0 0;font:12px Arial;color:#999;margin-right: 8px;}
.title_l a.more:hover{color:#F60;}
.title_l h2{float: left;height:32px;line-height: 32px;font-size:18px ;border-bottom:2px solid #0091FF; color:#464646;}

.title_p{height:36px;border-bottom: 1px solid #ddd;}
.title_p h3{float: left;height:26px;line-height: 26px;padding-bottom: 8px;font-size:20px ;border-bottom:2px solid #0091FF; color:#454545;}
.title_p a.more{height:18px;margin:12px 0 0 0;font-size: 14px;color:#333;margin-right: 8px;}
.title_p a.more:hover{color:#F90;}
.title_p h3 i{display: inline-block;width: 5px;height: 5px;vertical-align: middle;border-radius: 50%;background-color: #454545;margin: 0 8px;}
.title_p .label{float:right;width:100px;height:20px;margin:8px 0 0 0;line-height: 20px;overflow:hidden;}
.title_p .label span{padding:0 5px;font-size: 14px;text-align:center;cursor:pointer;}
.title_p .label span.current{color:#F90;}
.title_m{height:36px;position: absolute;bottom: 0;right: 0;}
.title_m a.more{height:28px;line-height: 36px;font-size: 14px;color:#333;margin-right:24px;border-top: 2px solid #0091ff;}
.title_m a.more:hover{color: #F90;}

/* 共用标题定位切换 */
.index_tab_wrap{position:relative;}
.index_tab_wrap .tab_menu{position:absolute;top:26px;right:324px;}
.index_tab_wrap .tab_menu li{position: relative;width: 118px;height:32px;line-height: 32px;float:left;color:#666666;font-size:14px;text-align: center;border-radius: 3px;background-color:#f4f4f4;cursor:pointer;}
.index_tab_wrap .tab_menu li.current{color:#fff;font-weight: bold;}
.index_tab_wrap .tab_menu li.current i{position: absolute;bottom: -15px;left: 50%;margin-left: -10px;width: 0; height: 0;border-bottom: 10px solid transparent;border-left: 10px solid transparent;border-right: 10px solid transparent;font-size: 0; line-height: 0;}
.index_three .tab_menu li.current{background-color:#f65959;}
.index_three .tab_menu li.current i{border-top: 10px solid #f65959;}
.index_four .tab_menu li.current{background-color:#00a317;}
.index_four .tab_menu li.current i{border-top: 10px solid #00a317;}
.index_five .tab_menu li.current{background-color:#0091ff;}
.index_five .tab_menu li.current i{border-top: 10px solid #0091ff;}
.index_six .tab_menu li.current{background-color:#d10849;}
.index_six .tab_menu li.current i{border-top: 10px solid #d10849;}
/* 共用翻页 */
.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;}

/* 排行榜 */
.ranking_list_r{width: 923px;overflow: hidden;}
.ranking_list_r .sub_box{width: 939px;}
.ranking_lists{position: relative;float: left;width:422px;height: 738px;padding: 16px 16px 36px; margin:0 16px 16px 0;background-color: #fff;overflow: hidden;}
.ranking_lists:nth-child(2n+2){margin-right: 0;}
.ranking_lists ul{width:422px;}
.ranking_lists li{position: relative;height: 80px;padding: 18px;border-bottom: 1px  solid #e6e6e6;overflow: hidden;*zoom: 1;}
.ranking_lists li i em{position: absolute;top: 9px;left: 9px;font-size: 12px;color: #fff;line-height: 12px;}
.ranking_lists li i{position: absolute;top: 9px;left: 9px;color: #fff;width:49px;height:49px;background-position:-208px -231px; }
.ranking_lists li i.num1{background-position:-208px -48px;}
.ranking_lists li i.num2{background-position:-208px -107px;}
.ranking_lists li i.num3{background-position:-208px -169px;}
.ranking_lists li img{width:80px;height:80px;border-radius:10px;margin-right: 15px;}
.ranking_lists li div{float: left;width:290px;height:80px;overflow: hidden;}
.ranking_lists li div a{display: block;font-size:20px;color:#454545;line-height:30px;overflow: hidden;white-space:nowrap}
.ranking_lists li div .descri{font-size:14px;color:#ababab;line-height:26px;overflow: hidden;white-space:nowrap }
.ranking_lists li div .intro span{display: inline-block;padding: 0 8px;max-width: 80px;height: 22px;text-align: center;font-size:12px;color:#454545;line-height:22px;background-color: #f0f0f0;border-radius: 3px;margin-right: 10px;overflow:hidden;white-space:nowrap;}
.ranking_lists li:hover div a{color:#0091ff;font-weight: 500;}

.ranking_list_detail{width: 923px;overflow: hidden;}
.ranking_list_detail .title_p {margin:16px;}
.ranking_list_detail ul{width: 923px;background-color: #f4f4f5;padding: 20px 0;}
.ranking_list_detail li{position: relative;height: 140px;padding:20px 20px 20px 46px;margin-bottom: 20px;background-color: #fff;overflow: hidden;zoom: 1;}
.ranking_list_detail li:last-child{border: 0;}
.ranking_list_detail li div{float: left;}
.ranking_list_detail li i em{position: absolute;top: 15px;left: 14px;font-size: 18px;color: #fff;line-height: 12px;}
.ranking_list_detail li i{position: absolute;top: 16px;left: 15px;color: #fff;width:70px;height:67px;background-position:-280px -352px; }
.ranking_list_detail li i.num1{background-position:-280px -50px;}
.ranking_list_detail li i.num2{background-position:-280px -129px;}
.ranking_list_detail li i.num3{background-position:-280px -203px;}
/* .ranking_list_detail li:hover i{background-position:-280px -279px;} */
.ranking_list_detail li img{width:140px;height:140px;border-radius:20px;margin-right: 20px;}
.ranking_list_detail li .info{width:566px;height:140px;overflow: hidden;}
.ranking_list_detail .info a{font-size:24px;color:#454545;line-height:46px;overflow: hidden;white-space:nowrap}
.ranking_list_detail .txt{font-size:14px;height: 48px;color:#454545;line-height:24px;overflow: hidden;}
.ranking_list_detail .tag{margin: 4px 0 8px 0;}
.ranking_list_detail .tag span{display: inline-block;padding: 0 8px;max-width: 80px;height: 22px;text-align: center;font-size:12px;color:#454545;line-height:22px;background-color: #f0f0f0;border-radius: 3px;margin-right: 10px;overflow:hidden;white-space:nowrap;}
.ranking_list_detail li:hover .info a{color:#0091ff;font-weight: 500;}
/* .ranking_list_detail li:hover .tag span{color: #fff;background-color:#0091ff;} */
.ranking_list_detail .btn{float: right;display:block;width:110px;height:36px;font-size:16px;line-height:36px;text-align:center;color:#fff;background-color:#0091ff;border-radius:3px;margin-top:52px}

/* rank_menu */
.ranking_list_f .ranking_ul li{ width: 228px;height: 52px;line-height: 52px;padding: 0;text-align: center;font-size: 18px;color: #fff;background-color: #b0b0b0;margin: 16px 0;border: none;cursor:pointer;overflow:hidden;white-space:nowrap;}
.ranking_list_f .ranking_ul li a{display: block;color: #fff;}
.ranking_list_f .ranking_ul li.current,.ranking_list_f .ranking_ul li:hover{background-color:#0091ff;}
.ranking_list_f .ranking_ul li.current a,.ranking_list_f .ranking_ul li:hover a{color:#fff;}
.ranking_list_f{width: 228px;padding: 10px 16px;overflow: hidden;}
.ranking_list_f ul{width: 228px;height:auto;}
.ranking_list_f li{ width: 228px;padding:10px 0  14px 0;border-bottom:1px dashed #d9d9d9;cursor:pointer;overflow:hidden;}
.ranking_list_f li:last-child{border-bottom: 0;}


/* 新闻资讯 */
.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 0px; position: relative;top: 2.5px;margin-right: 5px;}
/* .news_list_l li .txt{height: 48px;font-size:14px;line-height:22px;color:#666;overflow:hidden;vertical-align: middle;display: table-cell;} */
.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: bold;}
.news_list_l li:hover {background-color: #e5f4ff;}
/* 最新资讯 */
.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;}
.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: bold;color: #464646;}
.news_rank .sub_boxs li{padding:8px 0;border-bottom:1px solid #ededed;cursor: pointer;}
.news_rank .sub_boxs li .num,.news_rank .sub_boxs li .info,.news_rank .sub_boxs li img{display:block;float:left;}
.news_rank .sub_boxs li a{display: block;}
.news_rank .sub_boxs  li .tBoxs,.news_rank .sub_boxs li .fBoxs,.news_rank .sub_boxs li a {overflow: hidden;*zoom: 1;}
.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: 566px;padding: 0 16px;margin-bottom: 16px;overflow: hidden;background-color: #fff;}
.ranking_rank .tab_menus{border-bottom: 1px solid #ddd;}
.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: bold;color: #464646;}
.ranking_rank .sub_boxs li{padding:8px 0;border-bottom:1px solid #ededed;}
.ranking_rank .sub_boxs li .num,.ranking_rank .sub_boxs li .game{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 .tBoxs,.ranking_rank .sub_boxs li .fBoxs {overflow: hidden;*zoom: 1;}
.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: #0077FF;}
.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;}
/* 热门游戏合集 */
.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;*zoom: 1;}
.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;}