@charset "utf-8";

@-webkit-keyframes aniShakeDown {
    0%   { -webkit-transform:rotate(-10deg); }
    100% { -webkit-transform:rotate(0); }
}
@-moz-keyframes aniShakeDown {
    0%   { -moz-transform:rotate(-10deg); }
    100% { -moz-transform:rotate(0); }
}
@-ms-keyframes aniShakeDown {
    0%   { -ms-transform:rotate(-10deg); }
    100% { -ms-transform:rotate(0); }
}
@-o-keyframes aniShakeDown {
    0%   { -o-transform:rotate(-10deg); }
    100% { -o-transform:rotate(0); }
}
@keyframes aniShakeDown {
    0%   { transform: rotate(-10deg); }
    100% { transform: rotate(0); }
}

/* Reset 4.2
-----------------------------------------------------------------------------------------------------------*/
html { background-color: #fff; }
body, h1, h2, h3, h4, p, ul, ol, dl, dd, form, textarea, input { margin: 0; }
ul, ol, th, td, input, select { padding: 0; }
ul { list-style: none; }
ol { list-style: inside decimal; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }
em, strong, i { font-style: normal; }
img { vertical-align: top; border: 0; }
input, textarea { outline: none; }
table { border-collapse: collapse; }
section, article, aside, header, footer, nav { display: block; }

/* font */
body, a, input, textarea { font-family: \5FAE\8F6F\96C5\9ED1, Tahoma, Geneva, sans-serif; color: #333; }
body { font-size: 14px; line-height: 1.2; }
input, select, textarea { font-size: inherit; }
h1, h2, h3, h4 { font-weight: 400; font-size: 1em; }

/* parts */
.pr { position: relative; }
.pa { position: absolute; }
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.bc { margin-left: auto; margin-right: auto; }
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.vm { vertical-align: middle; }
.nt { text-indent: -38888px; outline: none; }

.fill { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////AAAAVcLTfgAAAAF0Uk5TAEDm2GYAAAAMSURBVHjaYmAACDAAAAIAAU9tWeEAAAAASUVORK5CYII=) repeat 0 0; }

.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.clearfix { *zoom: 1; }

/* Layout
-----------------------------------------------------------------------------------------------------------*/
.container { max-width: 1920px; min-width: 1280px; margin: 0 auto; }
.wrap { position: relative; width: 1280px; margin: 0 auto; }

/* mask */
.jz-mask, .jz-mask iframe, .jz-mask div { z-index: 10000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-width: 1280px; width: 100%; height: 100%; }
.jz-mask iframe { opacity: 0; filter: alpha(opacity=0); }
.jz-mask .jz-mask-opacity { background-color: #000; }

/* header */
.header { height: 80px; background-color: #151515; }
.header h1 { position: absolute; top: 8px; left: 0; }
.header h1 img { width: 113px; }
.header nav { float: left; margin-left: 160px; }
.header nav li { float: left; width: 215px; text-align: center; }
.header nav li.current { background: url(bg-nav.png) repeat-x; }
.header nav a { display: block; height: 60px; padding-top: 20px; text-decoration: none; color: #fff; }
.header nav span { font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.header aside { float: left; margin-left: 15px; padding-top: 21px; }
.header aside a { color: #adadad; }

/* footer */
.footer, .footer a { color: #363636; }
.footer { padding: 1.6em 0; background-color: #000; font-size: 12px; line-height: 1.6; }

/* 六大活动 */
.anniversary { height: 1075px; background: #140629 url(anniversary-bg.jpg) no-repeat center 0; }
.anniversary ul { position: relative; }
.anniversary li { position: absolute; cursor: pointer; opacity: .9\9; filter: alpha(opacity=90); }
.anniversary li img { width: 280px; height: 305px; }
.anniversary .n1 { top: 470px; left: 4px; }
.anniversary .n2 { top: 729px; left: 302px; }
.anniversary .n3 { top: 111px; left: 293px; }
.anniversary .n4 { top: 115px; left: 719px; }
.anniversary .n5 { top: 622px; left: 718px; }
.anniversary .n6 { top: 348px; left: 1012px; }

.anniversary li:hover { opacity: 1\9; filter: alpha(opacity=100);
    -webkit-animation: aniShakeDown .2s ease-in alternate infinite both;
       -moz-animation: aniShakeDown .2s ease-in alternate infinite both;
        -ms-animation: aniShakeDown .2s ease-in alternate infinite both;
         -o-animation: aniShakeDown .2s ease-in alternate infinite both;
            animation: aniShakeDown .2s ease-in alternate infinite both;
}

.anniversary-layer, .anniversary-layer .switchMod-cont h2, .anniversary-layer .switchMod-page { background: url(anniversary-layer-bg.png) no-repeat; }
.anniversary-layer { display: none; width: 718px; padding-bottom: 40px; background-color: #fdf2b8; background-position: 0 -70px; color: #1d0000; }
.anniversary-layer .close { z-index: 9; position: absolute; top: -70px; right: 0; width: 32px; height: 32px; }
.anniversary-layer .switchMod-cont { display: none; width: 100%; }
.anniversary-layer .switchMod-cont h2 { position: absolute; top: -70px; left: 0; width: 718px; height: 58px; padding-top: 12px; text-align: center; }
.anniversary-layer .switchMod-cont .detail { padding: 0 40px; font-size: 16px; }
.anniversary-layer .switchMod-cont .detail h3 { margin-bottom: 8px; padding-top: 20px; }
.anniversary-layer .switchMod-cont .detail h3 span { display: inline-block; margin-left: -12px; padding: 2px 12px; border-radius: 16px; background-color: #9466df; font-size: 19px; color: #fdf2b8; }
.anniversary-layer .switchMod-cont .detail table { width: 100%; }
.anniversary-layer .switchMod-cont .detail th, .anniversary-layer .switchMod-cont .detail td { padding: 8px 16px; border: 1px solid #b69754; }
.anniversary-layer .switchMod-cont .detail th { width: 28%; background-color: #ffcd78; }
.anniversary-layer .switchMod-cont .detail td { background-color: #ffe2b0; text-align: center; }
.anniversary-layer .switchMod-page { position: absolute; top: 36%; width: 23px; height: 68px; }
.anniversary-layer .switchMod-page-prev { left: -40px; background-position: -718px -80px; }
.anniversary-layer .switchMod-page-next { right: -40px; background-position: -718px -151px; }

.anniversary-layer .scroller, .anniversary-layer .scroller-bar { height: 400px; }
.anniversary-layer .scroller { width: 100%; overflow: hidden; }
.anniversary-layer .scroller-body { top: 0; left: 0; width: 100%; }
.anniversary-layer .scroller-bar, .anniversary-layer .scroller-bar i { top: 0; width: 10px; border-radius: 6px; }
.anniversary-layer .scroller-bar { right: 10px; background-color: #fff; }
.anniversary-layer .scroller-bar i { left: 0; background-color: #9466df; cursor: default; }

/* 资料片 */
.expansion { height: 1021px; background: #f1f9ed url(expansion-bg.jpg) no-repeat center 0; }
.expansion ul { position: absolute; top: 559px; left: 267px; }
.expansion li { float: left; margin-right: 40px; }
.expansion li a { display: block; width: 117px; height: 377px; background: url(expansion-nav.png) no-repeat; }

.expansion li .n1 { background-position: 0 0; }
.expansion li .n2 { background-position: -158px 0; }
.expansion li .n3 { background-position: -315px 0; }
.expansion li .n4 { background-position: -473px 0; }
.expansion li .n5 { background-position: -630px 0; }

.expansion li .n1:hover { background-position: 0 -377px; }
.expansion li .n2:hover { background-position: -158px -377px; }
.expansion li .n3:hover { background-position: -315px -377px; }
.expansion li .n4:hover { background-position: -473px -377px; }
.expansion li .n5:hover { background-position: -630px -377px; }

.expansion-layer { display: none; width: 965px; height: 476px; background: url(expansion-layer-bg.png) no-repeat; }
.expansion-layer .close, .expansion-layer .switchMod-page { background: url(expansion-layer-el.png) no-repeat; }
.expansion-layer .close { z-index: 9; position: absolute; top: -35px; right: 0; width: 27px; height: 27px; }
.expansion-layer .switchMod-page { position: absolute; top: 36%; width: 36px; height: 73px; }
.expansion-layer .switchMod-page-prev { left: -120px; background-position: 0 -100px; }
.expansion-layer .switchMod-page-next { right: -120px; background-position: 0 -27px; }
.expansion-layer .switchMod-cont { display: none; width: 100%; }
.expansion-layer .switchMod-cont h2 { position: absolute; top: -138px; left: -231px; }
.expansion-layer .switchMod-cont h2 img { width: 843px; height: 634px; }
.expansion-layer .switchMod-cont .detail p { padding: 4px 0; }

.expansion-layer .scroller, .expansion-layer .scroller-bar { height: 324px; }
.expansion-layer .scroller { position: absolute; top: 110px; left: 400px; width: 530px; overflow: hidden; }
.expansion-layer .scroller-body { top: 0; left: 0; width: 100%; }
.expansion-layer .scroller-bar, .expansion-layer .scroller-bar i { top: 0; width: 10px; border-radius: 6px; }
.expansion-layer .scroller-bar { right: 10px; background-color: #fff; }
.expansion-layer .scroller-bar i { left: 0; background-color: #b5a170; cursor: default; }

.expansion-layer-nav { position: absolute; top: 10px; right: -380px; width: 210px; }
.expansion-layer-nav a { display: block; height: 65px; background: url(expansion-layer-nav.png) no-repeat; }
.expansion-layer-nav .n1 { background-position: 0 0; }
.expansion-layer-nav .n2 { background-position: 0 -65px; }
.expansion-layer-nav .n3 { background-position: 0 -130px; }
.expansion-layer-nav .n4 { background-position: 0 -195px; }
.expansion-layer-nav .n5 { background-position: 0 -260px; }
.expansion-layer-nav .n6 { background-position: 0 -325px; }
.expansion-layer-nav .n7 { background-position: 0 -390px; }

/* 老玩家回归 */
.return-container { background: #5a08db url(return-bg.jpg) repeat-y center 0; }
.return-container .footer, .return-container .footer a { color: #bebfcb; }
.return-container .footer { background-color: transparent; }

.return-header { height: 914px; background: url(return-bg-header.jpg) no-repeat center 0; }
.return-header ul { position: absolute; top: 689px; left: 349px; }
.return-header li { float: left; margin-right: 148px; }
.return-header li a { display: block; width: 216px; height: 213px; background: url(return-nav.png) no-repeat; }
.return-header li .n1 { background-position: 0 0; }
.return-header li .n1:hover, .return-header .current .n1 { background-position: right 0; }
.return-header li .n2 { background-position: 0 -213px; }
.return-header li .n2:hover, .return-header .current .n2 { background-position: right -213px; }

.return-cont { min-height: 270px; background: url(return-bg-cont.jpg) no-repeat center 0; }
.return-cont .switchMod-cont { display: none; }
.return-cont .detail { width: 1070px; margin: 0 auto; }
.return-cont .desc { padding: 0 52px; background: url(return-cont.png) repeat-y; }
.return-cont .desc p { padding: 4px 0; }