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

/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}

body, html{ font: 14px "Microsoft YaHei";}


/*------------------- clearfix -------------------*/
.clearfix:after {content: ""; display: block; height: 0; clear: both;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}
.ellipsis{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
/* common */

.wrapper {
	position: relative;
    width: 100%;
    overflow: hidden;
    min-width: 1366px;
}


/* topBar */
.topBar {
	width: 100%;
	height: 25px;
	padding: 30px 0 5px 0;
	border-bottom: 2px solid #c3c3c3;
}

.topBarBox {
	width: 1200px;
	margin: 0 auto;
}

.topBarBox span, .topBarBox a {
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	color: #070707;
}

.topBarBox .topBarL {
	float: left;
}

.topBarL span {
	padding-right: 10px;
}

.topBarL a {
	margin-left: 16px;
}

.topBarL a:hover {
	color: #f15a24;
}

.topBarR {
	position: relative;
	
	z-index: 99;
}

.topBarR .funcList {
	width: 35%;
	float: right;
}

.topBarR .funcList li{
	float: left;
	padding-right: 18px;
	padding-left: 15px;
	background: url(../img/topbar_icon.png) no-repeat;
}

.topBarR .funcList .i_yhzx {
	background-position: 0 -94px;
}


.topBarR .funcList .i_yhzx:hover {
	background-position: 0 -58px;
}

.topBarR .funcList .i_cz {
	background-position: 0 -152px;
}


.topBarR .funcList .i_cz:hover {
	background-position: 0 -116px;
}

.topBarR .funcList .i_zxkf {
	background-position: 0 -34px;
}


.topBarR .funcList .i_zxkf:hover {
	background-position: 0 4px;
}

.topBarR .funcList .i_sc {
	padding-right: 15px;
	margin-left: -15px;
	background-position: 50px -179px;
}


.topBarR .funcList .i_sc:hover {
	background-position: 50px -206px;
}

.topBarR .dropDown {
	float: right;
	width: 85px;
	height: 22px;
}

.topBarR .dropDown span {
	display: block;
	width: 85px;
	height: 20px;
	padding-left: 5px;
	line-height: 20px;
	cursor: pointer;
	color: #fb6400;
}

.topBarR .dropDown.on span {
	background: url(../img/topbar_icon.png) no-repeat 0 -245px;
}

.dropDownList {
	position: absolute;
	overflow: hidden;
	top: 20px;
	right: 0px;
	border: 1px solid #c4c4c4;
	padding: 5px 10px;
	background: #ffffff;
	z-index: 99;
	display: none;
}

.dropDownList .gameTypeItem {
	border: 1px solid #c4c4c4;
	margin-right: 5px;
	float: left;
}

.dropDownList .gameTypeItem h3 {
	width: 120px;
	height: 25px;
	font-size: 16px;
	text-align: center;
	line-height: 25px;
	color: #868686;
	background: url(../img/top_gamelist_bg.png) no-repeat;
}

.dropDownList .gameTypeItem li {
	overflow: hidden;
	width: 110px;
	padding: 5px;
	line-height: 25px;
	border-top: 1px solid #c4c4c4;
}

.dropDownList .gameTypeItem i {
	display: block;
	width: 28px;
	height: 28px;
	float: left;
	margin-right: 5px;
}

/* header */

.headerBox {
	width: 1200px;
	height: 90px;
	margin: 0 auto;
}

.headerBox .logo {
	float: left;
}

.headerBox .logo a {
	display: block;
	width: 205px;
	height: 90px;
	text-indent: -9999px;
	line-height: 90px;
	vertical-align: middle;
	background: url(../img/logo.png) no-repeat center left;
}

.headerBox .login img {
	vertical-align: middle;
}

.headerBox .navList {
	float: right;
	width: 640px;
	height: 90px;
	padding-right: 20px;
}

.headerBox .navList li {
	float: left;
	margin-top: 30px;
	margin-right: 50px;
}

.headerBox .navList a {
	font-size: 20px;
	line-height: 24px;
	color: #333333;
}

.headerBox .navList .cur a {
	color: #FF0000;
}

.headerBox .navList a:hover{
	color: #f15a24;
	border-bottom: 2px solid #e54b3f;
}

/* footer */

.footer {
	width: 100%;
	overflow: hidden;
    margin-top: 40px;
    border-top: 2px solid #c4c4c4;
    padding: 15px 0px 40px 0px;
    color: #b7b6b6;
}

.footer .footerCon {
	width: 1200px;
	margin: 0 auto;
}

.footerCon .footLogo {
	float: left;
	margin-left: 150px;
	margin-right: 50px;
	margin-top: 45px;
}

.footerCon .footInfo {
	float: left;
}

.footInfo ul, .footInfo p {
	margin-top: 10px;
}

.footInfo li{
	float: left;
	padding-right: 15px;
}

.footInfo a {
	color: #1c1713;
}

.footInfo a:hover {
	color: #626262;
}

.footInfo .gray {
	color: #484340;
}