@charset "utf-8";
body,ul,li,span,p,font,div,fieldset,legend,img,input,form,h1,h2,h3,h4,h5,h6,h7,dl,dd,dt{margin:0px;padding:0px;}
img{border:0px;}  a,link {text-decoration: none;} a:hover { text-decoration:none;}
.clear{clear: both;font-size:0px;padding: 0px;margin: 0px;height:0px;line-height:0px; }
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}.clearfix{*zoom:1;}
ul,li,ol {white-space:normal;list-style:none;} table {border-collapse: collapse;}
body { background-color:#000; font-family: 'Microsoft Yahei', arial, helvetica, sans-serif;}

.wraper {}
.main { background:url(../images/bg.jpg) no-repeat 0 0;}
.main_wrap { width: 860px;}
.pageBg_1 { background:url(../images/pageBg_1.png) no-repeat 0 0;}
.pageBg_2 { background:url(../images/pageBg_2.png) no-repeat 0 0;}
.pageBg_3 { background:url(../images/pageBg_3.png) no-repeat 0 0;}
.pageBg_4 { background:url(../images/pageBg_4.png) no-repeat 0 0;}

/*=--左侧边栏
---------------------------------------------*/
.menu { width: 200px; float:left;}
.logo { width: 200px; height: 200px; background:url(../images/logo.jpg) no-repeat 0 0;}
.logo a { display:block; width: 200px; height: 200px;}
/*-导航-*/
.navBar {}
.navBar #navMenu li { height: 86px; overflow:hidden; *float:left; position:relative;}
.navBar #navMenu li a {display:block; width: 200px; height: 86px;}
.navBar #navMenu li a .out,.navBar ul li a .over{ display:block; width: 200px; height: 86px; background:url(../images/btn_nav.jpg) no-repeat; position:absolute;}
.navBar #navMenu .btn_navBar_1 a .out{ background-position: 0 0;}
.navBar #navMenu .btn_navBar_2 a .out{ background-position: 0 -86px;}
.navBar #navMenu .btn_navBar_3 a .out{ background-position: 0 -172px;}
.navBar #navMenu .btn_navBar_4 a .out{ background-position: 0 -258px;}
.navBar #navMenu .btn_navBar_1 a .over{ background-position: -200px 0;}
.navBar #navMenu .btn_navBar_2 a .over{ background-position: -200px -86px;}
.navBar #navMenu .btn_navBar_3 a .over{ background-position: -200px -172px;}
.navBar #navMenu .btn_navBar_4 a .over{ background-position: -200px -258px;}
.navBar #navMenu li a .out { top:0;}
.navBar #navMenu li a .over { top: -86px;}
.navBar #navMenu li a.on .out { top:-86px !important;}
.navBar #navMenu li a.on .over { top: 0px !important;}
.menu .QA { width: 200px; height: 258px; background:url(../images/qr.jpg) no-repeat 0 0;}

/*=--底部版权
---------------------------------------------*/
.footer_wrap { width: 860px; height: 102px; margin:0 auto; padding-top: 16px; padding-bottom: 14px;}
.footer_wrap p {text-align:center;color:#959499; font-size: 12px; line-height: 24px; }
.footer_wrap p a { font-size:12px; color:#959499;}
.footer_wrap p a:hover { text-decoration:underline;}

/*=--主要内容
---------------------------------------------*/
.content { float:left; width:600px; padding-left: 60px;}
.content .title { height: 200px;}
.content_w {}
/*-子导航-*/
.content_w .subMemu { width: 540px; border: solid 1px #4e4d4c; height: 84px; border-left: none; border-right: none;}
.subMemu ul li { float:left; position: relative;}
.subMemu ul li .xian {position:absolute; height:22px; border-left: solid 1px #737373;   top: 30px; left:180px; font-family:Verdana, Geneva, sans-serif; font-weight:100;}
.subMemu ul li a { color:#cfcfcf; font-size: 24px; display:block; height: 84px;line-height: 84px; width: 180px; text-align:center; }
.subMemu ul li.on a { color:#bb9609; font-weight: bold; border-bottom: 3px solid #bb9609; height: 81px;}
/*-文章-*/
.NeiR { font-size:12px; line-height: 24px; color:#9f987f; padding-top:28px; width:540px;}
.NeiR p { text-indent: 2em;}
.NeiR .img_shadow img { -webkit-box-shadow:#1e1e1e 0px 0px 10px,#404040 2px 2px 10px ;-moz-box-shadow:#1e1e1e 0px 0px 10px,#404040 2px 2px 10px ;box-shadow: #1e1e1e 0px 0px 10px,#404040 2px 2px 10px;}

/*=--右浮动框
---------------------------------------------*/
.link_group { position:absolute; right:30px; top: 20px; z-index:40;}
.link_group .btn_link li{ width: 34px; text-align:center; float:left; background:url(../images/quan.png) no-repeat 12px 0; padding-top: 16px;color:#FFF; line-height: 17px;}
.link_group .btn_link li a { display:block; width: 34px; height: 200px;color:#FFF; font-size: 16px;}
.link_group .btn_link li span { font-size:14px;}
.link_group .btn_link .btn_link_3 { padding-left: 6px;}
.link_group .btn_link .shara { padding-top: 6px;}
.link_group .btn_link .shara li { width: 28px; height: 28px; padding:0; margin-bottom: 8px;*margin-bottom: 0px;}
.link_group .btn_link .shara li a{ display:block; width: 28px; height: 28px; background:url(../images/btn_shara.png) no-repeat; text-indent:-999em; overflow: hidden;}
.link_group .btn_link .shara .shara_1 a{ background-position: 0 0;}
.link_group .btn_link .shara .shara_2 a{ background-position: -28px 0;}
.link_group .btn_link .shara .shara_3 a{ background-position: -56px 0;}
.link_group .btn_link .shara .shara_4 a{ background-position: -84px 0;}
.link_group .btn_link .shara .shara_5 a{ background-position: -112px 0;}
.link_group .btn_link .shara .shara_1 a:hover{ background-position: 0 -28px;}
.link_group .btn_link .shara .shara_2 a:hover{ background-position: -28px -28px;}
.link_group .btn_link .shara .shara_3 a:hover{ background-position: -56px -28px;}
.link_group .btn_link .shara .shara_4 a:hover{ background-position: -84px -28px;}
.link_group .btn_link .shara .shara_5 a:hover{ background-position: -112px -28px;}

/*=--page2 武将获取
---------------------------------------------*/
.WjHq { width: 538px; height: 358px;-webkit-box-shadow:#1e1e1e 0px 0px 10px,#404040 2px 2px 16px ;-moz-box-shadow:#1e1e1e 0px 0px 10px,#404040 2px 2px 16px ;box-shadow: #1e1e1e 0px 0px 10px,#404040 2px 2px 16px; position:relative;}
.WjHq li{ float:left; cursor: pointer;}
/*.WjHq li:hover {box-shadow: #e9c24a 0px 0px 16px;}*/
.WjHq li .tavern { width: 538px; height: 358px; background:url(../images/page2_1_w.jpg) no-repeat 0 0; background-size: cover;position:absolute; top:0; left:0; z-index:40; display: none; cursor:auto;}
.WjHq li .visited {width: 538px; height: 358px; background:url(../images/page2_2_w.png) no-repeat 0 0; background-size: cover;position:absolute; top:0; left:0; z-index:40; display: none;cursor:auto;}
.WjHq li.on .tavern { display: block;}
.WjHq li.on .visited { display: block;}

/*=--page2 武将培养
---------------------------------------------*/
.WjPy_box { position: relative; overflow:hidden;}
.WjpY_list li{ float:left; width: 169px; height: 139px; margin: 0 15px 15px 0; cursor: pointer;}
.WjPy_box .WjPy_box_w {width: 537px; height: 448px; position:absolute; top:0; left: 0; display:none; z-index:40;}
.WjPy_box .WjPy_box_w h2 { font-size: 36px; color:#FFF; text-align:center; line-height: 86px; height: 80px; overflow:hidden;}
.WjPy_box .WjPy_box_w p { padding: 0 40px; line-height:22px; font-size:12px;}
.WjPy_box_1 {  background:url(../images/wj1_w.jpg) no-repeat 0 0;}
.WjPy_box_2 {  background:url(../images/wj2_w.jpg) no-repeat 0 0;}
.WjPy_box_3 {  background:url(../images/wj3_w.jpg) no-repeat 0 0;}
.WjPy_box_4 {  background:url(../images/wj4_w.jpg) no-repeat 0 0;}
.WjPy_box_5 {  background:url(../images/wj5_w.jpg) no-repeat 0 0;}
.WjPy_box_6 {  background:url(../images/wj6_w.jpg) no-repeat 0 0;}
.WjPy_box_7 {  background:url(../images/wj7_w.jpg) no-repeat 0 0;}
.WjPy_box_8 {  background:url(../images/wj8_w.jpg) no-repeat 0 0;}
.WjPy_box_9 {  background:url(../images/wj9_w.jpg) no-repeat 0 0;}
.btn_close { display:block; width: 40px; height: 40px; position:absolute; right: 6px; top:6px;}