/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,p,br,form,input,button,textarea,select,fieldset,blockquote,ul,ol,li,dl,dt,dd,pre{margin:0;padding:0;}
textarea,select,input,button,label{vertical-align:middle;font-size:12px;}
html{background:#2d0400 url(../images/1.png) no-repeat center 0px;}
body{font:12px/24px "宋体";background:url(../images/2.jpg) no-repeat center 378px ;color:#b19986;}
img{vertical-align:middle;border:none;}
a{color:#e0b592;text-decoration:none;cursor:pointer; outline:none;}
a:hover{text-decoration:underline;}
ul,li{list-style:none;}
em{font-style:normal;}
input{font-size:12px;vertical-align:middle;}
img{vertical-align:middle;}
.clear:after{content:" ";display:block;clear:both;visibility:hidden;height:0;line-height:0;*zoom:1;}

h3{font-size:14px;}
h3 a:hover{text-decoration:none;}
.top{width:960px;height:379px;margin:auto;position:relative;z-index:100;background:url("../images/1.png") center 0;}
.main{width:960px;margin:auto;position:relative;z-index:1000;background:url("../images/3.png") no-repeat center 0;}
.l{float:left;width:262px; position:relative;}
.r{float:right;width:698px;background:#2c0400;min-height:820px;height:auto !important;padding-bottom:50px;position:relative;}
#logo{position:absolute;top:0;left:15px;width:220px;height:135px;display:block;overflow:hidden;text-indent:-1000em;z-index:10000;background:url(http://www.hwf6.com/images/logo.png) no-repeat center center;}
/*导航*/
.wrap-nav { position: absolute; left:190px; top:45px; width: 100%; height:32px; z-index: 1000;}
#nav { width:700px; height:32px; margin: 0 auto; padding-left: 10px; position: relative; }
#nav a { float: left; width: 115px; height:32px; font:14px/32px "Microsoft YaHei"; color:#fff4c5; text-shadow:0px 2px 0 #531102; text-decoration:none; cursor:pointer; }
#sub_n { display: none; position: absolute; top:40px; left:140px; width:827px; height:257px; background:url(../images/sub_navbg.png) no-repeat; z-index: 100; }
#sub_n ul { margin: auto; width:827px; height:150px; position: relative; }
#sub_n li { position: absolute; top:36px; width:115px; text-align: center; }
#sub_n li a { display: block; font-family:"Microsoft YaHei";  cursor:pointer; }
#sub_n .n1 { left: 158px; }
#sub_n .n2 { left: 270px; }
#sub_n .n3 { left: 386px; }
#sub_n .n4 { left: 503px; }
#sub_n .n5 { left: 615px; }
#sub_n .n6 { left: 732px; }

/*顶部动画*/
#flash{ width:1150px; height:420px; position:absolute; left:-21px; top:68px;}
/*开始游戏*/ 
#play{width:250px;height:104px; margin-top:-29px;}

/*特色介绍*/
.button{width:252px;height:144px;background:url(../images/btn.png) 0 -178px; margin-top:12px;}
.button li{float:left;width:124px;height:45px; margin:0 2px 3px 0;}
.button li a{display:block;width:124px;height:45px; text-indent:-1000em; overflow:hidden; }
.button li a:hover{ background:url(../images/btn.jpg) no-repeat;}
.button li a.b1:hover{ background-position:0 0;}
.button li a.b2:hover{ background-position:-126px 0;}
.button li a.b3:hover{ background-position:0 -48px;}
.button li a.b4:hover{ background-position:-126px -48px;}
.button li a.b5:hover{ background-position:0 -96px;}
.button li a.b6:hover{ background-position:-126px -96px;}

/*客服*/
#help h3{ border-bottom:#4a261b 1px solid;}
.help{padding:18px 0 15px 0px;line-height:21px; width:250px; overflow:hidden;color:#836b56;}
.btn{height:62px;width:250px;background:url(../images/btn.png) no-repeat -306px -398px; margin-bottom:8px;}
.btn a{display:block;float:left;width:83px;height:20px;padding-top:40px; text-indent:10px;color:#836b56;}
.btn a.b1:hover{ background:url(../images/btn.png) no-repeat -306px -468px;}
.btn a.b2:hover{ background:url(../images/btn.png) no-repeat -389px -468px;}
.btn a.b3:hover{ background:url(../images/btn.png) no-repeat -472px -468px;}

/*合作媒体*/
#media{width:240px;height:28px;background:#2d0400;margin-top:5px;border:1px solid #210400;position:relative;}
#media h3{width:236px;height:25px;font:12px/25px "宋体";text-indent:24px;cursor:pointer;border:1px solid #4d2e22;background:#2d0400 url(../images/btn.png) right -275px; color:#9e826f;}
#media .media{position:absolute;top:30px;left:-1px;width:236px;height: 200px; border:1px solid #4d2e22;background:#2d0400;padding:0;display:none;overflow-y:auto;overflow-x: hidden;}
#media .media a{display:block;line-height:28px;text-indent:20px;}
#media .media a:hover{background:#4d2e22;text-decoration:none;}

/*新闻*/
#news{width:364px;height:200px;float:right;position:relative; margin-top:59px;}
#news h3{height:34px;}
#news h3 a{width:59px;float:left;font:14px/34px "微软雅黑";text-align:center;}
#news h3 a.on,#news h3 a:hover{text-decoration:none; background:url(../images/btn.png) no-repeat -505px -179px; color:#fde57b;}
#news ul{width:355px; height:110px; overflow:hidden;}
#news li{height:22px;overflow:hidden;line-height:22px; }
#news li span{float:right;color:#6a5447;}
#news li em{ width:42px; height:17px; margin-right:6px; background:url(../images/btn.png) no-repeat -577px -259px; color:#e0b592;}
#news h2{font:bold 14px/50px "SimSun";text-align:center;height:50px;overflow:hidden;padding: 0 5px;}
#news h2 a{color:#ffbd2e;}
#news a.more{position:absolute;top:8px;right:30px;color:#947c66;font:12px "微软雅黑";}
/*幻灯*/
#focus{float:left;width:332px;height:220px;position:relative; margin-top: 49px;*margin-top: 35px;}
#focus img{width:332px;height:233px;}
.num{position:absolute;left:15px;bottom:14px;height:10px;}
.num a{width:17px;height:8px;float:left;margin-left:3px;display:block;background:url(../images/btn.png) no-repeat right 0;overflow:hidden;text-indent:-1000px;}
.num a.on{background:url(../images/btn.png) no-repeat right -59px;}
/*幻灯2*/
#focus2{ position:absolute; top:187px; left:0px; width:500px; height:200px;}


/*游戏攻略*/
#raiders{width:698px;height:211px;position:relative; float:left; margin:14px auto;position:relative;}
#raiders h3,#jobs h3{height:39px;}
#raiders h3 a{ width:83px;}
#raiders h3 a,#faq h3 a,#jobs h3 a{text-align:center;display:block;float:left;font:14px/39px "微软雅黑";position:relative;}
#raiders h3 a.on,#faq h3 a.on,#jobs h3 a.on{ background:url(../images/btn.png) no-repeat;}
#raiders h3 a.on{ background-position:-505px -217px;}
.data{padding:18px 0 0;}
.data li,.raiders div{width:338px; height:65px; float:left; overflow:hidden; padding-left:10px; margin-bottom:16px;}
.data h4{float:left;width:76px;height:64px;background:url(../images/dataicon.png); text-indent:-1000em; overflow:hidden;}
.data h4.part1{ background-position:0 0px;}
.data h4.part2{ background-position:0 -89px;}
.data h4.part3{ background-position:0 -180px;}
.data h4.part4{ background-position:0 -274px;}
.data p,.raiders li{line-height:20px;float:right;width:250px; color:#5b493a;}
.data p a{float:left;width:60px;height:20px;display:block;float:left;overflow:hidden; color:#b28f72;}
.raiders{padding:18px 0 0;}
.raiders div{ height:70px;}
.raiders div span{ width:71px; height:64px; float:left; display:block; background:url(../images/dataicon.png) no-repeat;margin-top: 3px;}
.raiders div span.part1{ background-position:0 -368px;}
.raiders div span.part2{ background-position:0 -457px;}
.raiders div span.part3{ background-position:0 -554px;}
.raiders div span.part4{ background-position:0 -647px;}
.raiders li{line-height:22px;overflow:hidden;color:#e0b592;}
#raiders a.more,#faq a.more{position:absolute;top:9px;right:20px;background:url(../images/btn.png) no-repeat right -372px;padding-right:12px;color:#967257;}


/*游戏攻略*/
#jobs{width:698px;height:211px;position:relative; float:left; margin:14px auto;position:relative;}
#jobs h3,#jobs h3{height:39px;}
#jobs h3 a{ width:83px;}
#jobs h3 a,#faq h3 a,#jobs h3 a{text-align:center;display:block;float:left;font:14px/39px "微软雅黑";position:relative;}
#jobs h3 a.on,#faq h3 a.on,#jobs h3 a.on{ background:url(../images/btn.png) no-repeat;}
#jobs h3 a.on{ background-position:-505px -217px;}
.data{padding:18px 0 0;}
.data li,.raiders1 div{width:338px; height:65px; float:left; overflow:hidden; padding-left:10px; margin-bottom:16px;}
.data h4{float:left;width:76px;height:64px;background:url(../images/dataicon.png); text-indent:-1000em; overflow:hidden;}
.data h4.part1{ background-position:0 0px;}
.data h4.part2{ background-position:0 -89px;}
.data h4.part3{ background-position:0 -180px;}
.data h4.part4{ background-position:0 -274px;}
.data p,.raiders1 li{line-height:20px;float:right;width:250px; color:#5b493a;}
.data p a{float:left;width:60px;height:20px;display:block;float:left;overflow:hidden; color:#b28f72;}
.raiders1{padding:18px 0 0;}
.raiders1 div{ height:70px;}
.raiders1 div span{ width:71px; height:64px; float:left; display:block; background:url(../images/dataicon.png) no-repeat;margin-top: 3px;}
.raiders1 div span.part1{ background-position:0 -368px;}
.raiders1 div span.part2{ background-position:0 -457px;}
.raiders1 div span.part3{ background-position:0 -554px;}
.raiders1 div span.part4{ background-position:0 -647px;}
.raiders1 li{line-height:22px;overflow:hidden;color:#e0b592;}
#jobs a.more,#faq a.more{position:absolute;top:9px;right:20px;background:url(../images/btn.png) no-repeat right -372px;padding-right:12px;color:#967257;}



/*职业介绍*/
#jobs{width:698px;position:relative; float:left;margin-top: 16px;}

#jobs h3{background:url(../images/btn.png) no-repeat 0 -138px;}




/*列表页导航*/
.dh{height:97px;width:678px;background:url(../images/btn.png) no-repeat 0 0;text-align:right;font:12px/97px "微软雅黑";padding-right:20px;color:#e0b592;}
.dh a{color:#e0b592;}
.dh h2{font:24px/30px "微软雅黑";text-indent:80px;float:left;color:#e0b592; padding-top:35px;text-align:left;}
.dh h2 span{ font-size:14px; float:left; color:#a1735b;}
.r .ban,#tab_xsk{height:28px;width:646px;margin:30px auto 0;border-bottom:1px solid #9c190d;padding-left:20px;}
.r .ban a,#tab_xsk a{display:block;float:left;font:12px/28px "微软雅黑";width:77px;margin-right:6px;text-align:center;background:#2c0400; color:#9c7c60;}
.r .ban a.on,.r .ban a:hover,#tab_xsk a.on,#tab_xsk a:hover{text-decoration:none;position:relative;background:#9c190d; color:#fde57b;}


/*新闻页*/
h1.title{width:626px;color:#ffbc1f;font:24px/30px 微软雅黑;text-align:center;margin:30px auto;border-bottom:1px solid #720d0d;height:50px;overflow: hidden;}
.txt{width:626px;margin:30px auto;overflow:hidden;}
.txt img{display:block;margin:10px auto;}
#art_links{margin:20px auto;width:626px;}
#updown{line-height:30px;text-align:center;background:#521203;font-weight:bold;margin:auto;width:626px;font-weight:bold; color:#ab8c79;}
#updown a{font-weight:normal;}

.conttxt{width:626px;margin:30px auto; font-size:14px; line-height:2;overflow:hidden;}
.conttxt p{ margin-bottom:10px;}

.conttxt img{ max-width:100%;}

/*尾部*/
#foot{ width:966px;margin:0 auto 0; clear:both;text-align:center;padding:30px 0 60px;line-height:22px;border-top:1px solid #3c170d; color:#755340;}
#foot p{margin-bottom:1em;}
#foot a{margin:0 3px; color:#755340;}


#pop{ cursor:pointer}
#pop img{ width:300px; height:216px; margin-left:5px;}
#video{display:none;}


.fix-bg{ position:fixed; top:0; left:0; display:none; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:8888}
.fix-video{ position:fixed; top:50%; left:50%; display:none; margin-left:-400px; margin-top:-300px; width:800px; height:500px; z-index:9999}
.fix-video video{ width:100%; height:100%}
.fix-video span{ position:absolute; top:-10px; right:-10px; width:25px; height:25px; background:url(../images/close.png) center center no-repeat; cursor:pointer; background-size:cover; z-index:9999}