/* 浏览器重写 */
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}}

:root{color-scheme:dark}
.site-head,.site-head *{box-sizing:border-box}
.site-head{height:76px;min-height:76px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 max(20px,calc((100% - 1100px)/2));background:#080b13;border-bottom:1px solid #403446;font-family:"Microsoft YaHei",sans-serif;line-height:1.4;position:relative;z-index:20}
.site-head .site-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#eee7db;flex-shrink:0}
.site-head .site-brand img{width:68px;height:60px;object-fit:contain;vertical-align:middle;flex-shrink:0}
.site-head .site-brand span{font-size:17px;font-weight:700;line-height:1.3;letter-spacing:0;white-space:nowrap}
.site-head .site-brand em{color:#d9af63;font-style:normal;font-weight:inherit}
.site-head .site-brand small{display:block;color:#94a0b5;font-size:9px;letter-spacing:2px;margin-top:4px;text-align:left}
.site-head nav{display:flex;align-items:center;justify-content:flex-end;gap:23px;padding:0;margin:0}
.site-head nav a{display:block;padding:12px 0;color:#c6c8d4;font-size:13px;font-weight:400;white-space:nowrap;text-decoration:none;letter-spacing:0}
.site-head nav a:hover,.site-head nav a[aria-current=page]{color:#eccb8b}
.site-head a:focus-visible{outline:2px solid #eac17b;outline-offset:4px}
.site-foot{box-sizing:border-box;min-height:30px;height:auto;margin:0;padding:5px 14px;background:#080b13;color:#939aaa;text-align:center;font:11px/20px "Microsoft YaHei",sans-serif}
.site-foot a{color:#d9af63}
@media(max-width:920px){.site-head{padding:0 16px}.site-head nav{gap:13px}.site-head .site-brand span{font-size:15px}.site-head .site-brand img{width:54px;height:52px}.site-head nav a{font-size:12px}}
@media(max-width:740px){.site-head{height:auto;min-height:106px;display:flex;flex-direction:column;justify-content:center;gap:0;padding:6px 10px}.site-head .site-brand img{height:47px;width:53px}.site-head .site-brand span{font-size:15px}.site-head nav{width:100%;justify-content:center;gap:clamp(10px,3vw,24px)}.site-head nav a{display:block!important;padding:9px 0;font-size:12px}}