﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font:12px/22px "宋体";color:#491315; background:#110e14 url("http://webpic.my4399.com/md/website/images/bg.jpg") no-repeat center 35px;}
a{color:#491315; text-decoration:none; cursor:pointer; outline:none;}
a:hover{text-decoration:underline; color:#491315;}
img{border:0;}
ul,li{ list-style:none;}
em{ font-style:normal;}
h1,h3,h4{ font-size:12px;}
input{ font-size:12px;}
.cl{clear:both;}
.main{width:960px; margin:auto; background:url("http://webpic.my4399.com/md/website/images/5.jpg") no-repeat 220px -315px; position:relative; z-index:1001;}
.l{width:220px; float:left; position:relative; background:#281213; padding-bottom:3px; border-bottom:1px solid #130607;}
.r{ width:740px; float:right;position:relative;}
.r2{ width:730px; float:right; background:url("http://webpic.my4399.com/md/website/images/21.jpg"); position:relative;min-height:1052px;height:auto !important; height:1052px;}

/*顶部*/
#top{ width:960px; height:386px; background:url("http://webpic.my4399.com/md/website/images/index_01.jpg"); position:relative; z-index:1000; margin:auto;}
#top a#logo{position:absolute;top:0px;left:378px;width:198px;height:162px;display:block;overflow:hidden;text-indent:-1000em;z-index:1000000;}


/*导航*/
#nav{height:46px; padding-left:11px;  position:relative;}
#nav a{height:46px; width:116px;display:block; overflow:hidden; text-indent:-1000em; float:left; }
#nav a:hover{ background-image:url("http://webpic.my4399.com/md/website/images/6.jpg");}
#nav a.n3{ margin-right:242px;}
#nav a.n1:hover{ background-position:0 -347px;}
#nav a.n2:hover{ background-position:-116px -347px;}
#nav a.n3:hover{ background-position:-232px -347px;}
#nav a.n4:hover{ background-position:-348px -347px;}
#nav a.n5:hover{ background-position:-464px -347px;}
#nav a.n6:hover{ background-position:-580px -347px;}
/*开始游戏按钮*/
#play{width:240px;height:200px;position:absolute;left:-11px;top:-172px;z-index:100;overflow:hidden;}

/*登录前*/
#user{ width:220px; height:246px;background:url("http://webpic.my4399.com/md/website/images/1.jpg")}
#user .r_btn{height:58px; padding-top:32px;}
#user .r_btn a{ display:block; float:left; width:110px; height:34px; overflow:hidden; text-indent:-1000em;}

#nolog{}
#nolog li{padding-bottom:8px;}
#nolog li label{padding-left:20px; text-align:right;}
#nolog .ipt{ width:120px;height:22px; line-height:22px; border:1px solid #613328; background:#ebc8a5; text-indent:2px; }
#nolog .login_btn{ border:0; width:93px; height:37px; overflow:hidden;background:url("http://webpic.my4399.com/md/website/images/6.jpg") -635px -227px; margin-left:76px; cursor:pointer;}
#nolog li a.lose{ background:url("http://webpic.my4399.com/md/website/images/23.png") no-repeat -175px -120px; padding-left:20px; display:inline-block; height:20px; margin-left:76px;}

/*登录后*/
#logined{display:none;}
#logined .Avatar{ padding:2px 0 0 48px; background:url("http://webpic.my4399.com/md/website/images/23.png") no-repeat -151px -146px; height:40px; line-height:18px;margin-left:22px;color:#d32f03;}
#logined .Avatar a{color:#d32f03;}
#logined a.play{width:123px; height:37px; overflow:hidden; text-indent:-1000em; background:url("http://webpic.my4399.com/md/website/images/6.jpg") -605px -190px; display:block; margin:3px auto;}
#logined strong{font-weight:normal;}
#logined ul{ width:190px; margin:auto;}
#logined li{ height:22px;line-height:22px; overflow:hidden; }

#login {padding-left:25px;}
#nolog a{background:url("http://webpic.my4399.com/md/website/images/23.png") no-repeat -175px -120px; padding-left:20px; display:inline-block; height:20px; margin-left:0px;}
#nolog{margin-top:2px;}
#log_form input{width:120px;height:22px; line-height:22px; border:1px solid #613328; background:#ebc8a5; text-indent:2px;}
#log_form .input_code{width:44px; height:22px; line-height:22px; border:1px solid #613328; background:#ebc8ba; text-indent:2px;margin-top: 5px;}
#log_form label{padding-bottom:2px;}
#log_form .btn_login{text-indent: 0px; border:0; width:93px; height:37px; overflow:hidden;background:url("http://webpic.my4399.com/md/website/images/6.jpg") -635px -227px; margin-left:50px;margin-top:5px; cursor:pointer;font-size:0;}
.loginInfo{padding:0px; height:40px; line-height:18px;margin-left:22px;color:#d32f03;}

#login #code_label img {
    cursor: pointer;
    vertical-align: middle;
}
/*新手卡*/
#xsk{background:url("http://webpic.my4399.com/md/website/images/1.jpg") 0 -246px; width:220px; height:63px;}
#xsk a{display:block; width:220px; height:62px; overflow:hidden; text-indent:-1000em;}

/*通用*/
.l h3{ text-indent:-1000em;height:40px; overflow:hidden;}
#service,#about,#help,#medias,#data_l{background:url("http://webpic.my4399.com/md/website/images/1.jpg") 0 bottom;}
.r h3{ text-indent:-1000em; overflow:hidden;}
.r a.more{right:14px;top:14px; position: absolute; width:45px; height:16px;  overflow:hidden; text-indent:-1000em;}
.bor{border:1px solid #000000; background:#2d1415;}
.bor .bg1{margin:3px;background:url("http://webpic.my4399.com/md/website/images/13.jpg");}
.bg3{ width:730px; height:95px; background:url("http://webpic.my4399.com/md/website/images/5.jpg") 0 -220px; position:absolute; left:0; bottom:0; z-index:0;}

/*服务器列表*/
#service h3{background:url("http://webpic.my4399.com/md/website/images/1.jpg") 0 -309px;height:37px;}
#service .s_list{ padding-top:5px; height:205px;}
#service .s_list ul{ width:190px; margin:auto;}
#service li{height:48px; line-height:22px;padding-left:8px; background:url("http://webpic.my4399.com/md/website/images/23.png") 0 -31px; border:1px solid #946740; margin:2px 0;}
#service li a:hover{ text-decoration:none;}
#service .ser_m {display:block;padding-top: 2px;color:#d32f03;}
#service .ser_du{display:block;color: #0F0F0F;background:url(http://webpic.my4399.com/md/server/server_bg.png) no-repeat 88px 7px;}
#service .ser_0{background-position:86px 7px;}
#service .ser_1{background-position:86px -13px;}
#service .ser_2{background-position:86px -33px;}
#service .ser_3{background-position:86px -53px;}
#service .ser_4{background-position:86px -73px;}
#service .ser_5{background-position:86px -93px;}
#service .ser_6{background-position:86px -113px;}
#service .ser_7{background-position:86px -133px;}
#service .ser_8{background-position:86px -153px;}
#service .ser_9{background-position:86px -173px;}
#service .ser_10{background:url(http://webpic.my4399.com/md/server/ico100.gif) no-repeat 86px 0;}
#service .ser_du span{padding-left:58px;}
#service .more{ width:190px; height:23px; background:url("http://webpic.my4399.com/md/website/images/23.png");text-align:center; padding-top:8px; margin:5px auto 0; text-indent:8px;}
#service .more a{color:#bb9f90; }
#service .more a:hover{text-decoration:none;}


/*游戏介绍*/
#about h3{background:url("http://webpic.my4399.com/md/website/images/1.jpg") 0 -346px;}
#about div{ padding:8px 25px 10px;}
#about div strong{ color:#d32f03; font-weight:normal;}

/*左侧游戏资料*/
#data_l h3{background:url("http://webpic.my4399.com/md/website/images/1.jpg") 0 -466px;}
#data_l div{ width:196px;height:245px; margin:auto;  }
#data_l h4{ background:#6b2f07; color:#ffd8b7; font-weight:bold; text-indent:15px; line-height:25px;font-size:12px; float:left;width:196px;}
#data_l ul{ padding:5px 0; width:195px; height:44px; float:left;overflow:hidden; position:relative; left:2px;}
#data_l li{ float:left; width:64px; text-align:center;border-right:1px solid #4f1f0c; line-height:12px; margin:5px 0; vertical-align:middle;}
#data_l a.more{ color:#9d3909;}

/*客服中心*/
#help h3{background:url("http://webpic.my4399.com/md/website/images/1.jpg") 0 -386px;}
#help div{ padding:10px 25px;}
#help div p{ padding-top:5px; background:url("http://webpic.my4399.com/md/website/images/b8.png") no-repeat center 0; margin-top:5px;}
#help a.an{background:url("http://webpic.my4399.com/md/website/images/23.png") no-repeat 0 -88px;width:68px; display:inline-block; text-align:center;color:#fbbc89} 
#help a.an:hover{ text-decoration:none;}

/*合作媒体*/
#medias h3{background:url("http://webpic.my4399.com/md/website/images/1.jpg") 0 -426px;}
#medias ul{text-align:center; padding:5px 0 7px;}
#medias li{ height:50px; }
#medias img{border:1px solid #321612;width:182px; height:44px;}

/*幻灯片*/
#focus{width:268px;height:235px; float:left; border:1px solid #000; display:inline; margin:-38px 0 0 10px; position:relative;}

/*新闻*/
#news{ float:left; width:460px; height:199px; position:relative;}
#news h3{height:39px;} 
#news h3 a{ width:71px; height:39px;display:block;float:left;}
#news h3 a.b1{ background:url("http://webpic.my4399.com/md/website/images/6.jpg") -278px -190px;}
#news h3 a.b2{ background:url("http://webpic.my4399.com/md/website/images/6.jpg") -349px -190px;}
#news h3 a.b3{ background:url("http://webpic.my4399.com/md/website/images/6.jpg") -420px -190px;}
#news h3 a.b4{ background:url("http://webpic.my4399.com/md/website/images/6.jpg") -491px -190px;}
#news ul{ padding:7px 12px 0;}
#news li{line-height:24px;}
#news li em{ float:right;}


/*小通栏*/
#ad{width:717px; height:107px;float:left; padding:18px 0 0 23px; }
#ad li{float:left;width:178px;}
#ad img{width:168px; height:87px; border:1px solid #110c16;}

/*游戏资料*/
#data{ width:450px; float:left;margin-left:10px; display:inline; position:relative;}
#data h3{ height:38px; background:url("http://webpic.my4399.com/md/website/images/6.jpg");}
#data .bg1{ height:163px;}
#data ul{ padding:7px 0 5px 10px;}
#data li{ line-height:30px;}
#data li h4{ display:inline-block; width:77px;text-align:center;color:#bb9f90; float:left; background:url("http://webpic.my4399.com/md/website/images/23.png") no-repeat 0 -120px; margin-right:5px;}
#data li a{ margin:0 3px; display:inline-block; width:48px;}

/*日常活动*/
#act{ width:450px; float:left;margin:10px 0 0 10px; display:inline; position:relative;}
#act h3{ height:38px; background:url("http://webpic.my4399.com/md/website/images/6.jpg") 0 -38px;}
#act .bg1{ height:160px; padding-top:8px;}
#act table{ width:426px; margin:0 auto; line-height:24px; text-align:center; border-left:1px solid #4a0e04; border-top:1px solid #4a0e04;}
#act th{ color:#9b2e11;}
#act th,#act td{border-right:1px solid #4a0e04;border-bottom:1px solid #4a0e04;}

/*攻略论坛*/
#raiders{width:450px; float:left;margin:10px 0 0 10px; display:inline; position:relative;}
#raiders h3{ height:38px; background:url("http://webpic.my4399.com/md/website/images/6.jpg") -278px -76px;}
#raiders h3 a{ display:block;height:38px; width:100px;float:left; overflow:hidden; text-indent:-1000em;}
#raiders h3 a.b1{background:url("http://webpic.my4399.com/md/website/images/6.jpg") -401px -229px;}
#raiders h3 a.b2{background:url("http://webpic.my4399.com/md/website/images/6.jpg") -501px -229px;}
#raiders .bg1{ height:181px;}
#raiders ul{ padding:7px 10px 0;}
#raiders li{ line-height:24px; padding-left:15px;background:url("http://webpic.my4399.com/md/website/images/23.png") no-repeat -179px -91px;}
#raiders li span{ float:right;}

/*职业*/
#job{float:right; width:268px;display:inline; position:relative;}
#job h3{ height:38px; background:url("http://webpic.my4399.com/md/website/images/6.jpg") 0 -76px;}
#job div{ background:#2d1415; height:78px; padding:1px 0 0 1px; overflow: hidden;}
#job div li{ float:left; width:89px; }

/*特色玩法*/
#spe{float:right; width:268px;display:inline; position:relative;}
#spe h3{ height:38px; background:url("http://webpic.my4399.com/md/website/images/6.jpg") 0 -114px;}
#spe .bg1{ height:72px; padding:8px 0 0 8px;}
#spe h4{ float:left; width:70px; height:20px; background:#733818; text-align:center; color:#fcba89; margin-right:5px;}
#spe li{ height:22px; line-height:20px;}
#spe li a{ margin:0 2px; display:inline-block; width:48px;}

/*道具*/
#pro{float:right; width:268px;display:inline;margin-top:10px; position:relative;}
#pro h3{height:38px; background:url("http://webpic.my4399.com/md/website/images/6.jpg") 0 -152px;}
#pro .bg1 span{ position:absolute; top:50px; left:14px; width:64px; height:64px; overflow:hidden; display:block;}
#pro .bg1{ height:132px;}
#pro .bg1 h5{ font-size:12px;line-height:24px;padding:7px 0 0 90px;}
#pro .bg1 p{ padding:0 10px 0 90px; line-height:20px;}
#pro .tit{ height:40px; position:absolute; top:125px; left:15px;}
#pro .tit a{display:block; float:left; margin-right:6px;}
#pro .tit img{border:1px solid #4f3d36;}

/*排行榜*/
#ranking{float:right; width:268px;display:inline;margin-top:10px; position:relative;}
#ranking h3{height:38px; background:url("http://webpic.my4399.com/md/website/images/6.jpg") 0 -190px;}
#ranking .s_rank{ background:#582408;width:248px; margin:auto; color:#d28e51; text-align:center; padding-top:3px; height:25px;}
#ranking .bg1{ height:174px; padding-top:7px;}
#ranking .s_s{ display:none;}
#ranking table{width:248px; margin:auto;border:1px solid #4a0e04; border-bottom:none; text-align:center; background:#f6cf9d url("http://webpic.my4399.com/md/website/images/b16.jpg") repeat-y;}
#ranking th{ background:#4a0e04; color:#faf2c0;}
#ranking td{ border-bottom:1px solid #4a0e04;}
#ranking td span,#ranking td em{ display:inline-block; width:15px; height:14px; text-align:center; margin:auto;  line-height:13px; color:#faf2c0; background:url("http://webpic.my4399.com/md/website/images/6.jpg") -698px 0;}
#ranking td em{background:url("http://webpic.my4399.com/md/website/images/6.jpg") -713px 0;}

/*壁纸截图*/
#pic{width:728px;float:left; position:relative; display:inline; margin:10px 0 0 10px;}
#pic h3{height:38px; background:url("http://webpic.my4399.com/md/website/images/6.jpg") 0 -309px;}
#pic h3 a{ display:block;height:38px; width:100px;float:left; overflow:hidden; text-indent:-1000em;}
#pic h3 a.b1{background:url("http://webpic.my4399.com/md/website/images/6.jpg") 0 -229px;}
#pic h3 a.b2{background:url("http://webpic.my4399.com/md/website/images/6.jpg") -100px -229px;}
#pic h3 a.b3{background:url("http://webpic.my4399.com/md/website/images/6.jpg") -200px -229px;}
#pic h3 a.b4{background:url("http://webpic.my4399.com/md/website/images/6.jpg") -300px -229px;}
#pic .p_bg{height:131px;width:712px; padding:10px 5px 0; overflow:hidden;margin:3px;background:url("http://webpic.my4399.com/md/website/images/21.jpg") -4px 0;}
#pic  li{ float:left; text-align:center;width:25%; background:url("http://webpic.my4399.com/md/website/images/23.png") no-repeat center -202px; padding-top:5px;}
#pic  li p{ padding-top:6px; display:inline-block;}
#pic  li img{ border:1px solid #000;width:161px; height:89px;}

/*攻略百科*/
#bk{width:359px; float:left;margin:10px 0 0 10px; display:inline;}
#gl{width:359px; float:right;margin:10px 0 0 0; display:inline;}
#bk h3{height:38px; background:url("http://webpic.my4399.com/md/website/images/6.jpg") -278px -114px;}
#gl h3{height:38px; background:url("http://webpic.my4399.com/md/website/images/6.jpg") -278px -152px;}
#gl .bg1, #bk .bg1{height:110px;}
#bk div,#gl div{padding:10px 15px;}

#bk h3 a,#gl h3 a{display:block;height:38px; width:104px;float:left;}
#bk a.b1{background:url("http://webpic.my4399.com/md/website/images/6.jpg") -451px 0;}
#bk a.b2{background:url("http://webpic.my4399.com/md/website/images/6.jpg") -555px 0;}
#gl a.b1{background:url("http://webpic.my4399.com/md/website/images/6.jpg") -451px -38px;}
#gl a.b2{background:url("http://webpic.my4399.com/md/website/images/6.jpg") -555px -38px;}


/*列表页*/
.dh{height:220px; width:730px; background:url("http://webpic.my4399.com/md/website/images/5.jpg") no-repeat ; position:relative; z-index:0;}
.dh h3{ width:109px; height:42px; text-indent:-1000em; overflow:hidden; position:absolute; left:87px; top:0px; background-image:url("http://webpic.my4399.com/md/website/images/6.jpg");} 
.dh h3.t1{ background-position:0 -267px}
.dh h3.t2{ background-position:-109px -267px}
.dh h3.t3{ background-position:-218px -267px}
.dh h3.t4{ background-position:-327px -267px}
.dh h3.t5{ background-position:-436px -267px}
.dh #breadcrumb{  color:#b19373; float:right; text-align:right; line-height:42px; padding-right:20px;}
.dh #breadcrumb a{color:#b19373;}
.ban{height:28px;border-bottom:1px solid #804930; width:672px; position: absolute; top:70px; left:28px;}
.ban div{position:absolute;height:33px;}
.ban a{width:82px;text-align:center;display:block; font-size:14px;height:29px;line-height:29px;color:#eed8a0; font-weight:bold; float:left; }
.ban a:hover{ text-decoration:none;}
.ban a.b1{ height:33px; background:url("http://webpic.my4399.com/md/website/images/6.jpg") -646px -114px;}
.ban a.b2{border-left:1px solid #492210;background:url("http://webpic.my4399.com/md/website/images/b13.png") }
.list2{ width:666px; margin:-90px auto 20px; position:relative;}
.list2 ul{width:666px;}
.list2 li{line-height:30px;border-bottom:1px dotted #0b0203; padding-left:18px; background:url("http://webpic.my4399.com/md/website/images/23.png") no-repeat -177px -88px;}
.list2 li em{ float:right; }
.pages{padding:10px;text-align:center;}
.pages a{display:inline-block; margin-right:5px;line-height:18px; padding:2px 5px; border:1px solid #1f0b04; background:#440b05; color:#faf3ce;}
.pages a:hover{text-decoration:none;color:#ffa517;}
.pages strong{ color:#ba1200;display:inline-block;margin-right:5px;line-height:18px; padding:2px 5px;}


/*图片列表页*/
.p_list{width:680px; margin:-110px auto 20px; position:relative;z-index:1000;}
.p_list li{ float:left; text-align:center; width:25%; height:126px; border-bottom:1px dotted #0b0203; padding-top:15px;} 
.p_list li img{ width:161px; height:89px; border:1px solid #2e1b14;}
.p_list li span{display:inline-block; padding-top:5px;}

/*新闻页*/
h1.title{width:672px; line-height:37px; color:#ba1b0f; font-size:15px; text-align:center;  position:absolute; left:30px; top:80px; z-index:1000;}
.dh .t_bg{ position:absolute; left:30px; top:80px;opacity: 0.5;filter:alpha(opacity=50);border:1px solid #9b6a3c; background:#ffd7ba;width:670px; height:35px;}
.txt{ width:670px; overflow:hidden; margin:-70px auto 50px; position:relative; z-index:1000;}
.txt strong{color:#9d3909;}
#updown{border: 1px solid #c38c5c; line-height:32px; margin:20px 0; text-align:center; background:#eebb8f;}

/*游戏资料页*/
.yxzl{ width:666px; margin:-90px auto 20px; position:relative; z-index:1000;}
.yxzl .zl_c{ float:left; width:664px; border:1px solid #9a6e48; position:relative; background:#e6a978; margin-bottom:50px;}
.yxzl .zl_c h4{height:42px; width:180px; line-height:38px;text-indent:66px; color:#f0c094; font-size:14px;background:url("http://webpic.my4399.com/md/website/images/6.jpg") -548px -267px; position: relative; top:-32px; left:-10px;}
.yxzl .zl_c ul{ padding:0 0 20px 10px;width:654px; float:left; margin-top:-24px;}
.yxzl .zl_c li{width:71px;float:left; color:#5b321f;border-right:1px solid #5b321f; text-align:center; line-height:12px; margin:6px 0; vertical-align:middle;}
.yxzl .zl_c li a{color:#5b321f;}

/*分享*/
#share{line-height:16px; width:960px;text-align:center; margin:50px auto 0px; color:#785a42; height:100px;position:relative; z-index:1000;}
#share div{padding-bottom:20px;}
#share label{ font-weight:bold; color:#80391a}
#share  a{height:16px; background:url("http://webpic.my4399.com/md/website/images/t_ico.gif") no-repeat;display:inline-block; padding-left:22px; margin-right:5px;color:#785a42;}
#share a.icon01{background-position:0 0px;}
#share a.icon02{background-position:0 -19px;}
#share a.icon03{background-position:0 -38px;}
#share a.icon04{background-position:0 -57px;}
#share a.icon05{background-position:0 -76px;}
#share a.icon06{background-position:0 -95px;}
#share a.icon07{background-position:0 -116px;}
#share a.icon08{background-position:0 -136px;}
#share a.icon09{background-position:0 -158px;} 
#share a.icon10{background-position:0 -179px;}
#share a.icon11{background-position:0 -201px;}


/*尾部*/
#footer{text-align:center; line-height:20px; padding-top:23px;color:#7a5940; height:190px; background:#000 url("http://webpic.my4399.com/md/website/images/18.jpg") repeat-x 0 0; position:relative;}
#footer .f_msg{ text-align:left; width:622px; margin:auto; padding:20px 0 0 190px;height:70px; color:#9b6d4e; background:url("http://webpic.my4399.com/md/website/images/s_logo.jpg") no-repeat 100px 0px;}
#footer a{margin:0 4px; color:#7a5940;}
#footer a:hover{color:#bb896d;}
#footer .bg2{ position: absolute; width:100%; height:533px; background:url("http://webpic.my4399.com/md/website/images/f_bg.jpg") no-repeat center bottom; left:0; top:-533px;}
