@charset "utf-8";
/* /webgame/home/css/global_server.css */




/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
del, ins { text-decoration: none }
fieldset, img { border: 0; }
body,button,input,select,textarea{font:12px/1.5 "simsun",tahoma,arial,sans-serif}
input,select,img{ vertical-align:middle}
input,select{ outline:none}
ul,ol{ list-style:none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address,cite,dfn,em,var{font-style:normal;}
input::-moz-focus-inner,button::-moz-focus-inner{ border:0;padding:0}

/* global */
body{ background:transparent;; }
.wrapper{ margin:0 auto;text-align:left;width:1000px; }
td{ font-size:12px; line-height:160%;}
.left{ float:left }
.right{ float:right }
a{text-decoration:none;}
a:hover{text-decoration:none;}
.txthide{ text-indent:-999em;overflow:hidden; line-height:0; font-size:0}
.clearfix:after{ content:""; height:0; visibility:hidden; display:block; clear:both;}
.clearfix{ zoom:1;}
.clear{ clear:both }

.my_ftop > .my_fbtm > .view{
	min-width: 1200px;
}

/*================== ?服框 =====================*/

.select_ser{ position:relative;}
.server_ul a,.server_ul a span,.select_ser a{ background-image:url(img/new_ser.png); background-repeat:no-repeat;}
.alert_w{width:192px; height:42px; text-align:center; padding-top:10px; overflow:hidden; position:absolute; top:-47px; right:-15px; color:#2b2b2b; font-size:14px;}

/*server_ul*/
.server_ul li{ float:left;*display:inline;*zoom:1; overflow:hidden;}
.server_ul .crowd a,.server_ul .crowd a:hover{ background-position:left -421px}
.server_ul .crowd a span,.server_ul .crowd a:hover span{ background-position:right -451px;}
.server_ul .nopen a,.server_ul .nopen a:hover{ background-position:left -481px;}
.server_ul .nopen a span,.server_ul .nopen a:hover span{ background-position:right -511px;}
.server_ul .weihu a,.server_ul .weihu a:hover{ background-position:left -541px;}
.server_ul .weihu a span,.server_ul .weihu a:hover span{ background-position:right -571px;}
.server_ul .hot a,.server_ul .hot a:hover{ background-position:left -601px;}
.server_ul .hot a span,.server_ul .hot a:hover span{ background-position:right -631px;}

.m_server_bd h2{ float:left; width:140px; height:36px; line-height:36px; overflow:hidden; }

.m_server  .m_server_bd{ width:581px; padding-left:15px; position:relative; zoom:1;}
.m_server  .m_server_bd a:hover{ text-decoration:none;}
.m_server  .server_box{ height:160px; position:relative; zoom:1; overflow:hidden;width:575px;}

/*m_recommed_ser*/
.m_recommed_ser li{ margin:-10px 20px 0 0;}
.m_recommed_ser li a{ display:block;background-position:0 -72px;width:222px; height:30px; overflow:hidden; padding:19px 0 0 40px; font-size:16px; font-weight:700;  color:#fff; line-height:30px; height:35px;}
.m_recommed_ser li a:hover{background-position:0 -126px;}
.m_recommed_ser li span{ background:none;}

/*m_played_ser*/
.m_played_ser .m_hd{ overflow:hidden}

.m_played_ser .nplay{ color:#005566;}
.m_played_ser li,.m_all_ser li,.m_forecast_ser li{ margin:0 10px 6px 0; width:169px; height:29px; line-height:29px; overflow:hidden}
.m_played_ser li a{ display:block;background-position:left -181px;overflow:hidden; padding-left:5px; text-align:center; color:#461d00;}
.m_played_ser li a span{ display:block; background-position:right -211px; padding-right:40px;}
.m_played_ser li a:hover{ background-position:left -241px;}
.m_played_ser li a:hover span{ background-position:right -271px;}

/*m_forecast_ser*/
.m_forecast_ser{display: none;}
.m_forecast_ser li a{ background-position:left -301px; display:block; padding:0 0 0 5px; text-align:center; color:#461d00;  height:29px; line-height:29px;position: relative;*zoom:1;}
.m_forecast_ser li a span{ display:block; background-position:right -331px; padding-right:40px;}
.m_forecast_ser li a:hover{ background-position:left -361px;}
.m_forecast_ser li a:hover span{ background-position:right -391px; }

/*m_all_ser*/
.server_all  .server_box{ height:70px; position:relative; zoom:1; overflow:hidden;width:575px;}
.select_ser{ *display:inline; *zoom:1; margin-right:75px; padding:10px 0 0; height:26px;  color:#005566;}
.select_ser .ser_txt{ border: solid #b7856a 1px; background-color:#fdeecd; width:30px; text-align:center;height:16px; line-height:16px; overflow:hidden; display:inline-block; *zoom:1;*display:inline;}
.select_ser a{ background-position:-145px -37px; display:inline-block;*display:inline;*zoom:1; width:44px; height:21px; text-indent:-999em; overflow:hidden; vertical-align:middle;}
.select_ser a:hover{ background-position:-189px -37px}


.m_all_ser li a{ background-position:left -301px; display:block; padding:0 0 0 5px; text-align:center; color:#461d00;  height:29px; line-height:29px;position: relative;*zoom:1;}
.m_all_ser li a span{ display:block; background-position:right -331px; padding-right:40px;}
.m_all_ser li a:hover{ background-position:left -361px;}
.m_all_ser li a:hover span{ background-position:right -391px; }
.m_all_ser li a .server_link_icon{position: absolute;width: 17px;height: 21px;background: url(../images/icon_role.png) no-repeat;top:5px;
	right: 10px;display: none;}
.m_all_ser li.hasrole a .server_link_icon{display: block;}

.m_server  .m_server_fd{width:596px; height:0; overflow:hidden}

/*scrollbar*/
.jScrollPaneContainer {overflow: hidden;position: relative;z-index: 1;}
.jScrollPaneTrack {cursor: pointer; height: 100%;position: absolute;right: 0;top: 0;}
.jScrollPaneDrag {cursor: pointer;overflow: hidden;position: absolute;}
.jScrollPaneDragTop { left: 0; overflow: hidden;position: absolute;top: 0;}
.jScrollPaneDragBottom {bottom: 0;left: 0; overflow: hidden; position: absolute;}
a.jScrollArrowUp { display: block; height: 12px; overflow: hidden; position: absolute; right: 0; text-indent: -2000px; top: 0; z-index: 1;}
a.jScrollArrowDown { bottom:0; display: block;  height: 12px; overflow: hidden; position: absolute; right: 0; text-indent: -2000px; z-index: 1;}
a.jScrollArrowUp { background-position:-288px 0; background-repeat:no-repeat;}
a.jScrollArrowDown {background-repeat:no-repeat; background-position: -305px 0;}
a.jScrollArrowUp:hover { background-position: -288px -12px;}
a.jScrollArrowDown:hover { background-position: -305px -12px;}
.orange-bar .jScrollPaneTrack { background: none repeat scroll 0 0 #e3dab5;}
.orange-bar .jScrollPaneDrag { background: 50% 50% #c88d00;}
.orange-bar .scroll-pane { background: none repeat scroll 0 0 #6699FF;}

/*add by xiaofang 13-06-05 am*/
.server_all .m_server_num{ height:26px; border-bottom:solid 1px #d6c7b8; margin:5px 0 10px 0; padding-left:1px;}
.server_num li{ float:left; *display:inline;*zoom:1; margin:0 0 -1px -1px; border:solid 1px #d6c7b8; background:#f0e0d0;  padding:0 8px; height:25px; line-height:25px; box-sizing:content-box; width:auto; color:#7b3c2d; cursor:pointer; position:relative;*zoom:1;}
.server_num li.cur{ background:#fbead8; border-bottom:solid 1px #fbead8; font-weight:700;}


/* server_pop */
.server_pop{ border: 1px solid #677817; background: #b7cf49; padding:15px; width:385px; height: 225px;overflow: hidden; }
.server_pop .inner_pop{ background: #eae6e0; padding:25px 25px 0 ; width: 330px;  min-height: 200px;_height:200px; overflow: hidden; font-family: "simsun" }

/* m_server_tip */
.m_server_tip h2{ font-family: "SimHei "; font-size: 38px; font-weight: 700; color:#ff7e00; line-height: 1; }

.m_server_tip p{ color:#646464; font-size: 14px; line-height:24px; margin-top: 7px; font-weight:700; }

.m_server_tip .m_tip{ margin-top: 40px; font-size: 14px;}

/* m_tip */
.m_server_tip .m_tip a{ height: 32px; line-height: 32px; overflow: hidden;}
.m_server_tip .m_tip .again_btn,.m_server_tip .again_btn span{ background-image:url(img/stip_btn.jpg); background-repeat: no-repeat; cursor:pointer; }
.m_server_tip .m_tip .again_btn{ float: right; *display: inline;*zoom:1; margin-left: 15px; color:#f3f5e8; background-position:left 0 ;  padding-left:15px; text-align:center; position: relative;*zoom:1;}
.m_server_tip .m_tip .again_btn span{ display: inline-block;*zoom:1; *display: inline;  background-position: right 0; padding-right: 15px; letter-spacing: 2px;}
.m_server_tip .m_tip .again_btn em{ display: none;}
.m_server_tip .m_tip .again_btn:hover{ text-decoration:none;}
.m_server_tip .m_tip .goon_lnk{ float: right; color:#667724; text-decoration:underline;}

.m_server_tip .m_tip .again_btn:hover em{ width:30px; height:50px;
	 display: block;
 	 position: absolute; top:0;
	 -webkit-transform: skewx(-35deg);
	 -moz-transform: skewx(-35deg);
	 -o-transform: skewx(-35deg);
	 background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); 
	 background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); 
	 background-image:-o-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); 
	 -webkit-animation:scanlight 1.5s ease-in-out infinite;
	 -moz-animation:scanlight 1.5s ease-in-out infinite; 
	 -o-animation:scanlight 1.5s ease-in-out infinite;
	}


@-webkit-keyframes scanlight{
from{ left:-140px;}
to{ left:160px;}
}
@-moz-keyframes scanlight{
from{ left:-140px;}
to{ left:160px;}
}
@-o-keyframes scanlight{
from{ left:-140px;}
to{ left:160px;}
}

/* nopen_server_tip */
/*.nopen_server_tip p{ padding-right: 55px; }*/
.nopen_server_tip  .again_btn{ margin-right: 120px;}

/* best_server_tip */
.best_server_tip p{ text-indent:2em;}

/*add  by xiaofang  2013-09-07 */
.sfgg_mod { text-align:center}
.sfgg_mod a{ display:block; width:570px; height:40px;}
.sfgg_mod img{display:block; width:570px; height:40px; }

/*m_server_flag*/

.m_server_bd .m_server_flag{ position:absolute; top:5px; left:365px;display:none;}
.m_server_flag{ color:#94949e; padding-left:80px; font-family:"simsun"}
.m_server_flag .flag_tit{ float:left; *display:inline; *zoom:1; margin-left:-80px;}
.m_server_flag .server_flag{ margin-right:-10px; position:relative;}
.server_flag li{ float:left; *display:inline; *zoom:1; margin-right:10px; padding-left:17px; height:18px; line-height:18px;}
.server_flag li em{ float:left;*display:inline;*zoom:1; margin:2px 0 0 -17px; width:14px; height:14px;background-image:url(img/server_flag.png); background-repeat:no-repeat;}
.server_flag .low em{ background-position:0 0;}
.server_flag .mid em{ background-position:0 -15px;}
.server_flag .high em{ background-position:0 -30px;}
.server_flag .hw{ margin-right:0}
.server_flag .hw em{ background-position:0 -45px;}

/*flag_icon*/
.server_ul li .flag_icon{ float:left;*display:inline;*zoom:1; margin:8px 5px 0 0;  width:14px; height:14px; overflow:hidden; background-image:url(img/server_flag.png); background-repeat:no-repeat;}
.server_ul li .net_num{ color:#461d00; margin-left:15px; font-size:12px;}
.server_ul li .low{ background-position:0 0;}
.server_ul li .mid{ background-position:0 -15px;}
.server_ul li .high{ background-position:0 -30px;}
.server_ul li .hw{ background-position:0 -45px;}


.th-update,.th-latest,.td-update,.td-latest{display: none;}
.comu-table{width: 100%;}
.wg_table .c3,.wg_table .c4{display: none;}

.server_pop_flash  .m_server_tip p{
	font: 500 14px/24px "microsoft Yahei";
}

.server_pop_flash .m_server_tip h2{
	text-align: center;
	font: 700 30px/1 "microsoft Yahei";

}
.server_pop_flash .server_pop .inner_pop{
	padding: 25px 15px 0;
	width: 350px;
}
.server_pop_flash .m_server_tip .m_tip{
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin-top: 10px;

}
.server_pop_flash .m_server_tip .m_tip a{
	display: inline-block;
	*display:inline;
	*zoom:1;
	text-align: center;
	margin: 0 5px;
}
.server_pop_flash .m_server_tip .m_tip a:hover{
	text-decoration: none;
}
.server_pop_flash .m_server_tip .m_tip  .again_link{
	font: 500 16px/40px "microsoft Yahei";
	color: #646464;
	text-decoration: underline;
	padding:0 5px;


}
.server_pop_flash .m_server_tip .m_tip .again_btn_light{
	background:  url(img/flash_btn.png) 0 0 no-repeat;
	width: 130px;
	height: 40px;
	font: 700 18px/40px "microsoft Yahei";
	color: #fdfff4;
	vertical-align: -5px;

}
.server_pop_flash .m_server_tip .m_tip .again_btn_dark {
	width: 84px;
	height: 26px;
	font: 500 14px/26px "microsoft Yahei";
	color: #fdfff4;
	display: inline-block;
	*display:inline;
	*zoom:1;
	text-align: center;
	background-color: #96c618;
	border:solid 1px #5f993d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

/* /webgame/home/css/global_oserver.css */
/*================== ?服框 =====================*/

/* ser_out_face*/
.ser_out_face{width:622px;position:absolute; left:50%; margin-left: -311px; top:180px; filter:alpha(opacity=90);opacity:.9;}

.out_face_hd,.out_face_bd,.out_face_fd{background-repeat:no-repeat;}
/*update by yufang 13-10-30*/
.out_face_hd{ padding:10px 0 0 0; height:30px; overflow:hidden;}
.out_face_hd,.out_face_hd a{ color:#ead8ff;}
.out_face_hd a{ margin:0 5px}
.out_face_hd .username{ margin-right:10px;}
.out_face_bd{ background-position:-622px 0; padding:0 13px; background-repeat:repeat-y;}
.out_face_fd{ background-position:-1244px bottom; padding-bottom:10px; zoom:1;}

/* sns_textscroll */
.sns_textscroll{ padding:0 0 8px 50px; width:300px;  height:24px; overflow:hidden; line-height:24px; float:left;}
.text_scroll_bx{ height:24px;width:300px; overflow:hidden; float:left; }
.sns_textscroll h2{ float:left; *display:inline;*zoom:1; margin-left:-50px;font-weight:bold; text-align:right; width:50px; }
.text_scroll_bx a{font-weight:700; overflow:hidden; height:24px; display:block; margin:0;}

.m_server  .m_server_hd,.m_server .m_server_bd,.m_server  .m_server_fd{background-repeat:no-repeat;}
.m_server  .m_server_hd{ background-position:0 0; width:596px; height:10px; overflow: hidden;}

.m_server_bd h2{  background-image:url(img/new_ser.png); background-repeat:no-repeat; text-indent:-999em;}
.m_server  .m_server_bd{ background-position:-596px 0;  background-repeat:repeat-y; }

/*m_recommed_ser*/
.m_recommed_ser h2{ height:25px; background-position:0 -2px;}

/*m_played_ser*/
.m_played_ser h2{ background-position:0 -36px; margin:-5px 0;}

/*m_all_ser*/
.m_all_ser h2{ background-position:-145px 0;}

.m_server  .m_server_fd{background-position:-1192px bottom; height:10px;}


/* add by yufang 12-8-23 am */
.text_scroll_bx li img{ display:inline-block; *display: inline; *zoom:1; margin:5px 0;}

.hc1 {color:#FF0000!important;}

/*add  by xiaofang  2013-09-07 */
.sfgg_mod { text-align:center}
.sfgg_mod a{ display:block; width:570px; height:40px;}
.sfgg_mod img{display:block; width:570px; height:40px; }


/*m_sstore*/
.m_sstore{ float:right; *display:inline; *zoom:1; width:89px; height:25px; margin:0 1px; position:relative; }
.m_sstore a{background-image:url(../images/bstore.png); background-repeat:no-repeat; display:block; width:89px; height:25px; font-size:0; line-height:0; overflow:hidden; margin:0; position:absolute; top:0; left:0; }
.m_sstore .store_tip{ display:block; width:87px; height:23px; line-height:23px; text-align:center; border:solid 1px #a8d37e; background-color:#f5ffeb; color:#389508; font-weight:700; position:absolute; top:0; left:0;/* width:0; height:0; filter:alpha(opacity=0);opacity:0;*/}
.m_sstore a.add_bstore{ background-position:0 0; filter:alpha(opacity=100);opacity:1; z-index:3}
.m_sstore a.my_bstore{ background-position:0 -25px;}

/*m_gdiscuss*/
.m_gdiscuss{float: right; *display:inline; margin-right: 0px;}
.m_gdiscuss .discus_btn{ background:url(../images/bstore.png) no-repeat 0 -50px; width:89px; height:25px;  overflow: hidden; float: left; text-indent:-999em;  }

/*add by xiaofang 13-12-04*/
.loginDiv{ z-index:100!important}
/* /webgame/home/css/global_footer.css */
.my_footer{ background: #f3f6fa none;}
.frm_wfooter{ background: #f3f6fa none; border-top:solid 1px #d3d3d3;margin-top: 20px;	 }

/*mod_wfooter*/
.mod_wfooter{ width: 980px; margin: 0 auto; padding: 8px 0; border-bottom:solid 1px #dcdddd; }
.cnt_wfooter{text-align: center; line-height: 24px;color: #888;}
.cnt_wfooter .cnt_olnk a{ color: #555;}
.cnt_wfooter .cnt_olnk a:hover{ text-decoration: underline;}
.cnt_cpytxt a{color: #888;}
.cnt_cpytxt img{margin-right: 2px;width: 15px;height: 15px;}
/* /webgame/home/css/global_sprite.css */

/*wg_table*/
.wg_table{ width:100%;}
.wg_table th,.wg_table td{color:#3b3322; height:23px; line-height:23px; padding:3px 5px; overflow:hidden;}
.wg_table .hover td{ background:#e8e1cf;}
.wg_table .xdis_tit{ width:400px; height:23px; line-height:23px; overflow:hidden;}
.wg_table .xdis_author{ width:90px; height:23px; line-height:23px; overflow:hidden;}
.wg_table .xdis_tit img{ margin:5px 0; vertical-align:middle;}
.wg_table td{border-bottom:dashed 1px #e8c87b;}
.wg_table td span{ float:right; width:60px; height:19px; overflow:hidden; text-align:right;}
.wg_table td a{color:#3b3322;}
.wg_table td a:hover{ color:#e9380f;}
/* /webgame/hhw/tpl/css/ptlogin.css */


/*hzdmx ptlogin*/
.loginDiv{width:666px;left:50%;background: none;border: none;margin-left: -600px;}
.login_hd,#login_tagnum,.login_fd{background: url(img/sprite_login.png);}
.login_hd{ height:50px; padding-left: 8px;background-position:0 0;}
#login_tagnum{padding:0 12px;background-position: -666px 0;background-repeat: repeat-y;}
.login_fd{ background-position: -1332px bottom;height: 10px; zoom:1;}
#login_tag{height:54px;}
#login_tag li{ top:0px; text-align:center; margin-right:0;}
#login_tag li, #login_tag li a, #login_tag li.selectTag, #login_tag li.selectTag a{ background:url(img/sprite_8.png);color:#c3bab6; width:153px;height:54px; line-height:54px; padding:0; margin-right:0px;font-weight: bold;text-indent: -9999em;}
#login_tag li a:hover{ text-decoration:none;}
.login_vertical .ptlogin_btn{ background:url(img/ptlogin_btn.png) 0 0; width:93px; height:39px; overflow:hidden;}
.login_vertical .ptlogin_btn:hover{background-position: 0 -39px;}
.login_vertical .ptlogin_register{ background:url(img/ptlogin_btn.png) -93px 0; width:76px; height:33px; overflow:hidden;}
.login_vertical .ptlogin_register:hover{background-position: -93px -39px;}
.login_vertical #login_simple_toregister{ background:url(img/ptlogin_btn.png) -93px 0; width:93px; height:39px; overflow:hidden;}
.login_vertical #login_simple_toregister:hover{background-position: -93px -39px;}
.login_vertical .login_hor label,.login_vertical .login_tip #reg_autoLogin_tip{ color:#c3bab6;}
.login_vertical .login_hor span{width: 172px;color: #000;}
.login_horizon a, .login_vertical a{ color:#fd4d00;}

.login_vertical .login_hor .q_tip{ color:#ef5716;}
.login_close {display: none;width:32px;height:32px;background:url(img/sprite_close.png) no-repeat;top:9px;right:2px;}
.login_close:hover{background-position: -32px 0;}
.q_perinfo li{color:#cead5c}

.switch_reg_mod_tip   label{ color:#555555;}
.login_success p{ color:#555555;}


/*#popup_reg_div{ padding-bottom:5px;}
.login_qq{ margin-top:5px;}
.login_logging{ padding:5px 0;}*/
.login_vertical .unilogin_box{ padding-top:5px}
.login_prev_tip,.login_qq{ color:#555555}
.login_vertical #hr_label_qqlogin,.login_vertical #hr_label_weibologin,.login_vertical #hr_label_weixinlogin{color:#555555}
.login_logging a {color: #555555}
/*.login_qq{ border-top:dashed 1px #555555;}*/

.login_qrmodule .qr_imgdiv .qr_tipimgani{
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.login_qrmodule .qr_tipimg{
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}


.login_vertical .login_qq{
    color: #555555;
}
.fltit  .line, .login_vertical .fltit  .line{
    background-color: #574845;
}

.login_vertical .login_qq,.login_logging .ftip,.fltit .tit{
    color: #555555;
}

.login_qrmodule .qr_imgdiv p{
    color: #555555;
}
#reg_eula_info{
    color: #555555;
}

.login_vertical .unilogin_box .nflogin_tip{
    float: left;
}

#login_tag li.selectTag a{
    border-radius: 0;
}
.login_qrmodule .qr_imgdiv .qr_image{
    border-color: #9ca09f;
}
.flogin_prev_tip .q_tip{
    color: #c3bab6;
}

.login_vertical .unilogin_box .ptlogin_register{
    width: 109px;
    height: 39px;
    background: url(img/ptlogin_btn.png) no-repeat -109px -78px;
}
.login_vertical .unilogin_box .ptlogin_register:hover{
    background-position: 0 -78px;
}

.login_vertical .login_hor .input_tip{
    color:#797979;
}

#qq_login .ftip,.fltit .tit,#reg_eula_info{color: #c3bab6;}

#login_tag li a#loginSelector{
    background-position: 0 0;
}
#login_tag li a#regSelector{
    background-position: -153px 0;
}
#login_tag li a#emailRegSelector{
    background-position: -306px 0;
}
#login_tag li a#qrLoginSelector{
    background-position: -459px 0;
}

#login_tag li.selectTag a#loginSelector{
    background-position: 0 -54px;
}
#login_tag li.selectTag a#regSelector{
    background-position: -153px -54px;
}
#login_tag li.selectTag a#emailRegSelector{
    background-position: -306px -54px;
}
#login_tag li.selectTag a#qrLoginSelector{
    background-position: -459px -54px;
}