@charset "utf-8";
/* CSS Document */
/*专区公共部分*/
@font-face {
font-family:zti;
src:url(../fonts/number.ttf)
}

:root {
    --hyybg: rgb(242, 245, 249);
    --hyyfontcolor: #242424;
    --hyybordercolor: rgba(229,229,229,.6);
    --hyyboxshadow: 0px 0px 10px #e6e6eb;
}


.clear{ clear:both;}

.header_wrap,.pic_banner,.zq_coment,.footer{position:relative;z-index:2;}
.header_wrap{z-index:9;} 
.header_wrap .nav{border-bottom: 1px solid #c9c9c9;}
.pic_banner{ width: 1200px; height: 277px; margin: 0 auto; overflow: hidden;}
.pic_banner img{min-width:100%;}
/*.zq_coment{ background: #fff; width: 1160px; margin: 0 auto; padding: 0 20px 20px; }*/
.zq_coment{  width: 1160px; margin: 0 auto; padding: 0 20px 20px; }
.zq_coment_top{margin-top:20px;}
.zq_coment .fenye .pagination li a{ color: #fff;}

.zq_index{ padding-bottom: 30px;}

.zq_coment .crumb{font-size: 12px; color: #626262;height: 53px; line-height: 53px; position: relative;text-indent: 20px;}
.zq_coment .crumb i{position: absolute; top:18px; left:0; background: url(../images/jlimg.png) no-repeat center; height: 14px;width: 16px;background-position:-27px 0px;}
.zq_coment .crumb a{color:#626262;}
.zq_coment .crumb a:hover{color: rgb(22, 222, 189);}

/*reset_Comments*/
#Comments_wrap, #Comments_wrap .Cs_postwrap .txtwrap .poswrap .postbox input { background: none !important; }
#Comments_wrap .Cs_head .Cs_report,#Comments_wrap .Cslis_titile .rit_btn a, #Comments_wrap .cmt_item_head .rit_btn a,#Comments_wrap .Cs_head p.Cs_titile, #Comments_wrap .Cs_head .Cs_share span, #Comments_wrap .Cs_postwrap .txtwrap .poswrap .postbox input, #Comments_wrap .Cs_postwrap .txtwrap .poswrap .login_box input, #Comments_wrap .Cs_postwrap .txtwrap .poswrap .postbox span, #Comments_wrap .Cslis_titile p, #Comments_wrap .Cslis_wrap .Cslis_item .cont-message .cont-txt, #Comments_wrap .Cslis_wrap .Cslis_item .cont-head .cont-floor, #Comments_wrap .Cslis_wrap .Cslis_item .floor_wrap .floor_item .repl_info, #Comments_wrap .Cslis_wrap .Cslis_item .reply_wrap .reply_info, #Comments_wrap .Cs_postwrap .txtwrap .textarea-box textarea, #Comments_wrap .Cs_head .Cs_collection { color: #959595 !important; }
#Comments_wrap .Cslis_wrap .Cslis_item .floor_wrap .floor_item, #Comments_wrap .Cslis_wrap .Cslis_item, #Comments_wrap .Cs_head { border-bottom: 1px solid #18191c !important; }
#Comments_wrap .Cs_postwrap, #Ct_more, #Comments_wrap .Cslis_wrap .Cslis_item .floor_wrap, #Comments_wrap .Cslis_wrap .Cslis_item .reply_wrap .reply_info, #Comments_wrap .Cs_postwrap .txtwrap .poswrap { background: #1e1f22 !important; }
#Comments_wrap .Cs_postwrap .txtwrap .poswrap .login_box .inputbg, #Comments_wrap .Cs_postwrap, #Comments_wrap .Cs_postwrap .txtwrap .poswrap .postbox input, #Comments_wrap .Cslis_wrap .Cslis_item .reply_wrap .reply_info, #Comments_wrap .Cs_postwrap .txtwrap .poswrap { border: 1px solid #000 !important; }
#Comments_wrap .Cs_postwrap .txtwrap .poswrap .login_box .inputbg { background: url(../images/ico-user2.png) no-repeat !important; }
#Comments_wrap .Cs_postwrap .txtwrap .poswrap .login_box .inputbg.pswd { background-position: 0 -25px !important; }
#Comments_wrap .Cslis_wrap .Cslis_item .cont-message .cont-txt .conttxt-mor { background: #28292d !important; }


/*头部的导航*/
.ZQ_top { overflow: hidden; width: 1200px; height: 46px; margin: 0 0 0 -20px; background: #222327; background: -webkit-linear-gradient(top, #232328 0%, #1f2024 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232328', endColorstr='#1f2024',GradientType=0 ); background: linear-gradient(to bottom, #232328 0%, #1f2024 100%); border-top: 1px solid #2c2f35; border-bottom: 1px solid #101112; }
.ZQ_top .link_L { float: left; height: 46px; overflow: hidden; max-width: 900px; }
.ZQ_top .link_L a { display: block; float: left;  height: 46px; line-height: 46px; font-size: 14px; color: #cbcbe0; text-align: center; padding: 0 16px; overflow: hidden; }
.ZQ_top .link_L a:hover { color: #fff; }
.ZQ_top .link_L a p{ overflow: hidden;}
.ZQ_top .link_L a.on { font-size: 16px; color: #fff; border: 1px solid #0f1011; border-bottom: none; width: 100px; line-height: 40px; background:#1b1c1e; padding: 0px;}
.ZQ_top .link_L a.on p { width: 100%; border-top: 4px solid rgb(22, 222, 189); max-width: 100px; }
.ZQ_top .link_L span { display: block; float: left; margin: 3px 0 0; background: url(../images/img-zq.png) no-repeat; height: 39px; width: 6px; background-position: 0 0; }
.ZQ_top .search { float: right; margin: 8px 15px 0 0; width: 277px; height: 30px; background: #17181a; border-radius: 15px; box-shadow: 0 1px 2px #2f3139; position: relative; }
.ZQ_top .search input.ssk { float: left; width: 215px; padding: 0 15px; background: none; border: none; font-size: 12px; color: #dadada; margin: 7px 0; }
.ZQ_top .search input.btn { float: right; background: url(../images/img-zq.png) no-repeat; height: 23px; width: 23px; background-position: -30px -89px; border: none; cursor: pointer; margin: 4px; }
.ZQ_top .search input.btn:hover { opacity: 0.8; }

/*文字介绍*/
.ZQ_Left{ width: 770px; float: left; margin-right: 22px;}
/*.ZQ_Left .ZQ_text_top{ height:auto; background: #202125;  width: 100%;padding-bottom: 10px;margin-top:20px;}*/
.ZQ_Left .ZQ_text_top{ height:auto; background: #fff;  width: 100%;padding-bottom: 10px;margin-top:20px;}
.ZQ_Left .ZQ_text_top p{ line-height: 24px; margin: 0 13px;  padding-top: 10px; font-size: 13px; color: #9a9a9a; overflow: hidden; text-indent: 2em; height: auto;}

.zq_coment_top .ZQ_Left  .ZQ_text_top{margin-top:0;}
/*.zq_coment_top  .ZQ_Right{border-top: 1px solid #18191b;}*/
/*/专区左侧*/
/*.ZQ_Left  .zqleft_warptop{ height: 37px; width:770px; margin-top: 16px;line-height: 34px; font-size: 18px; color: #fff; background: #212224;    overflow: hidden;}*/
.ZQ_Left  .zqleft_warptop{ height: 37px; width:770px; margin-top: 16px;line-height: 34px; font-size: 18px; color: var(--hyyfontcolor); background: #fff;    overflow: hidden;}
.ZQ_Left  .zqleft_warptop span{ float: left; padding-right: 5px; padding-left: 46px; position: relative;height: 34px; margin-right:10px;}
.ZQ_Left  .zqleft_warptop span i{  display: block; position: absolute; background:url(../images/sy_zq.png) no-repeat content-box; left: 6px; top:8px}
.ZQ_Left  .zqleft_warptop a{ display: block; float: left; padding: 0 7px;height: 34px; color: #d1c0a5; font-size: 16px; margin-left: 15px;     position: relative;min-width:40px;}
.ZQ_Left  .zqleft_warptop a i{ position: absolute; display: none; background:url(../images/sy_zq.png) no-repeat content-box; height:6px;width:12px;background-position: -38px 0; left: 40%; bottom: 0px;}
.ZQ_Left  .zqleft_warptop .on{border-bottom: 3px solid rgb(22, 222, 189); position: relative; color: rgb(22, 222, 189);}
.ZQ_Left  .zqleft_warptop .on i{display: block;}

.ZQ_Left  .zqleft_warptop a:hover{border-bottom: 3px solid rgb(22, 222, 189); position: relative; color: rgb(22, 222, 189);}
.ZQ_Left  .zqleft_warptop a:hover i{ display: block;}
/*.ZQ_Left  .line {width: 100%;height: 0;border-top: 1px solid #18191c;border-bottom: 1px solid #323336;}*/
.ZQ_Left  .line {width: 100%;height: 0;border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;}
.ZQ_Left  .info{ width: 100%; overflow: hidden;}


/*w王者荣耀英雄图鉴大全*/
.ZQ_Left .zqleft_warp1 .info ul{ width: 800px; }
.ZQ_Left .zqleft_warp1 .info ul li{ height: 152px; padding: 25px 0 22px 0 ; position: relative;}
.ZQ_Left .zqleft_warp1 .info ul li a{ display: block; float: left; width: 177px; height: 100%; overflow: hidden; margin-right: 21px;}
.ZQ_Left .zqleft_warp1 .info ul li a p{ height: 106px; width: 100%; overflow: hidden;}
.ZQ_Left .zqleft_warp1 .info ul li a p img{ width: 100%; height: 100%;}
.ZQ_Left .zqleft_warp1 .info ul li a span{ display:block; height: 40px; width: 100%; line-height: 20px; overflow: hidden; color: #dadada; font-size: 13px; padding-top: 7px;}
.ZQ_Left .zqleft_warp1 .info ul li a span:hover{color: rgb(22, 222, 189);}
.ZQ_Left .zqleft_warp1 .info ul li .line{ position: absolute; left: 0; bottom: 0;}
/*王者荣耀礼包大全*/
.ZQ_Left .zqleft_warp2 .info ul{ padding-top: 13px;}
.ZQ_Left .zqleft_warp2 .info ul li{ height: 82px;padding:20px; width: 740px; position: relative;}
.ZQ_Left .zqleft_warp2 .info ul .img{ width: 80px; height: 80px; border:1px solid #000; border-radius: 15px; overflow: hidden;float: left;}
.ZQ_Left .zqleft_warp2 .info ul .img img{width: 100%;min-height: 100%;}
.ZQ_Left .zqleft_warp2 .info ul .text{ width: 510px; float: left;padding-left: 16px;}
.ZQ_Left .zqleft_warp2 .info ul .text .text_a{line-height: 17px; color: #dadada; padding-top: 4px; height: 17px; font-size: 15px; width: 100%; overflow: hidden; display: block; }
.ZQ_Left .zqleft_warp2 .info ul .text p {padding-top: 13px; width:410px;}
.ZQ_Left .zqleft_warp2 .info ul .text p span{ font-size: 12px; color: #aaa;display: block; padding-top: 10px; height: 14px; overflow: hidden; float: left; max-width: 187px; padding-right: 30px;}

.ZQ_Left .zqleft_warp2 .info ul li .btn_link{float: right;  width: 115px; text-align: center;} 
.ZQ_Left .zqleft_warp2 .info ul li .btn_link a{display: inline-block;margin: 0 0 0 5px;background: url(../images/sy_zq.png) no-repeat;height: 20px;width: 20px;}
.ZQ_Left .zqleft_warp2 .info ul li .btn_link a.ios{background-position: -33px -201px;}
.ZQ_Left .zqleft_warp2 .info ul li .btn_link a.az{background-position: -33px -148px;}
.ZQ_Left .zqleft_warp2 .info ul li .btn_link a.pc{background-position: -53px -200px;width: 20px;}
.ZQ_Left .zqleft_warp2 .info ul li .btn_link a.tv{background-position: -55px -176px;}

.ZQ_Left .zqleft_warp2 .info ul .bt{ float: right; width: 103px; height: 40px; border:1px solid #000; margin-top: 35px; border-radius: 30px; text-align:center; line-height: 40px; color: #fdfdfd; font-size: 12px;}
.ZQ_Left .zqleft_warp2 .info ul li .line{ position: absolute; left: 0; bottom: 0;}
.ZQ_Left .zqleft_warp2 .info ul li:hover{ background: #1e1f22;}
.ZQ_Left .zqleft_warp2 .info ul li:hover .text_a{ color: rgb(22, 222, 189);}
.ZQ_Left .zqleft_warp2 .info ul li:hover .bt{ background: rgb(22, 222, 189);}
.ZQ_Left .zqleft_warp2 .info ul li .margin_btn{  margin-top: 15px;}
.ZQ_Left .zqleft_warp2 .info ul li .text p .sp1{width: 480px; max-width: 480px;}
.ZQ_Left .zqleft_warp2 .info ul li .text p .sp2{width: 294px; max-width: 294px; padding-right: 0px;}
.ZQ_Left .zqleft_warp2 .info ul li .text p .sp3{padding-right: 0px;}
.ZQ_Left .zqleft_warp2 .info ul li .text p .sp3 i{color: #e33f2a;}

/*专区图鉴列表*/
.ZQ_Left .zqleft_warp3 .zqleft_warptop{ padding-top: 0px; background:#212224; margin-top: 18px;}
.ZQ_Left .zqleft_warp3 .zqleft_warptop span{ font-size: 16px; color: #aaaaaa; border: none; padding-left: 55px;margin-right:5px; font-weight: bold;}
.ZQ_Left .zqleft_warp3 .zqleft_warptop span i{ left: 9px;}
.ZQ_Left .zqleft_warp3 .zqleft_warptop .on{color: rgb(22, 222, 189); border-bottom: 3px solid rgb(22, 222, 189);}
.ZQ_Left .zqleft_warp3 .info{ width: 800px;}
.ZQ_Left .zqleft_warp3 .info a{ display: block; float:left; border:1px solid #000000; width: 120px; height: 152px;margin: 20px 7px 8px 0;}
.ZQ_Left .zqleft_warp3 .info a .img{ width: 100px; height: 100px; padding:11px 10px 0 10px; border-radius:5px;}
.ZQ_Left .zqleft_warp3 .info a .img img{ width: 100%; height: 100%; border-radius: 5px;}
.ZQ_Left .zqleft_warp3 .info a span{ display: block; padding-top: 13px; font-size: 14px; height: 16px;line-height: 16px; width: 95%; overflow: hidden; text-align: center; color:#e6e6e6; margin: 0 auto;}
.ZQ_Left .zqleft_warp3 .info a:hover span{color:rgb(22, 222, 189);}

/*王者荣耀新闻大全*/
.ZQ_Left .zqleft_warp4 .info ul{ padding-top: 15px;}
.ZQ_Left .zqleft_warp4 .info li{ height: 154px; padding:20px 30px 20px 20px; position: relative;}
.ZQ_Left .zqleft_warp4 .info li .text_h { font-size: 18px; height: 19px;margin-bottom: 15px; width: 100%; overflow: hidden; width: 730px; display: block; color: #dadada; line-height:18px;}
.ZQ_Left .zqleft_warp4 .info li .text_h a{color: #dadada;}
.ZQ_Left .zqleft_warp4 .info .img{width: 198px; height: 118px; border-radius: 4px;overflow: hidden; float: left;} 
.ZQ_Left .zqleft_warp4 .info .text{ width: 500px; height: 118px; float:left; padding-left: 20px; color: #9a9a9a;}
.ZQ_Left .zqleft_warp4 .info .text a{color: #9a9a9a;}
.ZQ_Left .zqleft_warp4  .text p{ width: 100%; line-height: 20px; font-size: 13px; overflow: hidden; height: 60px;}
.ZQ_Left .zqleft_warp4 .info  li  .item{width: 538px;float: left;font-size: 13px; margin-top: 18px;}
.ZQ_Left .zqleft_warp4 .info  li  .item .time{width: 128px;}
.ZQ_Left .zqleft_warp4 .info  li  .item .time i{background: url(../images/sy_zq.png) no-repeat center;height:12px;width:12px;background-position: -53px 0px;display: inline-block; margin-right: 4px;}
.ZQ_Left .zqleft_warp4 .info  li  .item .it{padding-left: 150px;}

.zqleft_warp4 .info  li  .item .it i{background: url(../images/jlimg.png) no-repeat center;height:13px;width:14px; display: inline-block; margin-right: 4px;    margin-bottom: -1px;}
.zqleft_warp4 .info  li  .item .it i.in{background-position: -111px -3px;}
.zqleft_warp4 .info  li  .item .it i.eye{background-position: -269px -170px;width:18px;    margin-bottom: -2px;}
.zqleft_warp4 .info  li  .item .it a:hover i.in {background-position: -111px -20px}
.zqleft_warp4 .info  li  .item .it a:hover i.eye{background-position: -269px -184px}

.ZQ_Left .zqleft_warp4 .info  li .it a:hover{color: rgb(22, 222, 189);}
.ZQ_Left .zqleft_warp4 .info  li:hover{text-decoration:none; background: #1e1f22;}

.ZQ_Left .zqleft_warp4 .info  li .text_h:hover a{ color: rgb(22, 222, 189);}
.ZQ_Left .zqleft_warp4 .info li .line{ position: absolute; left: 0; bottom: 0;}

/*专区资源列表 页 ——专区礼包大全*/
.ZQ_Left .zqleft_warp5{ padding-top: 15px;}
.ZQ_Left .zqleft_warp5 .info a{ display: block; float: left;background: url(../images/sy_zq.png) no-repeat center; ;height:48px;width:136px;background-position: 0 -256px; margin: 20px 3px 0 14px;text-align: center; line-height:46px;
                       color: #aaaaaa; font-size: 14px; overflow: hidden;}
.ZQ_Left .zqleft_warp5 .info a i,.ZQ_Left .zqleft_warp5 .info a span{display: inline-block;max-width: 80px;height:  48px;overflow:  hidden;vertical-align:  middle;word-break: break-all;}
.ZQ_Left .zqleft_warp5 .info a i{margin: 0 7px;width: 20px;height: 20px;background: url(../images/sy_zq.png) no-repeat;vertical-align: middle;margin-top: -5px;}
 
.ZQ_Left .zqleft_warp5 .info a i.az { height: 21px; width: 18px;  background-position: -33px -148px;}
.ZQ_Left .zqleft_warp5 .info a i.ios {height: 19px;width: 16px;background-position: -35px -201px;}
.ZQ_Left .zqleft_warp5 .info a i.pc {width: 20px; height: 21px;background-position: -53px -200px;}
.ZQ_Left .zqleft_warp5 .info a i.tv {width: 18px;height: 21px;background-position: -55px -176px;margin-top: -3px;}
 
.ZQ_Left .zqleft_warp5 .info a:hover{height:48px;width:136px;background-position: 0 -308px; color: #ffb424;}


.ZQ_Left .zqleft_warp6{ padding-top: 4px;}
.ZQ_Left .zqleft_warp6 .info{ padding-top: 4px; width: 784px;padding-bottom: 10px}
/*.ZQ_Left .zqleft_warp6 .info li{float: left; border:1px solid #131313; width:230px; height: 80px; padding: 8px 5px 7px 10px; margin: 20px 14px 0 0;}*/
.ZQ_Left .zqleft_warp6 .info li{float: left; box-shadow: var(--hyyboxshadow); width:230px; height: 80px; padding: 8px 5px 7px 10px; margin: 20px 14px 0 0;display:flex}
.ZQ_Left .zqleft_warp6 .info li .img{ width: 78px; height: 78px; border:1px solid #131313; border-radius: 16px; overflow: hidden; position: relative; float: left;}
.ZQ_Left .zqleft_warp6 .info li .img img{ width: 100%; height: 100%; position: absolute;left: 0px; top:0px; right: 0px; bottom: 0px; margin: auto;}
.ZQ_Left .zqleft_warp6 .info li p{ width: 133px; float: left; padding-left: 17px;}
.ZQ_Left .zqleft_warp6 .info li p span{ display: block; overflow: hidden; color: #aaaaaa; font-size:12px; line-height: 12px; height: 13px;}
.ZQ_Left .zqleft_warp6 .info li p .tex_a{ width: 100%; font-size: 15px; line-height: 15px; height: 16px; overflow: hidden; color: #dadada; margin-top:4px;}
/*.ZQ_Left .zqleft_warp6 .info li p  .tex_a a{ color: #dadada;}*/
.ZQ_Left .zqleft_warp6 .info li p  .tex_a a{ color: var(--hyyfontcolor);}
.ZQ_Left .zqleft_warp6 .info li p span a{color: #aaaaaa;}
.ZQ_Left .zqleft_warp6 .info li p .tex_b{ padding-top: 20px;}
.ZQ_Left .zqleft_warp6 .info li p .tex_c{ padding-top: 10px;}
.ZQ_Left .zqleft_warp6 .info li p .tex_c .tex_lx{ padding-right: 8px; max-width: 60px; overflow: hidden;}
.ZQ_Left .zqleft_warp6 .info li p .tex_c .bg{ padding-left: 7px; max-width: 60px;}
.ZQ_Left .zqleft_warp6 .info li :hover .tex_a a{ color: rgb(22, 222, 189);}

.ZQ_Right{float: right;overflow: hidden;width: 367px; padding-left: 1px;margin-bottom: 20px;}
/*共同的标题*/
.data_top_bt{ height: 39px; position: relative;padding: 0 8px 0 7px;}
.data_top_bt span{ display: block;  float: left; height: 34px; line-height:35px; border-bottom: 3px solid rgb(22, 222, 189); font-size: 16px; color: var(--hyyfontcolor); padding: 0 5px 0 36px;max-width: 68px;}
.data_top_bt span i{ display: block; position: absolute; left:8px; top:7px;}
.data_top_bt a{ float: right; display: block; padding-top: 10px; color: #737373; height: 25px; position: relative; font-size: 13px;}
.data_top_bt a:hover{ color: rgb(22, 222, 189);}
/*.data_top_bt .line{ position: absolute;width: 100%;height: 0;border-top: 1px solid #18191c;border-bottom: 1px solid #323336; left: 0; bottom: 0;}*/
.data_top_bt .line{ position: absolute;width: 100%;height: 0; left: 0; bottom: 0;}

/*.ZQ_Right>div:nth-child(2){border-top:1px solid #18191b !important;}*/
/*.ZQ_Right>div:nth-child(2) .net{border-top:1px solid #3d3e42 !important;}*/

/*.ZQ_Right .rightdata1{width: 363px;padding: 17px 0 23px 0; outline: 1px solid #18191b;border: 1px solid var(--hyybordercolor);margin:20px 0 20px 1px;}*/
.ZQ_Right .rightdata1{width: 363px;padding: 17px 0 23px 0;
box-shadow:var(--hyyboxshadow); margin:20px 0 20px 1px;}
.ZQ_Right .rightdata1 .warp{padding: 0 17px 0 16px; overflow: hidden;display: flex}
.ZQ_Right .rightdata1 .warp .item{ width: 100%;display: flex}
.ZQ_Right .rightdata1 .warp .item .img{ float: left; width: 108px; height: 108px; border-radius: 25px; border:1px solid #000; overflow: hidden; margin-right: 19px;}
.ZQ_Right .rightdata1 .warp .item .img img{ border-radius: 15px;width: 100%; height: 100%;}
.ZQ_Right .rightdata1 .warp .item .text{ float: left; width: 201px; height: 110px; position: relative;}
.ZQ_Right .rightdata1 .warp .item .text .title_h1{ width: 100%; height:18px;line-height: 18px; color: rgb(22, 222, 189); font-size: 16px; overflow: hidden; display: block;}
.ZQ_Right .rightdata1 .warp .item .text .title_h2{ padding-top: 15px; height: 15px;line-height: 15px; font-size: 13px; color: #9a9a9a; display: block; overflow: hidden;}
.ZQ_Right .rightdata1 .warp .item .text .pf{ background: url(../images/zq_pf.png) no-repeat; width: 141px; height: 27px;  position: relative; margin-top: 15px;background-position:0 -27px; cursor: pointer;}
.ZQ_Right .rightdata1 .warp .item .text .pf .bj{ background: url(../images/zq_pf.png) no-repeat; width: 50%; height: 27px;background-position:0 0px; display:block; }
.ZQ_Right .rightdata1 .warp .item .text .p_tex{ color: #7592b9; font-size: 12px; padding-top: 5px;}
.ZQ_Right .rightdata1 .warp .item .text .p_tex span{ color: rgb(22, 222, 189);}
.ZQ_Right .rightdata1 .warp .item .text .fong{ background: url(../images/post_img2.png) no-repeat; width: 44px; height: 44px; background-position:0 0px  ; position:absolute; right:4px; bottom: 16px; text-align: center; line-height: 44px; font-size: 15px; color: #fff; font-weight: bold;}

.ZQ_Right .rightdata1 .ul_lis{ width: 323px; margin: 0 auto; padding-top: 25px; height: 77px; border-bottom: 2px solid #131313;}
.ZQ_Right .rightdata1 .ul_lis li{ width: 106px; float: left; height:74px; text-align: center; font-size: 12px; position: relative; display: block;}
.ZQ_Right .rightdata1 .ul_lis li a{ width: 106px; height:74px;display: block; color:var(--hyyfontcolor);}
.ZQ_Right .rightdata1 .ul_lis li i{display: block; cursor: pointer; margin: 0 auto;}
.ZQ_Right .rightdata1 .ul_lis li span{ display: block; padding-top: 10px;  width: 100%; height: 15px; overflow: hidden;}
.ZQ_Right .rightdata1 .ul_lis .on .tiao{ position: absolute; left: 0; bottom:-6px; height: 4px; background: rgb(22, 222, 189); border:1px solid #000; border-radius: 10px; width: 100%; }
.ZQ_Right .rightdata1 .ul_lis .li1.on i{background-position:0px -73px;}
.ZQ_Right .rightdata1 .ul_lis .li2.on i{background-position:-30px -38px;}
.ZQ_Right .rightdata1 .ul_lis .li3.on i{background-position:-36px -109px;}
.ZQ_Right .rightdata1 .ul_lis .li3{ width: 110px;}

/*.难点推荐*/
.ZQ_Right .rightdata2{border: 1px solid #18191b;  overflow: hidden; border-bottom: none;}
.ZQ_Right .rightdata2 .net{ border: 1px solid #3d3e42; width:100%; height: 100%; width: 363px; border-bottom: none;padding-bottom: 20px;}
.ZQ_Right .rightdata2 .cent{ width: 370px;padding-top: 10px; padding-left: 7px;}
.ZQ_Right .rightdata2 .cent a{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden; display: block; border:1px solid #000000; width: 168px; height: 52px; border-radius: 4px; float: left; margin-right: 9px; text-align: center; line-height: 52px; color: #959595; margin-top: 10px;}
.ZQ_Right .rightdata2 .cent a:hover{ color: #fff; background: rgb(22, 222, 189);}
/*热门攻略*/
.ZQ_Right .rightdata3{  overflow: hidden; border-top: none; border-bottom: none;box-shadow:var(--hyyboxshadow)}
/*.ZQ_Right .rightdata3 .net{ border: 1px solid #3d3e42;  width: 363px; border-top: none; padding-bottom: 20px; border-bottom: none;}*/
.ZQ_Right .rightdata3 .net{  width: 363px; border-top: none; padding-bottom: 20px; border-bottom: none;}
.ZQ_Right .rightdata3 .cent{width: 370px;padding-top: 13px; padding-left: 7px;}
.ZQ_Right .rightdata3 .cent a{ display: block; width: 335px;padding-left: 10px; height: 32px; line-height: 32px; position: relative; overflow: hidden; font-size: 14px; color: var(--hyyfontcolor)}
/*.ZQ_Right .rightdata3 .cent a{ display: block; width: 335px;padding-left: 10px; height: 32px; line-height: 32px; position: relative; overflow: hidden; font-size: 14px; color: #fff;}*/
.ZQ_Right .rightdata3 .cent a i{ display: block; width: 4px; height: 4px; border-radius: 50%; background: #1b1b1b; position: absolute; left: 2px; top:15px;}
.ZQ_Right .rightdata3 .cent a:hover{color: rgb(22, 222, 189);}
.ZQ_Right .rightdata3 .cent a:hover i{ background: rgb(22, 222, 189);}
.ZQ_Right .rightdata3 .data_top_bt span i{ left: 12px;}
/*热游推荐*/
/*.ZQ_Right .rightdata4{ border: 1px solid #18191b; overflow: hidden; border-top: none;}*/
.ZQ_Right .rightdata4{ overflow: hidden; border-top: none;box-shadow: var(--hyyboxshadow)}
.ZQ_Right .rightdata4 .cent ul li:last-child .line{display:none;}
.ZQ_Right .rightdata4 .net{   width: 363px; border-top: none; }
/*.ZQ_Right .rightdata4 .net{ border: 1px solid #3d3e42;  width: 363px; border-top: none; }*/
.ZQ_Right .rightdata4 .cent{width: 370px; padding-left: 7px;}
.ZQ_Right .rightdata4 .cent ul li{ width: 340px; height: 100px; position: relative; padding-left: 9px; padding-top: 20px;}
.ZQ_Right .rightdata4 .cent ul li .line{ position: absolute;width: 100%;height: 0;border-top: 1px solid #18191c;border-bottom: 1px solid #323336; left: 0; bottom: 0; }
.ZQ_Right .rightdata4 .cent ul li .img{ float: left; margin-left: 6px; width: 80px; height: 80px; border-radius: 16px; overflow: hidden;}
.ZQ_Right .rightdata4 .cent ul li .img img{ border-radius: 10px;width: 100%;min-height: 100%;}
.ZQ_Right .rightdata4 .cent ul li .text{ float: left; width: 220px; height: 80px;}
.ZQ_Right .rightdata4 .cent ul li .text .p1{ font-size: 15px; height: 15px;line-height: 15px; margin: 5px 0 20px 20px; width:185px; overflow: hidden; display: block; color: var(--hyyfontcolor)}
.ZQ_Right .rightdata4 .cent ul li .text .p2{ color: #9a9a9a; font-size: 12px; width: 195px; height: 18px;line-height: 18px; overflow: hidden; margin:0 0 1px 5px; display: block;}
.ZQ_Right .rightdata4 .cent ul li .text .p2 i{ padding-left: 15px; margin-right: 15px; max-width: 70px; overflow: hidden;}
.ZQ_Right .rightdata4 .cent ul li .text .font{font-size: 24px;font-family: zti;font-weight: bold;font-style: italic; color: rgb(22, 222, 189); position: absolute; top:20px; right:9px;}
.ZQ_Right .rightdata4 .cent ul li .text .btn{ width: 37px; height: 29px; display: block; position: absolute; right:6px; bottom:20px; border:1px solid rgb(22, 222, 189);; text-align: center; line-height: 29px; font-size: 13px; color: rgb(22, 222, 189); border-radius: 4px;}
/*.ZQ_Right .rightdata4 .cent 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: rgb(22, 222, 189); border-radius: 4px;}*/
.ZQ_Right .rightdata4 .cent ul li:hover .text .btn{ background: rgb(22, 222, 189); color: #fff;border:none; width: 39px; height: 31px;}
.ZQ_Right .rightdata4 .data_top_bt span i{ left: 12px; top:10px;  }


/*page*/
.pagewrap .page li a { background: #2d2f33; border: 1px solid #323237; color: #999; outline: 1px solid #232427; box-shadow: 0 1px 4px #232427; }
.pagewrap .page .active a, .pagewrap .page a:hover { background: #232429; border: 1px solid #1d1e21; outline: 1px solid #27282c; box-shadow: 0 1px 4px #4a4b4c; }


/*图的定位*/
.zq_imgbt1{ background:url(../images/sy_zq.png) no-repeat;height:18px;width:35px;background-position: 0 0}
.zq_imgbt2{ background:url(../images/sy_zq.png) no-repeat;height:21px;width:21px;background-position: 0 -148px;}
.zq_imgbt3{background: url(../images/img-zq.png) no-repeat;height: 23px;width: 19px; background-position: -78px -29px;}
.zq_imgbt4{ background:url(../images/sy_zq.png) no-repeat;height:35px;width:27px;background-position: 0 -38px;}
.zq_imgbt5{ background:url(../images/sy_zq.png) no-repeat;height:35px;width:30px;background-position: -32px -74px;}
.zq_imgbt6{ background:url(../images/sy_zq.png) no-repeat;height:35px;width:32px;background-position: 0 -108px;}
.zq_imgbt7{ background:url(../images/sy_zq.png) no-repeat;height:17px;width:22px;background-position: 0 -21px;}
.zq_imgbt8{ background:url(../images/sy_zq.png) no-repeat;height:26px;width:22px;background-position: 0 -172px;}
.zq_imgbt9{ background:url(../images/sy_zq.png) no-repeat;height:26px;width:20px;background-position: 0 -201px;}
.zq_imgbt11{ background:url(../images/sy_zq.png) no-repeat;height:19px;width:14px;background-position: -35px -201px;}
.zq_imgbt12{ background:url(../images/sy_zq.png) no-repeat;height:21px;width:18px;background-position: -33px -173px;}
.zq_imgbt12_2{ background:url(../images/sy_zq.png) no-repeat;height:21px;width:18px;background-position: -33px -148px;}
.zq_imgbt13{ background:url(../images/sy_zq.png) no-repeat;height:35px;width:27px;background-position: -30px -38px;}
.zq_imgbt14{ background:url(../images/sy_zq.png) no-repeat;height:35px;width:30px;background-position: -32px -74px;}
.zq_imgbt15{ background:url(../images/sy_zq.png) no-repeat;height:35px;width:32px;background-position: -31px -110px;}
.ZQ_Left  .zqleft_warptop span i.zq_imgbt16{height:23px;width:28px;background-position: 0 -230px;top:3px !important;}

/*2018-5-23 标签滑动*/
.bqbox_2{width: 880px !important;line-height: 34px; height: 34px}
.bqbox_2 .bq_list a{min-width: 44px;}
.bqbox_1{overflow: hidden; width: 700px; height: 37px; float: left; position: relative;}
.bq_list{overflow: hidden; height: 37px; position: absolute; left: 0; top:0; white-space: nowrap; -webkit-transition: all .5s linear;; -moz-transition: all .5s linear;; -ms-transition: all .5s linear;; -o-transition: all .5s linear;; transition: all .5s linear;;}
.bq_list a{display: inline-block !important; float: initial !important; height: 32px; margin-left: 26px; text-align: center; line-height: 32px; font-size: 14px; color: #d1c0a5; position: relative; cursor: pointer;}
.bq_list a i{display: inline-block; position: absolute; left: 40%; bottom: 0px; background: url(../images/sy_zq.png) no-repeat; height: 6px; width: 12px; background-position: -39px -9px; display: none;}
.bqbox_2 .bq_list a:hover{border-bottom: 2px solid #f4a76d;color: #f4a76d;}
.bq_list a.on i,
.bq_list a:hover i{display: block}

.bqmor_btn{float: right; width: 30px; height: 37px; margin: 0 10px;}
.bqmor_btn .btn_left ,
.bqmor_btn .btn_right{width: 9px; height: 17px; cursor: pointer; margin: 10px 2px; background: url("../images/mor_btn.png") no-repeat;}
.bqmor_btn .btn_left{float: left;}
.bqmor_btn .btn_right{float: right; background-position:-11px 0;}
.bqmor_btn .btn_left:hover{ background-position:0 -17px}
.bqmor_btn .btn_right:hover{ background-position:-11px -17px}

	/*分页*/
.fenye{ width: 100%;}
.fenye .pagination{ height: auto;margin: 20px auto 30px;overflow:hidden; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;  user-select: none;text-align: center; max-width: 740px;}
.fenye .pagination li a{ display: block; color: #333333;}
.fenye .pagination li{display:inline-block; width: 30px; height: 30px; line-height: 30px; border:1px solid #eaeaea; border-radius: 4px; font-size: 14px; color: #333333; }
.fenye .pagination .disabled{width: 30px;height: 30px; border:1px solid #eaeaea ; text-align:  center; line-height: 30px; color: #535353; font-size: 15px;  border-radius: 4px; padding:0 10px;}
.fenye .pagination .active a,
.fenye .pagination  li:hover a{color: #ff8a20 !important; text-decoration:none;}
.fenye .pagination .active,
.fenye .pagination li:hover { border:1px solid #ff8a20; border-radius: 4px; font-size: 14px;}
.fenye .pagination .next{height: 30px; border:1px solid #eaeaea ; text-align:  center; line-height: 30px; color: #535353; font-size: 15px; display: inline-block; border-radius: 4px;padding:0 10px;}
.hide{ display:none}


.pagewrap{ width: 100%; height: 34px; padding: 25px 0;margin-top: 10px; line-height: 34px; text-align: center; color: #666;overflow: hidden;}
.pagewrap a{display: inline-block; height: 30px; text-align: center; line-height: 30px; border: 1px solid #eaeaea; border-radius: 3px; padding: 0 12px; margin: 0 5px; font-size: 14px; color: #666;}
.pagewrap a.current ,
.pagewrap .active a,
.pagewrap a:hover{color: #ff8a20; border: 1px solid #ff8a20;}
.pagewrap li{display: inline-block; _zoom:1;*display:inline;}
.pagewrap .page .prev,.pagewrap .page .netx{width:38px;}
.pagewrap .page{margin: 0 auto;display: block;}



/*评分的·1基本部分（专区列表页的评分）*/
.data_pf .scorewrap{float: left; width: 230px; height: 50px; position: relative;}
.data_pf .scorewrap .score{  float: left;width: 141px; height: 27px; background: url(../images/zq_pf.png) no-repeat; background-position: 0 -27px; margin-top:15px; position: relative; cursor: pointer;}
.data_pf .scorewrap .score span{position: absolute; left: 0; top: 0; height: 27px; max-width: 100%; background: url(../images/zq_pf.png) no-repeat; background-position: 0 0; display: block;}
.data_pf .scorewrap .tex{float: right; position: relative;}
.data_pf .scorewrap .tex font{position: absolute; z-index: 0; right: 5px; top: 5px; border-radius: 50%; font-size: 16px; font-weight: bold; color: #fff; text-align: center; line-height: 37px; background: url(../images/pfbg.png) no-repeat; height: 37px; width: 37px; background-position: 0 -42px;}
.data_pf .scorewrap .txt{font-size: 12px; color: #7592b9; width: 184px; height: 16px; position: absolute; left: 0; top: 48px;}
.data_pf .scorewrap .txt span{color: rgb(22, 222, 189);}
.data_pf .scorewrap .txt .myscore{text-decoration: none; display: inline-block;}
.data_pf .scorewrap .txt .myscore i{color: rgb(22, 222, 189);}
.data_pf .processingbar{float:left;margin: 0px 0 0 10px; width: 44px; height: 44px; background: url(../images/post_img3.png) no-repeat center; background-position: 0 0;}
.data_pf .processingbar font{width: 100%;height: 44px;line-height: 44px; font-size: 16px; color: #FFFFFF; text-align: center; display: block;}
.data_pf .processingbar.p_on1{background-position-x: -88px;}
.data_pf .processingbar.p_on2{background-position-x: -176px;}
.data_pf .processingbar.p_on3{background-position-x: -264px;}
.data_pf .processingbar.p_on4{background-position-x: -352px;}
.data_pf .processingbar.p_on5{background-position-x: -440px;}
.data_pf .processingbar.p_on6{background-position-x: -528px;}
.data_pf .processingbar.p_on7{background-position-x: -616px;}
.data_pf .processingbar.p_on8{background-position-x: -704px;}
.data_pf .processingbar.p_on9{background-position-x: -792px;}
.data_pf .processingbar.p_on10{background-position-x: -836px;}


/*专区首页的评分*/
.ZQ_Right .processingbar,.zq_index_lef .processingbar{background: url(../images/post_img2.png) no-repeat;}
.zq_index_lef .pfeng .text .data_pf{ position: absolute;position: absolute;right: 0px;top: 0px;width: 213px; padding-top: 20px;}
.data_pf .score_a .score{width: 148px; height: 22px; background: url(../images/zq_index_pf.png) no-repeat; background-position: 0 0px;  margin-top: 0px;}
.data_pf .score_a .score span{height: 22px;background: url(../images/zq_index_pf.png) no-repeat; background-position: 0 -24px; }
.data_pf .score_a .processingbar{width: 53px; height: 54px; background-position: 0 -44px; margin-top: -20px;}
.data_pf .score_a .processingbar font{height: 54px;line-height: 54px;}
.data_pf .score_a .processingbar.p_on1{background-position-x: -106px;}
.data_pf .score_a .processingbar.p_on2{background-position-x: -212px;}
.data_pf .score_a .processingbar.p_on3{background-position-x: -318px;}
.data_pf .score_a .processingbar.p_on4{background-position-x: -424px;}
.data_pf .score_a .processingbar.p_on5{background-position-x: -530px;}
.data_pf .score_a .processingbar.p_on6{background-position-x: -636px;}
.data_pf .score_a .processingbar.p_on7{background-position-x: -742px;}
.data_pf .score_a .processingbar.p_on8{background-position-x: -848px;}
.data_pf .score_a .processingbar.p_on9{background-position-x: -954px;}
.data_pf .score_a .processingbar.p_on10{background-position-x: -1007px;}
.data_pf .score_a .txt {top:30px}

.data_pf .score_b .score{width: 163px; height: 17px; background: url(../images/pfbg.png) no-repeat; background-position: 0 -17px;  margin-top: 0px;}
.data_pf .score_b .score span{height: 17px;background: url(../images/pfbg.png) no-repeat; background-position: 0 0px; width: 100%; }
.data_pf .score_b .processingbar{width: 44px; height: 44px; background-position: 0 0px; margin-top: -5px;}
.data_pf .score_b .processingbar font{height: 44px;line-height: 44px;}
.data_pf .score_b .processingbar.p_on1{background-position-x: -88px;}
.data_pf .score_b .processingbar.p_on2{background-position-x: -176px;}
.data_pf .score_b .processingbar.p_on3{background-position-x: -264px;}
.data_pf .score_b .processingbar.p_on4{background-position-x: -352px;}
.data_pf .score_b .processingbar.p_on5{background-position-x: -440px;}
.data_pf .score_b .processingbar.p_on6{background-position-x: -528px;}
.data_pf .score_b .processingbar.p_on7{background-position-x: -616px;}
.data_pf .score_b .processingbar.p_on8{background-position-x: -704px;}
.data_pf .score_b .processingbar.p_on9{background-position-x: -792px;}
.data_pf .score_b .processingbar.p_on10{background-position-x: -836px;}
.data_pf .score_b .txt {top:22px; color: #535353;}

.detail-top .tv_pf_wrap .scorewrap{width:291px; float: right;    padding-top: 4px;}
.data_pf .score_c .score{width: 204px; height: 41px; background: url(../images/tv_pf.png) no-repeat; background-position: 0 0px;  margin-top: 0px;}
.data_pf .score_c .score span{height: 41px;background: url(../images/tv_pf.png) no-repeat; background-position: 0 -41px; width: 100%; }
.data_pf .score_c .processingbar{width: 74px; height: 75px;  background: url(../images/post_img3.png) no-repeat;background-position: 0 -97px; margin-top: -4px; margin-left: 13px;}
.data_pf .score_c .processingbar font{height:75px;line-height: 75px; font-size: 24px;}
.data_pf .score_c .processingbar.p_on1{background-position-x: -148px;}
.data_pf .score_c .processingbar.p_on2{background-position-x: -296px;}
.data_pf .score_c .processingbar.p_on3{background-position-x: -444px;}
.data_pf .score_c .processingbar.p_on4{background-position-x: -592px;}
.data_pf .score_c .processingbar.p_on5{background-position-x: -740px;}
.data_pf .score_c .processingbar.p_on6{background-position-x: -888px;}
.data_pf .score_c .processingbar.p_on7{background-position-x: -1036px;}
.data_pf .score_c .processingbar.p_on8{background-position-x: -1184px;}
.data_pf .score_c .processingbar.p_on9{background-position-x: -1332px;}
.data_pf .score_c .processingbar.p_on10{background-position-x: -1406px;}
.data_pf .score_c .txt {top:50px; color: #535353;}


.tv_pf_wrap,.data_pf {overflow: hidden;}
.ZQ_Right .tv_pf_wrap,.ZQ_Right .data_pf {overflow: inherit;}

.nodate{ display: block;padding: 50px 0; color: #666; font-size: 18px;text-align: center;}
.baidu_img_Grasp{display: none;}