html { color: #000; background: #FFF}
body, div, ul, li { margin: 0; padding: 0}
img { border: 0}
li { list-style: none}
body { font-family: Microsoft YaHei, Segoe UI, Tahoma, Arial, Verdana, sans-serif; font-size: 18px; line-height:25px; color: #666; background: #fff}


/* banner */
#banner { width: 100%; height: 815px; background: #000; overflow: hidden; position: relative}
#banner .wrapper { width: 990px; margin: 0 auto; position: relative}
#banner_img { display: block; position: relative}
#banner_img li { position: absolute; top: 0; left: 0; width: 100%; height: 815px; background-position: center; background-size: auto; display: none}
#banner_img li.item1.loaded { background: url(/version/god-war/evolution/banner_bg1.jpg) no-repeat center top; display: block}
#banner_img li.item2.loaded { background: url(/version/god-war/evolution/banner_bg2.jpg) no-repeat center top}
#banner_img li.item3.loaded { background: url(/version/god-war/evolution/banner_bg3.jpg) no-repeat center top}
#banner_img li.item4.loaded { background: url(/version/god-war/evolution/banner_bg4.jpg) no-repeat center top}
#banner_img li.item5.loaded { background: url(/version/god-war/evolution/banner_bg5.jpg) no-repeat center top}
#banner_img li.item6.loaded { background: url(/version/god-war/evolution/banner_bg6.jpg) no-repeat center top}
#banner_img li.item7.loaded { background: url(/version/god-war/evolution/banner_bg7.jpg) no-repeat center top}
#banner_img li.item8.loaded { background: url(/version/god-war/evolution/banner_bg8.jpg) no-repeat center top}
#banner_img li.item9.loaded { background: url(/version/god-war/evolution/banner_bg9.jpg) no-repeat center top}
#banner_img li.item10.loaded { background: url(/version/god-war/evolution/banner_bg10.jpg) no-repeat center top}

#banner_img .ad_txt{position: absolute; right: 5px; top: 170px; color: #f2ebeb; text-align:right; text-shadow: 1px 1px rgba(51,51,51,0.3);}
#banner_img .ad_txt h2 { height: 131px; width:430px}
#banner_img li.loaded .ad_txt h2.name1 { background:url(/optimized/name1.b5852673b29a.webp) no-repeat right top}
#banner_img li.loaded .ad_txt h2.name2 { background:url(/optimized/name2.dca8c38ad9ab.webp) no-repeat right top}
#banner_img li.loaded .ad_txt h2.name3 { background:url(/optimized/name3.59d1487c020b.webp) no-repeat right top}
#banner_img li.loaded .ad_txt h2.name4 { background:url(/optimized/name4.cb38e3db0d59.webp) no-repeat right top}
#banner_img li.loaded .ad_txt h2.name5 { background:url(/optimized/name5.d119ddfe3295.webp) no-repeat right top}
#banner_img li.loaded .ad_txt h2.name6 { background:url(/optimized/name6.f11faf093f8c.webp) no-repeat right top}
#banner_img li.loaded .ad_txt h2.name7 { background:url(/optimized/name7.eed79ecf0b2d.webp) no-repeat right top}
#banner_img li.loaded .ad_txt h2.name8 { background:url(/optimized/name8.ada183e05aa1.webp) no-repeat right top}
#banner_img li.loaded .ad_txt h2.name9 { background:url(/optimized/name9.86fdef333c27.webp) no-repeat right top}
#banner_img li.loaded .ad_txt h2.name10 { background:url(/optimized/name10.74ba0f486a07.webp) no-repeat right top}


div.submenu_btn { display: none; width: 674px; height: 62px; position: absolute; top: 186px; right: -20px; z-index: 20; clear: both}
#banner_ctr { position: absolute; width: 960px; height: 122px; margin-left: -174px; left: 50%; top: 186px; z-index: 1}
#banner_ctr ul li { list-style: none; float: left; margin-right: 6px; width: 62px; height: 62px; cursor:pointer}
#banner_ctr ul li button { text-decoration: none; display: block; overflow: hidden; text-indent: -99999px; width: 62px; height: 62px}
#banner_ctr ul li.submenu01 button { background: url(/optimized/submenu_btn.0c330a769a26.webp) 0px 0px no-repeat}
#banner_ctr ul li.submenu01 button:hover { background: url(/optimized/submenu_btn.0c330a769a26.webp) 0px -62px no-repeat}
#banner_ctr ul li.submenu02 button { background: url(/optimized/submenu_btn.0c330a769a26.webp) -68px 0px no-repeat}
#banner_ctr ul li.submenu02 button:hover { background: url(/optimized/submenu_btn.0c330a769a26.webp) -68px -62px no-repeat}
#banner_ctr ul li.submenu03 button { background: url(/optimized/submenu_btn.0c330a769a26.webp) -136px 0px no-repeat}
#banner_ctr ul li.submenu03 button:hover { background: url(/optimized/submenu_btn.0c330a769a26.webp) -136px -62px no-repeat}
#banner_ctr ul li.submenu04 button { background: url(/optimized/submenu_btn.0c330a769a26.webp) -204px 0px no-repeat}
#banner_ctr ul li.submenu04 button:hover { background: url(/optimized/submenu_btn.0c330a769a26.webp) -204px -62px no-repeat}
#banner_ctr ul li.submenu05 button { background: url(/optimized/submenu_btn.0c330a769a26.webp) -272px 0px no-repeat}
#banner_ctr ul li.submenu05 button:hover { background: url(/optimized/submenu_btn.0c330a769a26.webp) -272px -62px no-repeat}
#banner_ctr ul li.submenu06 button { background: url(/optimized/submenu_btn.0c330a769a26.webp) -340px 0px no-repeat}
#banner_ctr ul li.submenu06 button:hover { background: url(/optimized/submenu_btn.0c330a769a26.webp) -340px -62px no-repeat}
#banner_ctr ul li.submenu07 button { background: url(/optimized/submenu_btn.0c330a769a26.webp) -408px 0px no-repeat}
#banner_ctr ul li.submenu07 button:hover { background: url(/optimized/submenu_btn.0c330a769a26.webp) -408px -62px no-repeat}
#banner_ctr ul li.submenu08 button { background: url(/optimized/submenu_btn.0c330a769a26.webp) -476px 0px no-repeat}
#banner_ctr ul li.submenu08 button:hover { background: url(/optimized/submenu_btn.0c330a769a26.webp) -476px -62px no-repeat}
#banner_ctr ul li.submenu09 button { background: url(/optimized/submenu_btn.0c330a769a26.webp) -544px 0px no-repeat}
#banner_ctr ul li.submenu09 button:hover { background: url(/optimized/submenu_btn.0c330a769a26.webp) -544px -62px no-repeat}
#banner_ctr ul li.submenu10 button { background: url(/optimized/submenu_btn.0c330a769a26.webp) -612px 0px no-repeat}
#banner_ctr ul li.submenu10 button:hover { background: url(/optimized/submenu_btn.0c330a769a26.webp) -612px -62px no-repeat}

.level {background:url(/optimized/level.4aab3cd7ae90.webp) no-repeat left top; position: absolute; width: 412px; height: 38px; left: 500px; top: 117px; display:block}
html,body{background:#080b13}#banner{min-width:1000px;transform-origin:top left}#banner_img{padding:0;margin:0}#banner_img li{display:block;visibility:hidden;opacity:0}#banner_img li.active{visibility:visible;opacity:1}#banner_img li.leaving{visibility:visible}
#banner_img .ad_txt{top:170px;margin-top:170px}.ad_txt h2{margin:.83em 0}.ad_txt p{margin:1em 0}
#banner_ctr ul{padding:0;margin:0;width:680px}#banner_ctr{width:680px}#banner_ctr button{padding:0;border:0;background-color:transparent;cursor:pointer}#banner_ctr button[aria-pressed=true]{background-position-y:-62px!important}#banner_ctr button:focus-visible{outline:2px solid #f4d584;outline-offset:2px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.evolution-viewport{overflow:hidden}
@media(prefers-reduced-motion:reduce){#banner_img li{transition:none}}

: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}}