@charset "utf-8";

/* - - - - - - - - - 各浏览器样式默认值标准化  - - - - - - - - -*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,address,code,
del,em,img,dl,dt,dd,ol,ul,li,
fieldset,form,label{
margin:0;padding:0;border:0;
font-style:inherit;font-family:inherit;vertical-align:baseline;}
img{border:none;vertical-align:middle;}
input,select,button{vertical-align:middle;}
input{padding:0;}
button{cursor:pointer;}
html{overflow-x:hidden;}
body{font-size:13px;background:#fff;font-family:'微软雅黑',Arial;*font-family:'微软雅黑';}
ul,ol{list-style-type:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3,h4{font-size:14px;}
h5{font-size:12px;}
em,address{font-style:normal;}
a{ text-decoration:none;color:#4f4f4f;}
/*链接样式*/
a:link{}	
a:hover{color:#af1b0f;text-decoration:underline;}	/*鼠标悬停时*/
a:active{}	/*点击与释放时*/
a:visited{}/* 访问过 */
/*  - - - - - - - - - 常用类样式  - - - - - - - - -*/
.no_bor{ border:none!important;}	/*无边框*/
.no_bg{ background:none!important;}	/*无背景*/
.clear{ display:block;height:0; line-height:0;overflow:hidden; clear:both;font-size:0;}/*清除浮动*/
.f_left{ float:left;}	/*左浮动*/
.f_right{ float:right;}	/*右浮动*/
/* - - - - - - - - - 各浏览器样式默认值标准化  - - - - - - - - -*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,address,code,
del,em,img,dl,dt,dd,ol,ul,li,
fieldset,form,label{
margin:0;padding:0;border:0;
font-style:inherit;font-family:inherit;vertical-align:baseline;}
img{border:none;vertical-align:middle;}
input,select,button{vertical-align:middle;}
input{padding:0;}
button{cursor:pointer;}
html{overflow-x:hidden;}
body{font-size:13px;background:#fff;font-family:'微软雅黑',Arial;*font-family:'微软雅黑';}
ul,ol{list-style-type:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3,h4{font-size:14px;}
h5{font-size:12px;}
em,address{font-style:normal;}
a{ text-decoration:none;color:#4f4f4f;}
/*链接样式*/
a:link{}	
a:hover{color:#af1b0f;text-decoration:underline;}	/*鼠标悬停时*/
a:active{}	/*点击与释放时*/
a:visited{}/* 访问过 */
/*  - - - - - - - - - 常用类样式  - - - - - - - - -*/
.no_bor{ border:none!important;}	/*无边框*/
.no_bg{ background:none!important;}	/*无背景*/
.clear{ display:block;height:0; line-height:0;overflow:hidden; clear:both;font-size:0;}/*清除浮动*/
.f_left{ float:left;}	/*左浮动*/
.f_right{ float:right;}	/*右浮动*/
/*新闻列表*/
	#NewsList{width:860px;margin:0 auto 30px;padding-top:15px;}
	#NewsList ul li{height:44px;line-height:44px;padding:0 10px;border-bottom:1px solid #d6d6d6;}
	#NewsList ul li span{float:right;color:#858585;}
	#NewsList ul li a{color:#868686;}
	#NewsList ul li a:hover{color:#c00;}
	#NewsList ul li span em{float:left;width:96px;}
	.page{margin:0 auto;padding:5px;text-align:right;border-top:7px solid #adadad;}
	/*- - - - - - - - -样式属piclist.html - - - - - - - -*/
	/*您所在位置*/
			#weizi{width:860px;height:40px;line-height:40px;padding:0 15px; background:#CCC; margin:0 auto; margin-top:10px; font-size:18px;}
			#weizi a{color:#878787;}
/*游戏新闻*/
	#GameNews{width:600px;position:relative;margin-bottom:22px;}
	.more{position:absolute;right:20px;}
	.more a{width:25px;height:25px;text-indent:-99em;background:url(../images/0.gif) no-repeat left top ;overflow:hidden;display:block;}
	.more a:hover{background-position:right top;}
	.gameTab{width:600px;height:40px;margin-bottom:10px; background:#999;}
	.gameTab li{float:left;}
	.gameTab li a:hover,.gameTab li.change a{color:#fff;background:url(../images/tab_a_bg.gif) repeat-x left top;text-decoration:none;}
	.gameTab li a{float:left;height:50px;line-height:50px;padding:0 25px;font-size:16px;color:#c3c3c3;}
	.hot{height:40px;line-height:40px;margin:0 10px 15px;font-size:16px;background:url(../images/line_x.gif) no-repeat left bottom;}
	.hot a{color:#000000;}
	.NewsList{padding:0 15px  0 2px;}
	.NewsList li{height:24px;line-height:24px;overflow:hidden;}
	.NewsList li span{float:right;color:#7c7c7c;}
	.NewsList li a{color:#6b6b6b;}
	.NewsList li a:hover{color:#b70000;}
	.fenqutit{float:none;width:100%; height:40px!important;line-height:40px!important;margin-bottom:14px!important;background:url(../images/line_x.gif) no-repeat center bottom;}
	.fenqutit span{float:left;text-indent:4px;font-size:16px;font-weight:bold;color:#333;}
	.fenqulist{float:left;margin-bottom:13px;}
	.fenqulist li{float:left;height:19px;line-height:19px;margin-bottom:6px;color:#6e6e6e;overflow:hidden;}
	.fenqulist .tit{float:left;width:170px;height:19px;color:#6e6e6e;overflow:hidden;}
	.fenqulist .tit:hover{color:#c00;text-decoration:none;}
	.fenqulist .time{float:left;width:380px;height:19px;overflow:hidden;}
	.fenqulist em{float:left;width:105px;height:19px;text-align:center;overflow:hidden;}
	.fenqulist strong{float:left;width:90px;height:19px;line-height:normal;padding-left:33px;font-weight:normal;overflow:hidden;}
	.fenqulist strong img{margin-right:10px;}
    
    
    
/*body init*/
body{min-width:1200px;font-family: "Arial","SimSun"; color:#333; font-size:12px; background-color: #fffcf3}
.warp{width: 1200px; margin-left: auto; margin-right: auto;margin-top:0;}
/*a btn*/
a{color:#333; text-decoration:none} 
a:hover{color:#ec4828}
/*header*/
#header{background:url(../images/brief_01.jpg) no-repeat center;height: 126px;padding-top:0px}
#header a.fl{height: 106px;}
#header .nav{text-align: center;font-size: 14px;padding-left: 30px;}
#header .nav li{float: left ;}
#header .nav li a{color: #bea067;width: 158px;margin-left: 1px;display: block;height: 96px;padding-top: 15px}
#header .nav li.cur a,#header .nav li a:hover{border-bottom: 3px #ffca00 solid;background: #130d0a;background: rgba(19,13,10,0.48);filter: alpha(opacity = 48);height: 94px;color: #e4c18f}
#header .nav li a em{transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;display: block;width:28px;height: 32px;margin:0 auto 10px auto;background:url(../images/brief-nav.png) no-repeat}
#header .nav li a span{position: relative;}
#header .nav li.cur a .nav-icon01,#header .nav li a:hover .nav-icon01{background-position:0 -32px }
#header .nav li a .nav-icon02{background-position:-32px 0 ;width:24px }
#header .nav li.cur a .nav-icon02,#header .nav li a:hover .nav-icon02{background-position:-32px -32px }
#header .nav li a .nav-icon03{background-position:-60px 0 ;width:38px }
#header .nav li.cur a .nav-icon03,#header .nav li a:hover .nav-icon03{background-position:-60px -32px }
#header .nav li a .nav-icon04{background-position:-104px 0 ;width:27px }
#header .nav li.cur a .nav-icon04,#header .nav li a:hover .nav-icon04{background-position:-104px -32px }
#header .nav li a .nav-icon05{background-position:-137px 0 ;width:25px }
#header .nav li.cur a .nav-icon05,#header .nav li a:hover .nav-icon05{background-position:-137px -32px }
#header .nav li a .nav-icon06{background-position:-168px 0 ;width:33px }
#header .nav li.cur a .nav-icon06,#header .nav li a:hover .nav-icon06{background-position:-168px -32px }

/*css reset*/
.mainbanner { height: 625px; overflow: hidden; position: relative; }
.mainbanner_window { left: 50%; width: 1920px; height: 625px; overflow: hidden; margin-left: -960px; position: absolute; }
.mainbanner_window ul { width: 999999px; height: 625px; position: relative; }
.mainbanner_window li { background: rgb(204, 204, 204); width: 1920px; height: 625px; text-align: center; font-size: 0px; float: left; display: inline; }
.mainbanner_list { top: 585px;position: absolute;text-align: center;width: 1200px}
.mainbanner_list span{display: inline-block;}
.mainbanner_list span a { margin:0 7px;background: url("../images/btn-brief.png") no-repeat; width: 17px; height: 17px; display: inline-block; }
.mainbanner_list .active a { background-position: 0 -130px; width: 65px; }
.mainbanner_nav{width: 1200px;margin:0 auto;position: relative;display: none}
.mainbanner_nav a { background: url('../images/btn-banner.png'); position: absolute; z-index: 1000; top: 260px; cursor: pointer; width: 46px; height: 72px;}
.mainbanner_nav a.left { right: 0;background-position: -46px 0; }
.mainbanner_nav a.right:hover{background-position: 0 -81px;}
.mainbanner_nav a.left:hover{background-position: -46px -81px;}
.brief-game h2 { padding: 25px 0 10px 2px; }
.brief-game ul{border:1px #ccc solid;border-left:0;background: #fff}
.brief-game ul li {cursor:pointer;text-align: center; float: left; width: 227px; position: relative;padding:6px 5px 6px 6px;border-left: 1px #ccc solid }
.brief-game ul li div{width: 227px;height: 188px;overflow: hidden;}
.brief-game img { vertical-align: middle; transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transition: all .8s ease-in; }
.brief-game ul li p { text-align: left}
.brief-game li:hover img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transition: all .8s ease-in; }
.brief-game ul li p span { position: relative; display: block; color: #666; font-size: 14px; padding: 8px 0 0 5px; }
.brief-game ul li p a { display: block; font-size: 18px; color: #450707;font-weight: bold; }
.brief-game li a:hover { color: #f50b0b }
.brief-dt { padding: 45px 0 30px }
.brief-dt-l { width: 545px }
.brief-dt-tit { line-height: 24px; border-bottom: 1px #eeece6 solid; padding: 0 3px 10px; margin-bottom: 12px }
.brief-news-tab li { float: left; }
.brief-news-tab li a { margin: 0 5px; }
.brief-news-tab a { color: #999 }
.brief-news-tab a:hover, .brief-news-tab li.cur a { color: #f01d27 }
.news-more { background: url("../images/btn-brief.png") 0 -22px; width: 14px; height: 14px; margin-top: 8px }
.news-more:hover{background-position: -14px -22px}
.brief-news-container {overflow: hidden; position: relative; width: 100%; }
.brief-news-wrapper { width: 1300px; }
.brief-news-container .swiper-slide { width: 545px;float: left; overflow: hidden; }
.brief-news-container .swiper-slide ul li { height: 26px; line-height: 26px; padding: 2px 2px; }
.brief-news-container .swiper-slide ul li span { float: right; color: #999; }
.brief-news-container .swiper-slide ul li a { display: block; overflow: hidden; height: 26px; width: 455px; color: #999 }
.brief-news-container .swiper-slide ul li a:hover { color: #f01d27 }

.game-layer{display: none;z-index: 1025;width:1196px;height: 436px;position: fixed;top:50%;left: 50%;margin:-220px 0 0 -600px;background: #fff;border:1px #ccc solid;padding:2px;}
.game-layer-clo{background: url(../images/btn-brief.png) no-repeat 0 -36px;width: 47px;height: 47px;position: absolute;right:0px;}
.game-layer-clo:hover{background-position: 0 -83px}
.game-layer-img{border:1px #a1a1a1 solid;}
.game-layer-img img{display: block;}
.game-layer-btn{position: absolute;font-size: 18px;bottom: 100px;left:83px;}
.game-layer-btn a{margin-right: 15px;display: inline-block;background: #fff; background: rgba(255, 255, 255, 0.22); filter: alpha(opacity = 22);width: 120px;text-align: center;height: 45px;line-height: 45px}
.game-layer-btn a em{position: relative;color: #fff}
.game-layer-btn a:hover em{color: #f00}
.ui-popup-backdrop{display: none;opacity: 0.5; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; z-index: 1024; background: rgb(0, 0, 0);}