.clearfix:after{ content:" "; display:block; clear:both; visibility:hidden; height:0; line-height:0;}
.clearfix{ *zoom:1; }
.clear{ clear:both;}
ul,li{ list-style:none;}
img{ border:0 none;}
em,i{ font-style:normal;}
.top_navselect {position: relative;z-index: 0;}
.top_nav input,.top_nav button,.top_nav select,.top_nav textarea{outline:none;border:0 none;}
.top_nav .line {display: inline-block;overflow: hidden;width: 1px;}
/*icon样式集*/
.icon1{background:url(../images/icons.png) no-repeat;width: 14px;height: 16px;display: -moz-inline-stack;display: inline-block;vertical-align: middle;*vertical-align:auto;zoom: 1;*display:inline;overflow: hidden;margin: 9px 4px 0 10px; float:left;}

.android_g_ico {background-position:-55px 0px;}
.ios_g_ico{background-position:-72px 0px;}
.desktop{ background-position:0 1px;}
.collect{ background-position:-18px 1px;}
.users{ background-position:-36px 0px;}
.register{ background-position:-35px -36px;}
.drop_ico{ background-position:-20px -68px;}

.top_nav a:hover .android_g_ico{background-position:-55px -16px;}
.top_nav a:hover .ios_g_ico{background-position:-72px -16px;}
.top_nav a:hover .desktop{ background-position:0px -15px;}
.top_nav a:hover .collect{background-position:-18px -15px;}
.top_nav a:hover .users{background-position:-36px -16px;}
.top_nav a:hover .register{ background-position:-35px -52px;}

.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(../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:16px; height:36px; vertical-align:middle; display:inline-block;}
.home_icon{ background:url(../images/icons.png) no-repeat -125px 11px; width:16px; height:16px; display:inline-block;}

/*顶部*/
.topwrap{ width:100%; height:32px;position:relative; top:0px; background:url(../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:##ff5d13; line-height:32px; padding:0 8px 0 4px; cursor:pointer;}
.top_nav a:hover{ color:#ff5d13;}
.top_nav span{ float:left;}
.webgame{ padding-left:5px; color:#ff5d13}
.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;}

.my_info .long_name span{
  display: inline-block;
  width: 192px;
  overflow: hidden;
  height: 32px;
  text-overflow: ellipsis;
}
.top_nav li.cur_drop_menu a.long_name{_width:248px;}

/*补充：用户名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.name{ 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.name .users{ background-position:-36px -16px;}

.top_nav .my_info .drop_box a {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; 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:85%;float: left}
.top_nav .my_info .drop_box .lc .username a{ line-height:38px;}
.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:38px;}
.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 .userserver li{ height:24px; line-height:24px;}
.top_nav .my_info .drop_box .account_info .userserver li.underline{border-bottom:1px dotted #ff5d13;}
.top_nav .my_info .drop_box .account_info .userserver span{ display:block; float:left; line-height:24px;}
.top_nav .my_info .drop_box .account_info .userserver .userlist_game{ width:75px; _width:70px; margin-left:5px;}
.top_nav .my_info .drop_box .account_info .userserver .userlist_server{ width:70px;}
.top_nav .my_info .drop_box .account_info .userserver .userlist_time{ width:75px;}

.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('../images/icon.png') -175px 0;margin: 0 auto}
.top_nav .my_message .message_title {height: 36px;line-height: 36px;padding: 0 10px 1px 10px;background: url(../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}