@charset "UTF-8";
/* CSS Document */
/*基础部分*/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl, a { margin: 0; padding: 0; }

ul, ol { list-style: none; }

em, i { font-style: normal; }

table { border-spacing:0;border-collapse:collapse;margin:inherit; }

img { border: none; vertical-align: middle; }

input, select, button { vertical-align: middle; outline: none; }

a { text-decoration: none; color: #0080ff; }

a:hover { color: #c9c9c9; }

body { min-width: 1200px; font-family: 'Microsoft YaHei',"微软雅黑","PingFang SC",'Arial','Heiti SC'; background: #fafafa; }

.fl { float: left; }

.fr { float: right; }

.clear_:before, .clear_:after,.clear:before, .clear:after,.clearfix:before, .clearfix:after { display: block; content: ' '; clear: both; }

.center { width: 1200px; margin: 0 auto; }

@-webkit-keyframes identifier { from { opacity: 0.4; }
  to { opacity: 1; } }

@keyframes identifier { from { opacity: 0.4; }
  to { opacity: 1; } }

.padtop20 { padding-top: 20px; }



	@charset "utf-8";
/* CSS Document */
.content_index{ width:1160px; margin: 0 auto;  background: #FFFFFF; padding: 12px 20px 0px 20px; margin-top: 5px;}
.clear{ clear: both;}
.hide{ display: none;}
/*游戏导航*/
.content_index .top .list1{padding-top: 7px;font-size: 14px;height: 28px;overflow: hidden;}
.content_index .top .list1 .span{display: block; float: left; width: 94px; height: 28px; text-align: center;  color: #FFFFFF; line-height: 28px;}
.content_index .top .list1 p{ float: left; padding-left: 10px; width: 1050px;}
.content_index .top .list1 a{ display: inline-block; height: 28px; line-height: 28px; color: #222; padding: 0 9px; position: relative;}
.content_index .top .list1 a span{ position: absolute; right: 0; top:6px; width: 2px; height: 15px; background: #767676;}
.content_index .top .list1  i{background: url(../images/imgq.png) no-repeat center; display: block; position: absolute; top:-7px;right: 3px; width: 13px; height: 11px;}
.content_index .top .list1 .a1 i{  background-position: -326px 0;}
.content_index .top .list1 .a1{ color: #F0412A;}
.content_index .top .list1 .a2 i{  background-position: -309px 0;}
.content_index .top .list1 .a2{ color: #22ac38;}
.content_index .top .list1 .bj1{background:#ff7e61;}
.content_index .top .list1 .bj2{background:#6db5ff;}
.content_index .top .list1 .bj3{background:#f9c85a;}
.content_index .top .list1 a:hover{color: #F0412A;}
/*插入的广告*/
.content_index .banner{ width: 100%; height: 100px; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #9a9a9a; padding-top: 20px;}
.content_index img{width: 100%;min-height: 100%;}
/*首页上左边*/
.content_index .main{ width: 100%; padding-top: 25px; padding-bottom: 20px;}
.content_index .main .left{ float: left; width: 410px;}
.content_index .main .left .item1{width:100%;overflow:  hidden;height: 453px;}
.content_index .main .left .item1 a{display:inline-block; font-size: 14px; color: #111;}
.content_index .main .left .item1 .tite{ width: 100%; text-align: center;color:#F0412A; font-size: 16px; overflow: hidden; height:20px; font-weight: 600;}
.content_index .main .left .item1 .a{width: 410px; height: 35px; overflow: hidden;text-align: center; line-height: 35px;    padding: 5px 0; }
.content_index .main .left .item1 .a a:hover{text-decoration: underline;color:#0068b7;}
.content_index .main .left .item1 .a a{ color:#0068b7;}
.content_index .main .left .item1 .a .ab{ margin-left: 10px;}
.content_index .main .left .item1 .a a{ display: inline;}
.content_index .main .left .item1 .a_list{display: block; padding: 0 45px 0 15px;overflow:  hidden; line-height:30px; position: relative; height: 30px;}
.content_index .main .left .item1 .a_list i{ position: absolute; top:12px; left: 6px; width: 4px; height: 4px; border-radius: 50%; display: block; background: #989898;}
.content_index .main .left .item1 .a_list span{ position: absolute; top:0px; right: 0px;  display: block; color: #989898; width: 45px; text-align: right;}
.content_index .main .left .item1  .pad{padding-bottom: 15px; border-bottom:1px solid #e5e5e5; margin-bottom: 12px; padding-bottom: 11px; line-height: 31px;}
.content_index .main .left .item1 a:hover{color: #F0412A;}
.content_index .main .left .item1 .a_list:hover i{background: #F0412A;}
.content_index .main .left .item1 .color{ color: #F0412A;}
/*新闻*/
.content_index .top_listin{ width: 100%; border-bottom:1px solid #bfbfbf; height: 40px; line-height: 40px; padding-top: 15px;}
.content_index .top_listin span{display: block; padding-left: 30px; font-size: 16px; color: #434343; position: relative; float: left;font-weight: bold;}
.content_index .top_listin span i{display: block;background: url(../images/imgq.png) no-repeat center; width: 18px; height: 22px; position: absolute; top:10px; left: 3px; background-position: -198px -73px;}
.content_index .top_listin a{ float: right; width: 50px;display: block; color: #959595; font-size: 12px; position: relative; height: 35px; padding-top: 5px; text-align: center;}
.content_index .top_listin a i{position: absolute; right:3px; top:9px;background: url(../images/imgq.png) no-repeat center; height: 8px; width: 8px; background-position: 0 0px; display: inline-block;ransition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.content_index .top_listin a:hover i{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.content_index .top_listin a:hover{ color:#F0412A; text-decoration: none;}
/*热门话题*/
.content_index .main .left .item2 .a_li{ display: block; height: 76px; padding:20px 10px 7px 0 ; overflow: hidden; position: relative;}
.content_index .main .left .item2 .a_li p{ float:  left; height: 76px; width: 137px; overflow:  hidden; padding-right: 10px;}
.content_index .main .left .item2 .h2{ float: left; width: 250px; height: 56px; line-height: 28px; font-size: 14px; color: #222; overflow:  hidden; font-weight: normal;}
.content_index .main .left .item2 .time{ width: 55px;  padding-left: 20px; font-size: 13px; color: #959595; position: absolute;bottom: 5px; left:150px;}
.content_index .main .left .item2 .time i{ background: url(../images/imgq.png) no-repeat center; width: 11px; height: 11px; background-position:-396px -49px; display: block; position: absolute; left: 4px;top:3px}
.content_index .main .left .item2 .pl{max-width: 55px; font-size: 13px; color: #959595; position: absolute;bottom: 5px; right:0px; padding-left: 20px; overflow:  hidden;text-align: right;}
.content_index .main .left .item2 .pl i{ width:14px;  height: 13px; position: absolute;left: 0px; top:3px; background: url(../images/imgq.png) no-repeat center;background-position:0 -141px;}
.content_index .main .left .item2 .a_li:hover .h2{color: #F0412A;}
.content_index .main .left .item2 .warpdata .pl a:hover {color: #F0412A;} 

.content_index .main .left .item2 .pl i.in{background-position:0 -141px;}
.content_index .main .left .item2 .warpdata .pl:hover i.in{background-position:0 -112px;}
.content_index .main .left .item2 .pl i.eye{background-position: -230px -164px;width: 18px;}
.content_index .main .left .item2 .warpdata .pl:hover i.eye{background-position:-230px -178px;}

.content_index .main .left .item2 .warpdata{ position: relative;}
.content_index .main .left .item2 .pl a{display: block; color: #959595;}
.content_index .main .left .item2 .warpdata .pl:hover {color: #F0412A;}
/*特色专题*/
.content_index .main .left .item3 .cent_tes{ border:1px solid #eeeeee;margin-top: 24px;}
.content_index .main .left .item3 .span{width: 100px;height: 45px;position: relative;text-align: center;line-height: 45px;cursor: pointer;border: 1px solid #eeeeee;float: left;display: block;}
.content_index .main .left .item3 .span i{ width: 0;height: 0;border-top: 9px solid #959595;border-right: 9px solid transparent; position: absolute; top:0; left: 0;}
.content_index .main .left .item3 .bj{ background:#f7f7f7;}
.content_index .main .left .item3 .bj i{border-top: 9px solid #F0412A; width: 0;height: 0;border-right: 9px solid transparent; position: absolute; top:0; left: 0;}
.content_index .main .left .item3 .top_listin span i{  background-position: -340px -40px;}
.content_index .main .left .item3 .list{ width: 366px; margin:0 auto;}
.content_index .main .left .item3 .list .a1{ width: 100%; height:115px; position:relative; display: block; overflow:  hidden; padding-top: 20px; margin-bottom: 6px;}
.content_index .main .left .item3 .list .a1 p{ position: absolute; bottom: 0px; left: 0px; height: 24px; line-height: 24px; font-size: 16px; background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background: rgba(0,0,0,0.5); width: 100%; padding-left: 17px; color: #FFFFFF;}
.content_index .main .left .item3 .list .a{display: block; width: 350px; height:40px; padding-left: 15px; position: relative; font-size: 14px; line-height: 40px; border-bottom:1px dashed #d2d2d2; overflow: hidden; color: #222;}
.content_index .main .left .item3 .list .a i{ position: absolute; top:19px; left: 6px;width: 4px; height: 4px; background: #989898; border-radius: 50%; display: block;}
.content_index .main .left .item3 .list .a:hover{color: #F0412A;}
.content_index .main .left .item3 .list .a:hover i{background: #F0412A;}
.content_index .main .left .item3 .list .a_border{ border:none}
.content_index .main .left .item3 .list .a:nth-child(5){border-bottom:none;}
/*右侧·的2轮播*/
.content_index .main .right{ float: left; width: 723px; padding-left: 25px;}
.content_index .main .right .lunbo{width: 100%; height: 443px; position: relative; background: #eeeeee; overflow: hidden; padding-bottom: 9px;}
.content_index .main .right .lunbo .img{ height: 354px; position: relative; width: 4338px; overflow: hidden;}
.content_index .main .right .lunbo .img a{display: block;width: 723px; height:  354px; overflow: hidden; position: relative; float: left;}
.content_index .main .right .lunbo .img a .h2{ width: 100%; height:50px; background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
       zoom: 1; background: rgba(0,0,0,0.5); color: #FFFFFF; font-size:14px; line-height: 50px; padding-left: 10px; overflow: hidden; position: absolute; bottom: 0px; left:0px;}
.content_index .main .right .lunbo ol{ position: absolute; bottom:111px; right:20px;  height: 20px; width: 180px;}
.content_index .main .right .lunbo ol li{ float: left; width: 20px; margin:0 5px; background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
       zoom: 1; background:rgba(0,0,0,0.6); text-align: center; line-height: 20px; height: 20px; font-size: 16px; color: #FFFFFF; cursor: pointer;}
.content_index .main .right .lunbo  ul{ position: absolute; bottom: 13px; left: 5px;height: 64px; overflow: hidden;}
.content_index .main .right .lunbo  ul li{ float: left; width: 103px; margin: 0 6px; overflow:  hidden; border:2px solid transparent; height: 60px; cursor: pointer;}
.content_index .main .right .lunbo  ul .bor{ border:2px solid  #ec4828}
.content_index .main .right .lunbo ol .ac{ background: #ec4828;}
/*新游戏测试表*/
.content_index .main .right .warp1{ width: 100%;height: 365px;overflow: hidden;}
.content_index .main .right .warp1 .tiao{ width: 700px;  border-bottom: 1px solid #d2d2d2;  position: relative;margin:0 auto;margin-bottom: 23px; margin-top: 23px;}
.content_index .main .right .warp1 .tiao i{ display: block;width: 11px; height: 9px; border-radius: 50%; position: absolute; left: 0;top:-4px;  background: #20b766;}
.content_index .main .right .warp1 .tiao span{ display: block;width: 11px; height: 9px; border-radius: 50%; position: absolute; right: 0;top:-4px;background: #20b766;}
.content_index .main .right .warp1 .li_a{margin-left: 24px; float: left;width: 150px; height: 267px; text-align: center; color: #222; position: relative;}
.content_index .main .right .warp1 .li_a p{ width: 150px; height: 202px; overflow: hidden; }
.content_index .main .right .warp1 .li_a .h6{height: 20px;border-bottom:1px solid #dbdbdb; font-weight: normal; font-size: 15px; width: 111px; max-width: 100%; margin: 0 auto; padding-top: 15px; overflow:hidden;}
.content_index .main .right .warp1 .li_a span{ font-size: 13px;}
.content_index .main .right .warp1 .li_a i{  font-size: 13px; line-height: 19px;width: 70px; height: 19px; background: #F0412A; display: block; border-radius: 10px;position: absolute;top:-33px; left: 40px; color: #FFFFFF; overflow: hidden;}
.content_index .main .right .warp1 .li_a:hover{ text-decoration: none; color: #F0412A;}
.content_index .main .right .warp1 .top_listin span i{  background-position: -64px -133px;}
/*字体*/
@font-face {
font-family:zti;
src:url(../font/zti.TTF)
}
/*网游评测*/
.content_index .main .right .warp2{ float:  left;width: 414px;}
.content_index .main .right .warp2 .a{ display: block; position: relative; overflow:  hidden; color: #222; padding-top: 24px;}
.content_index .main .right .warp2 .a p{ width: 121px; height: 70px; overflow:  hidden; float:  left;    border-radius: 3px;}
.content_index .main .right .warp2 .a .h2{ float:  left; padding-left: 13px; font-size: 14px; width: 230px; overflow:  hidden; height: 20px; font-weight:bold;}
.content_index .main .right .warp2 .a .h3{ float:  left; padding-left: 13px; font-size: 13px; font-weight: normal; width: 230px; overflow:  hidden; height: 30px; line-height: 30px;}
.content_index .main .right .warp2 .a span{ float: left; padding-left: 13px; font-size: 12px; font-weight: normal; width: 240px; overflow:  hidden; height: 20px; line-height: 20px; color: #959595;}
.content_index .main .right .warp2 .a i{position: absolute; right: 10px;top:24px; color: #F0412A; font-size: 24px;font-style: italic; font-weight: 600; font-family:zti;}
.content_index .main .right .warp2 .a:hover .h2{ color: #F0412A;}
.content_index .main .right .warp2 .top_listin span i{  background-position: -165px -108px;}
/*网游活动*/
.content_index .main .right .warp3{float:  left;width: 285px;padding-left: 20px;height: 433px;overflow: hidden;}
.content_index .main .right .warp3 .list_into{width: 282px;height: 100px;overflow:  hidden;position: relative;margin-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #ededed;}
.content_index .main .right .warp3 .list_into a{display: block; width: 100%; height: 100%;}
.content_index .main .right .warp3 .list_into p{width: 78px;height: 100%;overflow:  hidden;float: left;margin-right: 15px;border-radius: 4px;}
.content_index .main .right .warp3 .list_into .h2{float:left;width: 189px;font-size: 14px;color:#222;font-weight: normal;height: 40px;overflow:  hidden;margin-bottom: 14px;line-height: 20px;}
.content_index .main .right .warp3 .list_into span{color:#838383;width: 188px;height: 20px;line-height: 18px;font-size: 12px;display: block;float: left; overflow: hidden;}
.content_index .main .right .warp3 .list_into i{float: left;width: 120px;color:#838383;height: 20px;line-height: 20px;font-size: 12px;display: block;overflow: hidden;}
.content_index .main .right .warp3 .list_into .topa{display: block;position: absolute;right: 6px;bottom: 12px;width: 67px;height: 27px;line-height: 27px;font-size: 12px;color: #FFFFFF;border-radius: 4px;text-align:center;color:#F0412A;}
/*.content_index .main .right .warp3 .list_into a:hover{ text-decoration: none; background: #F0412A;}*/
.content_index .main .right .warp3 .list_into:hover .h2{color: #F0412A;text-decoration: none;}
.content_index .main .right .warp3 .top_listin span i{  background-position: -165px -108px;}
.content_index .main .right .warp3 .magina{margin-top:24px;}
/*<!--网游攻略-->*/
.content_index .cont1{ float:left; width: 850px;}
.content_index .cont1 .left_info{ float:  left; width: 410px;}
.content_index .cont1 .left_info .aleft{ float: left; width: 186px; padding-right: 19px; padding-top: 20px;color:#222;}
.content_index .cont1 .left_info .aleft p{ width: 100%; height: 104px; overflow:  hidden;}
.content_index .cont1 .left_info .aleft span{height: 14px;font-size: 14px;text-align: center;overflow: hidden;display: block;padding-top: 14px;line-height: 14px;}
.content_index .cont1 .right_info{ float:  left; width: 440px; padding-top:12px;}
.content_index .cont1 .right_info .righta{width: 385px; padding:0 40px 0 10px; position: relative; display: block; height: 30px; font-size: 14px; overflow:  hidden; color: #222; line-height: 30px;}
.content_index .cont1 .right_info .righta i{ display: block; position: absolute; width: 4px; height: 4px; background: #989898; border-radius: 50%; top:14px; left: 0px;}
.content_index .cont1 .right_info .righta span{display: block; position: absolute; right: 0px; top: 0px; color: #959595; width: 40px; overflow: hidden;}
.content_index .cont1 .right_info .righta:hover{ color: #F0412A; text-decoration: none;}
.content_index .cont1 .right_info .righta:hover i{ background: #F0412A;}
.content_index .cont1 .left_info .aleft:hover{ color: #F0412A; text-decoration:none}
.content_index .cont1 .left_info .aleft:hover img{ opacity: 0.8;}
.content_index .cont1 .top_listin span i{ background-position: -365px -39px;}
/*网游礼包*/
.content_index .cont2{ float: left; width: 285px; padding-left: 25px; -webkit-user-select: none;user-select: none;}
.content_index .cont2 ul{ width: 100%; padding-top: 20px;}
.content_index .cont2 ul li{ width: 100%; height: 56px; overflow:  hidden; position: relative; padding-bottom:19px;}
.content_index .cont2 ul li p{ width: 100px; height: 100%; overflow:  hidden; padding-right: 10px; float: left;}
.content_index .cont2 ul li p a{display:block;}
.content_index .cont2 ul li span{ font-size: 15px; width: 175px; height: 20px; overflow:  hidden; display: block; float: left;color:#222;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.content_index .cont2 ul li span a{color:#222;}
.content_index .cont2 ul li i{ color: #959595; display: block; height: 30px; line-height: 30px; display: block; overflow: hidden; width: 130px; float: left; font-size: 12px;}
.content_index .cont2 ul li .a_list{ display: block; width: 35px;height: 19px; border:1px solid #408cff; border-radius: 2px; text-align: center; line-height: 19px; font-size: 14px; color: #408cff;position: absolute;bottom: 28px;right: 0px;}
.content_index .cont2 ul li .a_list:hover{ background: #408cff; color: #FFFFFF; }
.content_index .cont2 ul li:hover span a{ color: #F0412A;text-decoration: none; }
.content_index .cont2 .top_listin span i{ background-position: -165px -108px;}
/*电竞 */
.content_index .game { padding-top: 30px;}
.content_index .game .titlo{ width: 100%; background: #F0412A; height: 4px; position: relative;}
.content_index .game .titlo p{ width: 109px; height: 35px; overflow:  hidden; position: absolute; left: 0;top:-17px; background: #FFFFFF; padding-left: 56px; font-size: 24px; color: #F0412A; font-weight: 600;}
.content_index .game .titlo p i{ display: block; background: url(../images/imgq.png) no-repeat center;height:30px;width:45px;background-position: -339px 0; position: absolute; left: 0; top:0px}
/*电竞视频*/
.content_index .warp_infa{ float: left; width: 412px;    padding-top: 10px;}
.content_index .warp_infa .a1{ width: 100%; height:220px; position: relative;display: block; margin-top: 20px;}
.content_index .warp_infa .a1 .img{ width: 100%; height: 100%; overflow:  hidden;}
.content_index .warp_infa .a1 .img .h2{ width: 352px;padding: 0 50px 0 10px; position: absolute; bottom: 0px; height:28px;background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background: rgba(0,0,0,0.4); font-size: 14px; font-weight: normal; line-height: 28px; color: #FFFFFF; overflow: hidden;}
.content_index .warp_infa .a1 .img .h2 span{ position: absolute; right: 0;top:0; display: block; width: 40px; overflow:  hidden; text-align: center;}
.content_index .warp_infa .a p{ width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: absolute; top:0; left: 0;}
.content_index .warp_infa .a p i{ cursor: pointer; position: absolute; top: 0;left: 0; right: 0; bottom: 0; margin: auto; background: url(../images/imgq.png) no-repeat center; height: 54px; width: 54px;background-position: -133px 0;}
.content_index .warp_infa .a1:hover p i{-webkit-animation:circle 0.5s forwards;}
@-webkit-keyframes circle{
				0%{ transform:rotate(0deg); }
				100%{ transform:rotate(360deg); }
				}
.content_index .warp_infa .a2{ width:200px; height:118px; position: relative;display: block; margin-top: 20px; float: left;}
.content_index .warp_infa .a2 .img{ width: 100%; height: 100%; overflow:  hidden;}
.content_index .warp_infa .a2 .img .h2{ width: 100%; text-align: center; position: absolute; bottom: 0px;  left: 0;height:28px; background: rgba(0,0,0,0.4); font-size: 14px; font-weight: normal; line-height: 28px; color: #FFFFFF; overflow: hidden;}
.content_index .warp_infa .a2 p i{ display: none;}
.content_index .warp_infa .a2:hover i{ display: block;-webkit-animation:circle 0.7s forwards;}
.content_index .warp_infa  .a_lef{ margin-right: 12px;}
.content_index .warp_infa .top_listin span i{ background-position:0 -22px;}
.content_index .warp_infa .a:hover .h2{ color: #F0412A;}
/*电竞资讯¯*/
.content_index .warp_infb{ float: left; width: 404px; padding-left: 25px; padding-top: 10px;}
.content_index .warp_infb .alist{ width: 100%;display: block; height: 116px;overflow:  hidden;}
.content_index .warp_infb .alist:hover{color: #F0412A; text-decoration: none;}
.content_index .warp_infb .alist .h2{ width: 100%; height: 20px; font-size: 16px; font-weight: normal; margin-bottom: 10px; color: #222; overflow:  hidden;}
.content_index .warp_infb .alist p{ width: 128px; height: 73px; overflow:  hidden; float: left;padding-right: 15px;}
.content_index .warp_infb .alist span{color: #959595; font-size: 12px;line-height: 24px; width: 235px; overflow: hidden; float: left; height: 73px;}
.content_index .warp_infb .apading{padding-top: 20px}
.content_index .warp_infb .ainfo{ height: 32px; line-height: 32px; display: block; padding: 0 40px 0 10px; overflow:  hidden; font-size: 14px; color:#222; position: relative;}
.content_index .warp_infb .ainfo i{ display: block; width: 4px; height: 4px; border-radius: 50%; position: absolute; top:14px; left: 0px; background: #989898;}
.content_index .warp_infb .ainfo span{ display: block; width: 40px; height: 100%; display: block; position: absolute; right: 0; top:0; text-align: center; color: #959595;}
.content_index .warp_infb .ainfo:hover{color: #F0412A;}
.content_index .warp_infb .ainfo:hover i{background: #F0412A;}
.content_index .warp_infb .alist:hover .h2{color: #F0412A;}
.content_index .warp_infb .top_listin span i{ background-position:0 -88px;}
/*<!--电竞排名-->*/
.content_index .warp_infc{ float: left; width:285px; padding-left: 25px; padding-top: 10px;}
.content_index .warp_infc .toplist{ width: 100%; border-bottom: 1px solid #F0412A; height: 24px;padding-top: 31px; overflow: hidden;}
.content_index .warp_infc .toplist i{ float:  left; width: 88px; height: 24px; display: block;text-transform: uppercase; text-align: center; line-height: 24px; cursor: pointer; color: #FFFFFF; background: #959595;}
.content_index .warp_infc .toplist .sp1{ margin: 0 10px;}
.content_index .warp_infc .toplist .sp_bg{ background:#F0412A;}
.content_index .warp_infc .h2{ font-weight: normal; color: #222; text-align: center; height: 30px; background: #eeeeee; line-height: 32px; margin-top: 20px; margin-bottom: 10px;}
.content_index .warp_infc .h2 p{ width: 60px; float:left; font-size: 14px; position: relative; height: 100%;}
.content_index .warp_infc .h2 .p1{ width: 125px;  margin: 0 20px; height:100%;}
.content_index .warp_infc ul li{ width: 100%;color: #222; text-align: center; height: 45px; line-height: 45px; border-bottom: 1px solid #d2d2d2;}
.content_index .warp_infc ul li:hover{ background: #f7f7f7;}
.content_index .warp_infc ul li div{ float: left; width: 60px; height: 100%; position: relative; text-align: center; line-height: 45px; color:#222;}
.content_index .warp_infc ul li .divb{ width: 125px; margin: 0 20px;}
.content_index .warp_infc ul li i{ display: block; width: 30px; height: 30px;border-radius:50%; font-size: 15px; color: #FFFFFF; background: #959595; text-align:center; line-height: 30px; position: absolute; top:0; left: 0; right: 0; bottom: 0; margin:auto}
.content_index .warp_infc ul li .divb{ width: 65px; padding-left: 60px; text-align:left;text-transform: uppercase; overflow: hidden}
.content_index .warp_infc ul li .divb p{width: 30px; height: 30px; position: absolute; left:24px; top:0px;}
.content_index .warp_infc ul li .i1{ background: #F0412A;}
.content_index .warp_infc ul li .i2{ background: #ffc80b;}
.content_index .warp_infc ul li .i3{ background: #408cff;}
.content_index .warp_infc .lookday{ height: 30px; width: 100%; background: #F0412A; color: #FFFFFF; text-align: center; line-height: 30px; font-size: 14px; display: block; margin-top: 10px;}
.content_index .warp_infc .lookday:hover{ color: #FFFFFF; opacity: 0.8; text-decoration: none;}
.content_index .warp_infc ul .list_in{  background:#f7f7f7;}
/*网络游戏排行榜*/
.index_a{ width:1180px; background: #fff; margin: 0 auto;padding-top: 35px; padding-bottom: 20px; }
.index_a .top_a{width: 1164px; margin: 0 auto;height: 4px; background: #F0412A; position: relative;} 
.index_a .top_a p{width: 183px; background: #EEEEEE; height:35px; position: absolute; top:-17px; left: calc(50% - 124px); padding-left: 65px; font-size: 24px; line-height: 35px; color: #F0412A; font-weight: 600;}
.index_a .top_a p i{width: 31px; height: 29px; position: absolute;top:0; left: 17px; background: url(../images/imgq.png) no-repeat center; display: block; background-position:-388px 0 ;}
.index_a  .warp{ width: 338px; padding: 0 17px; margin-top: 35px;height:545px;  background: #f7f7f7; float:  left; margin: 35px 10px 0 10px; padding-bottom: 20px;}
.index_a  .warp .h2{width: 100%;height:52px;border-bottom: 1px solid #e5e5e5;text-align: center;line-height:52px;overflow:  hidden;font-size: 16px;color: #222;font-weight: bold;}
.index_a  .warp  .p_top{ height: 35px; border-bottom: 1px dashed #e5e5e5;line-height: 35px;}
.index_a  .warp  .p_top span{ float: left; text-align: center; display: block;  height: 100%; font-size: 13px; color: #222; font-weight: 600;}
.index_a  .warp  .p_top .sp1{ width: 35px;}
.index_a  .warp  .p_top .sp2{ width: 160px;}
.index_a  .warp  .p_top .sp3{ width: 85px;}
.index_a  .warp  .p_top .sp4{ width: 55px;}
.index_a  .warp .li{ display: block; width: 100%;overflow: hidden; border-bottom: 1px dashed #e5e5e5;  position: relative;}
.index_a  .warp .li a>p{ height: 34px; width: 100%;}
.index_a  .warp .li a>p i{float: left;  display: block; text-align: center; height: 100%; font-size: 14px; line-height: 34px; color: #959595; overflow:  hidden;}
.index_a  .warp .li a>p .i1{width: 35px;}
.index_a  .warp .li a>p .i1 span{width: 16px; height: 16px; color: #959595;margin: 10px 8px; font-size: 12px; line-height: 16px; display: block; background: #f0f0f0; border:1px solid #f1f1f1}
.index_a  .warp .li a>p .i2{width: 160px;color: #222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_a  .warp .li a>p .i3{width: 85px; }
.index_a  .warp .li .i4{width: 55px; position: absolute;  right: 0; top: 0px; height: 34px; display: block; font-size: 14px; text-align: center; line-height: 34px; color: #959595;}
.index_a  .warp .li .i4 a{display: block; width:100%; height: 100%; color:#959595; z-index: 5;}

.index_a .warp .info .infor{float: left;margin-top: 14px;}
.index_a .warp .info{display: none;float: left;width: 100%;height: auto;border: 1px solid #f2f2f2;}
.index_a .warp .info .infor p{width: 145px;overflow: hidden;height: 22px;line-height: 22px;margin-top: 2px;font-size: 12px;color: #7d7d7d;}
.index_a .warp .info .infor .score{color: #f0412a;font-size: 23px;font-weight: bold;font-style: italic;margin-top: 6px;}
.index_a .warp .info .infor .score u{text-decoration: none;font-size: 12px;color: #959595;}

.index_a  .warp .info .img{float: left;margin-right: 10px;}
.index_a  .warp .info .img,
.index_a  .warp .info .img img{width: 174px;height: 104px;}
.index_a  .warp .imgshow .info{display: block;}
.index_a  .warp .imgshow{border-bottom: none;}
.index_a  .warp .imgshow .ii a{color:#0068b7 !important;}
.index_a  .warp .imgshow p .i2{color:#F0412A !important;}
.index_a  .warp .li p .i_red span{ background: #f47969 !important; border:none; color: #FFFFFF !important;}
.index_a  .warp .li p .i_yelow span{background: #62cc94 !important; border:none; color: #FFFFFF !important;}
.index_a  .warp .li p .i_bule span{ background: #f9ba5d !important; border:none; color: #FFFFFF !important;}
/*.index_a  .pading{ margin:35px 20px 0 20px;}*/