@charset "utf-8";
/* wan130 风格 内页头部/底部样式（仅导航与页脚，不影响游戏皮肤自身样式） */

.f-l { float: left; }
.f-r { float: right; }
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { zoom: 1; }

/* ===== 顶部工具条 ===== */
.w130-top-bar { width: 100%; height: 32px; line-height: 32px; border-bottom: 1px solid #eee; background: #fff; position: relative; z-index: 9; }
.w130-top-bar span, .w130-top-bar a { font-size: 12px; height: 32px; float: left; }
.w130-top-bar a:hover { color: #f60; }
.w130-top-menu { width: 1200px; margin: 0 auto; position: relative; z-index: 8; }
.w130-top-menu-fl a { margin-right: 30px; }
.w130-top-menu-fr span, .w130-top-menu-fr a { margin-left: 30px; }
.w130-top-menu-fr span { color: #666; }

/* ===== 主导航 ===== */
.w130-main-nav { width: 100%; background: #fff; border-bottom: 1px solid #e7e7e7; height: 90px; position: fixed; top: 0; left: 0; z-index: 4; transition: all .2s ease-out; }
.w130-nav-auto { width: 1200px; margin: 0 auto; overflow: hidden; }
.w130-logo { padding-top: 24px; width: 200px; height: 50px; }
.w130-logo a { display: block; }
.w130-logo a img { max-height: 60px; max-width: 200px; transition: all .2s ease-out; }
.w130-logo h1 { font-size: 24px; line-height: 50px; color: #f60; white-space: nowrap; overflow: hidden; margin: 0; }
.w130-nav { width: 940px; height: 56px; position: relative; padding-top: 23px; }
.w130-nav ul { margin: 0; padding: 0; list-style: none; }
.w130-nav li { float: left; margin-left: 30px; list-style: none; }
.w130-nav li a { padding: 0 10px; line-height: 48px; font-size: 17px; display: block; position: relative; text-align: center; transition: all .2s ease-out; color: #333; text-decoration: none; }
.w130-nav li a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; border-bottom: 4px solid #f60; transition: width .2s ease-in-out; }
.w130-nav li a:hover:before { width: 100%; }
.w130-nav li.w130-hover a:before { width: 100%; }
.w130-nav li.w130-hover a, .w130-nav li:hover a { color: #f60; }
.w130-nav li.w130-hover a, .w130-nav li:hover a { text-decoration: none; }
/* 页面滚动后导航吸顶 */
.w130-main-nav.w130-nav-fixed { top: 0; box-shadow: 0 2px 8px rgba(0, 0, 0, .1); }
.w130-nav-space { width: 100%; height: 90px; }

/* ===== 底部 ===== */
.w130-footer { width: 100%; padding: 40px 0; background: #fff; position: relative; z-index: 3; }
.w130-footer p { font-size: 12px; text-align: center; line-height: 22px; color: #666; margin: 0; }
.w130-footer p.about-link { margin-bottom: 26px; }
.w130-footer p.about-link a { display: inline-block; margin: 0 5px; font-size: 12px; }
.w130-footer p.about-link a:hover { color: #319cef; }
.w130-footer p.about-link span { margin: 0 5px; color: #ddd; }
.w130-footer p.copy-right { margin-bottom: 10px; }