@charset "utf-8";
/* CSS Document */

html{  overflow-x:auto;_overflow-x:hidden;min-width:1000px;background-color:#FFF;}
html,body,h1,h2,h3,h4,h5,h6,div,p,br,form,input,button,textarea,select,fieldset,blockquote,ul,ol,li,dl,dt,dd,pre{margin:0;padding:0;}
body{ background:url(bg_re.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/bg_re.png*/ repeat-x #F2F2F2; font:12px "Tahoma","Microsoft YaHei","SimSun";_behavior:url("csshover-1.htc")/*tpa=http://4399sy.com/media/css/csshover.htc*/;}
.clearfix:after{ content:" "; display:block; clear:both; visibility:hidden; height:0; line-height:0;}
.clearfix{ *zoom:1; }
body a{ color:#444333;outline:none;blr:expression(this.onFocus=this.blur());}
.clear{ clear:both;}
ul,li{ list-style:none;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
img{ border:0 none;}
em,i{ font-style:normal;}
select {position: relative;z-index: 0;}
input,button,select,textarea{outline:none;border:0 none;}
html { *text-overflow:ellipsis; }

.line {display: inline-block;overflow: hidden;width: 1px;}
.top_nav .line,.map_link .line,.dl_bb .line,.games_list_ico .line,.other_recom li .line,.service_list li .line,.kf_btns .line,.r_list_tip dd a .line {background:url(y_dotted.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/y_dotted.png*/ repeat-y -1px 0;height: 14px;margin: 0 auto;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;position: absolute;right: 0;top:9px;}

/*头部导航*/
.nav_box{ width:1000px; background-color:#585858; overflow:hidden;}
.nav_box li{ width:107px; height:40px;line-height:40px; float:left;display:block;}
.nav_box li a{ width:105px; height:40px; display:block; border-left:1px solid #616161; border-right:1px solid #464646; color:#FFF; font:bold 14px/40px "Microsoft YaHei"; text-align:center;cursor:pointer;}
.nav_box li a:hover,.nav_box li a.current{ background-color:#FF7A0E; border-left:1px solid #FF7A0E; border-right:1px solid #FF7A0E;text-decoration:none;}
.nav_box li a.current{ background-color:#FF7A0E; border-left:1px solid #FF7A0E; border-right:1px solid #FF7A0E;}
.nav_box li a em{ width:18px; height:36px; vertical-align:middle; display:inline-block;}
.home_icon{ background:url(icons.png-150316.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/icons.png?150316*/ no-repeat -125px 11px; width:16px; height:16px; display:inline-block;}
.nav_box .nav_service { border-right: 1px solid #616161; }
.nav_box .nav_screencap { float: right; border-left: 1px solid #464646; }
.nav_box .nav_screencap a { border-right: 0; border-left: 1px solid #616161; }
.screencap_icon{ background:url(icons.png-170401.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/icons.png?170401*/ no-repeat 0 -87px; width:16px; height:16px; display:inline-block;}
.nav_box li a.current .screencap_icon, .nav_box li a:hover .screencap_icon{ background-position: -25px -87px; }

/*顶部*/
.topwrap{ width:100%; height:32px;position:relative; top:0px; background:url(top_re.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/top_re.png*/ repeat-x; border-bottom:1px solid #dbdbdb; z-index:100;}
.top_nav{ width:1000px; height:32px; margin:0 auto; position:relative; color:#444333; clear:both;}
.top_nav a{color:#444333; line-height:32px; padding:0 8px 0 4px; cursor:pointer;}
.top_nav a:hover{ color:#ff5d13;}
.top_nav span{ float:left;}
.web4399{ padding-left:10px;}
.top_nav li{ position:relative;}
.appdownload{ float:left; overflow:hidden;}
.appdownload li,.top_w_nav li{ float:left; position:relative; display:inline;}
.top_w_nav{ float:right;}

/*用户下拉菜单*/
.drop_box {position: absolute; font-family: Tahoma,微软雅黑,Helvetica,arial; cursor:default;}
.top_nav .my_info{ cursor:pointer;}
.top_nav .my_info .drop_box {
	width: 248px;
	color: #565656; right:-1px;
	background:#FFFFFF;
    border: 1px solid #D7D7D7;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14);
    top: 32px;
    z-index: 10;
}
.drop_box span{ float:none;}

/*补充：用户名hover状态*/
.my_info .u_name{ max-width:125px; _width:80px; height:24px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.top_nav .my_info a{ padding:0; margin:0;line-height:32px;}
.top_nav .my_info a.myinfo{ line-height:38px;}
.top_nav .cur_drop_menu a.username{ display:block; background:#ffffff;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;height:33px;margin:0 -1px -1px 0px;padding:0px; position:relative;z-index:15; color:#ff5d13; _width:140px;line-height:32px;}
.top_nav .cur_drop_menu a.username .users{ background-position:-36px -16px;}

.top_nav .my_info .drop_box a {
	color: #237db2; padding:0;
}
.top_nav .my_info .drop_box .a_info_list {
	height: 38px;
	line-height: 38px;
	padding-left:10px; overflow:hidden;
}
.top_nav .my_info .drop_box .t_loginout{ padding-right:10px;}
.top_nav .my_info .drop_box .account_info {
	padding: 8px 10px; width:228px; height:31px; overflow:hidden;
}
.top_nav .my_info .drop_box .account_info .a_info_list {
	height: 26px;
	line-height: 26px; float:none;padding:4px 0;
}
.top_nav .my_info .drop_box .lc {width:75%;float: left}
.top_nav .lc span.name2{float: left}
.top_nav .my_info .drop_box .rc {float: right; width:15%;}
.top_nav .my_info .drop_box .rc a{ line-height:33px;}
.top_nav .my_info .drop_box .rc a.loginout{ line-height:38px;}

.top_nav .my_info .drop_box .account_info {
	background: #fafafa;
	border-top: 1px #e2e2e2 solid;
	border-bottom: 1px #e2e2e2 solid
}
.top_nav .my_info .drop_box .account_info .number {
	color: #565656;
	margin-right: 5px;
}
.top_nav .my_info .drop_box .account_info .game_oof {
	color: #ff5d13; line-height:38px;
}
.top_nav .my_info .drop_box .account_info .msg_number {
	padding: 1px 5px;
	border-radius: 5px;
	background: #565656;
	color: white
}
.top_nav .my_info .drop_box .account_info .safe_level_bar {margin: 8px 0}
.safe_level_bar {float: left;height: 10px;overflow: hidden; padding-left: 1px;width: 66px;}
.safe_level_bar li { background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #C9C9C9;float: left;height: 8px;margin-left: -1px;overflow: hidden;position: relative;width: 20px;z-index: 1;}
.safe_level_bar .current {background: none repeat scroll 0 0 #FF8F45;border-color: #FF5D13;z-index: 2;}

.top_nav .my_info .drop_box .user_name {margin-right: 5px;color: #000000;display:inline-block; *display:inline; zoom:1; width:60px; height:38px; line-height:38px; float:left;white-space: nowrap;text-overflow: ellipsis; word-break:break-all;overflow:hidden;}

.top_nav .my_message .drop_box {width: 268px;color: #565656}
.top_nav .my_message .no_result {height: 136px}
.top_nav .my_message .no_result .nr_box {height: 68px;top: 60%}
.top_nav .my_message .no_result .no_message {width: 32px;height: 32px;display: block;background: url("icon-s590183b0c8.png")/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/icon-s590183b0c8.png*/ -175px 0;margin: 0 auto}
.top_nav .my_message .message_title {height: 36px;line-height: 36px;padding: 0 10px 1px 10px;background: url(x_dotted.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/x_dotted.png*/ left bottom repeat-x;font-weight: bold;}
.top_nav .my_message .message_info {height: 60px;margin: 6px 10px 10px 10px;line-height: 20px;overflow: hidden}
.top_nav .my_message .message_buttonbox {height: 22px;padding: 8px;border-top: 1px #ddd solid;background-color: #f6f6f6}
.top_nav .my_message .message_buttonbox a {height: 20px;line-height: 20px;padding: 0 5px;background: white;border: 1px #ddd solid;display: inline-block;margin-right: -1px;float: left}
.top_nav .my_message .message_buttonbox .disable {color: #cecece;background: #f6f6f6;cursor: default}
.top_nav .my_message .message_buttonbox .disable:hover {text-decoration: none}
.top_nav .my_message .l_bb {float: left}
.top_nav .my_message .r_bb {padding-right: 1px;float: right}

/*头部*/
.header{ width:1000px;margin:0 auto; position:relative; z-index:50;}
.header_s{ width:1000px; height:90px;overflow:hidden; position:relative; z-index:2;}
.header_nav{ width:1000px; height:40px; margin-bottom:15px; overflow:hidden; position:relative; z-index:1;}

.logo{ width:194px; height:43px; margin-top:23px; background:url(logo.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/logo.png*/ no-repeat;_background:url(logo_png8.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/logo_png8.png*/ no-repeat;display:block; text-indent:-1000em; overflow:hidden; float:left;}
.header_top{ width:740px; float:right;}

/*搜索*/
.search{ width:286px; height:38px; float:left; margin-top:25px; position:relative;}
.searchbox{border:1px solid #bbc1ca; width:229px; height:20px; line-height:20px; vertical-align:middle; padding:8px 45px 8px 10px; color:#b8bac3; position:relative; z-index:1; overflow:hidden; display:inline-block;}
.ss_box{ width:37px; height:36px; position:absolute; right:1px; top:1px;_top:2px; z-index:2;}
.sear_ico { display:block; width:37px; height:36px;background:url(icons.png-150316.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/icons.png?150316*/ no-repeat -232px 0; cursor:pointer;}
.sear_focus{ background:url(icons.png-150316.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/icons.png?150316*/ no-repeat -271px 0 #fc780d;}

.subsearch{ border:1px solid #cecece; border-top:none; display:none;}
.subsearch li{ height:34px; line-height:34px; border-bottom:1px dashed #e5e5e5; padding:0 10px; background-color:#FFF; }
.subsearch li.sear_result{ background-color:#fafafa; border-bottom:1px solid #e2e2e2; color:#a9a9a9;}

#hotgamesbox { float:left; width:440px;  margin-top:23px;margin-left: 10px;}
#hotgamesbox ul li{width: 360px; float:left; vertical-align:middle;  margin:10px 10px;list-style:none;}
#hotgamesbox ul li a{ color:#666666;text-decoration:none;font-size:12px; margin-left:16px;}
#hotgamesbox ul li a:hover{text-decoration: underline;}
#hotgamesbox ul li a,#hotgamesbox ul li em{ vertical-align:middle;}
.android_ico{ display:inline-block; width:26px; height:23px; background:url(icons.png-150316.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/icons.png?150316*/ no-repeat -144px 0;}
.ios_ico{ display:inline-block; width:26px; height:23px; background:url(icons.png-150316.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/icons.png?150316*/ no-repeat -316px -66px;}

.position_tipbox {
	position: absolute;
	z-index: 890;
	display: none;
	width:286px;
	top:0;
	left:0;
}
.search_tip, .mail_tip {
	border: 1px #cecece solid;
	background: white;
	color: #000000;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.14);
	overflow: hidden
}
.search_tip .being, .mail_tip .being {
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	color: #a9a9a9;
	border-bottom: 1px #e2e2e2 solid;
	background: #fafafa;
}
.search_tip .result_list, .mail_tip .result_list { cursor:pointer;
	height: 34px;
	line-height: 34px;
	margin-top: 1px; background:url(x_dotted.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/x_dotted.png*/ repeat-x left bottom;
}
.search_tip .result_list, .mail_tip .last{ background:none;}
.search_tip a, .mail_tip a {
	height: 34px;
	padding: 0 10px;
	color: #000000;
	display: block
}
.search_tip a:hover, .mail_tip a:hover {color: #242424;background-color: #efefef}
.search_tip .current, .mail_tip .current {color: #242424;background-color: #efefef}
.search_tip .current_result { background-color: #efefef;}
.search_tip li, .mail_tip li {
	margin-bottom: -1px
}
.mail_tip .result_list {height: 26px;line-height: 26px}
.mail_tip a {height: 26px}

/*内容主体*/
.main{ width:1000px; margin:0 auto; position:relative; z-index:10;}
.mainwrap{width:1000px; background-color:#FFF; box-shadow:0 0 5px rgba(0, 0, 0, 0.08); margin-bottom:14px; position:relative;}
.mwrap_s{ background-color:#fbfbfb;}

/*角标*/
.jiaobiao{ width:53px; height:53px; position:absolute; top:0px; right:0px; background:url(icons.png-150316.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/icons.png?150316*/ no-repeat;}
.jb_orange{ background-position:-504px 0;}
.jb_green{ background-position:-558px 0;}
.jb_red{ background-position:-611px 0px;}

/*底部信息*/
.footer{width:100%; background:url(footer_re.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/footer_re.png*/ repeat-x #fff; padding-bottom: 40px;}
.f_box { width:1000px; margin:0 auto; color:#444333; text-align:center; line-height:24px; padding-top:40px;}
.f_box a{ color:#444333; }
.f_box .map_link { width:600px; margin:0 auto; text-align:center; height:24px;}
.f_box .map_link li{ float:left; position:relative; }
.f_box .map_link a{ padding:0 20px;}
.map_link .line {top:5px;}

/*右飘*/
.r_pendant {
	width: 50px; font-family:"Microsoft YaHei";
	background: white;
	box-shadow: 0 0 5px rgba(0,0,0,0.08);
	padding-top: 1px;
	position: fixed;
	left: 50%;
	margin-left:515px;
	bottom: 16px;
	display: none;
	z-index: 500;
	_position: absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
	_bottom: auto;
	_margin-bottom: 16px
}
.r_pendant .rp_list{
	width: 48px; height:48px;
	margin-top: -1px;
	border: 1px #e7e7e7 solid; position:relative; cursor:pointer; display:block;
}
.r_pendant .rp_list .name{ position:absolute; left:-48px; top:0px;transition: all 0.25s ease-out 0s;}
.r_pendant .rp_list:hover .name{ left:0;}
.r_pendant .rp_icon {
	width: 48px;
	height: 48px;
	display: block;
	background:url(icons.png-150316.png)/*tpa=https://sy-cdnres.unionsy.com/platform/media/web/v2/images/icons.png?150316*/ no-repeat;
	float: right
}
.r_pendant .rp_android{ background-position:-154px -39px;}
.r_pendant .rp_ios{ background-position:-203px -39px;}
.r_pendant .rp_weixin{ background-position:-56px -88px;}
.r_pendant .rp_weibo{ background-position:-105px -88px;}
.r_pendant .rp_dimensional_code {background-position: -98px -172px}
.r_pendant .rp_onlineservice {background-position: -56px -39px}
.r_pendant .rp_back_top {background-position: -105px -39px}
.r_pendant .rp_link {
	width: 48px;
	height: 48px;
	line-height: 16px;
	display: block;
	overflow:hidden; position:relative;
}
.r_pendant .name,.r_pendant .name2{
	width: 48px;
	height: 40px;
	padding-top: 8px;
	background: #a1a1a1;
	text-align: center;
	color: white;
	display: block;
	float: right}
.r_pendant .name:hover,.r_pendant .name2:hover{ text-decoration:none;}

.r_pendant .rp_link:hover {text-decoration: none;margin-left: 0}
.r_pendant .rp_link:hover .name {text-decoration: none}
.r_pendant .back_top {display: none}

.tips{ display:none; position:absolute; left:-185px; top:-125px; z-index:2; cursor:default;}
.tips img{ position:relative; z-index:2;}
.shadow{ width:176px; height:199px; box-shadow:0 0 20px #dcdcdc; position:absolute; top:0px; left:0px; z-index:1;}

/*文字超出加省略号*/
.text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list_box li a.bbs{ width:270px;}
/*input*/
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
	border-color: #76c4f2;
	color: #3098d5;
}
input[type=text]:focus, input[type=password]:focus {
	font-weight: bold
}
input[type=submit], button[type=submit] {
	cursor: pointer
}
.search input[type=text],.giftsearch input[type=text]{
	box-shadow:0 0 0 #FFF;
}
.search input[type=text]:focus,.giftsearch input[type=text]:focus{
	border-color: #ff7a0e;
	color: #444333; font-weight:normal;outline:none;
}

/* footer添加多个logo */
.f_logo_box { height: 42px; padding: 5px 0; text-align: center}
.f_logo_box .fl_list { width: 94px; height: 42px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom:1; *display: inline; margin: 0 5px}
.f_logo_box a { width: 100%; height: 42px; background-image: url('../images/footer-logo.png'); display: block}
.f_logo_box .fl_logo_01 a { background-position: 0 -122px}
.f_logo_box .fl_logo_02 a { background-position: -45px -42px}
.f_logo_box .fl_logo_03 a { background-position: -139px -42px}
.f_logo_box .fl_logo_04 { width: 42px}
.f_logo_box .fl_logo_04 a { background-position: -94px 0}
.f_logo_box .fl_logo_05 a{
	width:100%;height:42px;display: block;background-image: url('../images/IP-police.png');background-size: 100%;background-repeat: no-repeat;
}
.f_logo_box .fl_logo_06 a{
	width:100%;height:42px;display: block;background-image: url('../images/onPolice_hui.png');background-position:0 -1px;background-size: 41%;background-repeat: no-repeat;
}
.f_logo_box .fl_logo_06_check a{
	width:100%;height:42px;display: block;background-image: url('../images/onPolice.png');background-position: 0 -1px;background-size: 41%;background-repeat: no-repeat;
}
/*.f_logo_box .fl_logo_05 a { background:red}*/