html,body,div,h1,h2,h3,h4,h5,h6,p,span,em,a,img,ul,li,ol,button,input,textarea,dl,dt,dd,table,th,td{ margin:0; padding:0;}





body { font:normal 12px/1.6 simsun, Verdana, Lucida, Arial, Helvetica, sans-serif; background:#f8f8f8 url("../images/index_bg.jpg")/*tpa=http://qqly.hhaotl.com:50811/images/index_bg.jpg*/ no-repeat 442px 0; overflow-x:hidden; }





table { border-collapse:collapse; border-spacing:0; empty-cells:show; }





th,td { border-collapse:collapse; }





ol,ul,dl { list-style:none; }





a { text-decoration:none; }





a:hover { text-decoration:none; }





input,select,form,img { vertical-align:middle; }





img { border:0; }





em,i { font-style:normal; }





button { cursor:pointer; *vertical-align:middle; }





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





.clearafter:after { content:""; display:block; clear:both; visibility:hidden; line-height:0; height:0; }





.clearafter{ display:inline-block; }





html[xmlns] .clearafter{ display:block; }





* html .clearafter{ height:1%; }





.pr { position:relative; }





.pa { position:absolute; }





.dot { display:block; overflow:hidden; text-indent:-9999px; }





.fl { float:left; }





.fr { float:right; }





/*index*/





.wrap { width:730px; margin-left:455px; height:auto; }





.wrap_index { height:1507px; }





.lside_box { width:122px; height:100%; background:url("../images/lside_bg.jpg")/*tpa=http://qqly.hhaotl.com:50811/images/lside_bg.jpg*/ no-repeat; padding-left:320px; top:0; left:-455px; z-index:1; }





	.logo { width:164px; height:125px; background:url("../images/link_sp.png")/*tpa=http://qqly.hhaotl.com:50811/images/link_sp.png*/ no-repeat 0 0; top:14px; left:312px; z-index:2; }





	.download { width:137px; height:200px; background:url("../images/link_sp.png")/*tpa=http://qqly.hhaotl.com:50811/images/link_sp.png*/ no-repeat -180px 0; top:104px; left:312px; z-index:3; }





	.download:hover { background:url("../images/link_sp.png")/*tpa=http://qqly.hhaotl.com:50811/images/link_sp.png*/ no-repeat -317px 0; }





	.lside_bg { width:122px; background:#181818 url("../images/lside_bg.jpg")/*tpa=http://qqly.hhaotl.com:50811/images/lside_bg.jpg*/ no-repeat top right; height:100%; }





	.left_list { width:74px; height:445px; margin:327px 24px 0; }





		.left_list li { height:198px; display:block; }





		.left_list a { width:74px; height:108px; text-align:center; display:block; color:#767676; cursor:pointer; }





		.left_list a i,.left_link a:hover i { width:74px; height:65px; margin-bottom:10px; background:url("../images/left_link_sp.png")/*tpa=http://qqly.hhaotl.com:50811/images/left_link_sp.png*/ no-repeat; }





		.left_list a i.llt1 { background-position:0 0; }





		.left_list a:hover i.llt1 { background-position:-74px 0; }





		.left_list a i.llt2 { background-position:0 -70px; }





		.left_list a:hover i.llt2 { background-position:-74px -70px; }





		.left_list a i.llt3 { background-position:0 -140px; }





		.left_list a:hover i.llt3 { background-position:-74px -140px; }





		.left_list a i.llt4 { background-position:0 -210px; }





		.left_list a:hover i.llt4 { background-position:-74px -210px; }





	.left_wx { width:122px; height:204px; background:url("../images/left_wx.png")/*tpa=http://qqly.hhaotl.com:50811/images/left_wx.png*/ no-repeat; }





.nav { width:730px; height:50px; overflow:hidden; left:32px; top:0; transition:height ease 0.3s; -webkit-transition:height 0.3s ease; -moz-transition:height 0.3s ease; -ms-transition:height 0.3s ease;}





	.nav_list { padding-top:13px; height:25px; width:100%; z-index:4; }





	.nav_list li { width:70px; height:18px; float:left; padding:0 10px; text-align:center; border-right:1px solid #6f7179; }





	.nav_list a { font:14px/16px "Microsoft YaHei"; color:#292929; }





	.nav_list a:hover { color:#901b18; text-decoration:none; }





	.nav .nobord { border:0; }





	.nav .nobg { background:none; }





	.nav .firstarea { width:42px; }





	.letter_list { height:10px; width:100%; font:8px/10px "Microsoft YaHei"; color:#848484; top:35px; z-index:5; }





	.letter_list span { display:block; -webkit-text-size-adjust:none; -webkit-transform:scale(0.7); -o-transform:scale(1); }





	.letter_list li { width:71px; height:10px; float:left; padding:0 10px; text-align:center; }





	.down_list { width:610px; height:155px; background:url("../images/nav_hover_bg.png")/*tpa=http://qqly.hhaotl.com:50811/images/nav_hover_bg.png*/ no-repeat; padding-top:40px; top:0; left:10px; display:none; }





	.down_list li { float:left; height:160px; width:91px; padding-top:25px; background:url("../images/line_24.png")/*tpa=http://qqly.hhaotl.com:50811/images/line_24.png*/ no-repeat top right; text-align:center; }





	.down_list .firstarea { width:53px; }





	.down_list a { display:inline-block; padding:2px 5px; height:19px; line-height:19px; color:#2f2f30; }





	.down_list a:hover { background:#632eb5; color:#fff; }





.nav.nav_out {height:200px;} /*nav滑出 **Bob*/





.nav.nav_out .down_list { display:block; }





.nav a{ transition:all 0.3s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease;} /*添加过渡 **Bob*/











.content { width:830px; top:345px; }





	.content_index {


	width:1200px;


	position: relative;


}





	.comm { border:1px solid #c0bfbf; background:#fff; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out; }





	.focus_img { width:279px; height:263px; left:0; top:0; }





		.focus_img img { display:block; width:279px; height:263px; }





		.focus_img span { width:281px; height:14px; top:230px; left:1px; display:block; text-align:center; line-height:0; font-size:0; }





		.focus_img span a { width:14px; height:14px; background:url("../images/sp_24.png")/*tpa=http://qqly.hhaotl.com:50811/images/sp_24.png*/ no-repeat 0 0; margin:0 4px; display:inline-block; }





		.focus_img span a.up { width:25px; background:url("../images/sp_24.png")/*tpa=http://qqly.hhaotl.com:50811/images/sp_24.png*/ no-repeat -20px 0; }





	.game_features { width:426px; height:263px; left:294px; top:0; }





		.roll { width:426px; height:263px; overflow:hidden; }





		.roll ul { overflow:hidden; }





		.roll li { float:left; }





		.game_features img { width:426px; height:263px; }





		.game_features span,.comm_roll span { width:40px; height:40px; background:url("../images/sp_24.png")/*tpa=http://qqly.hhaotl.com:50811/images/sp_24.png*/ no-repeat; cursor:pointer; }





		.game_features span.pre_btn,.comm_roll span.pre_btn { background-position:0 -93px; }





		.game_features span.next_btn,.comm_roll span.next_btn { background-position:-40px -93px; }





		.game_features span.pre_btn,.game_features span.next_btn { position:absolute; top:223px; }





		.game_features span.pre_btn { left:0; }





		.game_features span.next_btn { right:0; }





	.focus_new { width:426px; height:263px; background:#f2eef8; }





		.news_block { left:735px; top:0; }





		.com_tabs { width:426px; height:51px; background:#ddd3ee; }





			.com_tabs a { width:86px; height:51px; font:14px/51px "Microsoft YaHei"; display:inline-block; color:#181818; text-align:center; }





			.com_tabs a.up,.com_tabs a:hover { background:#f2eef8; }





			.com_tabs a.more,.com_tabs a.more:hover { width:43px; height:14px; position:absolute; right:10px; top:18px; background:url("../images/sp.png")/*tpa=http://qqly.hhaotl.com:50811/images/sp.png*/ no-repeat -80px 0; }





		.news_inner { width:372px; margin:0 auto; }





			.news_title { width:372px; height:30px; line-height:30px; padding-top:12px; text-align:center; color:#ff7800; font-weight:bold; overflow:hidden; }





				.news_title a { color:#ff7800; }





			.news_list { width:372px; }





				.news_list li { height:26px; line-height:26px; position:relative; overflow:hidden; white-space:nowrap; }





				.news_list li a { width:330px; text-overflow:ellipsis; display:block; white-space:nowrap; overflow:hidden; color:#181818; }





				.news_list li span.date { position:absolute; right:0; top:0; color:#686661; }





				.news_list em { font-style:normal; padding:0 5px 0 0; text-decoration:none; }





				.news_list .c_red a,.news_list .c_red_bold a{ color:#a60707; }





				.news_list .c_bold a { font-weight:bold;}





				.news_list .c_red_bold a { font-weight:bold; }





				.news_list .c_red_bold em { color:#ab1606; font-weight:bold; }





				.news_list li a:hover { text-decoration:underline; }





	.zhiye,.media { width:279px; height:402px; }





		.zhiye_block { left:0; top:278px; }





		.zhiye_l { width:161px; height:402px; }





		.zhiye_l img { width:161px; height:402px; }





		.zhiye_r { width:105px; height:290px; margin-left:6px; overflow:hidden; }





		.zhiye_r h2 { height:35px; font:bold 19px/35px "Microsoft YaHei"; border-bottom:1px solid #bdbdbd; margin:8px 0; }





		.zhiye_r h4 { width:37px; height:17px; line-height:17px; text-align:center; color:#fff; background:#595959; }





		.zhiye_r p { color:#929292; line-height:19px; padding:2px 0; }





		.zhiye_r em { width:17px; height:17px; display:inline-block; background:url("../images/sp.png")/*tpa=http://qqly.hhaotl.com:50811/images/sp.png*/ no-repeat -130px 0; }





		.zhiye_r em.star_hui { background-position:-150px 0; }





		.zhiye_tabs { width:102px; height:100px; background:url("../images/zhiye_tabs_bg.gif")/*tpa=http://qqly.hhaotl.com:50811/images/zhiye_tabs_bg.gif*/ no-repeat; margin-left:6px; }





		.zhiye_tabs a { width:34px; height:34px; font:17px/34px "Microsoft YaHei"; position:absolute; color:#fff; text-align:center; }





		.zhiye_tabs a.up,.zhiye_tabs a:hover { background:url("../images/sp.png")/*tpa=http://qqly.hhaotl.com:50811/images/sp.png*/ no-repeat 0 -40px; }





		.zhiye_tabs a#n1 { top:287px; left:202px; }





		.zhiye_tabs a#n2 { top:314px; left:166px; }





		.zhiye_tabs a#n3 { top:358px; left:177px; }





		.zhiye_tabs a#n4 { top:314px; left:237px; }





		.zhiye_tabs em { width:38px; height:38px; position:absolute; top:324px; left:199px; background:url("../images/sp.png")/*tpa=http://qqly.hhaotl.com:50811/images/sp.png*/ no-repeat; }





		.zhiye_tabs em.dao_em { background-position:0 -90px; }





		.zhiye_tabs em.long_em { background-position:-40px -90px; }





		.zhiye_tabs em.fo_em { width:43px; height:43px; background-position:-80px -90px; }





		.zhiye_tabs em.yao_em { background-position:-130px -90px; }





	.media { height:402px; }





		.media_block { left:0; top:694px; }





		.media h2 { width:279px; height:47px; background:#252525; color:#e8e8e8; text-align:center; font:bold 18px/47px "Microsoft YaHei"; }





		.cooperation { width:243px; height:178px; background:#f2f2f2; padding:0 18px; margin:0 auto; overflow:hidden; zoom:1; }





		.cooperation li { width:237px; height:43px; margin:10px 0 0; border:1px solid #d9d9d9; box-shadow:0px 0px 8px #d9d9d9; }





		.cooperation li img { width:237px; height:43px; border:1px solid #fff; }





		.associated_media { width:279px; height:163px; padding-top:14px; }





		.associated_media ul { width:244px; height:156px; }





		.associated_media li { width:244px; height:156px; float:left; }





		.associated_media li p { width:115px; height:43px; float:left; margin:0 0 8px 5px; display:inline; }





		.associated_media img { width:115px; height:43px; _height:42px; border:1px solid #dfdfdf; }





		.associated_media span { width:15px; height:20px; margin-top:75px; display:inline-block; background:url("../images/sp.png")/*tpa=http://qqly.hhaotl.com:50811/images/sp.png*/ no-repeat; display:inline-block; cursor:pointer; }





		.associated_media span.pre_btn { background-position:-40px -40px; }





		.associated_media span.next_btn { width:20px; background-position:-55px -40px; }





		.associated_media .roll { width:244px; height:156px; }





	.pp_mid { width:426px; height:124px; }





		.pp_mid_block { left:294px; top:278px; }





		.pp_mid img { width:426px; height:124px; } 





	.shortcut { width:426px; height:263px; }





		.shortcut_block { left:294px; top:417px; }





		.shortcut img { width:426px; height:216px; }





		.comm_roll { width:426px; height:47px; background:#252525; }





		.comm_roll span { display:inline-block; overflow:hidden; text-indent:-9999px; float:left; background:url("../images/sp.png")/*tpa=http://qqly.hhaotl.com:50811/images/sp.png*/ no-repeat; }





		.comm_roll span.pre_btn { margin:5px 0 0 0; background-position:0 0; }





		.comm_roll span.next_btn { margin:5px 0 0 0; background-position:-40px 0; }





		.comm_roll p { width:346px; height:47px; display:inline-block; float:left; overflow:hidden; color:#e8e8e8; font:bold 18px/47px "Microsoft YaHei"; text-align:center; }





		.shortcut .roll { height:216px; }





	.pp_comm { width:132px; height:124px; text-align:center; line-height:29px; }





		.pp_comm img { width:132px; height:95px; }





		.pp_comm a { color:#7b7b7b; }





		.pp_1_block,.pp_2_block,.pp_3_block,.pp_wx_block { left:735px; top:278px; }





		.pp_2_block { left:882px; }





		.pp_3_block { left:1029px; }





		.pp_wx_block { top:417px; left:147px; display:none; }











	/*新手指导和活动框，-moz-,-o-,-ms-去掉了，太长了，而且他们的最新版都支持不要前缀的 **Bob*/





	.mid_text_box {overflow:hidden;}





	.mid_text_inner {transition:all 0.4s ease; perspective:428px; -webkit-perspective:428px;}





	.mid_text_box:hover .mid_text_inner {margin-top:-124px;}





	.mid_text_box:hover .mid_text_inner div { transform:rotateX(0deg); -webkit-transform:rotateX(0deg);}





	.mid_text_box .mid_text_inner div { transition:all 0.4s ease; backface-visibility:hidden; transform:rotateX(-90deg);transform-origin:top; -webkit-transition:all 0.4s ease;-webkit-backface-visibility:hidden; -webkit-transform:rotateX(-90deg); -webkit-transform-origin:top;}





	.mid_text_box:hover .mid_text_inner>img { transform:rotateX(90deg);-webkit-transform:rotateX(90deg);}





	.mid_text_box .mid_text_inner>img { backface-visibility:hidden; transform:rotateX(0deg); transition:all 0.4s ease; transform-origin:bottom; -webkit-backface-visibility:hidden; -webkit-transform:rotateX(0deg); -webkit-transition:all 0.4s ease; -webkit-transform-origin:bottom;}











	.game_hand,.game_hand img,.game_hand_txt { width:211px; height:124px; }





		.new_hand_block,.master_hand_block { top:417px; left:735px; }





		.master_hand_block { left:950px; }





		.game_hand_txt { background:#f0e9ff; }





		.game_hand_txt h4 { width:29px; height:114px; background:#9774d1; text-align:center; font:bold 18px/25px "Microsoft YaHei"; color:#fff; padding-top:10px; }





		.game_hand_txt ul { width:177px; height:115px; padding:9px 0 0 5px; color:#181818; }





		.game_hand_txt li { float:left; line-height:21px; }





		.game_hand_txt a { color:#181818; margin:0 2px; white-space:nowrap; }





		.game_hand_txt a:hover { text-decoration:underline; color:#9774d1; }





		.game_hand_txt a.more { color:#ff7800; }





	.game_news_block { top:556px; left:735px; }





		.game_news_block .news_list { padding-top:16px; }





		.game_news_block .news_list li { height:30px; line-height:30px; }





	.pp_comm1,.pp_comm1 img { width:132px; height:124px; }





		.pp_actcenter_block,.pp_user_block,.pp_account_block { top:695px; left:294px; }





		.pp_user_block { left:441px; }





		.pp_account_block { left:588px; }





		.pp_bbs_block { top:834px; left:1029px; }





		.pp_comm1 a img,.service_l a img { filter:alpha(opacity=80); opacity:0.8; }





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





	.game_act,.game_act img { width:279px; height:124px; }





		.game_act_block { top:834px; left:735px; }





		.game_act .game_hand_txt { width:279px; }





		.game_act ul { width:245px; }





		.game_act .game_hand_txt li.cb { height:0; line-height:0; font-size:0; clear:both; float:none; }





	.weibo_qu,.weibo_qu img,.weibo_txt { width:426px; height:124px; }





		.weibo_block { top:973px; left:735px; }





		.weibo_txt h2 { width:110px; height:100px; text-align:center; font:bold 32px/35px "Microsoft YaHei"; color:#fff; float:left; background:#9774d1; padding-top:24px; letter-spacing:2px; }





		.weibo_txt span { width:0; height:0; line-height:0; font-size:0; border-top-color:#fff; border-right-color:#fff; border-bottom-color:#fff; border-left-color:#9774d1; border-width:7px; border-style:solid; float:left; margin-top:55px; }





		.weibo_txt ul { width:300px; height:40px; float:left; }





		.weibo_txt li { width:136px; height:40px; display:inline-block; float:left; margin:39px 5px 0 2px; }





		.weibo_txt li img { width:136px; height:40px; }





	.service_box { width:426px; height:263px; }





		.service_block { top:834px; left:294px; }





		.service_l { width:145px; height:263px; border-right:2px solid #c0bfbf; }





		.service_l img { width:145px; height:263px; }





		.score_r { width:279px; height:139px; background:url("../images/pp_score_279x139.jpg")/*tpa=http://qqly.hhaotl.com:50811/images/pp_score_279x139.jpg*/ no-repeat; }





		.service_txt { width:231px; height:100px; padding:12px 24px; overflow:hidden; background:#f2f2f2; color:#6a6a6a; line-height:19px; }





/*视频浮层*/





.tv_box { position:absolute; top:200px; left:200px; width:640px; height:395px; background:#333; border:3px solid #753bb5; z-index:9999; }





	.tv_box a.close { position:absolute; right:-46px; top:-3px; display:block; width:40px; height:40px; background:url("../images/sp.png")/*tpa=http://qqly.hhaotl.com:50811/images/sp.png*/ no-repeat -80px -40px; }





/*右边浮层*/





.rightbar { position:fixed; _position:absolute; top:150px; right:10px; z-index:999; }





	.rightbar a { position:absolute; display:block; overflow:hidden; text-indent:-9999px; }





	.rightbar_b { width:186px; height:246px; background:url("../images/rightbar_b.png")/*tpa=http://qqly.hhaotl.com:50811/images/rightbar_b.png*/ no-repeat; }





	.rightbar_b a.close { width:29px; height:29px; top:0; left:0; }





	.rightbar_b a.go_detail { width:48px; height:50px; left:47px; bottom:11px; }





	.rightbar_s { width:60px; height:310px; background:url("../images/rightbar_s.png")/*tpa=http://qqly.hhaotl.com:50811/images/rightbar_s.png*/ no-repeat; }





	.rightbar_s a { width:60px; height:310px; top:0; left:0; }





/*footer*/





.ft,.ft .wrap { height:140px; background:#000; margin:0 auto; clear:both; overflow:hidden; }





	.ft .wrap { width:1002px; position:relative; }





	.footer { padding:25px 0 0 460px; width:542px; color:#8b8b8b; position:relative; font-family:Arial; }





	.footer span { width:185px; height:50px; position:absolute; display:block; overflow:hidden; text-indent:-9999px; top:30px; }





	.footer span.ls-logo { background:url("../images/ft_logo.gif")/*tpa=http://qqly.hhaotl.com:50811/images/ft_logo.gif*/ no-repeat 0 0; left:50px; }





	.footer span.xl-logo { background:url("../images/ft_logo.gif")/*tpa=http://qqly.hhaotl.com:50811/images/ft_logo.gif*/ no-repeat 0 -50px; left:260px; }





	.footer a { color:#8b8b8b; }





/**/	





@media all and (max-width: 1150px) {





	body { background:#f8f8f8 url("../images/index_1280.jpg")/*tpa=http://qqly.hhaotl.com:50811/images/index_1280.jpg*/ no-repeat 122px 0; }





	.wrap { margin-left:135px; }





	.wrap_index { height:2200px; } 





	.content_index { width:730px; height:1855px; }





	.shortcut_block { top:278px; left:294px; }





	.news_block { left:294px; }





	.pp_1_block,.pp_3_block,.pp_2_block { top:278px; left:0; }





	.pp_2_block { left:147px; }





	.pp_3_block { top:417px; }





	.zhiye_block { top:556px; }





	.pp_wx_block { display:block; }





	.pp_mid_block { top:556px; }





	.game_features { top:278px; }





	.shortcut_block,.pp_actcenter_block,.pp_user_block { top:1112px; }





	.game_news_block { left:294px; top:695px; }





	.game_act_block { top:973px; left:0; }





	.pp_actcenter_block,.pp_account_block { left:0; }





	.pp_user_block,.pp_bbs_block { left:148px; }





	.pp_account_block,.pp_bbs_block { top:1251px; }





	.new_hand_block,.master_hand_block,.weibo_block,.service_block { top:973px; left:294px; }





	.master_hand_block { left:509px; }





	.weibo_block { top:1668px; }





	.media_block,.service_block { top:1390px; }





	.left_wx { display:none; }





}





@media all and (min-width: 1151px) and (max-width: 1340px) {





	body { background:#f8f8f8 url("../images/index_1280.jpg")/*tpa=http://qqly.hhaotl.com:50811/images/index_1280.jpg*/ no-repeat 442px 0; }





	.wrap_index { height:2200px; } 





	.content_index { width:730px; height:1855px; }





	.shortcut_block { top:278px; left:294px; }





	.news_block { left:294px; }





	.pp_1_block,.pp_3_block,.pp_2_block { top:278px; left:0; }





	.pp_2_block { left:147px; }





	.pp_3_block { top:417px; }





	.zhiye_block { top:556px; }





	.pp_wx_block { display:block; }





	.pp_mid_block { top:556px; }





	.game_features { top:278px; }





	.shortcut_block,.pp_actcenter_block,.pp_user_block { top:1112px; }





	.game_news_block { left:294px; top:695px; }





	.game_act_block { top:973px; left:0; }





	.pp_actcenter_block,.pp_account_block { left:0; }





	.pp_user_block,.pp_bbs_block { left:148px; }





	.pp_account_block,.pp_bbs_block { top:1251px; }





	.new_hand_block,.master_hand_block,.weibo_block,.service_block { top:973px; left:294px; }





	.master_hand_block { left:509px; }





	.weibo_block { top:1668px; }





	.media_block,.service_block { top:1390px; }





	.left_wx { display:none; }





}	





@media all and (min-width: 1341px) and (max-width: 1620px) {





	body { background-position:122px 0; }





	.wrap { margin-left:135px; }





}