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

body *{_position:relative;}
.bg01{ background:url(../images/1.png) no-repeat center top;margin-top:-1160px;}
.bg02{ background:url(../images/bg022.jpg) no-repeat center bottom;}
.wrap{ width:100%;}
.header{ background:url(../images/wr1ap.jpg) no-repeat; width:1332px; margin:0 auto; position:relative;}
.banner{ height:730px; overflow:hidden;}
.banner #swf1{}

.ucSer{ width:1332px; height:282px; margin:0 auto; background:url(../images/wrap.jpg) no-repeat 0 -608px; overflow:hidden; position:relative;}
/*===轮播2===*/
.slide2{ padding:47px 0 0 9px; width:512px; height:224px; float:left; position:relative; z-index:1; overflow:hidden;}
.long{ background:url(../images/long.png) no-repeat; width:63px; height:224px; position:absolute; top:47px; left:9px; z-index:3;}
.sDiv{position:relative;overflow:hidden; z-index:2;}
.sDiv ul{}
.slide2 .sDiv,.slide2 .sDiv ul li{width:512px;height:224px;}
#subNum{width:200px;height:20px;position:absolute;right:20px;bottom:10px; z-index:100;}
#subList{width:200px;height:20px;text-align:right;}
#subList span{width:15px;height:15px;margin:0 5px 0 0; background:#171a23; display:inline-block;cursor:pointer;}
#subList span.sOn{background:#363f5a;}

/*===最新服务器===*/
.newSer{width:340px;height:226px; position:relative; float:left; padding:45px 0 0 8px; overflow:hidden; _display:inline;}
.newSer h3{width:340px; height:42px; margin-bottom:2px;}
.newSer h3 span{height:42px;line-height:42px;font-weight: normal; font-size:18px;color:#dfc99e;float:left; padding:0 4px 0 14px;}
.newSer h3 var{ line-height:34px; padding-top:6px; color:#524d41; font-size:12px; float:left; font-style:normal;}
.newSer ul{width:316px; height:136px; margin:0 auto; color:#dfc99e;}
.newSer ul li{width:150px; height:36px; line-height:36px; margin:6px 0 0;float:left; background:url(../images/btn.gif) no-repeat;margin-left:5px;}
.newSer ul li a{ width:140px; padding:0 0 0 0px; overflow:hidden; color:#dfc99e;float:left;}
.newSer ul li a:hover{ color:#f6a92c;}
.newSer ul li var{width:32px;height:15px;margin:11px 0 0 10px ; background:url(../images/serstate.gif); text-indent:-999em; overflow:hidden;  vertical-align:middle; _display:inline; float:left;}
.newSer ul li var.s4,.newSer ul li var.s2,.newSer ul li var.s5,.newSer ul li var.s6{width:56px;}
.newSer ul li var.s1{background-position:0 -15px; } 
.newSer ul li var.s2{background-position:0 -90px; }
.newSer ul li var.s3{background-position:0 -75px; }
.newSer ul li var.s4{background-position:0 -45px; }
.newSer ul li var.s5{background-position:0 -105px; }
.newSer ul li var.s6{background-position:0 -120px; }
.newSer ul li var.s7{background-position:0 -30px; } 
.newSer ul li var.s8{background-position:0 -60px; }
.newSer ul li var.s9{background-position:0 -135px; }
.newSer ul li var.s10{width:70px;background-position:0 0;}
.quick{height:22px;line-height:20px; position: absolute;right:14px;top:58px;}
.quick span{width: 60px;height:22px; line-height:22px; color:#747987;float:left;}
.quick input{width:53px;height:22px;line-height:22px; text-align: center;color:#35363a; background:url(../images/serIn.gif) no-repeat 0 -44px; border:none;float:left; margin-right:6px;}
.quick button{width:38px;height:22px;background:url(../images/serIn.gif) no-repeat; text-indent: -999em;overflow: hidden; float:left;}
.quick button:hover,.quick button.bOn{background-position: 0 -22px;}
.newSer .more2{ width:78px; height:38px; line-height:38px; color:#c99f5c; text-align:center; display:block; margin:0 auto; border:none; background:none;}
.newSer .more2:hover{ color:#fcc875; border:none;}

.newsBox{ height:550px; background:url(../images/contBg.jpg) no-repeat center 0; overflow:hidden;}
.newsBox h3{ padding:35px 0 8px;}
/*===轮播===*/
.slide,.newsDiv{ width:325px; height:550px; float:left;}
.slideBox,.sDiv{ width:325px; height:500px;}
.slideBox{ position:relative; z-index:1;}
.slideBox .sDiv ul li{width:325px;height:500px;}
.slideBox .aleft,.slideBox .aright{ width:17px; height:41px; position:absolute; top:96px; background-image:images/sNav.gif); background-repeat:no-repeat; text-indent:-999em; display:block; z-index:9;}
.slideBox .aleft{ background-position:0 0; left:5px;}
.slideBox .aleft:hover{ background-position:0 -41px;}
.slideBox .aright{ background-position:0 -82px; right:5px;}
.slideBox .aright:hover{ background-position:0 -123px;}


/*===新闻===*/
.newsDiv{ width:660px; float:left; margin-left:11px;}
.news{ width:660px; height:500px; overflow:hidden; float:left; background:url(../images/newsbg.jpg) no-repeat;}
.news h4{ width:616px; height:36px; border-bottom:2px solid #2b2b2b; margin:8px auto 0; position:relative;}
.news h4 ul{ position:absolute; top:0; left:0;}
.news h4 ul li{ width:92px; height:36px; line-height:36px; padding:0 4px 0 0; cursor:pointer; color:#787b6b; font-size:16px; text-align:center; font-weight:normal; float:left;}
.news h4 ul li.on{ border-bottom:2px solid #957747; color:#eaddaa;}
.nCont{ width:616px; height:420px; margin:8px auto 0; overflow:hidden; position:relative;}
.nCont .nCul{ position:absolute; top:0; left:0; width:10000px; overflow:hidden;}
.nCont .nCul .nCon{ width:616px; overflow:hidden; position:relative; float:left;}
.nCont .nCul .nCon ul{ width:100%; overflow:hidden;}
.nCont .nCul,.nCont .nCul .nCon,.nCont .nCul .nCon ul{ height:404px;}
.nCont .nCul .nCon ul li,.nCont .nCul .nCon ul li a,.nCont .nCul .nCon ul li span{ height:32px; line-height:32px;}
.nCont .nCul .nCon ul li{ width:100%; float:left; border-bottom:1px dotted #25272d;}
.nCont .nCul .nCon ul li a{color:#8a8a79;text-decoration:none; font-size:12px; float:left; text-align:left; width:460px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; background:url(../images/point.gif) no-repeat 0 0; padding-left:10px;}
.nCont .nCul .nCon ul li a:hover{text-decoration:none; color:#c99f5c; background-position:0 -32px;}
.nCont .nCul .nCon ul li span{display:block; color:#525248; font-size:12px; font-family:Arial, Helvetica, sans-serif; float:right;}

/*===游戏简介===*/
.intro{ float:left; width:324px; margin-left:11px;}
.intro .iCon{ background:url(../images/jieshao.jpg) no-repeat; height:500px;}
.intro .iCon p{ width:255px; line-height:30px; margin:0 auto; padding:30px 0 0; color:#8a8a79; text-indent:2em;}
.intro .iCon p a{ color:#8a8a79;}
.intro .iCon p a:hover{ color:#c99f5c;}

/*===职业介绍===*/
.roleBox{ height:530px; background:url(../images/contBg.jpg) no-repeat center -503px; overflow:hidden;}
.roleDiv{ float:left; width:660px; height:530px; overflow:hidden;}
.roleDiv h3,.king h3{ padding:16px 0 8px;}
.role{ width:660px; height:480px; overflow:hidden; background: images/gBg.gif) no-repeat 10px -570px; position:relative; float:left;}
.role .rNav{ position:absolute; top:0; left:0; z-index:9;}
.role h3{ width:435px; height:70px; position:relative;}
.role h3 ul{ position:absolute; top:0; left:12px;}
.role h3 ul li{ width:142px; cursor:pointer; font-size:18px; text-align:center; font-weight:normal; float:left; margin-left:-12px;}
.role h3 ul li a{ background:url(../images/rNav.png) no-repeat;_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://css4.game2.cn/ts/img/rNav.png"); color:#434855; display:block; height:70px; line-height:40px; cursor:pointer;}
.role h3 ul li.on a,.role h3 ul li a:hover{ color:#fff; background:url(../images/rNavOn.png) no-repeat;_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://css4.game2.cn/ts/img/rNavOn.png");}
.rCont{ width:660px; height:480px; position:relative; z-index:1;}
.rCont .rInfo{ width:270px; position:absolute; top:110px; left:0;}
.rCont .rDiv{ width:270px; height:250px; padding:0 0 0 20px; position:absolute; top:0; left:0; z-index:8;}
.rCont h4{ width:74px; height:36px; overflow:hidden; background-image:images/rTit.gif); background-repeat:no-repeat; text-indent:-999em; margin:0 auto;}
.rCont .zs{ background-position:0 0;}
.rCont .fs{ background-position:0 -36px;}
.rCont .ds{ background-position:0 -72px;}
.rCont .txt{ width:230px; padding:16px 0 16px 10px; line-height:24px; color:#8e8a6e;}
.rCont .skill{ padding:10px 0 0; float:left;}
.rCont .skill a{ width:62px; height:72px; color:#8e8a6e; float:left; display:block; cursor:default;}
.rCont .skill a img{ width:42px; height:42px; margin:0 10px;}
.rCont .skill a span{ height:30px; line-height:30px; display:block; text-align:center;}
.rCont .skill a:hover span{/* color:#c99f5c;*/}
.rCont .rImg{ width:247px; height:111px; margin:0 0 0 5px;}
.rCont .rRole{ width:330px; position:absolute; top:0px; right:0;}
.rCont .rRole .comPeo{ width:661px; height:480px; overflow:hidden; position:absolute; top:0; right:0; z-index:1;}
.hide{ display:none;}
.rNav2{ width:144px; height:62px; position:absolute; bottom:54px; left:58px; z-index:9;}
.rNav2 a{ width:60px; height:62px; line-height:54px; text-align:center; color:#3b3f4b; font-size:18px; background:url(../images/rNav2.gif) no-repeat; float:left; margin:0 5px;}
.rNav2 a:hover,.rNav2 a.on{ color:#fff; background-position:0 -62px;}
.rPeo{ position:relative; width:661px; height:480px;}
.rPeo .rBox{ position:absolute; top:0; right:0;}

.king{ float:left; padding-left:11px;}
.king .swf2{ width:auto; height:auto; overflow:hidden; padding:0 0 0 0;}

.mainBox{ height:772px; background:url(../images/cont3.jpg) no-repeat center bottom #0e1116; overflow:hidden;}
.box1{ height:333px; overflow:hidden;}
.box2{ height:289px; overflow:hidden;}
.box1 h3,.box2 h3{ padding:18px 0 7px;}
.guide,.advance,.feature,.gong{width:324px;height:333px; float:left;}
.advance,.feature,.gong{ margin-left:12px;}
.gCon,.aCon,.fCon,.gCon2{ background:url(../images/gBg.gif) no-repeat; width:324px; height:282px;}

/*===新手指南===*/
.gList1,.sysTop{width:288px;height: 110px; margin:0 auto; padding-top: 24px;}
.gList1 ul,.sysTop ul{width:288px;height:110px; overflow: hidden;}
.gList1 ul li,.gList1 ul li a,.gList1 ul li,.gList1 ul li a span{ width:64px;}
.gList1 ul li{height:100px;margin:0 4px;float:left;_display:inline; overflow:hidden;}
.gList1 li a{height:82px;display:block; cursor: pointer; background: images/fBg.png) no-repeat; padding-top:18px;}
.gList1 li a span{ width:60px;height:38px; margin:0 2px 22px; display: block; position: relative; overflow:hidden;}
.gList1 li a var{height:20px;line-height:20px; color:#8a8a79; text-align: center;display: block;}
.gList1 li a:hover var{color:#c99f5c;}
.gList2{width:288px;height: 148px;margin:0 auto;}
.gList2 h4{height: 36px;padding-top: 2px; margin-bottom: 15px; background: images/line.png) no-repeat 0 center;text-align: center; font-weight: normal;}
.gList2 h4 span{height:20px;line-height:20px; display: block; font-size:18px;color:#aca784;}
.gList2 h4 var{color:#2c2c29;height:12px;line-height:12px;}
.gList2 ul{width:288px;height:88px;}
.gList2 ul li{width:84px;height:32px;margin:0 6px 12px;float:left;_display:inline; overflow:hidden;}
.gList2 ul li.liLast{margin-right:0;}
.gList2 li a{width:84px;height:32px;line-height:32px; display: block; text-align: center; font-size:14px; color:#697699; background-color:#363f5a;}
.gList2 li a:hover{color:#aac1ff; background-color:#4c556b;}

/*===高手进阶===*/
.aCon{}
.sysTop{}
.sysTop ul{}
.sysTop ul li{width:132px;height:48px;margin:0 6px 12px;float:left;_display: inline;}
.sysTop li a{width:77px;height:48px;line-height:46px; padding-left:55px;display: block; font-size:14px;color:#8e8a6e; background: images/sysBg.gif) no-repeat;}
.sysTop li a.sa2{background-position: 0 -48px;}
.sysTop li a.sa3{background-position: 0 -96px;}
.sysTop li a.sa4{background-position: 0 -144px;}
.sysTop li a:hover{color:#c99f5c;}
.sysList{width:288px;height:148px;margin:0 auto;}
.sysList dl{width:282px;height:56px; padding:12px 0 0 6px; font-size:14px; overflow: hidden;}
.sysList dt{width:70px;height:56px;line-height:28px;color:#aca784; float:left;}
.sysList dd{width:206px;height: 56px;line-height: 28px;float:left;}
.sysList dd a,.sysList dd span{height:28px;line-height:28px;color:#8a8a79;float:left;}
.sysList dd a:hover{color:#c99f5c;}
.sysList dd span{width: 18px;text-align: center;}

/*===特色===*/
.fCon{background:#13161d;}
.fCon ul{width:320px;height:278px;padding:2px;}
.fCon ul li{width:159px;height:86px; overflow:hidden; margin-bottom:1px;float:left;}
.fCon ul li a{display:block; position:relative;overflow:hidden; cursor:pointer; width:157px; height:64px; line-height:64px; margin:18px 0 0 5px; _display:inline; background:url(../images/btn.gif) no-repeat 0 -589px; float:left;}
.fCon ul li a:hover{ background-position:0 -653px;}
.fCon li a strong{ width:64px; height:64px; line-height:64px; display:block; float:left; text-align:center; color:#8a8a79; font-size:22px; font-weight:normal;}
.fCon li a:hover strong{ color:#f9edad;}
.fCon li a span{width:84px;height:39px; line-height:39px; display: block; overflow: hidden;font-size:14px; color:#8e8a6e; padding:12px 0 0 8px; float:left;}
.fCon li a:hover span{ color:#8e8a6e;}

/*===传奇攻略===*/
.gCon2 ul{ width:276px; height:200px; overflow:hidden; margin:0 auto; padding-top:22px;}
.gCon2 ul li,.gCon2 ul li var,.gCon2 ul li a{ height:28px; line-height:28px; color:#8a8a79;}
.gCon2 ul li{ padding-bottom:12px;}
.gCon2 ul li var{ width:52px; display:block; text-align:center; background:url(../images/gVar.gif) no-repeat; float:left;}
.gCon2 ul li a{ width:210px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; display:block; padding-left:10px;}
.gCon2 ul li a:hover{ color:#c99f5c;}
.gCon2 .more2{ width:150px; height:42px; line-height:42px; margin:3px auto 0; display:block; font-size:14px; text-align:center; color:#697699; background-color:#363f5a;}
.gCon2 .more2:hover{color:#aac1ff; background-color:#4c556b;}

/*===媒体攻略===*/
.strategy{width: 660px;height:293px; overflow:hidden; float:left;}
.straCon{width: 660px;height: 240px; overflow:hidden;background: images/gBg.gif) no-repeat 0 -290px;}
.ifmTab{width: 294px;height: 230px;padding:10px 0; margin-left: 24px; float:left;_display:inline; overflow:hidden;}
.ifmTab h4{width:294px;height:40px;margin-bottom:5px;border-bottom:2px solid #2b2b2b;position:relative;}
.ifmTab h4 a{width:76px;height:40px;line-height:40px; text-align: center;font-size:14px;color:#787b6b; float:left; }
.ifmTab h4 a:hover,.ifmTab h4 a.on{color:#eaddaa;}
.ifmTab h4 span{width:76px;height:2px; font-size:0;display:block;background-color:#957747; position:absolute;left:0;bottom:-2px;}
.ifmList{width:294px;height:175px;margin:0 auto; position:relative; overflow:hidden; float:left;}
.ifmDiv{width:294px;height:175px;color:#8a8a79; position:absolute; left:0;top:100%;}

/*===论坛===*/
.bbs{width: 324px;margin:0 12px;_display: inline; float:left;}
.bbsCon{width: 324px;height: 240px;background: images/gBg.gif) no-repeat 0 -42px;}
.bbsPic{width: 288px;height:60px;padding-top: 20px;margin:0 auto 10px; overflow:hidden;}
.bbsPic a{width: 132px;height: 60px; overflow:hidden;margin:0 6px;float:left;_display: inline;}
.bbs ul{width: 276px; height: 146px;margin:0 auto;}
.bbs ul li{height:20px;line-height:20px;padding: 6px 0; border-bottom:1px dotted #272725;}
.bbs li a{ width:180px;height:20px;line-height:20px;padding-left: 10px; color:#8a8a79;background: images/point.gif) no-repeat 0 -5px; float:left; display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.bbs li a:hover{color:#c99f5c; background-position:0 -37px;}
.bbs li span{height:20px;line-height:20px;color:#525248;float: right;}

/*===截图壁纸===*/
.wallpaper{width:324px; float:left;}
.paperCon{width: 324px;height:240px; position: relative; overflow: hidden;}
.paperCon a{width: 324px;height:170px;display: block;color:#979797; border-bottom:1px solid #32322c; cursor: pointer; position: relative; overflow: hidden;}
.paperCon a span,.paperCon a strong,.paperCon a var{position: absolute;left: 30px;}
.paperCon a span{height:30px;line-height:30px;font-size:16px; top: 25px;}
.paperCon a strong{height:30px;line-height:30px; text-decoration: underline; font-weight: normal; font-size:24px; bottom: 40px;}
.paperCon a var{width: 28px;height: 28px;display: block; background: images/iArrow.png) no-repeat;bottom: 10px;}
.paperCon a:hover span,.paperCon a:hover strong{ color:#979797;}

/*友链*/
.friendLink{width:1332px;height:24px;padding:12px 0; margin:20px auto;background-color:#171a22;}
.linkCon{width:1300px;height:24px;line-height:24px;margin:0 auto; overflow:hidden;}
.linkCon a{color:#8a8a79; white-space:nowrap;margin:0 10px; line-height:24px; display:inline-block;}
.linkCon a:hover{ color:#c99f5c;}

.cs{ margin:22px auto 0;}