﻿.com_h3 { position: relative; }
.com_h3 a.more { position: absolute; right: 20px; top: 6px; font-size: 12px; font-weight: normal; line-height: 20px; height: 20px; color: #ff7800; }
.com_h3 a:hover { text-decoration: underline; }
.login { height: 169px; position: relative; z-index: 20; }
.login .login_bg { height: 169px; width: 600px; position: absolute; z-index: 10; left: 0px; top: 0px; background: #FFF; filter: alpha(opacity=75); opacity: 0.75; }
.login .login_con { height: 169px; width: 601px; position: relative; z-index: 20; }
.login .login_con .startbtn { top: -35px; right: 10px; height: 200px; width: 240px; z-index: 10; position: absolute; }

.ind_layout_n1, .ind_layout_n2, .ind_layout_n3 { overflow: hidden; zoom: 1; }
.ind_layout_n1 { position: relative; z-index: 20; }
.ind_layout_n1 .wrap { height: 242px; }
.ind_layout_n1 .side_l { float: left; padding: 12px 0px 0px 10px; }
.ind_layout_n1 .side_r { float: right; padding-right: 10px; }
.ind_layout_n2 { margin-top: 10px; }
.news_set { position: relative; width: 388px; }
.news_set h3 { height: 32px; position: relative; line-height: 12px; font-weight: normal; }
.news_set h3 span { display: block; float: left; height: 32px; width: 77px; background: url(../images/hc_index.png) no-repeat 76px -107px; }
.news_set h3 span.noline { background-image: url(#); }
.news_set h3 b { display: block; height: 26px; width: 76px; overflow: hidden; cursor: pointer; line-height: 26px; text-align: center; font-size: 14px; font-weight: normal; color: #f7efe3; margin-top: 6px; }
.news_set h3 .on b { color: #2f261f; background-color: #FFF; }
.news_set a.more, .ind_warp .com_h3 a.more { text-decoration: none; }
.news_set a.more:hover, .ind_warp .com_h3 a.more:hover { text-decoration: underline; }
.news_set h3 .more { position: absolute; right: 15px; bottom: 4px; line-height: 20px; height: 20px; }
.news_set .item_set .item h4 { height: 30px; line-height: 30px; text-align: center; font-size: 14px; font-weight: bold; }
.news_set .item_set { height: 200px; }
.news_set .item_set .item { padding: 10px 10px 0px; }
.news_set .item_set .item ul { padding-top: 8px; }
.news_set .item_set .item ul li, .game_raiders .raiders_list ul li { line-height: 27px; height: 27px; padding-left: 15px; *margin-bottom:-2px;
}
.news_set .item_set .item ul li.noline, .game_raiders .raiders_list ul li.noline { border: none; }
.news_set .item_set .item li .til, .game_raiders .raiders_list ul li .til { float: left; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_set .item_set .item li .til { width: 300px; }
.news_set .item_set .item li .date, .game_raiders .raiders_list ul li .date { float: right; padding-right: 15px; white-space: nowrap; }
.news_set .item_set .til a.mtil, .game_raiders .raiders_list ul li a.mtil { text-decoration: none; margin-left: 10px; }
.news_set .item_set .til a.mtil:hover, .game_raiders .raiders_list ul li a.mtil:hover { text-decoration: none; }
.replay { height: 220px; width: 560px; position: relative; overflow: hidden; }
.replay .bigpic { height: 220px; position: absolute; left: 0px; top: 0px; }
.replay .bigpic li { height: 220px; width: 560px; overflow: hidden; position: relative; float: left; }
.replay .smallpic { height: 23px; width: 200px; position: absolute; z-index: 20; right: 10px; bottom: 0px; text-align: right; }
.replay .aph_bg { height: 30px; width: 560px; left: 0px; right: 0px; display: block; position: absolute; z-index: 10; bottom: 0; _bottom: -2px; background: #000; filter: alpha(opacity=30); opacity: 0.3; }
.replay .smallpic span { font-size: 12px; line-height: 17px; text-align: center; display: inline-block; height: 17px; width: 17px; margin-left: 10px; cursor: pointer; color: #323232; background: #dcdcdc; }
.ind_layout_n2 .side_l { float: left; width: 540px; }
.ind_layout_n2 .side_r { float: right; width: 430px; }
.act_item1, .act_item2, .act_item3 { height: 128px; }
.act_item2, .act_item3 { margin-top: 10px; }
.game_raiders { height: 246px; position: relative; }
.game_raiders h3, .game_msg h3, .game_pic h3, .player-pic h3, .game_occupation h3, .game_star h3, .game_attention h3 { height: 34px; }
.game_raiders h3 span, .game_msg h3 span, .game_pic h3 span, .player-pic h3 span, .game_occupation h3 span, .game_star h3 span{ text-align: left; text-indent: -999px; display: block; height: 35px; width: 98px; overflow: hidden; background: url(../images/hc_index.png) no-repeat; }
.game_raiders .raiders_list ul li .til { width: 370px; }
.game_raiders .raiders_list { padding: 5px 25px 0px; }
.game_msg { height: 150px; position: relative; margin-top: 10px; }
.game_msg ul { margin: 0px 25px; }
.game_msg ul .til { font-size: 0px; line-height: 0px; overflow: hidden; height: 0px; width: 0px; }
.game_msg ul li a { text-decoration: none; line-height: 20px; display: inline-block; width: 60px; text-align: center; padding: 2px 4px; }
.sub_til { height: 30px; margin: 10px 25px; zoom: 1; position: relative; }
.sub_til span { line-height: 28px; text-align: center; display: block; float: left; height: 30px; width: 84px; margin-right: 10px; font-size: 14px; cursor: pointer; zoom: 1; }
.sub_til span.on { height: 28px; position: relative; margin-top: 1px; margin-bottom: -1px; }

.game_pic { position: relative; margin-top: 10px; height: 230px; }
.game_pic .game_pic_con { padding-top: 35px; }
.game_pic .game_pic_con .gpc_bl, .game_pic .game_pic_con .gpc_br { height: 150px; width: 35px; float: left; }
.game_pic .game_pic_con .gpc_bl span, .game_pic .game_pic_con .gpc_br span { display: block; margin: 40px auto 0px; height: 25px; width: 13px; overflow: hidden; cursor: pointer; }
.game_pic .gpc_con { height: 146px; width: 468px; overflow: hidden; float: left; position: relative; }
.game_pic .gpc_con ul { float: left; overflow: hidden; }
.game_pic .gpc_con ul li { display: block; float: left; height: 145px; width: 160px; }
.game_pic .gpc_con ul li p { line-height: 30px; text-align: center; height: 30px; }
.game_pic .gpc_con .gpc_warp { width: 9999px; overflow: hidden; position: absolute; left: 0px; top: 0px; }
.wait_load { position: absolute; height: 220px; width: 330px; top: 20px; left: 10px; z-index: 50; }
.wait_load span { display: block; text-align: center; padding-top: 40px; margin-top: 60px; background: url(images/loading.gif) no-repeat center 0px; }
.quick_wrap { height: 46px; position: relative; z-index: 20; margin-top: 20px; }

.ind_layout_n1 { background: #323232; }
.news_set h3 b.s_hot { background-position: 0 0; }
.news_set h3 b.s_news { background-position: -77px 0; }
.news_set h3 b.s_act { background-position: -151px 0; }
.news_set h3 b.s_com { background-position: -225px 0; }
.news_set h3 .on b.s_hot { background-position: 0 -30px; }
.news_set h3 .on b.s_news { background-position: -77px -30px; }
.news_set h3 .on b.s_act { background-position: -151px -30px; }
.news_set h3 .on b.s_com { background-position: -225px -30px; }
.news_set a.more, .ind_warp .com_h3 a.more { color: #ff7800; }
.news_set .item_set .item h4 { background: #ebebeb; }
.news_set .item_set .item h4 a { color: #323232; }
.news_set .item_set .item h4 a:hover { color: #eb6100 }
.news_set .item_set { background: #FFFFFF; }
.news_set .item_set .item ul li, .game_raiders .raiders_list ul li { border-bottom: 1px dotted #bcbbbb; background: url(../images/ico_ind_arrow.png) no-repeat 5px center; }
.news_set .item_set .til a, .game_raiders .raiders_list .til a { color: #157bbb; }
.news_set .item_set .til a:hover, .game_raiders .raiders_list .til a:hover { color: #eb6100 }
.news_set .item_set .item li .date, .game_raiders .raiders_list ul li .date { color: #3f6043; }
.news_set .item_set .til a.mtil, .game_raiders .raiders_list ul li a.mtil { color: #313131; }
.news_set .item_set .til a.mtil:hover, .game_raiders .raiders_list ul li a.mtil:hover { color: #eb6100; }
.replay { border: 1px solid #2f2620; }
.replay .smallpic span.on { color: #FFF; background: #ff7800; }
.act_item1, .act_item2, .act_item3 { border: 1px solid #dcdcdc; }
.game_raiders { background: #f8f4e8; }
.game_raiders h3, .game_msg h3, .game_pic h3, .player-pic h3, .game_attention h3 { border-bottom: 1px solid #dcdcdc; }
.game_raiders h3 span { background-position: 0 0; }
.game_msg h3 span { background-position: -99px 0; }
.game_pic h3 span { background-position: 0 -36px; }
.player-pic h3 span { background-position: -198px 0; }
.game_raiders, .game_msg { border: 1px solid #dcdcdc; background: #FFFFFF; }
.sub_til { border-bottom: 1px solid #d2d2d2; }
.sub_til span { color: #000; }
.sub_til span.on { border: 1px solid #d2d2d2; border-bottom-color: #FFFFFF; }
.game_msg ul li a { color: #555756; }
.game_msg ul li a:hover { color: #eb6100; }
.game_pic { border: 1px solid #dcdcdc; background: #FFFFFF; }
.game_pic .game_pic_con .gpc_con ul li img { border: 1px solid #dcdcdc; background: #FFF; }
.game_pic .game_pic_con .gpc_con ul li a:hover img { background: #b12673; border: 1px solid #dcdcdc; }
.game_pic .game_pic_con .gpc_bl span, .game_pic .game_pic_con .gpc_br span { background: url(../images/btn_ind_jiepic.png) no-repeat; }
.game_pic .game_pic_con .gpc_bl span { background-position: 0 0; }
.game_pic .game_pic_con .gpc_br span { background-position: 0 -50px; }
.game_pic .game_pic_con .gpc_bl span.on { background-position: 0 -25px; }
.game_pic .game_pic_con .gpc_br span.on { background-position: 0 -75px; }
.quick_link div { padding-top: 10px; }
.quick_link a { background: url(../images/btn_index_m1.png) no-repeat; }
.quick_link a { height: 36px; display: block; float: left; text-align: left; text-indent: -999px; overflow: hidden; }
.quick_link a.link_weiduan { background-position: 0 -73px; height: 42px; width: 202px; margin: -6px 0px 0px -1px; }
.quick_link a.link_weiduan:hover { background-position: 0 -116px; }
.quick_link a.link_xsk { width: 119px; background-position: 0 0; }
.quick_link a.link_czzx { width: 114px; background-position: -119px 0; }
.quick_link a.link_wjlt { width: 112px; background-position: -233px 0; }
.quick_link a.link_xsk:hover { background-position: 0 -36px; }
.quick_link a.link_czzx:hover { background-position: -119px -36px; }
.quick_link a.link_wjlt:hover { background-position: -233px -36px; }
.d-select, .d-select span { background: url(../images/pic_select.png) no-repeat; }
.d-select { position: relative; float: left; width: 130px; background-position: 0px 0px; height: 22px; }
.d-select span { display: block; height: 22px; line-height: 22px; text-align: center; font-size: 12px; color: #737373; padding-right: 20px; cursor: pointer; background-position: right -23px; }
.d-select ul { position: absolute; display: none; top: 30px; left: 0px; margin: 0px; padding: 0px; border: 1px solid #ccc; list-style: none; max-height: 200px; _height:expression(this.scrollHeight>200?"200px":"auto");
overflow: auto; background: #FFF; }
.d-select ul li { text-align: center; height: 22px; line-height: 22px; background: #FFF; color: #333; }
.d-select ul li.dselect-on { color: #FFF; background: #090; }
.rank-select-server { width: 145px; }
.rank-select-server ul { width: 143px; }

.game_star { height: 242px; background: #FFFFFF; }
.game_star h3 { border-bottom: 1px solid #dcdcdc; }
.game_star h3 span { background-position: -99px -36px; }
.game_star .box .pic { float: left; padding: 10px 0px 0px 10px; }
.game_star .box .pic img { border-bottom: 1px solid #dcdcdc; }
.game_star .box .con { float: left; width: 210px; line-height: 25px; color: #747474; padding: 5px 0px 0px 15px; }
.game_star .box .con .mc { line-height: 20px; }
.game_star .box .con .mt { color: #323232; }
.guanzhu a { font-size: 12px; line-height: 25px; color: #FFF; text-align: center; display: block; height: 25px; width: 146px; margin: 5px 0px; }
.guanzhu .tenxun a { background-color: #00b7ee; }
.guanzhu .tenxun a:hover { background-color: #00d2ff; }
.guanzhu .xinglang a { background-color: #5dbd00; }
.guanzhu .xinglang a:hover { background-color: #6ed200; }
.guanzhu .sico { vertical-align: middle; display: inline-block; height: 16px; width: 16px; background: url(../images/hc_index.png) no-repeat; }
.guanzhu h4 { font-weight: 400; }
.guanzhu .tenxun h4 .sico { background-position: -166px -72px; margin-right: 5px; }
.guanzhu .tenxun p .sico { background-position: -149px -72px; margin-left: 2px; }
.guanzhu .xinglang h4 .sico { background-position: -183px -72px; margin-right: 5px; }
.guanzhu .xinglang p .sico { background-position: -200px -72px; margin-left: 2px; }
.popshowpic .ui_close { background: none repeat scroll 0 0 #fff; color: #000; vertical-align: baseline; }
.popshowpic .ui_close { background: none repeat scroll 0 0 #fff; color: #000; font-size: 22px; height: 22px; line-height: 18px; width: 22px; }
.popshowpic .ui_title_buttons { right: -24px; top: -5px; }

.login_con-box{ width:400px;}
.login_con-two{ width:135px; height:145px; background:url(../images/two.jpg) no-repeat; margin-top:12px; margin-left:12px; float:left; display:inline-block;}
.login_con-btn{ display:block; width:211px; height:60px; background:url(../images/welcome/btn.png) no-repeat; float:left; margin-left:12px;}
.login_con-btn1{ background-position:-20px -16px; margin-top:20px;}
.login_con-btn1:hover{ background-position:-20px -85px;}
.login_con-btn2{ background-position:-20px -160px; margin-top:10px;}
.login_con-btn2:hover{ background-position:-20px -229px;}
