@charset "utf-8";
/*reset.css*/
html{ font-size:100%;}
body {
	margin:0;
	color: #666;
	font:12px/1.5 "microsoft yahei", Arial, sans-serif;
	z-index: 8;
}
dl, dd, h1, h2, h3, h4, h5, h6, p, ul, ol { margin:0;}
ul, ol { padding-left:0; list-style-type:none;}
img { border:0;}
a { color: #333; text-decoration:none; outline: 0 none;}
a:hover { color: #000; text-decoration:none;}
a, button { cursor:pointer}
table { border-collapse:collapse; border-spacing:0}
input, select, img { vertical-align:middle;}
a, input, button { padding:0; margin:0; outline:0}
i,em {font-style: normal;}
.fl { float: left; display: inline;}
.fr { float: right; display: inline;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.tc { text-align: center;}
.fz14 { font-size: 14px;}
.fix {zoom:1;}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.none { display: none;}

.csp { background-image: url(../logo50images/csp.jpg); background-repeat: no-repeat;}
.icon { background-image: url(../logo50images/icon.png); _background-image: url(../logo50images/icon.gif); background-repeat: no-repeat;}
.wrapper { background: #191919 url(../logo50images/bg.jpg) top center no-repeat;}
.wrap { width: 1200px; margin: 0 auto; padding-bottom: 50px;}
.banner { height: 550px; overflow: hidden; position: relative; background: #191919 url(../logo50images/banner.jpg) no-repeat;}
.logo { display: block; width: 170px; height: 125px; margin-top: 10px; text-indent: -999px; overflow: hidden;}
.menu { position: absolute; top: 50px; left: 190px;}
.menu li, .smenu li { width: 80px; height: 26px; line-height: 26px; font-size: 14px; color: #fff; margin-right: 15px; float: left;}
.menu li a { color: #fff;}
.menu li a:hover, .smenu li a:hover { color: #03b4f5;}
.smenu { position: absolute; top: 75px; left: 190px; display: none;}
.smenu ul { width: 95px; height: 104px; float: left;}
.smenu li a { color: #fff;}
.newserver { width: 530px; height: 60px; position: absolute; bottom: 0px; left: 0px;}
.i-newser { width: 54px; height: 60px; background-position: -218px -182px;}
.ns-list { width: 330px; height: 60px; background: #000;}
.ns-list li { width: 165px; height: 30px; line-height: 30px; float: left; position: relative;}
.ns-list li a { display: block; padding-left: 30px; color: #848484;}
.ns-list li a:hover { color: #ffb965;}
.ns-list li i { width: 11px; height: 11px; position: absolute; top: 10px; left: 11px; transition: all 0.4s ease;}
.ns-list li:hover i { animation: breat 0.7s linear infinite; -webkit-animation: breat 0.7s linear infinite; -moz-animation: breat 0.7s linear infinite; -o-animation: breat 0.7s linear infinite;}
@keyframes breat{0%{transform: scale(1); } 50%{transform: scale(0.5); } 80%{transform: scale(1.2); } 100%{transform: scale(1); } }
@-webkit-keyframes breat{0%{-webkit-transform: scale(1); } 50%{-webkit-transform: scale(0.5); } 80%{-webkit-transform: scale(1.2); } 100%{-webkit-transform: scale(1); } }
@-moz-keyframes breat{0%{-moz-transform: scale(1); } 50%{-moz-transform: scale(0.5); } 80%{-moz-transform: scale(1.2); } 100%{-moz-transform: scale(1); } }
@-o-keyframes breat{0%{-o-transform: scale(1); } 50%{-o-transform: scale(0.5); } 80%{-o-transform: scale(1.2); } 100%{-o-transform: scale(1); } }
.ns-more { width: 110px; height: 60px; background-color: #000;}
.ns-more-a { display: block; width: 110px; height: 30px; line-height: 30px; color: #b98a4b; transition: all 0.4s ease; background-position: 64px -57px;}
.ns-more-a:hover { color: #b98a4b; transform: translate(10px);}
.search { height: 30px; line-height: 30px; color: #868686;}
.search input { width: 40px; height: 20px; text-align: center; border: none; vertical-align: baseline; position: relative; top: -1px;}
.search .enter { width: 34px; height: 20px; line-height: 20px; text-align: center; color: #fff; background-position: -182px -182px; vertical-align: baseline;}
.barraw { width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; position:absolute; border-width:30px 19px; border-style:dashed dashed solid solid; border-color:transparent transparent #000 #000;}
/*主内容*/
.main { background: #191919;}
.mod1 { height: 300px;}
.login-mod { width: 300px; height: 300px; background: #1f1f1f;}
.start-game { display: block; width: 300px; height: 128px;}
.reg-btn, .wdd-btn { width: 150px; height: 50px; background-position: 0 -130px;}
.wdd-btn { background-position: -150px -130px;}
.user-login { padding: 20px 0 0 20px; position: relative;}
.w-form-label { display: block; width: 132px; padding-left: 40px; margin-bottom: 10px; height: 25px; line-height: 25px; position: relative; background: #ede7d9;}
.w-form-label span { width: 40px; height: 25px; text-align: right; position: absolute; top: 0px; left: 0px;}
.w-form-label input { width: 130px; height: 25px; border: 0 none; background: #ede7d9;}
.user-login .login-btn { width: 63px; height: 60px; border: 0 none; cursor: pointer; background-position: -40px -214px; position: absolute; top: 20px; right: 20px;}
.login-fun { color: #666;}
.login-fun a { color: #666; margin: 0 3px;}
.login-fun a:hover { color: #ffb965;}
.login-fun .g-qq-btn { margin: 0 26px 0 60px;}
.logined {line-height: 22px;padding: 5px 0 0 22px;color: #ede7d9;}
.logined a { color: #ede7d9;}
.logined .user-fun, .logined .last-game { padding-left: 48px;}
/*幻灯*/
.slide-box { width: 570px; height: 300px; overflow: hidden; position: relative;}
.slide-ul { }
.slide-ul li { width: 570px; height: 300px; position: absolute; top: 0px; left: 0px; z-index: 2; display: none;}
.slide-nav { width: 100%; height: 22px; text-align: center; position: absolute; bottom: 10px; left: 0px; z-index: 3;}
.slide-nav li { display: inline-block; width: 22px; height: 22px; margin: 0px 5px; background-position: -23px 0; *display: inline; *zoom: 1;}
.slide-nav .active { background-position: -55px 0;}
/*新闻列表*/
.news-box { width: 300px; height: 300px; padding: 0 15px; position: relative; background: #2a2a2a url(../logo50images/news_bg.jpg) no-repeat;}
.news-tab { height: 44px; border-bottom: 1px solid #484848;}
.news-tab li {
	width: 64px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 14px;
	color: #6c6c6c;
	float: left;
}
.news-tab li a { display: block; color: #6c6c6c;}
.news-tab li a:hover { color: #dea45a;}
.news-tab .active { color: #daa64a; border-bottom: 1px solid #daa64a;}
.news-tab .new-more { width: 30px; line-height: 42px; text-align: center; color: #484848; font-size: 20px; position: absolute; top: 0px; right: 15px; font-family: verdana;}
.one-list { height: 64px; padding: 12px 0; border-bottom: 1px dashed #4b4b4b;}
.one-list .img { width: 110px; height: 78px;}
.one-list .txt { height: 58px; color: #8a8a8a; text-align: center;}
.one-list .txt a { display: block; padding: 4px 0 8px 0; font-size: 14px; color: #daa64a;}
.news-list { padding-top: 8px;}
.news-list ul {}
.news-list ul li { height: 30px; line-height: 30px; overflow: hidden; color: #8a8a8a; vertical-align:top}
.news-list ul li a { width: 100%; color: #8a8a8a; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float: left;}
.news-list ul li a:hover { color: #daa64a;}
.news-list ul li em { float: right;}
/*游戏资料*/
.g-tit { width: 100%; height: 60px; line-height: 70px; font-size: 25px; color: #8a753e; position: relative; z-index: 3;}
.g-tit-big { height: 75px; line-height: 85px; font-size: 30px;}
.g-tit span { font-size: 15px;}
.g-tit .g-tit-more:hover { color: #ddd;}
.zl-box { }
.zl-box .zl-item { width: 300px; height: 300px; overflow: hidden; position: relative; float: left; }
.zl-item .tit { position: absolute; left: 22px; top: 188px;}
.zl-item .tit a { display: block; height: 34px; line-height: 32px; font-size: 30px; color: #dea45a; font-weight: 400;}
.zl-item .tit p { color: #a4a4a4;}
.zl-item .i-more { width: 59px; height: 19px; background-position: 0 -33px; position: absolute; left: 22px; bottom: 36px;}
.zl-item .item-more {width: 300px;height: 300px;position: absolute;left: 0px;top: 300px;z-index: 1;}
.zl-item .item-more i { width: 100%; height: 100%; opacity: 0.8; background: #946f36; position: absolute; top: 0px; left: 0px;}
.zl-box .active .tit { color: #fff; z-index: 3;}
.zl-box .active .tit a { color: #fff;}
.zl-box .active .tit p { color: #dba152;}
.zl-item .item-more ul {width: 280px;position: relative;top: 90px;left: 10px;z-index: 2;}
.zl-item .item-more li {width: 240px;height: 18px;line-height: 18px;float: left;}
.zl-item .item-more a { display: block; color: #fff; padding-left: 12px; background-position: 0px -57px; transition: all 0.4s ease;}
.zl-item .item-more li:hover a { transform: translate(10px);}
/*职业介绍*/
.job-box { width: 600px; height: 366px; overflow: hidden; position: relative;}
.job-main { height: 265px; padding: 20px; overflow: hidden; background: #202020;}
.job-tab { width: 270px; height: 30px; line-height: 30px; border-bottom: 1px solid #444; position: relative; z-index: 2;}
.job-tab li { width: 60px; height: 30px; text-align: center; color: #fff; font-size: 18px; cursor: default; float: left;}
.job-tab li.active { color: #d7a55e; border-bottom: 1px solid #d7a55e;}
.job-list { overflow: hidden;}
.job-list .job-item { height: 240px; line-height: 24px; padding: 35px 0 0 10px; background: #202020;}
.job-item .con { position: relative; z-index: 2;}
.job-item h6, .job-item .optgrade { font-size: 12px; color: #d7a55e;}
.job-item .optgrade { margin-top: 10px;}
.job-item .optgrade em { font-size: 20px;}
.job-item .more { display: block; width: 81px; height: 30px; line-height: 30px; text-align: center; color: #a3844d; margin-top: 15px; background-position: 0 -182px;}
.job-item .img { width: 424px; height: 366px; position: absolute; bottom: 0px; right: 0; z-index: 0;}
/*游戏攻略*/
.gl-box { width: 300px; height: 366px; overflow: hidden;}
.gl-box .g-tit { padding-left: 20px;}
.gl-main { height: 266px; padding: 20px; background: #292929 url(../logo50images/gl_bg.jpg) bottom right no-repeat;}
.gl-main .news-list a { width: 216px;}
.gl-main .gl-more { display: block; line-height: 30px; color: #daa64a; background-position: 55px -56px; transition: all 0.4s ease;}
.gl-main .gl-more:hover { transform: translate(10px);}
/*游戏美图*/
.jt-box { width: 300px; height: 366px; overflow: hidden;}
.jt-box .g-tit { padding-left: 20px;}
.jt-main { height: 266px; padding: 20px; overflow: hidden; background: #202020;}
.jt-tab { width: 261px; height: 30px; margin-right: -1px; overflow: hidden;}
.jt-tab li { width: 86px; height: 30px; line-height: 30px; text-align: center; color: #999; cursor: pointer; background: #333; float: left;}
.jt-tab li:first-child { border-radius: 2px 0 0 2px; border-right: 1px solid #202020;}
.jt-tab li:last-child { border-radius: 0 2px 2px 0; border-left: 1px solid #202020;}
.jt-tab .active { color: #fff; background: #daa64a;}
.jt-list {}
.jt-list ul {}
.jt-list ul li { margin: 14px 0;}
/*客服中心*/
.kefu-box, .qr-box, .fl-box, .media-box { width: 260px; height: 114px; padding: 20px 20px 0; background: #1f1f1f;}
.mod-tit { font-size: 18px; color: #b5b5b5; margin-bottom: 5px;}
.kefu-box { color: #7f7d7d; line-height: 24px; background: #1f1f1f url(../logo50images/kf_bg.jpg) no-repeat;}
.kefu-box a { color: #dea45a;}
.i-qqun { width: 60px; height: 20px; vertical-align: middle; background-position: -120px -182px; }
.qr-box { background: #292929;}
.i-wechat { width: 38px; height: 38px; margin: 10px 15px 0 0; background-position: 0 -214px;}
.qr-box .txt { margin: 10px 20px 0 0; color: #7d7d7d;}
.qr-box .qr { width: 82px; height: 82px; margin-top: -10px; overflow: hidden;}
.fl-box { background: #202020; line-height: 26px;}
.fl-box a { color: #7f7d7d; }
.fl-box a:hover { color: #dea45a; }
.fl-box .fl-main { height: 80px; overflow: auto;}
.media-box { background: #292929 url(../logo50images/media_bg.jpg) no-repeat;}
.media-main { position: relative;}
.ml-trigger { width: 234px; height: 30px; line-height: 30px; color: #7d7d7d; border: 1px solid #545454; margin-top: 20px; cursor: pointer; background: #404040;}
.ml-trigger p { width: 188px; padding-left: 10px; border-right: 1px solid #545454;}
.ml-trigger .mlt { width: 35px; height: 30px; background-position: -83px -182px;}
.ml-list { width: 234px; border: 1px solid #545454; border-top: 0; display: none; position: relative; z-index: 9; background: #2C2C2C;}
.ml-list li { height: 26px; line-height: 26px; padding-left: 10px;}
.ml-list li a { color: #7d7d7d;}
.ml-list li a:hover { color: #dea45a;}

/*列表页*/
.article-main .news-list { font-size: 14px;}
.article-main .news-list li { height: 36px; line-height: 36px; border-bottom: 1px dashed #494848;}
.article-main .news-list li a { width: 700px;}
.scott { color: #b8b7b7; margin: 15px 0 0 0; text-align: center; line-height: 32px;}
.scott a { padding: 4px 8px; color: #fff; margin: 0 2px; background: #daa64a;}
.scott a:hover { background: #daa64a;}
.scott span { padding: 4px 8px; border: 1px solid #daa64a;}
/*内容页*/
.sidebar { width: 300px;}
.content { width: 880px;}
.c-tit { height: 78px; line-height: 78px; padding: 0 50px; border-bottom: 2px solid #000; background: #1f1f1f;}
.c-tit h2 { font-size: 30px; color: #daa64a;}
.i-t { width: 14px; height: 21px; background-position: 0 -117px;}
.c-tit .local { color: #acacac;}
.c-tit .local a { color: #fff;}
.article-main { min-height: 952px; height: auto!important; height: 952px; background: #2b2b2b;}
.article-inner { padding: 50px;}
.art-title { height: 30px; line-height: 30px; font-size: 30px; color: #fff; text-align: center;}
.art-info { color: #8a8a8a; height: 50px; line-height: 50px; text-align: center;}
.baidu-search { color: #9f9f9f; text-align: center;}
.baidu-search .btn {width: 60px; height: 20px; cursor: pointer; border: none; background: url(../logo50images/bdyx.jpg) no-repeat; }
.art-content { color: #b8b7b7; padding: 15px 0; margin: 15px 0; border-top: 1px solid #575757;}
.art-content a { color: #fff;}
.art-content a:hover { color: #daa64a;} 

.prev_next { height: 24px; overflow: hidden; padding: 15px 0 10px 0; border-bottom: 1px solid #575757;}
.prev_next li { width: 50%; height: 24px; line-height: 24px; overflow: hidden; color: #b8b7b7; float: left;}
.prev_next li a { color: #fff;}
.prev_next li a:hover { color: #daa64a;}

.other-art-wrap { margin-top: 15px;}
.other-art-wrap a {color: #fff;}
.other-art-wrap a:hover {color: #daa64a;}
.other-art, .xg_news  { width: 380px;}
.other-tit, .xg_news h3 { font-size: 12px; line-height: 30px; color: #fff;}
.other-list, .xg_news ul { height: 150px; overflow: hidden;}
.other-list li, .xg_news ul li { height: 30px; line-height: 30px; color: #000; overflow: hidden; padding: 0 12px;}
.other-list li span, .xg_news ul li span { float: right;}

.gray{width:100%; position:absolute;left:0;top:0;z-index:100;background-color:#000; opacity:0;filter:alpha(opacity=0);}