body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;font-family:"microsoft yahei";}


table {


	border-collapse:collapse;


	border-spacing:0;


	font-weight: lighter;


}


textarea{resize:none;}


fieldset, img { border:0; }


img{ vertical-align:bottom;}


address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }


ol, ul { list-style:none; }


h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }


abbr, acronym { border:0; }


.clear{zoom:1;}


.clear:after{ content:""; display:block; clear:both;}


a{ text-decoration:none; cursor:pointer; }


a:hover{ text-decoration:none;}


a:focus { outline-style:none;} 


body{ font-size:12px;}





/*index*/


.cs_wrap{position:relative;background: url("../images/cs_bg.jpg"/*tpa=http://www.zq88888.cn/images/cs_bg.jpg*/)/*tpa=http://yh.haotl888.com:168/images/cs_bg.jpg*/ no-repeat 50% 0; min-width: 1186px;  font-size:14px;}


.wrap{height: 1866px;}


.main{ width: 1186px; margin: 0 auto;}





/*导航*/


.cs_header{ position: relative; height: 470px;}


.cs_nav{ width: 100%; position: absolute; top: 0; left: 0px; height: 144px; z-index: 999;}


.nav_hov{ height: 304px; background: url("../images/cs_navHov.png"/*tpa=http://www.zq88888.cn/images/cs_navHov.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_navHov.png*/ repeat-x;}


.nav_menu{ padding-left:18px;}


.nav_menu li{ float: left; width: 126px; height: 80px; line-height: 80px; text-align: center; font-size: 16px; font-weight: bold;}


.nav_li05{ margin-left:143px;}


.nav_menu li a{ display: block; color: #333333;}


.nav_menu li a:hover{ color: #479add;}








.nav_hov .nav_menu{ height: 304px;}


.second_nav{ padding-top:12px; display: none;}


.second_nav li{ float: none; height: 26px; line-height: 26px; text-align: center; font-weight: normal; font-size:14px;}


.nav_hov .second_nav{ display: block;}





.video_btn{ position: absolute; right: 126px; bottom: 23px; width: 130px; height: 102px;}


.content{ width: 100%;}





/*第一部分*/


.cs_part01{ margin-bottom:14px; height:280px; overflow: hidden;}


.cs_jhm,.picList,.cs_gnz{ float: left; height: 280px; overflow: hidden;}


.cs_jhm a,.num li,.cs_link a,.check_info a,.role_sex li a{ display: block; font-size: 0px; line-height: 0px; text-indent: -9999px; overflow: hidden;}


.picList,.cs_news,.cs_role,.cs_media{  margin: 0 14px;}





/*抢激活码*/


.cs_jhm,.cs_gnz{ width: 286px;}


.cs_jhm a{ float: left; background: url("cs_jhm.jpg"/*tpa=http://www.zq88888.cn/a1/cs_jhm.jpg*/) no-repeat/*tpa=http://yh.haotl888.com:168/images/cs_jhm.jpg*/;position: relative}


.cs_jhm a.a01{ width: 286px; height: 180px; background-position: 0 0;}


.cs_jhm a.a02,.cs_jhm a.a03{ width: 143px; height: 100px;}


.cs_jhm a.a02{ background-position: 0 -180px;}


.cs_jhm a.a03{ background-position: -143px -180px;}


.cs_jhm a i{position: absolute;background: url("cs_jhm.jpg"/*tpa=http://www.zq88888.cn/a1/cs_jhm.jpg*/) no-repeat/*tpa=http://yh.haotl888.com:168/images/cs_jhm.jpg*/;display: block; left:0; top:0;-ms-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;opacity: 0;filter: alpha(Opacity=0)}


.cs_jhm a.a01 i{ width: 286px; height: 180px;background-position: -317px 0;}


.cs_jhm a.a02 i{width: 143px; height: 100px; background-position: -317px -180px;}


.cs_jhm a.a03 i{width: 143px; height: 100px; background-position: -460px -180px;}


.cs_jhm a:hover i{opacity: 1;filter: alpha(Opacity=100); transition: all 0.3s ease-in-out 0s;}





/*焦点�?/


.picList{ position:relative; width: 586px; }


.pic{ position:absolute; top:0px; left:0px; width:586px; height:280px;display:none;}


.num{ position:absolute; bottom:15px; right:12px;}


.num li,.gnz_txt li,.tc_cont li,.news_menu li.on a,.news_cont li,.check_info a,.kf_btn,.forum_cont li,.cs_media li{ background:url("../images/cs_btn.png")/*tpa=http://yh.haotl888.com:168/images/cs_btn.png*/ no-repeat;}


.num li{ float:left; margin-right:8px; width:14px; height:14px; background-position:-102px -122px; }


.num li.on{ background-position:-126px -122px;}





/*概念�?/


.gnz_txt li,.tc_cont li{ padding-left: 19px; line-height: 30px; background-position: -156px -113px;}


.cs_gnz{ position: relative; padding: 0 20px; width: 246px; background: #ffffff; overflow: hidden;}


.cs_gnz h2,.gnz_txt li a{ color:#333333;}


.cs_gnz h2,.cs_forum h2,.cs_media h2,.cs_partner h2{ margin-bottom: 14px; padding:20px 0 10px 0; width:100%; font-size: 16px; color:#333333; border-bottom:1px solid #cccccc;}


.cs_line { position: absolute; top:49px; _top:46px; left:20px; width: 72px; height: 3px; background:url("../images/cs_line.jpg")/*tpa=http://yh.haotl888.com:168/images/cs_line.jpg*/ repeat-x;}


.cs_gnz a{ display:block;}


.gnz_txt{ margin-top: 12px; height:80px; overflow: hidden;}


.gnz_txt li{ float: left; width: 104px; height: 30px; }


.gnz_txt li a:hover,.tc_cont li a:hover,.news_cont li a:hover,.forum_cont li a:hover,.cs_media li a:hover{ color:#479add;}





/*第二部分*/


.cs_part02{ height: 314px; overflow: hidden;}


.cs_link,.cs_news,.cs_game{ float: left; height:300px; }





/*快速链�?/


.cs_link{ position: relative; width:285px; background: #e9e9e9; }


.cs_link a{ margin-bottom:1px; float: left; width: 142px; height: 99px; background: url("../images/cs_link.jpg")/*tpa=http://yh.haotl888.com:168/images/cs_link.jpg*/ no-repeat;-webkit-transition:all 0.2s linear 0.03s;-moz-transition:all 0.2s linear 0.03s;-ms-transition:all 0.2s linear 0.03s;-o-transition:all 0.2s linear 0.03s;transition:all 0.2s linear 0.03s;}


.cs_link a.a01,.cs_link a.a03,.cs_link a.a05{ margin-right: 1px;}


.cs_link a.a01{ background-position: 0 0;}


.cs_link a.a02{ background-position: -147px 0;}


.cs_link a.a03{ background-position: -294px 0;}


.cs_link a.a04{ background-position: -441px 0;}


.cs_link a.a05{ background-position: -588px 0;}


.cs_link a.a06{ background-position: -735px 0;}


.cs_link a.a01:hover{ background-position: 0 -104px;}


.cs_link a.a02:hover{ background-position: -147px -104px;}


.cs_link a.a03:hover{ background-position: -294px -104px;}


.cs_link a.a04:hover{ background-position: -441px -104px;}


.cs_link a.a05:hover{ background-position: -588px -104px;}


.cs_wx{ position: absolute; top:0px; left:0px; display: none; width:285px; height:300px; z-index: 4;}


.cs_wx span{ position: absolute; top:0px; left:0px; width:285px; height:300px; background: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 4;}


.cs_wx img{position: absolute; top:80px; left:73px;  z-index: 10;}





/*新闻*/


.cs_news{ position: relative; width: 586px; background: #ffffff; }


.news_menu{ padding:20px 0 0 30px; width:556px; height: 47px; background: #f5fbfe; border-bottom: 1px solid #cfe1eb;}


.news_menu li{ float: left; margin-right:13px; width: 65px; height: 34px; text-align: center; line-height: 27px;}


.news_menu li a{ display: block; width: 65px; height: 34px; font-size: 16px; color: #333333;}


.news_menu li.on a{ color:#ffffff; background-position: 0 -122px;}


.newsmore{ position: absolute; top:25px; right:30px; width:17px; height:17px; background: url("../images/cs_more.png"/*tpa=http://www.zq88888.cn/images/cs_more.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_more.png*/ no-repeat 0 0; -webkit-transition:all 0.2s linear 0.03s;-moz-transition:all 0.2s linear 0.03s;-ms-transition:all 0.2s linear 0.03s;-o-transition:all 0.2s linear 0.03s;transition:all 0.2s linear 0.03s;}


.newsmore:hover{ background-position: 0 -21px;}


.news_list{ padding:17px 20px 0 20px; height:194px; overflow: hidden;}


.news_cont{ display:none;  overflow:hidden;}


.news_cont li,.forum_cont li,.media_cont li{ height: 38px; line-height:38px; *height: 36px; *line-height:36px; background-position: -156px -108px; border-bottom: 1px dotted #d1c8c1; overflow:hidden;}


.news_cont li,.media_cont li{ padding-left: 13px; width:533px; }


.news_cont li a,.media_cont li a{float:left; width:485px; *width:478px; color:#333333; overflow:hidden;}


.news_cont li span,.media_cont li span{ margin-right:8px; float:right; font-size:12px; color:#999999;}


.news_cont li i,.media_cont li i{ margin-right:5px; font-style:normal;}


.news_cont li.last_li,.forum_cont li.last_li,.media_cont li.last_li{ border:none;}





/*游戏特色*/


.cs_game{ padding:87px 0 0 25px; width: 261px; height: 213px; background: url("../images/cs_ts.jpg"/*tpa=http://www.zq88888.cn/images/cs_ts.jpg*/)/*tpa=http://yh.haotl888.com:168/images/cs_ts.jpg*/ no-repeat;}


.tc_cont{  margin-bottom:10px;}


.tc_cont li{ width: 142px;}


.tc_cont li a{ color: #333333;}


.check_info{ width: 94px; height: 30px;}


.check_info a{ position:relative; height: 30px; background-position: 0 -78px;}


.check_info a i{position: absolute; left:0; top:0; display: block; width: 94px; height: 30px; background:url("../images/cs_btn.png"/*tpa=http://www.zq88888.cn/images/cs_btn.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_btn.png*/ no-repeat -111px -78px;-ms-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;opacity: 0;filter: alpha(Opacity=0);}


.check_info a:hover i{ opacity: 1;filter: alpha(Opacity=100); transition: all 0.3s ease-in-out 0s;}








/*第三部分*/


.cs_part03{ height:448px; overflow: hidden;}


.cs_left,.cs_role,.cs_right{ float: left; height: 434px; overflow: hidden;}





/*宣传�?/


.cs_left{ width:286px; overflow: hidden;}


.xc01{ padding: 58px 0 0 26px; width:260px; height: 152px; background: url("../images/cs_xc01.jpg")/*tpa=http://yh.haotl888.com:168/images/cs_xc01.jpg*/ no-repeat;}


.xc02{ margin-top: 14px; background: url("../images/cs_xc02.jpg"/*tpa=http://www.zq88888.cn/images/cs_xc02.jpg*/)/*tpa=http://yh.haotl888.com:168/images/cs_xc02.jpg*/ no-repeat;}


.xc01 h3{ font-size: 26px; color: #1f5888; font-weight: bold;}


.xc01 p{ margin:5px 0 10px 0; width: 124px; color:#666666;}


.xc03{width:286px;height:210px;overflow:hidden;}


.xc_pic{float:left;width:138px;height:100px;margin-right:10px;margin-bottom:10px;background:#ccc;overflow:hidden;}


.xc_m{margin-right:0px;}





/*职业*/


.cs_role{ position: relative; width: 586px;}


.role_menu,.role_sex,.role_video,.ro_check,.sex_cont,.role_h,.role_txt{ position: absolute;}


.role_menu{top:20px; left: 30px; z-index: 9;}


.role_menu li a,.role_sex,.role_sex li.on a{  background: url("../images/cs_menu.png"/*tpa=http://www.zq88888.cn/images/cs_menu.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_menu.png*/ no-repeat;}


.role_menu li{ float: left; margin-right: 10px; width: 63px; height: 85px; text-align: center;}


.role_menu li a{ padding-top:67px; display: block; width: 63px; height: 18px; color: #333333;}


.role_menu li a.a01{ background-position: 0 0;}


.role_menu li a.a02{ background-position: -73px 0;}


.role_menu li a.a03{ background-position: -146px 0;}


.role_menu li a.a04{ background-position: -219px 0;}


.role_menu li.on a{ color: #6081c5; font-weight: bold;}


.role_menu li.on a.a01{ background-position: 0 -95px;}


.role_menu li.on a.a02{ background-position: -73px -95px;}


.role_menu li.on a.a03{ background-position: -146px -95px;}


.role_menu li.on a.a04{ background-position: -219px -95px;}


.role_cont{ /*display: none;*/ visibility: hidden; width: 586px; height: 0; background: url("cs_roleBg.jpg"/*tpa=http://www.zq88888.cn/a1/cs_roleBg.jpg*/) no-repeat/*tpa=http://yh.haotl888.com:168/images/cs_roleBg.jpg*/;}


.role_cont.on { visibility: visible; height: 434px; }


/*.role_left,.sex_tab{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all 0.36s ease-out 0s;transition:all 0.36s ease-out 0s;}*/





.role_left{ position: absolute; z-index: 1; top:0px; left: -288px; width:288px; height: 434px;-webkit-transition:left .36s ease-out 0s;transition:left .36s ease-out 0s;}


.sex_tab{ position: absolute; top:0px; right :-586px; width:586px; height: 434px;-webkit-transition:right .36s ease-out 0s;transition:right .36s ease-out 0s;}


.role_left.on { left: 0; }


.sex_tab.on { right: 0; }





.role_h{ top:145px; left:34px;  width: 68px; height:125px; font-size: 0px; line-height: 0px; text-indent: -9999px; overflow: hidden;}


.role_left h2.h01{background: url("../images/cs_roleName1.png"/*tpa=http://www.zq88888.cn/images/cs_roleName1.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_roleName1.png*/ no-repeat; }


.role_left h2.h02{background: url("../images/cs_roleName2.png"/*tpa=http://www.zq88888.cn/images/cs_roleName2.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_roleName2.png*/ no-repeat; }


.role_left h2.h03{background: url("../images/cs_roleName3.png"/*tpa=http://www.zq88888.cn/images/cs_roleName3.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_roleName3.png*/ no-repeat; }


.role_left h2.h04{background: url("../images/cs_roleName4.png"/*tpa=http://www.zq88888.cn/images/cs_roleName4.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_roleName4.png*/ no-repeat; }


.role_txt{ top:154px; left:115px;}


.role_txt li{ float: left; padding:0 10px;text-align: center; width: 10px; height: 79px; font-size: 12px; color: #666666; border-left: 1px solid #e9e9e9;}


.role_txt li.txt01{ border: none;}


.role_video{ left: 106px; bottom: 114px; z-index: 9;}


.ro_check{  left:30px; bottom:39px;}





.role_sex{ position: absolute; top:157px; left:258px; width: 30px; height: 60px; background-position: 0 -194px; z-index: 10;}


.role_sex li,.role_sex li a{ width: 30px; height: 29px;}


.role_sex li{ margin-bottom: 2px;}


.role_sex li.on a.a01{  background-position: -45px -194px;}


.role_sex li.on a.a02{  background-position: -45px -225px;}


.sex_cont{ display: none; z-index: 0;}


.sex_cont.on { display: block; }





.cs_right{ width:286px;}


/*壁纸入口*/


.cs_bz,.cs_kf{ height: 210px;}


.cs_bz{ background: url("../images/cs_bzBg.jpg"/*tpa=http://www.zq88888.cn/images/cs_bzBg.jpg*/)/*tpa=http://yh.haotl888.com:168/images/cs_bzBg.jpg*/ no-repeat;}


.cs_bz li{ float: left; width: 143px; height: 105px;}


.cs_bz li a{ display: block; width: 143px; height: 105px; line-height: 105px; font-size: 18px; color: #0c4e64;}


.cs_bz li a.a02,.cs_bz li a.a03{ color:#ffffff;}


.cs_bz li a span{ float: left; margin:36px 8px 0 30px; width: 33px; height: 44px; background: url("../images/cs_bzIco.png"/*tpa=http://www.zq88888.cn/images/cs_bzIco.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_bzIco.png*/ no-repeat;-webkit-transition:all 0.2s linear 0.03s;-moz-transition:all 0.2s linear 0.03s;-ms-transition:all 0.2s linear 0.03s;-o-transition:all 0.2s linear 0.03s;transition:all 0.2s linear 0.03s;}


.cs_bz li a.a01 span{ background-position: 0 0;}


.cs_bz li a.a02 span{ background-position: -39px 0;}


.cs_bz li a.a03 span{ background-position: -78px 0;}


.cs_bz li a.a04 span{ background-position: -117px 0;}


.cs_bz li a.a01:hover span{ background-position: 0 -44px;}


.cs_bz li a.a02:hover span{ background-position: -39px -44px;}


.cs_bz li a.a03:hover span{ background-position: -78px -44px;}


.cs_bz li a.a04:hover span{ background-position: -117px -44px;}





/*客服*/


.cs_kf{margin-top: 14px; padding:0px 20px; background: #ffffff;}


.cs_kf h2{ padding:22px 0 12px; font-size: 16px; color:#333333;}


.kf_cont{ margin-bottom: 10px; width: 246px; height: 100px; background: url("../images/cs_kfbg.jpg"/*tpa=http://www.zq88888.cn/images/cs_kfbg.jpg*/)/*tpa=http://yh.haotl888.com:168/images/cs_kfbg.jpg*/ no-repeat;}


.kf_txt{ margin-bottom: 15px; padding-left: 34px; height: 30px; line-height: 30px; font-size: 12px; color: #666666; overflow: hidden;}


.p01,.p02{ padding-left: 14px;}


.p01{ font-size: 14px; color: #999999;line-height:24px;}


.p02{ padding-top:17px;font-size: 24px; color: #36557A;line-height:34px;}


.kf_btn{ display: block; width: 246px; height: 28px; line-height: 28px; _line-height: 29px; text-align: center; font-size: 12px; color: #5986aa; background-position: 0 0;}


.kf_btn:hover{ background-position: 0 -36px;}





/*第四部分*/


.cs_part04{ overflow: hidden;}


.cs_forum,.cs_media,.cs_partner{ position: relative; float:left; padding: 0 20px; height: 280px; background: #fbfcfc; overflow: hidden;}





/*论坛*/


.cs_forum,.cs_partner{ width: 246px;}


.forum_cont,.media_cont{ height: 194px; overflow: hidden;}


.forum_cont li{ padding-left: 19px; width:227px; font-size: 12px;}


.forum_cont li a{ color:#333333;}





/*媒体专区*/


.cs_media{ width: 546px;}





/*合作伙伴*/


.cs_partner{ padding: 0 0 0 20px;  width: 263px;}


.cs_partner h2{ width:246px;}


.partber_cont{ position: relative; margin-top:20px; width: 256px; height: 190px; overflow: hidden;}


.partber_cont ul{ position: absolute; top:0px; left: 0px; }


.partber_cont li{ padding-bottom: 10px; width: 256px;  overflow: hidden;}


.partber_cont li a{ float: left; width:75px; height:26px; margin-right:10px;}





/*二级common*/


.swrap{background: #e1e5e8 url("cs_sbg.jpg"/*tpa=http://www.zq88888.cn/a1/cs_sbg.jpg*/) no-repeat 50% 0/*tpa=http://yh.haotl888.com:168/images/cs_sbg.jpg*/;}


.sLeft .cs_jhm{float: none;}


.sbox{*position:relative;background: url("cs_sBg02.jpg"/*tpa=http://www.zq88888.cn/a1/cs_sBg02.jpg*/) no-repeat 50% 100%/*tpa=http://yh.haotl888.com:168/images/cs_sBg02.jpg*/;min-height: 1770px}


.scont{width: 1186px;overflow: hidden; padding-bottom: 60px;}


.sLeft{width: 286px;float: left;}


.sRight{


	width: 786px;


	float: right;


	background: #fff;


	min-height: 782px;


	_height:782px;


	padding-top: 10px;


	padding-right: 50px;


	padding-bottom: 3150px;


	padding-left: 50px;


}


.sLeft .xc03{margin-top:14px;}


                    


/*新闻列表*/


.sLeft .xc01{margin-top: 14px;}


.sPos{height: 55px; border-bottom: 4px solid #ecedef; position: relative;}


.sPos h3{color: #333; font-size: 34px; font-weight: bold;}


.stit{position: absolute; right: 0; top: 0;}


.stit li{float: left;width: 95px; height: 40px;line-height: 40px; text-align: center; padding-left: 20px;}


.stit li a{display: block; height: 38px;color: #4a86b6; border-radius:5px; border: 1px solid #7bb2df;} 


.stit li.on a{background: #7bb2df;color: #fff;}


.sList{padding-top: 10px;position: relative;}


.sNewList{padding-bottom: 40px;}


.sNewList li{ overflow: hidden;height: 62px; font-size: 14px;color: #666;line-height: 62px; border-bottom: 1px dashed #d6dad8;}


.sNewList li a{color: #666;float: left;width: 698px; margin-right:10px;}


.sNewList li a:hover{color: #479add;zoom: 1;}


.sNewList li i,.sNewList li span{font-style: normal;float: left;}


.sNewList li span{margin-right: 10px;}


/*page*/


.page { text-align:center;padding:10px 0; }


.page a {border-radius:3px; display:inline-block;border:1px solid #7bb2df;padding:0 7px;color:#7bb2df;margin:0 5px; background:#fff; line-height:20px; }


.page a.page_fh { color:#7bb2df; }


.page a.page_fh:hover { text-decoration:none; }


.page a:hover,.page a.page_on { background:#5f93da;color:#fff; }


/*新闻详情*/


.sLink{position: absolute; right: 0; top: 10px;color: #999;}


.sLink a{color: #999; margin:0 5px;}


.sLink a:hover{color: #666;}


.sLink span{color: #666; margin-left: 5px;}


.contTit{text-align: center;color: #999;padding-top: 30px; margin-bottom: 30px;height: 90px; border-bottom: 1px dashed #d6dad8;}


.contTit h3{font-size: 26px; padding-bottom: 10px;color: #333;}


.contTit span{font-size: 12px;}


.sList p{font-size: 14px; color: #666; line-height: 28px;}


.sImg{padding: 10px 0; text-align: center;}


/*资料攻略*/


.infroBox{background: url("cs_bg03.png"/*tpa=http://www.zq88888.cn/a1/cs_bg03.png*/) no-repeat/*tpa=http://yh.haotl888.com:168/images/cs_bg03.png*/;margin-top: 14px}


.infroBox h3{height: 72px; line-height: 72px;color: #fff; padding-left: 40px; font-size: 24px; font-weight: bold;}


.infroBox ul{padding: 20px 31px 10px; background: #fff;}


.infroBox ul li{height: 42px;width: 224px; line-height: 42px; padding-bottom: 10px;}


.infroBox ul li a{display: block; padding-left: 30px; color: #5986aa; font-size: 18px;height: 40px;border-radius: 20px; background: #e1eef9; border: 1px solid #7bb2df;}


.infroBox ul li a:hover,.infroBox ul li.on a{color: #fff; font-weight: bold;background:#7bb2df url("../images/sArrow.png"/*tpa=http://www.zq88888.cn/images/sArrow.png*/)/*tpa=http://yh.haotl888.com:168/images/sArrow.png*/ no-repeat 191px 11px;}


.sTab{padding: 40px 0 0 47px; overflow: hidden;width: 740px;}


.sTab li{float: left;width: 130px; height: 32px; line-height: 32px;text-align: center;padding: 10px 0 0 10px;_display:inline;}


.sTab li a{display: block;color: #fff; height: 32px;background: url("../images/sTab.png"/*tpa=http://www.zq88888.cn/images/sTab.png*/)/*tpa=http://yh.haotl888.com:168/images/sTab.png*/ no-repeat -140px 0;}


.sTab li.on a{background-position: 0 0;}


.sPart{display: none;}


/*下载中心*/


.downTit{padding:30px 0;text-align: center;color: #333; font-size: 24px; font-weight: bold;}


.downTit01{ background: url("../images/cs_sicon01.png"/*tpa=http://www.zq88888.cn/images/cs_sicon01.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_sicon01.png*/ no-repeat 272px center;}


.downBox .downTit01 { background: url("../images/cs_sicon01.png"/*tpa=http://www.zq88888.cn/images/cs_sicon01.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_sicon01.png*/ no-repeat 235px center;}


.downBox{padding: 0 36px;color: #666;}


.downPatch{padding-bottom: 30px;margin-bottom: 30px;position: relative; border-bottom: 1px dashed #d6dad8;overflow: hidden;width: 714px;}


.downPink{color: #333; font-size: 20px; padding-bottom: 10px;}


.downBtn{position: absolute;right: 0; top: 10px;}


.downBtn a{display: block;width: 120px; margin-left: 10px; height: 40px; float: left; border-radius: 3px; color: #fff; background: #7bb2df; text-align: center; line-height: 40px;}


.downBtn a:hover{background: #5f93da;}


.downTab{font-size: 12px;width: 100%;text-align: center;}


.downTab th{height: 40px;background: #eaeaea;color: #333; font-size: 16px;}


.downTab td{padding: 15px 5px; border-bottom: 1px dashed #d6dad8;}


.downTab td a{color: #5185af; margin: 0 10px;}


.downMore{display: block;color: #fff; border-radius:3px; background:#7bb2df;width: 120px; height: 33px; margin: 20px auto;text-align: center; line-height: 33px;}


.downMore:hover{background: #5f93da;}


.downTit02{ background: url("../images/cs_sicon02.png"/*tpa=http://www.zq88888.cn/images/cs_sicon02.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_sicon02.png*/ no-repeat 264px center;margin-top:30px;}


.downTxt{ position:relative;color: #333;padding-bottom: 50px;}


.downTxt p{line-height: 30px;}


.downTxt p label{display: inline-block;width: 72px; text-align: right;padding-right: 10px;}


.csBtn{height: 80px; padding: 30px 0; overflow: hidden; line-height: 80px;}


.csBtn li{float: left;position: relative;z-index: 1;margin-right: 40px;width: 337px; background: #7bb2df; border-radius:3px;text-align: center;}


.csBtn li.nom{margin-right: 0;}


.csBtn li.on{height: 80px;background: #5f93da;}


.csBtn li a{ height: 80px;font-size: 24px; color: #fff;}


.csBtn li span{display: none;}


.csBtn li.on span{display: block; color: #afc9ed; height: 80px;font-size: 24px;width: 337px;background: #5f93da; position: absolute;border-radius:3px;left: 0; top: 0;z-index: 999;}


.csBtn li.on span a{display: inline-block; height: 80px; padding: 0 10px;}


.sBtn{display: block;}


.downTab02{text-align: center; color: #333;margin:0 auto;}


.downTab02 th{background: #eaeaea; height: 40px; font-weight: bold;font-size: 14px; border:1px solid #eaeaea;}


.downTab02 td{padding: 10px 5px; border:1px solid #eaeaea;}


.downbtn  {position:absolute;top:0px;right:0;width:219px;height:77px; background: url("../images/dbtnbg.png"/*tpa=http://www.zq88888.cn/images/dbtnbg.png*/)/*tpa=http://yh.haotl888.com:168/images/dbtnbg.png*/ 0 0 no-repeat; }


.dbtn01 { background-position:0 0; }


.dbtn01:hover { background-position:0 -78px; }


.dbtn02 { background-position:-220px 0; }


.dbtn02:hover { background-position:-220px -78px; }


/*图赏影音*/


.vid_content{ padding:10px 20px 50px 50px; width: 816px; _width:805px;  _height: 782px; }


.vid_sh,.vid_smenu{ float: left; zoom:1;}


.vid_sh:after,.vid_smenu:after{ content:""; display:block; clear:both;}


.vid_sh{ margin: 53px 118px 0 0; _margin-top:60px; width: 140px; font-size: 34px; font-weight: bold; color: #333333;}


.vid_smenu{ width: 528px; height: 99px;}


.vid_smenu li{ float: left; width: 132px; height: 99px;}


.vid_smenu li a{ display: block; width: 132px; height: 99px; background: url("../images/cs_vidMenu.jpg"/*tpa=http://www.zq88888.cn/images/cs_vidMenu.jpg*/)/*tpa=http://yh.haotl888.com:168/images/cs_vidMenu.jpg*/ no-repeat; font-size: 0px; line-height: 0px; overflow: hidden; text-indent: -999px;}


.vid_smenu li a.a01{ background-position: 0px 0px;}


.vid_smenu li a.a02{ background-position: -132px 0px;}


.vid_smenu li a.a03{ background-position: -264px 0px;}


.vid_smenu li a.a04{ background-position: -396px 0px;}


.vid_smenu li a.a01:hover{ background-position: 0px -220px;}


.vid_smenu li a.a02:hover{ background-position: -132px -220px;}


.vid_smenu li a.a03:hover{ background-position: -264px -220px;}


.vid_smenu li a.a04:hover{ background-position: -396px -220px;}


.vid_smenu li.on a.a01{ background-position: 0px -110px;}


.vid_smenu li.on a.a02{ background-position: -132px -110px;}


.vid_smenu li.on a.a03{ background-position: -264px -110px;}


.vid_smenu li.on a.a04{ background-position: -396px -110px;}


.vid_line{ margin-top:109px; *margin-top:-10px; display: block; width:786px;  border-bottom: 4px solid #ecedef;}





.vid_tablist{ padding-top: 30px;}


.vid_cont{display: none;}


.vid_video a:hover,.vid_yh a:hover,.vid_music a:hover{ text-decoration:none;}





/*官方视频*/


.vid_video a span,.vid_video a em,.vid_yh a span,.vid_yh a b,.vid_bz a b,.vid_bz li p{  position: absolute;}


.vid_video li,.vid_yh li,.vid_bz li{ position: relative; float: left;  margin: 0 30px 20px 0; _margin-right:20px; width: 378px; height: 214px; overflow: hidden;}


.vid_video li a,.vid_yh li a,.vid_bz li a{ display: block; width: 378px; height: 214px;}


.vid_video a span,.vid_yh a span,.vid_bz li p{ bottom: 0px; left: 0px; width: 100%; height: 43px; line-height: 43px; font-size: 14px; color: #ffffff; background: #000000; background: rgba(0,0,0,0.7);}


.vid_video a i,.vid_video a em{ background: url("../images/cs_vidIcon01.png"/*tpa=http://www.zq88888.cn/images/cs_vidIcon01.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_vidIcon01.png*/ no-repeat;}


.vid_video a i{ float: left;  margin:0 10px; width: 27px; height: 43px; background-position: -54px -207px;-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}


.vid_video a em{ top: 56px; left: 159px; width: 60px; height: 60px; background-position: -37px 0; opacity:0; filter:alpha(opacity=0); -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.4s ease-out;}


.vid_video a:hover span{ background:#7bb2df; background: rgba(123,178,223,0.9);}


.vid_video a:hover i{ background-position: -54px -114px;}


.vid_video a:hover em{ opacity:1; filter:alpha(opacity=100);}





/*游戏原画*/


.vid_yh a b,.vid_bz a b{ top: 0px; left: 0px; width: 378px; height: 214px; background: #000000; opacity:0.4; filter:alpha(opacity=40); -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}


.vid_yh a span,.vid_bz li p{bottom: -43px; text-align: center;  -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}


.vid_yh a:hover img{ opacity:1; filter:alpha(opacity=100);}


.vid_yh a:hover span,.vid_bz li:hover p{ bottom: 0px;}


.vid_yh a:hover b,.vid_bz a:hover b,.vid_bz li:hover b{ opacity:0; filter:alpha(opacity=0);}





/*精美壁纸*/


.vid_bz li p{ padding-left:37px; _bottom: 0px; _display:none;}


.vid_bz p a{ float: left; margin:8px 10px 8px 0; width: 95px; height: 27px; line-height: 27px; font-size: 14px; color: #ffffff;  background: #7bb2df; border-radius: 3px; overflow: hidden;}


.vid_bz p a.a02{ background: #5f93da;}


.vid_bz p a:hover{ text-decoration:underline;}





/*游戏音乐*/


.vid_music li{ float: left; margin: 0 30px 20px 0; _margin-right:20px; width: 378px; height: 80px; overflow: hidden;}


.musicPic,.musicTxt{ float: left;}


.musicPic{ position: relative; width: 80px; height: 80px;}


.musicPic b{ position: absolute; top: 0px; left: 0px; width: 80px; height: 80px; background: url("../images/cs_vidMb.png"/*tpa=http://www.zq88888.cn/images/cs_vidMb.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_vidMb.png*/ no-repeat; opacity:1; filter:alpha(opacity=100); -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}


.musicTxt{ padding: 18px 0 0 15px; width: 243px; overflow: hidden;}


.musicTxt h3{ font-size: 18px; font-weight: bold; color: #333333;}


.musicTxt p{ line-height: 30px; font-size: 14px; color: #666666;}


.vid_music li:hover b{ opacity:0; filter:alpha(opacity=0);}


.vid_music li:hover h3{ color: #5f93da;}


.vid_music li a.st,.vid_music li a.stpause{ float: right; margin-top:24px; display: block; width: 33px; height: 33px;  font-size: 0px; line-height: 0px; overflow: hidden; text-indent: -999px; background: url("../images/cs_vidIcon02.png"/*tpa=http://www.zq88888.cn/images/cs_vidIcon02.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_vidIcon02.png*/ no-repeat;}


.vid_music li a.st{ background-position: 0 0;}


.vid_music li a.stpause{ background-position: 0 -45px;}





/*资料�?/


.sList_zlz{


	padding-top: 20px;


	padding-right: 30px;


	padding-bottom: 0px;


	padding-left: 30px;


}


.zlgl_txt{width:100%;margin-bottom:60px; overflow: hidden;}


.zlgl_txt h2{width:725px;height:30px;margin-bottom:18px;background:url("../images/cs_zlzitem.png")/*tpa=http://yh.haotl888.com:168/images/cs_zlzitem.png*/ no-repeat; text-indent:-999px;overflow: hidden;}


.zlgl_txt h2.one{ background-position:0 0;}


.zlgl_txt h2.two{ background-position:0 -30px;}


.zlgl_txt h2.three{ background-position:0 -60px;}


.zlgl_txt h2.four{ background-position:0 -90px;}


.zlgl_list{ width:100%;overflow: hidden;}


.zlgl_list dt{ float:left;width:108px;height:32px; margin-right:20px;margin-top:10px;background:url("../images/cs_zlztit.png"/*tpa=http://www.zq88888.cn/images/cs_zlztit.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_zlztit.png*/ no-repeat 0 0;font-size:14px;color:#2C516F;text-align:center;line-height: 32px;overflow:hidden;cursor:default;}


.zlgl_list dt:hover{ background-position:0 -32px;color:#FFF;}


.zlgl_list dd{float:left;width:597px;min-height:32px;_height:32px;margin-top:10px;font-size:14px;line-height: 32px; word-wrap:break-word;}


.zlgl_list dd a{display:inline-block;margin-right:15px;word-wrap:break-word;}


.zlgl_list dd a:hover{color:#479ADD;}





/*视频专区*/


.vwrap{background: url("../images/cs_vBg_01.jpg"/*tpa=http://www.zq88888.cn/images/cs_vBg_01.jpg*/)/*tpa=http://yh.haotl888.com:168/images/cs_vBg_01.jpg*/ repeat-y 50% 0;min-width: 996px;}


.vwrap .main{width: 996px;zoom:1;position: relative;}


.vwrapT{background: url("../images/cs_vBg.jpg"/*tpa=http://www.zq88888.cn/images/cs_vBg.jpg*/)/*tpa=http://yh.haotl888.com:168/images/cs_vBg.jpg*/ no-repeat 50% 0;}


.h1829{height: 1829px;}


.vNav{font-size: 14px; padding: 26px 10px 0 0; text-align: right;}


.vNav a{color: #000; margin: 0 10px;}


.vpart01{padding-top: 264px;height: 400px; overflow: hidden;}


.vPlay{width: 575px;float: left;}


.vBtn{width: 421px;float: left;height: 400px;background: #c0cbdd;}


.vBtn li{cursor:pointer;padding: 10px 13px; height: 80px;width: 395px;position: relative;color: #4b4a4a;font-size: 14px;float:left;}


.vmb{display: none;position: absolute;left:0;top:0; z-index:99;width: 421px;height: 100px; background: url("../images/cs_onBg.png"/*tpa=http://www.zq88888.cn/images/cs_onBg.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_onBg.png*/ no-repeat;}


.vleft{width: 155px;height: 80px;}


.vright{position: absolute; left: 187px; top:12px; width: 215px;}


.vright h3{color: #333; padding-left: 20px; height: 20px; line-height: 20px; font-size: 16px;font-weight: bold;background: url("../images/cs_vPlay.png"/*tpa=http://www.zq88888.cn/images/cs_vPlay.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_vPlay.png*/ no-repeat 0 2px;}


.vright p{line-height: 22px; padding-top: 10px;}


.vBtn li.on .vmb{display: block;}


.vBtn li.on{background: #42577a;color: #e1e1e1;}


.vBtn li.on h3{color: #fff; background-position: 0 -19px;}


.vpart02 h3{position: relative;}


.vpart02 h3 a{position: absolute;font-size: 18px;color: #9c4f5e;top:62px;left: 242px;}


.vtit01{padding-top: 32px; height: 91px;}


.vtit02{padding-top: 25px; height: 98px;}


.vpart02 h3.vtit02 a{left:207px}


.vtit03{padding-top: 30px; height: 93px;}


.vVideo{overflow: hidden;width: 996px;}


.vVideo li{width: 324px; float: left;margin-left: 12px; overflow: hidden; height: 198px;}


.vVideo li.nom{margin-left: 0;}


.vVideo li a{display: block; height: 198px;width: 324px;position: relative;z-index:1;background: #000;filter:alpha(opacity=100); opacity: 1;transition: all 0.3s ease-in 0s;}


.vVideo li a span{zoom:1;display: block;width: 258px;color: #fcfcff;font-size: 16px;padding-left: 66px;position: absolute; left: 0; bottom:0;z-index:99;height: 47px;line-height: 47px;zoom:1; background: url("cs_vtitBg.png"/*tpa=http://www.zq88888.cn/a1/cs_vtitBg.png*/) no-repeat 0 -47px/*tpa=http://yh.haotl888.com:168/images/cs_vtitBg.png*/;}


.vVideo li a i{display: none;}


.vVideo li a:hover img{position: relative;z-index:-1;display: block;filter:alpha(opacity=80);_filter:normal; opacity: 0.8;transition: all 0.3s ease-in 0s;}


.vVideo li a:hover i{display: block;transition: all 0.3s ease-in 0s;z-index:99;width: 54px;height: 54px;position: absolute;left:135px;top:53px;background: url("../images/cs_vBtn.png"/*tpa=http://www.zq88888.cn/images/cs_vBtn.png*/)/*tpa=http://yh.haotl888.com:168/images/cs_vBtn.png*/ no-repeat;}


.vVideo li a:hover span{display: block;transition: all 0.3s ease-in 0s;width: 258px;background-position:0 0;}


/*视频专区 二级*/


.vTab{height: 105px;width: 507px;background: url("../images/cs_vTab.jpg"/*tpa=http://www.zq88888.cn/images/cs_vTab.jpg*/)/*tpa=http://yh.haotl888.com:168/images/cs_vTab.jpg*/ no-repeat; overflow: hidden;}


.vTab li{width: 169px;float: left;}


.vTab li a{display: block;height: 105px;}


.vTab li.on a{background: url("../images/cs_vTab.jpg"/*tpa=http://www.zq88888.cn/images/cs_vTab.jpg*/)/*tpa=http://yh.haotl888.com:168/images/cs_vTab.jpg*/ no-repeat;}


.vTab li.on a.a01{background-position: 0 -105px;}


.vTab li.on a.a02{background-position: -169px -105px;}


.vTab li.on a.a03{background-position:-338px -105px ;}


.vBox{min-height:1000px;_height:1000px;padding-bottom: 104px;}


.vBox .vpart02{padding-top: 300px; }


.vBox .vVideo{padding-top: 22px;}


.vBox .vVideo li{margin-bottom: 17px;}


/*新增*/


.vBox .vVideo{display: none;}


.vBox .vVideo.on{display: block;}


/*视频专区 分页*/


.pagination{text-align: center;padding-top: 63px;height: 32px;overflow: hidden;}


.item,.up,.next,.total,.fir,.las{_float:left;font-style:normal;margin-left: 5px;display: inline-block;padding: 7px 10px;}


.pagination .item{cursor:pointer;color: #666; background: #fff; border: 1px solid #b9c0cc;}


.pagination .up,.pagination .next,.pagination .item.on,.fir,.las{cursor:pointer;background: #5aa2c9;padding: 8px 10px;color: #fff;border: none;}


.pagination .disabled,.pagination .disabled{background: #ccc;}








/*新增160505*/





.news_cont ul li a.redTitle{color: #479add;}





.sList p img{margin:10px 0;}





/*新增弹层*/


.dy_tc{width: 370px; height: 217px; background: url("../images/dy_tc.jpg"/*tpa=http://www.zq88888.cn/images/dy_tc.jpg*/)/*tpa=http://yh.haotl888.com:168/images/dy_tc.jpg*/ no-repeat;position: relative;display:none;}


.dy_tc a{display: block;width: 129px; height: 41px;position: absolute;top: 155px;left:115px;}


.second_nav li.cs_ewm{height:80px;}





.pf{width: 233px;height: 317px;}





/*160624�?/


.news_list{ padding:9px 20px 0 20px;height:auto;}


.news_cont h2{height:46px;margin-bottom:18px;font-size:20px;line-height:46px;border-bottom:1px solid #CCC;text-align: center;}


.news_cont h2 a{color:#333;}


.news_cont h2 a.redTitle,.news_cont h2 a:hover{color:#589AE1;}


.news_cont li{height:24px;line-height:24px;border-bottom: none;background-position: -156px -115px;}


.news_cont li a{width:470px;}


.news_cont li span{font-size:14px;}