﻿* html, * html body { /*background-image:url(about:blank);*/ background-attachment: fixed; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size:14px; font-style: normal; text-decoration: none; }
body { background-color: #F3F3F3; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
input { font-size: 12px; }
body { font-family: Arial, Helvetica, sans-serif, "ˎ̥"; font-size: 12px; line-height: 1.6; color: #333; background: url(../Images/bg_index.jpg) no-repeat;
    background-size: cover; }
select, input, button, textarea { font: 100% Tahoma, Helvetica, Arial, sans-serif; }
a:link, a:visited, a:hover, a:active { font-family: Arial, Helvetica, sans-serif, "ˎ̥"; text-decoration: none; outline: none; }
a { color: #cccccc; }
a:hover { color: #ff6600; text-decoration: underline; }
/* globle class */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; }
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; }
.clearfix { _zoom: 1; }
* + html .clearfix { overflow: hidden; }
.red { color: #FF0000; }
.green { color: #3B9305; }
.orange { color: #FF5A00; }
b.segmentation { margin: 0 5px; display: inline-block; width: 1px; height: 12px; position: relative; top: 2px; background: #ccc; }
.close_select { -moz-user-select: none; -khtml-user-select: none; }
.header { background: none repeat scroll 0 0 #F1F1F1; border-bottom: 1px solid #DCDCDC; height: 30px; min-width: 1006px; position: relative; z-index: 15; }
.header a { color: #555555; }
.header a.red { color: #FF6600; }
.header a:hover { color: #FF6600; text-decoration: underline; }
.header .top_content { margin: auto; padding-top: 6px; width: 1000px; position: relative; }
.top_content .lz a { color: #666666; }
.top_content .lz a:hover { color: #FF6600; text-decoration: underline; }
.top_content ul.usered { float: right; width: 700px; }
.top_content li { display: block; float: right; }
.top_content li.lines { background: none repeat scroll 0 0 #E0E0E0; display: block; float: right; height: 12px; margin: 3px 10px 0; width: 1px; }
.top { background-color:#ffffff00;  width: 100%; }
.top_logo { background: none repeat scroll 0 0  #fff0; }
.top_logo .top_logo_con { margin: auto; padding: 10px 0 0; width: 1310px; height: 360px; background: url("../Images/game_logo.png") no-repeat scroll 0 0 transparent; }
.nav { clear: both; width:1310px; margin: 0 auto; padding: 0; }
.nav ul li { background: url("../Images/nav_g.jpg") repeat-x scroll 0 0 transparent; border-color: #D4D4D4; border-image: none; border-style: solid solid none; border-width: 1px 1px 0; float: left; height: 32px; line-height: 32px; margin-right: 3px; margin-top: 5px; padding: 0 20px; text-align: center; }
.nav ul li.orange { background: url("../Images/nav_o.jpg") repeat-x scroll 0 0 #2D92E7; border-color: #FFC96A; float:none: relative; }
.nav ul li.orange a, .nav ul li.orange a:hover { color: #A83E00; font-size: 14px; font-weight: bold; }
.nav ul li.select { background: url("../Images/nav_b.jpg") repeat-x scroll 0 0 #2D92E7; border-color: #0B8BD5; }
.nav ul li.select a, .nav ul li.select a:hover { color: #FFFFFF; font-size: 14px; font-weight: bold; }
.nav ul li a, .nav ul li a:hover { color: #666666; }
.nav ul li.orange em { background: url("../Images/right_nav_o.jpg") no-repeat scroll 0 0 transparent; display: inline-block; height: 33px; position: absolute; right: -4px; top: -1px; width: 4px; }
.center { color: #999999; margin: 0 auto; width:1310px; }
.c_main strong { color: #333333; font-size: 12px; font-weight: bold; }

.c_main a:hover { color: #E55600; text-decoration: underline; }
.c_main .at_but:hover { color: #FFFFFF; text-decoration: none; }
.c_main .at_but .b_2_g:hover, .c_main .at_but.b_1_g:hover { color: #666666; text-decoration: none; }
.mt10 { margin-top: 10px; }
.center_left { float: left; width:220px; }
.center_right { float: left; min-height: 180px; width: 1090px; }
.ml10 { margin-left: 10px; }
.mb10 { margin-bottom: 10px; }
a.mr10 { margin-right: 10px; }
a.mb_10 { margin-bottom: 10px; }
.fr { float: right; }

.cBlack { color: #A83E00; font-weight: bold; }
.loveyTip { background-color: #FFECC4; border: 1px solid #FDCA68; border-radius: 1px 1px 1px 1px; color: #666565; overflow: hidden; padding: 7px 10px 7px 20px; }
.loveytip_close { background: url("../Images/smlpic.gif") repeat scroll -64px -21px transparent; cursor: pointer; display: inline-block; height: 8px; margin-top: 6px; width: 8px; }
.basicInfo { background: url("../Images/basic_Infor-background.png") repeat-x scroll 0 0 white; border: 1px solid #DBDBDB; border-radius: 1px 1px 1px 1px; height: 177px; position: relative; }
.basicInfo { background: url("../Images/basic_Infor-background.png") repeat-x scroll 0 0 white; border: 1px solid #DBDBDB; border-radius: 1px 1px 1px 1px;min-height:320px;position: relative; }
.basicInfo_content { color: #666666; float: left; padding: 15px 0 0 15px; width: 790px; }
.basicInfo_currency { border-left: 1px solid #E5E5E5; float: left; height: 145px; width: 260px; margin: 22px 0 0 10px; }
.basicInfo_currency ul { border: 1px #F4DEB9 solid; margin-left: 25px; border-bottom-style: none; }
.basicInfo_currency ul.curr_btn { border-top: 0px; }
.basicInfo_currency ul li { border-bottom: 1px #F4DEB9 solid; font-weight: bold; height: 35px; line-height: 35px; padding-left: 8px; }

.basicInfo_content p, .ui_tabs p { height: 30px; line-height: 30px; vertical-align: middle; }





.basicInfor-content-shadow {  height: 16px; }
.mybox { background-color: #FFF; border: 1px solid #FFF; padding: 0; }
.mybox .mytit { background: url("../Images/center_box_titbg.jpg") repeat-x scroll 0 0 transparent; border-bottom: 1px solid #DBDBDB; border-left: 1px solid white; border-right: 1px solid white; color: #666666; font-size: 12px; font-weight: bold; height: 32px; line-height: 31px; overflow: hidden; padding: 0 10px; }
.mybox .myinfo_con { color: #333333; padding: 15px; }
.mybox .con { color: #333333; padding: 15px; }
.footer { background-color:#000000; border-top: 1px solid #DFDFDF; margin-top: 55px; }
.footer_con { background: none repeat scroll 0 0 #000000; border-top: 1px solid #E0E0E0; color: #999999; line-height: 28px; padding: 15px 0 20px; text-align: center; margin: 0 auto; width: 1000px; border: medium none; }


.at_but { background: url("../Images/pic.png") no-repeat scroll right center transparent; border: 0 none; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 600; height: 32px; line-height: 32px; margin: 0; overflow: hidden; padding: 0 25px 0 0; text-decoration: none; }
.at_but { padding-right: 29px; vertical-align: middle; }
.at_but u { background: url("../Images/pic.png") no-repeat scroll 0 0 transparent; border: 0 none; float: left; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 25px; }


.bt_but { background: url("../Images/pic.png") no-repeat scroll right center transparent; border: 0 none; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 600; height: 22px; line-height: 22px; margin: 0; overflow: hidden; padding: 0 25px 0 0; text-decoration: none; }
.bt_but { padding-right: 20px; vertical-align: middle; }
.bt_but u { background: url("../Images/pic.png") no-repeat scroll 0 0 transparent; border: 0 none; float: left; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 25px; }


.bt_but u { width: 20px; }
.bt_but:hover { text-decoration: none; }
a.c_1_g { background-position: right -895px; color: #666666; }
a.c_1_g u { background-position: 0 -918px; }
a.c_1_g:hover { background-position: right -987px; text-decoration: none; color: #666666; }
a.c_1_g:hover u { background-position: 0 -1010px; }
/*2014年新版会员中心;*/

/*会员数据排列;*/
.tlist-1 DT {
	WIDTH: 585px; FONT: 18px/30px "Microsoft Yahei"; BACKGROUND: url(http://p5.qhimg.com/t018ffa03c535b0cecc.png) no-repeat 100% 0px; FLOAT: left; HEIGHT: 45px
}
.tlist-1 DD {
	TEXT-ALIGN: right; WIDTH: 123px; PADDING-RIGHT: 20px; BACKGROUND: url(http://p5.qhimg.com/t018ffa03c535b0cecc.png) no-repeat 100% 0px; FLOAT: left; HEIGHT: 45px; COLOR: #999
}
.tlist-1 DD STRONG {
	DISPLAY: block; FONT: 18px/32px "Microsoft Yahei"; COLOR: #666
}
.tlist-1 {
	HEIGHT: 70px
}
.tlist-2 DT {
	WIDTH: 810px; FONT: 18px/30px "Microsoft Yahei"; BACKGROUND: url() no-repeat 100% 0px; FLOAT: left; HEIGHT: 45px
}
.tlist-2 DD {
	TEXT-ALIGN: right; WIDTH: 160px; PADDING-RIGHT: 20px; BACKGROUND: url() no-repeat 100% 0px; FLOAT: left; HEIGHT: 45px; COLOR: #999
}
.tlist-2 DD STRONG {
	DISPLAY: block; FONT: 18px/32px "Microsoft Yahei"; COLOR: #666
}
.tlist-2 {
	HEIGHT: 70px
}
/*表格;*/
table.hovertable {
	font-family: verdana,arial,sans-serif;
	font-size:14px;
	color:#565656;
	border-width: 1px;
	border-color: #222222;
	border-collapse: collapse;
}
table.hovertable th {
	background-color: #F1F1F1;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #DDDDDD;
}
table.hovertable tr {
	background-color:#FFFFFF;
}
table.hovertable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #DDDDDD;
}
/*游戏分区栏目以及公告;*/
.main_cc .part_b {
    margin: 0px;
}
.part_b {
    margin: 0px 0px;
}
.part_b .title_box {
    height: 36px;
    line-height: 36px;
    padding: 4px 0px 2px;
    border-bottom: 2px solid #FF5D13;
}
.part_b .title_box .title_name {
    font-size: 14px;
    color: #FF5D13;
    font-weight: bold;
    padding-right: 5px;
    float: left;
}
.part_b .title_box {
    line-height: 36px;
}
.part_b .r_menu, .tag_box_1 .r_menu {
    float: right;
    color: #888;
}
.part_b .title_box {
    line-height: 36px;
}

.userinfo_page .task_percent_bar {
    margin-bottom: 16px;
}
.task_percent_bar {
    height: 36px;
    line-height: 36px;
    background: none repeat scroll 0% 0% #E43B3E;
    color: #FFF;
    margin-top: 16px;
    position: relative;
    z-index: 1;
}

.task_percent_bar .percent {
    background: none repeat scroll 0% 0% #77BE4C;
    height: 36px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}

.task_percent_bar {
    line-height: 36px;
    color: #FFF;
}

.task_percent_bar .tip_text {
    padding: 0px 16px;
    position: relative;
    z-index: 3;
}
.slideBox{ width:550px; height:250px; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:550px; height:250px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../Images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

		/* 本例子css */
		.slideTxtBox{ width:550px;height: 250px; border:1px solid #ddd; text-align:left;  }
		.slideTxtBox .hd{ height:30px; line-height:30px; background:#ffffff00; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
		.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
		.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
		.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
		.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
		.slideTxtBox .bd li{ height:35px; line-height:35px;   }
		.slideTxtBox .bd li .date{ float:right; color:#999;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
		.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../Images/arrow.png") 0 0 no-repeat; }
		.slideTxtBox .arrow .next{ background-position:0 -50px;  }
		.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
		.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }

		/* 本例子css */
		.slideGroup{ width:1080px;  text-align:left;  }
		.slideGroup .parHd{ height:30px; line-height:30px; background:#ffffff00; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
		.slideGroup .parHd ul{ float:left; position:absolute;  top:-1px; height:32px;   }
		.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer;  }
		.slideGroup .parHd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
		.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative;   }

		.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:10px; display:block; width:30px; height:175px;  background:url(../Images/icoLeft.gif) center center no-repeat #060606; }
		.slideGroup .sNext{ left:auto; right:5px; background:url(../Images/icoRight.gif) center center no-repeat #060606;  }
		.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

		.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
		.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.slideGroup .parBd ul li .pic{ text-align:center; }
		.slideGroup .parBd ul li .pic img{ width:177px; height:155px; display:block;  padding:2px; border:1px solid #ccc; }
		.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
		.slideGroup .parBd ul li .title{ line-height:24px;   }
.flink {
	margin-top: 30px;
}

.flink a {
	display: block;
	width: 100px;
	height: 100px;
	background-image: url(../Images/flink.jpg);
}

.flink .a1 {
	background-position: 0 0;
}

.flink .a2 {
	background-position: 0 -100px;
}

.flink .a3 {
	background-position: 0 -200px;
}

.flink .a4 {
	background-position: 0 -300px;
}

.flink .a1:hover {
	background-position: -100px 0;
}

.flink .a2:hover {
	background-position: -100px -100px;
}

.flink .a3:hover {
	background-position: -100px -200px;
}

.flink .a4:hover {
	background-position: -100px -300px;
}