/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dialog,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 microsoft yahei;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}ul,ol{list-style:none;}a{text-decoration:none; color:#8a8a79;}a:hover{text-decoration:underline; color:#c99f5c;}legend{color:#333;}fieldset,img{border:0 none;vertical-align:top;}button,input,select,textarea{font-size:100%;overflow:visible;}table{border-collapse:collapse;border-spacing:0;}article,aside,details,figcaption,figure,footer,header,menu,nav,section,time,audio,video{display:block;margin:0;padding:0;}
.clearfix:before,.clearfix:after{content:""; display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;}.clearout{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cleartxt{color:transparent;font:0/0 a;overflow:hidden;}a:link,a:active{outline:none;}input{border:none;}.fl{display:inline; float:left;}.fr{display:inline; float:right;}.tc{text-align:center;}.none{display:none;}.dib{display:inline-block; *display:inline; zoom:1; vertical-align:middle;}

body{ min-width:1200px; overflow-x:hidden; background:#000; color:#fff;}
.f17{font-size:17px;}
.ml38{margin-left:38px;}
.ml50{margin-left:50px;}
.mr10{margin-right:10px;}
.mr20{margin-bottom:20px;}
.mrt20{margin-top:20px;}
.mt60{margin-top:60px;}
.mt20{margin-top:20px;}

.wrap{width:1200px; margin:0 auto; position:relative;}
.bg{background: url(/images/haizhan/bg.jpg) no-repeat top center; width:100%; min-width:1200px;}
.main_bg{background: url(/images/haizhan/main_bg.jpg) no-repeat top center;}
.inside_bg{background:#101427 url(/images/haizhan/inside_bg.jpg) no-repeat top center; width:100%; min-width:1200px;}
.inside_main{background:#101427 url(/images/haizhan/inside_main.jpg) no-repeat top center;}

.gamedata_tit li,.gong_tit li{float:left; display:inline; border:1px solid #999; cursor:pointer;}
.gamedata_tit li em,.gong_tit li h3{display:block; border:1px solid #fff; text-align:center; color:#333;}
.gamedata_tit li.cur,.gong_tit li.cur{border:1px solid #b7251f;}
.gamedata_tit li.cur em,.gong_tit li.cur h3{border:1px solid #cc6460; background-color:#b7251f; color:#fff;}
.gray{width:100%; position:absolute;left:0;top:0;z-index:100;background-color:#000; opacity:0;filter:alpha(opacity=0);}

/* 头部 */
.header {height:629px; width:1200px; position:relative;}
.header .logo { position: absolute; top: 0; left: 480px; z-index: 30; width:232px; height:140px;}
.header .nav-main .nav_link {width: 1200px; height: 100%; padding: 25px 0 0 0; position: relative;}
.header .nav-main .nav_link > a {float: left; display: block; width: 150px; height: 54px; margin-right:14px; font-size:0; line-height:0;  background: url(/images/haizhan/top_menus.png) no-repeat top center; }
.header .nav-main .nav_link a.t1{background-position:-44px -10px;}
.header .nav-main .nav_link a:hover.t1{background-position:-44px -90px;}
.header .nav-main .nav_link a.t2{background-position:-216px -10px;}
.header .nav-main .nav_link a:hover.t2{background-position:-216px -90px;}
.header .nav-main .nav_link a.t3{background-position:-390px -10px; margin-right:266px;}
.header .nav-main .nav_link a:hover.t3{background-position:-390px -90px;}
.header .nav-main .nav_link a.t4{background-position:-556px -10px;}
.header .nav-main .nav_link a:hover.t4{background-position:-556px -90px;}
.header .nav-main .nav_link a.t5{background-position:-730px -10px;}
.header .nav-main .nav_link a:hover.t5{background-position:-730px -90px;}
.header .nav-main .nav_link a.t6{background-position:-904px -10px; margin-right:0; width:120px;}
.header .nav-main .nav_link a:hover.t6{background-position:-904px -90px;}

.i_ico{background:url(/images/haizhan/index_icos.png) no-repeat;}

.slider_area{ width:805px; height:470px; margin-top:22px; position:relative;}
/* 服务器列表 */
.server_box{padding:12px 10px 0 150px; color:#fff; height:86px; position:relative; font-size:14px;}
.enter_ser{ width:242px; height:22px; overflow:hidden; line-height:20px; position:absolute; bottom:20px; right:10px;}
.enter_ser input{width:48px; height:18px; line-height:18px; margin-right:4px; font-size:12px; vertical-align:middle; border:1px solid #545454; color:#909090; background:#343434; text-align:center; overflow:hidden;}
.enter_ser span{padding-right:8px; color:#848474;}
.enter_ser a{ display:inline-block; margin-left:4px;  font-size:12px; width:64px; height:20px; vertical-align:middle; overflow:hidden; color:#fff; line-height:20px; text-align:center; background:#d3a24f; }
.enter_ser a:hover{background:#191C2D;}
.ser_list li{ float:left; margin-top:11px; width:200px;}
.ser_list li a{display:block; color:#fff;}
.ser_list li a:hover,.ser_list li a:hover span{color:#0078ff; text-decoration:none;}
.list_type{display:inline-block; width:11px; height:11px;  overflow:hidden; background-position: 0 -337px; margin-right:10px;}
a:hover .list_type{background-position:0 -351px;}
.ser_list li span{margin-left:10px; color:#ff2b2b}
.ser_list li span.hot{color:red;}
a.ser_more{color:#d3a24f; position:absolute; top:20px; right:10px;}
a.ser_more:hover{color:#fff;}

/* 登录 */
.star_btn { display: block; width: 395px; height: 192px; background:url(/images/haizhan/start_btn.png) no-repeat 0 0; }
.star_btn span, .star_btn span:after { display: block; width: 395px; height: 192px; margin: 0 auto; content: '';  background:url(/images/haizhan/start_btn.png) no-repeat 0 -388px; }
.star_btn:hover { background-position: 0 -194px; }
.star_btn:hover span { -webkit-animation: fd 1.6s linear infinite; animation: fd 1.6s linear infinite; }
.star_btn:hover span:after { -webkit-animation: fd2 1.6s linear infinite; animation: fd2 1.6s linear infinite; opacity: .6; }

@-webkit-keyframes fd { 0% { -webkit-transform: scale(1); transform: scale(1); } 20% { -webkit-transform: scale(1.05); transform: scale(1.05); } 30% { -webkit-transform: scale(.93); transform: scale(.93); } 45% { -webkit-transform: scale(1.04); transform: scale(1.04); } 60% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes fd { 0% { transform: scale(1); } 20% { transform: scale(1.05); } 30% { transform: scale(.93); } 45% { transform: scale(1.04); } 60% { transform: scale(1); } }

@-webkit-keyframes fd2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 20% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
@keyframes fd2 { 0% { transform: scale(1); } 20% { transform: scale(1.3); opacity: 0; } 100% { transform: scale(1); opacity: 0; } }

.login_server{width:395px; height:493px; position:relative;}
.loging_box{width:395px; height:248px; padding-top:38px; margin-top:14px; background:url(/images/haizhan/login_bg.jpg) no-repeat 0 0; position:relative;}
.login_server a:hover{color:#fff;}
#relogin{padding:17px 25px 0 17px;}
#logined{ padding:17px 35px; line-height:30px; color:#fff;}
.form_item label{position:absolute; top:10px; left:55px; width:14px; height:14px;}
.form_item span{ color:#fff; font-size:14px; display:inline-block; width:45px; vertical-align:middle;}
.form_item label.label_name{background-position: -38px 0; }
.form_item label.label_psw{ background-position:-38px -20px;}
.form_item{ height:34px;margin:0 0 14px 18px; position:relative;}
.form_item input{ width:248px; height:34px; padding-left:30px; line-height:31px; border:none; background: #fff; border-radius:6px; color:#dbdbdb;}

.pay_down{height:51px; position:absolute; top:-14px; left:0; width:395px;}
.pay_down a{display:block; float:left; background:url(/images/haizhan/o_icos.png) no-repeat 0 0; width:197px; height:51px; line-height:51px; font-size:20px; color:#fefefe; text-align:center;}
.pay_down a:hover{background-position:-199px 0;}
.pay_down a span{display:inline-block; overflow:hidden; margin-right:10px;width:24px; height:25px; vertical-align:middle;}
.pay_down a span.pay_ico{ background-position:0 0;}
.pay_down a span.wd_ico{ background-position: 0 -38px;}
.reg_new_up{position:absolute; top:40px; left:560px; width:120px; height:188px;}
.rotate{
	-webkit-transition:all .5s ease-out;
	-moz-transition:all .5s ease-out;
	transition:all .5s ease-out;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%;
	-webkit-transform-origin:50% 50%;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	_display:inline
}

.rotate:hover{-webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg);transform:rotateY(360deg);}
.pay_down a:hover .rotate,.ser_more:hover .rotate{-webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg);transform:rotateY(360deg);}


.from_links{padding:0 10px 0 62px; line-height:24px; color:#fff;}
.from_links label{padding-left:5px;}
.from_links a{color:#fff; text-decoration:underline; line-height:24px;}
.mtf5{margin-top:-5px;}

.login_btn{ margin:15px 0 10px;}
.login_btn input,.login_btn a{ float:left; display:block; width:167px; height:61px; border:2px solid #b57c2d; border-radius:8px; background:#e7a932; cursor:pointer; font-size:30px; color:#fff; line-height:61px; text-align:center;opacity:0.9; vertical-align:top;}
.login_btn a{ border:2px solid #0f6d9e; background:#2d95cb; margin-left:10px; height:57px; line-height:57px;}
.login_btn input:hover,.login_btn a:hover{ opacity:1;}
/**  20161011新增微信微博登录图标  **/
.other_login_icos{display:block; margin-left:6px; float:left;}
.other_login_icos i{ background:url(/images/cms_style_2015/other_login_icos.png?201703301648) no-repeat; _background:url(/images/cms_style_2015/other_login_icos.gif?201703301648) no-repeat; display:inline-block; width:24px; height:23px;}
.other_login_icos i.o_login_ico_qq{ background-position:0 0;}
.other_login_icos i.o_login_ico_wx{ background-position:-28px 0;}
.other_login_icos i.o_login_ico_wb{ background-position:-57px 0;}
.other_login_icos:hover i.o_login_ico_qq{ background-position:0 -23px;}
.other_login_icos:hover i.o_login_ico_wx{ background-position:-28px -23px;}
.other_login_icos:hover i.o_login_ico_wb{ background-position:-57px -23px;}

.l_aciton_icos{background:url(/images/cms_style_2015/other_login_icos.png?201703301648) no-repeat; display:inline-block; width:20px; height:18px; margin-right:2px;}
.l_action_qq{background-position:-88px -25px;}
.l_action_wx{background-position:-87px -4px;}
.l_action_wb{background-position:-113px -2px;}

/* 登录后 */
.username,.logout{padding-top:8px;}
.log_link a{color:#fbcf3c; margin-right:20px; line-height:22px;}
.log_server,.log_link{padding-top:4px;}
.log_server li{line-height:24px; padding-left:2em;}
.log_server li a{color:#fbcf3c;}
.log_server li span{padding-left:10px;}

/* 首页主要内容 */
.main_top01{height:370px; margin-top:60px;}
.news_box{ background:url(/images/haizhan/news_bg.png) no-repeat; width:379px; padding:9px; height:351px; overflow:hidden; }
.new_tit{height:65px; margin-bottom:14px;}
.more_news{ display:inline-block; line-height:65px; width:75px; height:65px; background:#15182a; vertical-align:middle;}
.news_more_ico{ display:block; width:20px; height:20px; margin:23px auto 0; background-position:0 -371px;}
.more_news:hover .news_more_ico{background-position:0 -392px;}
.new_tit ul{}
.new_tit li{float:left; display:inline; width:75px; height:65px; margin-right:1px; position:relative; text-align:center;}
.new_tit li a{display:block; text-align:center; width:75px; height:65px; font-size:24px; line-height:65px; background:#394f70; color:#fff; -webkit-transition:0.5s; -moz-transition:0.5s;transition:0.5s}
.new_tit .cur a{background:#e7a932;}
.new_word{height:56px; line-height:56px; overflow:hidden; font-size:16px; font-weight:bold; color:#e7a932; text-align:center; background:#15182a;}
.new_word a{color:#e7a932;}
.news_txt{ height:240px; padding:10px 10px 0; overflow:hidden;}
.news_txt ul{display:none;}
.news_txt li{}
.news_txt li a{display:block; height:30px; overflow:hidden; line-height:30px; color:#ccc; font-size:14px; transition:all .2s ease; -webkit-transition:all .2s ease;}
.news_txt li a span{float:right; color:#4f71a3;}
.news_txt li a em{padding:0 2px; color:#fff;}
.news_txt li a:hover,.detail_ul a:hover{ color:#e7a932; padding-left:5px;}
.news_txt li a:hover em{color:#e7a932;}
/*新手指南  */
.detail_box{width:508px; height:369px; margin-left:15px; background:url(/images/haizhan/ziliao_list.png) no-repeat; position:relative;}
.detail_box dl{height:88px; margin-bottom:29px; padding:15px 20px 0 110px; color:#394f70; position:relative;}
.detail_box dl.last_dl{margin-bottom:0;}
.detail_box dl dt{display:none;}
.detail_box dl dd a{color:#ccc; display:inline-block; width:88px; text-align:center; line-height:32px; font-size:14px;}
.detail_box dl dd a:hover,.detail_box dl dd a:hover.more_detail{color:#e7a932;}
.detail_box dl dd a.more_detail{color:#394f70; position:absolute; right:-10px; bottom:5px;}

.fast_link{width:265px; height:363px; border:1px solid #394f70; background:#15182a;}
.fast_link a{ display:block; width:175px; height:90px; padding:30px 0 0 90px; background:url(/images/haizhan/active_menus.jpg) no-repeat 0 -1px; position:relative; color:#e3eefe; font-size:32px; font-weight:bold; text-shadow:0 0 5px #000;}
.fast_link a:hover{background-position:0 -122px;}
.fast_link a.center_link{margin:1px 0;}
.fast_link a i,.inside_fast_link a i{position:absolute;top:37px;left:28px;display:block; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;}
.fast_link a:hover i,.inside_fast_link a:hover i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
.fast_link .fast_ico1,.inside_fast_link .fast_ico1{width:45px;height:52px;background-position:0 -88px;}
.fast_link .fast_ico2,.inside_fast_link .fast_ico2{width:47px;height:50px;background-position:0 -162px;}
.fast_link .fast_ico3,.inside_fast_link .fast_ico3{width:47px;height:48px;background-position:0 -237px;}

.inside_fast_link{ border:1px solid #394f70; background:#15182a; width:393px;}
.inside_fast_link a{ display:block; width:240px; height:80px; padding:27px 0 0 153px; background:url(/images/haizhan/inside_active.jpg) no-repeat 0 0; position:relative; color:#e3eefe; font-size:32px; font-weight:bold; text-shadow:0 0 5px #000;}
.inside_fast_link a:hover{background-position:0 -109px;}
.inside_fast_link a.center_link{margin:1px 0;}
.inside_fast_link a i{top:28px; left:90px;}

/* 链接*/
.main_top02{margin-top:80px; height:286px;}
.version ul{margin-right:-140px;}
.version li{float:left; display:inline; width:194px; margin-right:140px; height:212px; text-align:center; position:relative;}
.version_pic{width:100%; height:193px; display:block}
.version_img{ position:absolute; left:0;top:0;z-index:3;border-radius:50%;height:194px;width:193px;-webkit-filter:grayscale(0.7) brightness(1.1);-moz-filter:grayscale(0.7) brightness(1.1);-o-filter:grayscale(0.7) brightness(1.1);-ms-filter:grayscale(0.7) brightness(1.1); transition:.5s; background:url(/images/haizhan/role_lists.png) no-repeat;}
.v_img1{background-position:0 0;}
.v_img2{background-position:-195px 0;}
.v_img3{background-position:-393px 0;}
.v_img4{background-position:-589px 0;}
.version_cover{z-index:4; position:absolute; border:5px solid #ddd; border-radius:50%; left:0; top:0;  width:184px; height:183px; transition:1s;}
.version li:hover .version_img{-moz-filter:grayscale(0) brightness(1); -o-filter:grayscale(0) brightness(1); -ms-filter:grayscale(0) brightness(1); filter:grayscale(0) brightness(1); -webkit-filter:grayscale(0) brightness(1)}
.version li:hover .version_cover{border-color:transparent;}
.version_name{color:#6590cf; line-height:20px; padding-top:10px; font-size:14px;}
.version li:hover .version_name{color:#e7a932;}
/* 幻灯 */
.slidebox { width: 805px; height: 372px; position: relative;}
.slidebox .slide-bd{ position: relative; z-index:0;}
.slidebox .slide-bd li { position: absolute; top: 0px; left: 0px; display: none;}
.slidebox .slide-fd{position: absolute; z-index:9; bottom: 14px; right:10px;}
.slidebox .slide-nav li {width: 21px; height: 21px; margin-right:25px; background-color: #b8b9b9; overflow: hidden; float:left; transition: width 0.3s ease; text-indent:-9999px;}
.slidebox .slide-nav .active {  background-color: #0078ff;}




/* 游戏介绍 */
.main_top03{margin-top:28px; height:326px;}
.game_intro{color:#fff;  background:url(/images/haizhan/intro_bg.png) no-repeat; line-height:26px; width:286px; height:274px; border:1px solid #394f70; padding: 0 12px;}
.game_intro_con{margin-top:8px; text-indent:2em;}
.index_title{ background:url(/images/haizhan/tit_border.png) no-repeat top center; height:50px;  width:196px; margin:4px auto 0;font-weight:normal;  text-align:center; color:#fefefe; font-size:19px; }
.index_title h3{ line-height:36px;}
.index_title p{color:#4c6d9b; font-size:8px; overflow:hidden; transform:scale(0.8); margin-top:-6px;}


/* 游戏截图 */
.yxjt{ width:518px; height:274px; margin-left:13px; padding:0 8px; border:1px solid #394f70; position:relative;}
.pic_li ul{padding:0 20px;}
.pic_li ul li { display: inline; float: left; margin: 6px 22px 0; width: 195px; height: 100px;}



/*  客服 */
.game_kefu{border:1px solid #394f70; width:305px; height:274px; padding:0 10px;}
.custom_txt{color:#a2a2a2; font-size:16px; padding:0 0 13px 104px; background:url(/images/haizhan/kefu_ico.png) no-repeat top left; line-height:18px;}
.kf_btn a{ display:block; background:url(/images/haizhan/o_icos.png) no-repeat -5px -54px; width:87px; height:28px; margin-top:6px;}
.kefu_link{height:46px;}
.kefu_link a{float:left; display:inline; width:149px; height:34px; margin:0 2px 0 1px; font:16px/34px \5FAE\8F6F\96C5\9ED1; color:#fff; text-align:center; background:#4c6d9b;}
.kefu_link a:hover{ opacity:0.9;}
.custom_link{ margin:20px 0; padding-bottom:20px; border-bottom:1px solid #35352e;}
.custom_link a{float:left; display:inline; width:112px; height:29px; text-align:center; line-height:29px; color:#dfc99e; background-color:#72623d; }

/* 合作媒体类 */
.topmedia{z-index:10; }
.links_toggle{ margin-bottom:6px; position:relative;}
.toggle_btn{padding-left:30px; width:271px; height:32px; line-height:32px; color:#a2a2a2; background:#120d0c; cursor:pointer; position:relative; border:1px solid #354969;}
.toggle_btn span{width:29px; height:30px; position:absolute; top:0; right:10px;}
.toggle_btn span i{position:absolute; width:0; height:0; font:0/0 a; overflow:hidden; border-width:5px; border-style:dashed dashed solid; border-color:transparent transparent #fff; margin:7px 0 0 10px;}
.toggle_btn span i.up{border-style:solid dashed dashed; border-color:#fff transparent transparent; margin:12px 0 0 9px;}
.toggle_con{position:absolute; width:301px; border:1px solid #3b456f;left:0; top:33px; z-index:99; border-top:none; background-color:#120d0c; height:104px; overflow:auto; overflow-x:hidden; display:none;}
.toggle_con a{color:#a2a2a2; text-indent:9px; height:26px; line-height:26px; display:block;}
.toggle_con a:hover{color:#b3b2b2;}

/* 列表页 */
.inside_sidebar{width:395px;}
.container{width:803px; margin-top:22px;}
.inside_con{ background:#1f233a;}
.inside_sidebar .game_kefu{width:309px; padding:0 42px; margin-top:60px;}

.inside_sidebar .detail_box{ padding:17px 6px 0;}
.inside_sidebar .game_intro{padding:12px 22px;}

.article_tit{padding:19px 24px 0; background:url(/images/haizhan/aticle_title.jpg) no-repeat; height:117px;}
.article_tit h4{ font-size:30px; line-height:40px; color:#fff; height:50px; border-bottom:1px solid #394f70;}
.article_tit p{ color:#455f85; padding-top:10px; font-size:13px; font-family:simsun; }
.article_tit p a,.article_tit2 a{ color:#455f85;}
.article_tit p a:hover,.article_tit2 a:hover{color:#fff;}
.article_con{padding:40px 60px; min-height:1134px; _height:1134px;}
.article_list li{ height:50px;}
.article_list li a{display:block; line-height:50px; font-size:13px;  color:#fff;}
.article_list li a:hover{color:#e7a932;}
.article_list li span{float:right; color:#4f71a3;}
.article_list li em{padding-right:14px;}
.scott{padding:28px 0 14px; text-align:center; color:#8793b0;}
.scott span,.scott a{display:inline-block; color:#8793b0; margin:4px;}
.scott span:hover,.scott a:hover{ color:#6b56bb;}


/* 内容页 */
.article_tit2{height:47px; line-height:46px; padding:20px 20px 0;}
.article_con2{padding:42px 20px 20px; color:#8793b0; min-height:1152px; _height:1152px;}
.article_con2 a{ color:#8793b0;}
.game_read_tit{font:bold 30px/40px \5FAE\8F6F\96C5\9ED1; color:#ece9e6; padding-bottom:28px; text-align:center;}
.article_title{padding-bottom:14px; border-bottom:1px solid #383e63; font-size:13px; line-height:24px; text-align:center;}
.article_title span,.article_title a{padding:0 14px 0 17px;}
.article_title i{position:absolute; width:20px; height:24px; margin-left:-20px;}
.csp{background:url(/images/tulong/csp.png?201703231451) 0 0 no-repeat; _background:url(/images/tulong/csp.gif?201703231451) 0 0 no-repeat;}
.art_author{background-position:0 0;}
.art_type{background-position:0 -24px;}
.art_source{background-position:0 -48px;}
.art_date{background-position:0 -72px;}
.art_gao{background-position:0 -96px;}
.game_read_txt{padding:40px 40px 50px; line-height:25px; _overflow:hidden;}
.game_read_txt a{ color:#F02929;}
.game_read_txt img{max-width:618px; overflow:hidden;}
.artpage{padding-bottom:35px;}
.prev_next li{ line-height:24px; color:#8a8a79; float:left; width:48%; padding-left:2%;}
.prev_next li a{color:#8a8a79;}
.prev_next li a:hover{color:#e9e9e9;}
.baidushare2{height:45px; padding:9px 14px 0; background-color:#e0ece2;}
.baidushare2 span{float:left; display:inline; font-size:16px; line-height:28px; color:#797979; margin-top:4px;}
.article_links{padding:26px 0 86px;}
.article_links ul{margin-right:-27px;}
.article_links li{float:left; display:inline; margin-right:27px;}
.article_links li.artlast{margin-right:0;}
.article_links li a{display:block; width:132px; height:34px; text-align:center; font-size:13px; line-height:24px; color:#666; border:1px solid #855e3d; background-color:#fff;}
.article_links li a:hover{background-color:#d3d3d3;}
.xg_news,.rm_news{float:left; display:inline; width:309px;}
.other_art{padding:20px;}
.other_art h3{height:36px; font-size:17px; line-height:36px; color:#8793b0; }
.other_art ul{padding-top:8px; height:155px; overflow:hidden;}
.other_art li{border-bottom:1px dashed #e3e3e3;}
.other_art li a{display:block; height:30px; padding-left:18px; line-height:30px; overflow:hidden;}

.server_side{ width:240px; height:280px; padding:15px; border:1px solid #f2f3f6;}
.server_side h3{color:#253751; font-size:20px; border-bottom:1px solid #dbe0df; font-weight:normal; padding-bottom:4px;}
.server_side_enter{margin-top:15px; color:#565656; line-height:20px;}
.enter_input{ display:inline-block; vertical-align:middle; margin-right:10px; text-align:center; width:56px; height:18px; background:#ededed; border:1px solid #cbcbcb;}
.server_side_enter a{ display:inline-block; vertical-align:middle; width:56px; margin-left:30px; background:#253751; height:20px; text-align:center; color:#fff; line-height:20px;}
.col_gray{color:#9198a9;}
.server_side_list{ padding:15px 0 0 45px;}
.server_side_list li{margin-top:15px; color:#565656;}
.server_side_list li a{color:#565656;}
.server_side_list a:hover{color:#b23220;}
.server_side_list a:hover .list_type{background-position:-72px -97px;}
.hot{color:#ff3737;}
.ser_list_btn{display:block; margin:15px auto 0; text-align:center; width:126px; height:24px; line-height:24px; color:#fff; background:#253751;}

/* 服务器列表页面 */
.server_bg{background:url(/images/haizhan/server_bg.jpg) top center no-repeat; width:100%; height:1187px; position:relative;}
.server_contain{ position:relative; padding:170px  0 0 361px; width:839px;}
.server_nav{background:url(/images/haizhan/sub_nav.png) top center no-repeat; width:196px; height:26px; line-height:25px; padding:0 5px 0 35px; position:absolute; top:0; right:138px;}
.server_nav a{color:#fff; margin-right:20px;}
.server_nav a:hover{color:#f8bf61;}
.server_logo{position:absolute; top:5px; left:5px; width:246px; height:140px;background:url(/images/haizhan/logo.png) top center no-repeat;}
.ser_tit{ font-size:22px; line-height:40px; color:#fff; height:40px; margin-top:30px; position:relative;}
.ser_tit span{ color:#54648b; font-weight:normal; font-size:10px; margin-left:8px; position:relative; top:2px;}
.tj_ser{padding-top:15px; height:51px;}
.tj_ser li{float:left; display:inline; margin-right:35px;}
.tj_ser li a,.li_server li a{display:block; width:197px; height:51px; font-size:14px; line-height:51px; color:#fff; text-align:center; position:relative; background:url(/images/haizhan/server_btns.png) 0 0  no-repeat;}
.tj_ser li a:hover,.li_server li a:hover{background-position:0 -52px;}
.tj_ser li a span,.li_server li a span{ margin-left:15px; color:#ffd800;}
.li_server li a em{width:10px; height:10px; background-image:url(/images/haizhan/ser_icon.png); display:inline-block; vertical-align:middle; margin-right:10px;}
.li_server li a em.hot_bg{background-position:0 0;}
.li_server li a em.smooth_bg{background-position:0 -10px;}
.li_server li a em.expect_bg{background-position:0 -20px;}
.li_server li a em.defend_bg{background-position:0 -30px;}
.status_s{float:right; font-size:12px; padding-right:30px;}
.status_s i{ display:inline-block; width:6px; height:15px; vertical-align:middle; overflow:hidden; margin:0 5px 0 20px;}
.yellow{color:#ffd200;}

.sTab{padding:10px 0 8px; border-bottom:3px solid #56678f; width:100%;}
.sTab li{float:left; display:inline; width:103px; height:51px; line-height:51px; margin-right:10px; font-size:14px; color:#fff;background:url(/images/haizhan/server_btns.png) 0 -107px  no-repeat; text-align:center; cursor:pointer; position:relative;}
.sTab li.current{background-position:-105px -107px; color:#ffd800;}
.ul_server{margin-top:25px; height:390px; overflow-y:auto;}
.li_server li{float:left; display:inline; margin:0 38px 14px 0;}

.server_loginbox{border-top:3px solid #56678f; border-bottom:3px solid #56678f; height:248px; margin-top:40px; padding-top:10px;}
.login-mod{ padding:10px 0 20px; height:64px; color:#ad876f;}
.no-login { padding-top:8px;}
.loginform {}
.loginform .opt { position: relative; }
.loginform .lp { width: 240px; height: 38px; line-height: 38px; border: 1px solid #7e553b; background:#371818; margin-right: 12px; position: relative;}
.loginform .lp label { width: 50px; height: 38px; font-size: 14px; color: #99655c; text-align: center; position: absolute; top: 0px; left: 0px;}
.loginform .lp input { width: 190px; height: 38px; border: 0 none;color: #99655c;  background:none; outline: 0 none; position: absolute; top: 0px; left: 50px;}
.loginform .login-btn { width: 171px; height: 58px;  border: 1px solid #7e553b; background:#371818; color:#ad876f; font-size:18px; text-align:center; line-height:50px; cursor: pointer; position: absolute; top: 0; right: 156px;}
.loginform .login-btn:hover { opacity:0.9;}
.loginform .forget-pwd { padding-top: 10px; color: #ad876f;}
.loginform .forget-pwd a { color: #ad876f;}
.loginform .forget-pwd a:hover { color: #fc9f05;}
.loginform .forget-pwd label { margin-right: 32px;}
.loginform .forget-pwd .qreg { margin:0 40px 0 30px;}

.logleft { width: 250px; height: 78px;}
.logright { width: 250px; height: 78px; padding-left: 30px;}
.logined { line-height: 22px;}
.logined a { color: #8793b0; margin:0 20px;}
.logined a:hover { color: #6b56bb;}
.logined .user-fun, .logined .last-game { padding-left: 35px;}


.choose_server{height:39px; color:#c6d7eb; padding:18px 0 0; position:absolute; top:673px; right:0;}
.choose_server input{width:90px; height:39px; line-height:39px; color:#fff; background:#1b1b1b; border:1px solid #56678f; text-align:center; overflow:hidden; margin-right:6px;}
.choose_server a{ display:inline-block; width:103px; height:51px; line-height:51px; font-size:14px; color:#fff; background:url(/images/haizhan/server_btns.png) 0 -107px  no-repeat;  text-align:center; margin-left:6px;}
.choose_server a:hover{background-position:-105px -107px; color:#ffd800;}