/* 浏览器重写 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, p, th, td { margin: 0; padding: 0 }
fieldset, img { border: 0 }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit }
del, ins { text-decoration: none }
li { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: baseline }
sub { vertical-align: baseline }
legend { color: #000 }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit }
input, button, textarea, select { font-size: inherit; *font-size:100%;
font-family: inherit }
address, cite, dfn, em, code, var, caption, th { font-style: normal; font-weight: normal }
q:before, q:after { content: '' }
wbr:after { content: '\00200b' }

/* 基础通用 */
.Clear { clear: both }
body { font: 12px/1.5 \5b8b\4f53 }
.clearfix { display: inline-block }
.clearfix:after {/*/*/ content: "."; /* 兼容ie8 */ display: block; height: 0; clear: both; visibility: hidden }
img { vertical-align: top}
.null { margin-bottom: 50px}

/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }

/* 首页 */
body { background: #161616; color:#cfb9aa; line-height:20px }
#wrapout { background:url(/version/god-war/assets/god_01.jpg) no-repeat center top; width: 100%; height: 768px }
.flashContent { background:url(/version/god-war/assets/god_02.jpg) no-repeat center top; width: 1000px; height: 768px; margin: 0 auto; overflow: hidden }

/* 内页 */
#wrapout_inner { background:url(/version/god-war/assets/god_inner_01.jpg) no-repeat center top; width: 100%; height: auto; min-height: 540px }
#wrapper { width:1000px; margin: 0 auto; overflow:hidden}
.head { background:url(/version/god-war/assets/god_inner_02.jpg) no-repeat 0 0; width: 1000px; height: 434px}
.box_job{ background:url(/version/god-war/assets/god_inner_soldier03.jpg) no-repeat 0 0; width: 1000px; height: 499px; position: relative}
.box_job_left { width: 330px; left: 122px; top: 302px; position: absolute }
.box_job_right { width: 330px; left: 557px; top: 302px; position: absolute }

.box_monster { background:url(/version/god-war/assets/god_inner_monster02.jpg) no-repeat 0 0; width: 1000px; height: 290px; position: relative}
.box_monster_name { width:730px; margin: 0 auto; padding-top: 75px}
.purple {color:#de4ade}
.box_monster_card {background:url(/version/god-war/assets/god_inner_monster04.jpg) no-repeat 0 0; width: 1000px; height: 392px; position:relative}
.lunbo { width:730px; height:264px; margin: 0 auto; margin-top:10px}

.box_camp {background:url(/version/god-war/assets/god_inner_camp02.jpg) no-repeat center top; width: 1000px; height: 535px; }
.box_camp_intro { width:730px; margin: 0 auto; padding-top: 78px}
.box_camp_way { width:730px; margin: 0 auto; padding-top: 90px}
.box_camp_prize { width:730px; margin: 0 auto; padding-top: 90px}

.box_city {background:url(/version/god-war/assets/god_inner_city02.jpg) no-repeat center top; width: 1000px; height: 1038px; overflow:hidden}
.box_city_sln { width:730px; margin: 0 auto; padding-top: 75px}
.box_city_sky { width:730px; margin: 0 auto; padding-top: 92px;}
.box_city_pic { width: 640px; height: 682px; margin:0 auto; margin-top:25px}
.box_city_pic img { margin-bottom:14px}
.box_city_arms {background:url(/version/god-war/assets/god_inner_city03.jpg) no-repeat 0 0; width: 1000px; height: 421px;}
.box_city_arms_lunbo { width:730px; height:276px; margin: 0 auto; margin-top:50px}

/* 左侧菜单 */
html body { background-attachment: fixed; }
#roll_menu { position: relative;  height: 241px; width: 131px; background:url(/optimized/leftNav_bg.a409b1e30f79.webp) no-repeat}
#roll_menu ul { width: 64px; height: 198px; margin: 0 auto; padding-top:14px}
#roll_menu ul li { width: 64px; height: 17px; float: left; overflow:hidden; display:block; cursor: pointer; margin-bottom:13px}
#roll_menu ul li a { display: block }
#roll_menu ul li a.a1 { background: url(/optimized/nav.1dc4d9dd8c7f.webp) no-repeat 0 0px; width: 64px; height:17px}
#roll_menu ul li a.a1:hover { background-position: -64px 0; }
#roll_menu ul li a.a2 { background: url(/optimized/nav.1dc4d9dd8c7f.webp) no-repeat 0 -32px; width: 64px; height:17px}
#roll_menu ul li a.a2:hover { background-position: -64px -32px; }
#roll_menu ul li a.a3 { background: url(/optimized/nav.1dc4d9dd8c7f.webp) no-repeat 0 -62px; width: 64px; height:17px}
#roll_menu ul li a.a3:hover { background-position: -64px -62px; }
#roll_menu ul li a.a4 { background: url(/optimized/nav.1dc4d9dd8c7f.webp) no-repeat 0 -92px; width: 64px; height:17px}
#roll_menu ul li a.a4:hover { background-position: -64px -92px; }
#roll_menu ul li a.a5 { background: url(/optimized/nav.1dc4d9dd8c7f.webp) no-repeat 0 -122px; width: 64px; height:17px}
#roll_menu ul li a.a5:hover { background-position: -64px -122px; }
#roll_menu ul li a.a6 { background: url(/optimized/nav.1dc4d9dd8c7f.webp) no-repeat 0 -152px; width: 64px; height:17px}
#roll_menu ul li a.a6:hover { background-position: -64px -152px; }
#roll_menu ul li a.a7 { background: url(/optimized/nav.1dc4d9dd8c7f.webp) no-repeat 0 -180px; width: 64px; height:17px}
#roll_menu ul li a.a7:hover { background-position: -64px -180px; }
#roll {width: 131px; margin-left: -527px;   *margin-left: -528px;/*这个是距离的位置，请自行调整，必要时可以增加IE6的hack*/ position: fixed; left: 50%; top: 52.8%; _position: absolute;  _margin-top: 439px; 
}




.original-version{display:block}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#wrapper>img{display:block}#wrapper{transform-origin:top left}#roll{z-index:10}#roll_menu a:focus-visible{outline:2px solid #edc574;outline-offset:3px}
#roll_menu a[aria-current=page]{filter:brightness(1.4)}
.box_city_arms{display:flow-root}.gallery{position:relative;width:730px}.gallery-window{width:730px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.gallery-window::-webkit-scrollbar{display:none}.gallery-track,.gallery-group{display:flex;align-items:flex-start;width:max-content}.gallery-group{padding:5px 0}.gallery-group img{display:block;flex:none;margin:0 5px}.gallery-controls{display:flex;justify-content:center;gap:10px;padding-top:7px}.gallery-controls button{border:1px solid #715167;background:#211b2d;color:#ddcabc;padding:2px 12px;cursor:pointer;font:12px/20px sans-serif}.gallery-controls button:hover{background:#3c2b4b}.cards .gallery-window{height:264px}.arms .gallery-window{height:276px}
@media(max-width:1000px){#wrapout_inner{position:relative;min-height:0;background-size:190% auto}#roll{left:0;margin-left:0;transform:scale(.72);transform-origin:left center}}

/* 全站共用：顶部快捷条、白色主导航（中英文 + 彩色下划线，悬停填满）、页脚。所有页面最后加载本文件。 */
.snav,.snav *,.site-head,.site-head *,.site-foot,.site-foot *{box-sizing:border-box}
.snav{position:relative;z-index:21;background:#f5f4f4;border-bottom:1px solid #e9e7e7;color:#6b6b6b;font:12px/32px "Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:0}
.snav-in{max-width:1200px;height:32px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.snav-in>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.snav nav{display:flex;flex-shrink:0}
.snav a{display:block;padding:0 10px;color:#6b6b6b;text-decoration:none;line-height:14px;border-left:1px solid #d6d4d4;font-weight:400}
.snav a:first-child{border-left:0}
.snav a:hover{color:#d6006e}
.site-head{position:relative;z-index:20;height:83px;display:flex;align-items:stretch;justify-content:space-between;gap:20px;padding:0 max(16px,calc((100% - 1200px)/2));background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);font-family:"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.4;letter-spacing:0;text-align:left}
.site-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;color:#333;text-decoration:none}
.site-brand .brand-mark{display:block;width:56px;height:56px;flex-shrink:0;border-radius:16px;box-shadow:0 2px 6px rgba(226,64,122,.18)}
.brand-text{display:block}
.brand-text b{display:block;font-size:25px;font-weight:900;line-height:1.2;letter-spacing:2px;white-space:nowrap;color:#e2407a;background:linear-gradient(90deg,#f0457d,#ff8a3d 30%,#e6b000 52%,#3fae7c 72%,#4a7fe0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.brand-text small{display:block;margin-top:3px;color:#757575;font-size:10px;font-weight:400;letter-spacing:3px;white-space:nowrap}
.site-head nav{display:flex;align-items:stretch;margin:0;padding:0}
.site-head nav a{--c:#fff327;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;width:125px;margin-left:1px;padding:4px 0 0;color:#000;text-decoration:none;text-align:center}
.site-head nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;height:4px;background:var(--c);transition:height .4s ease}
.site-head nav a:hover::after,.site-head nav a:focus-visible::after,.site-head nav a[aria-current=page]::after{height:100%}
.site-head nav a:nth-child(2){--c:#ffa43f}.site-head nav a:nth-child(3){--c:#ff878a}.site-head nav a:nth-child(4){--c:#ff87c8}.site-head nav a:nth-child(5){--c:#c990ff}.site-head nav a:nth-child(6){--c:#82b8f1}
.site-head nav strong{display:block;font-size:18px;font-weight:700;line-height:30px;font-style:normal;color:#000;white-space:nowrap}
.site-head nav span{display:block;font-size:12px;font-weight:400;line-height:14px;color:#555;font-variant:small-caps;letter-spacing:1px}
.snav a:focus-visible,.site-head a:focus-visible,.site-foot a:focus-visible,.site-foot button:focus-visible{outline:2px solid #d6006e;outline-offset:2px}
.site-foot{margin:0;padding:20px 16px 24px;background:#fff;border-top:1px solid #e6e4e4;color:#6b6b6b;text-align:center;font:12px/22px "Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:0}
.site-foot p{margin:0}
.site-foot strong{color:#d40000;font-weight:700}
.site-foot a{color:#6b6b6b;text-decoration:underline;text-underline-offset:2px}
.site-foot a:hover{color:#d6006e}
.site-foot button{margin:0 0 0 6px;padding:0;border:0;background:none;color:#6b6b6b;font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
@media(max-width:1120px){.site-head nav a{width:96px}.site-head nav strong{font-size:16px}}
@media(max-width:900px){.site-head{height:auto;flex-direction:column;align-items:stretch;gap:0;padding:0}.site-brand{justify-content:center;padding:10px 16px 8px}.site-head nav{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #eee}.site-head nav a{width:auto;min-height:54px;margin:0;border-left:1px solid #f1f1f1}.site-head nav a:first-child{border-left:0}.site-head nav strong{font-size:14px;line-height:22px}.site-head nav span{font-size:10px;letter-spacing:0}}
@media(max-width:560px){.snav-in>span{display:none}.snav nav{width:100%;justify-content:center}.site-head nav{grid-template-columns:repeat(3,1fr)}.site-head nav a:nth-child(4){border-left:0}.site-head nav a:nth-child(n+4){border-top:1px solid #f1f1f1}.brand-text b{font-size:22px}.site-brand .brand-mark{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.site-head nav a::after{transition:none}}