*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;zoom:1}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
article,footer,header,hgroup,menu,nav,section{display:block;clear:all}
html{font-family:"Roboto","Merienda",sans-serif;-ms-text-size-adjust:auto;-webkit-text-size-adjust:auto;height:100%}
body{margin:0;color:#fff;background-color:#f6f5e0;height:100%;-webkit-overflow-scrolling:touch}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
a{background:0 0;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:active{outline:0}
img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input,select,textarea{outline:0}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
textarea{overflow:auto;resize:none}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
ol,ul{list-style:none outside none}
em,i{font-style:normal}
.img{display:flex;align-items:center;justify-content:center}
img{max-width:100%;max-height:100%}
@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}
60%{-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}
}
@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}
60%{-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}
}
@-webkit-keyframes fadeOut{0%{opacity:1;visibility:visible}
90%{opacity:1;visibility:visible}
100%{opacity:0;visibility:hidden;display:none}
}
@keyframes fadeOut{0%{opacity:1;visibility:visible}
90%{opacity:1;visibility:visible}
100%{opacity:0;visibility:hidden;display:none}
}
@-webkit-keyframes move{100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes move{100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}
75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}
90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}
75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}
90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}
75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}
90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}
75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}
90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@-webkit-keyframes aniArrowDown{to{-webkit-transform:translate(0,5px);transform:translate(0,5px)}
}
@keyframes aniArrowDown{to{-webkit-transform:translate(0,5px);transform:translate(0,5px)}
}
@-webkit-keyframes jump{0%{-webkit-transform:translate(0);transform:translate(0)}
10%{-webkit-transform:translateY(5px) scaleX(1.2) scaleY(.8);transform:translateY(5px) scaleX(1.2) scaleY(.8)}
30%{-webkit-transform:translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);transform:translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg)}
50%{-webkit-transform:translateY(0) scale(1) rotateZ(0);transform:translateY(0) scale(1) rotateZ(0)}
55%{-webkit-transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0);transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0)}
70%{-webkit-transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg)}
80%{-webkit-transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0);transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0)}
85%{-webkit-transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0);transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0)}
100%{-webkit-transform:translateY(0) scaleX(1) scaleY(1);transform:translateY(0) scaleX(1) scaleY(1)}
}
@keyframes jump{0%{-webkit-transform:translate(0);transform:translate(0)}
10%{-webkit-transform:translateY(5px) scaleX(1.2) scaleY(.8);transform:translateY(5px) scaleX(1.2) scaleY(.8)}
30%{-webkit-transform:translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);transform:translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg)}
50%{-webkit-transform:translateY(0) scale(1) rotateZ(0);transform:translateY(0) scale(1) rotateZ(0)}
55%{-webkit-transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0);transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0)}
70%{-webkit-transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg)}
80%{-webkit-transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0);transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0)}
85%{-webkit-transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0);transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0)}
100%{-webkit-transform:translateY(0) scaleX(1) scaleY(1);transform:translateY(0) scaleX(1) scaleY(1)}
}
@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,3deg);transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,-3deg);transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,-3deg)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,3deg);transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,-3deg);transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,-3deg)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-webkit-keyframes fNavIn{0%{opacity:0;transform:translateX(-50%) translateX(-100px)}
100%{opacity:1;transform:translateX(-50%)}
}
@keyframes fNavIn{0%{opacity:0;transform:translateX(-50%) translateX(-100px)}
100%{opacity:1;transform:translateX(-50%)}
}
@-webkit-keyframes fNavIn1{0%{clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0)}
100%{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}
}
@keyframes fNavIn1{0%{clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0)}
100%{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}
}
@keyframes mask-right{to{-webkit-mask-position:100% 100%}
}
@keyframes mask-left{to{-webkit-mask-position:0 0;visibility:hidden}
}
@-webkit-keyframes aniPopEle{from{opacity:0}
to{opacity:1}
}
@keyframes aniPopEle{from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes aniPop{from{opacity:0;-webkit-transform:translate(-50%,-50%) scale(var(--popScale),0)}
to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(var(--popScale),var(--popScale))}
}
@keyframes aniPop{from{opacity:0;-webkit-transform:translate(-50%,-50%) scale(var(--popScale),0)}
to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(var(--popScale),var(--popScale))}
}
@keyframes garmentIn{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
@-webkit-keyframes mask {
    from, to {-webkit-mask: url(https://wjdown.99.com/games/my/img/ani/mask/mask_09b54d2e-sm.png) center no-repeat; }
    0% {-webkit-mask-size: 35%; opacity: 1; }
    100% {-webkit-mask-size: 532%;opacity: 1; } }
 @keyframes mask {
    from, to {-webkit-mask: url(https://wjdown.99.com/games/my/img/ani/mask/mask_09b54d2e-sm.png) center no-repeat; }
    0% {-webkit-mask-size: 35%; opacity: 1; }
    100% { -webkit-mask-size: 532%;opacity: 1; } }
@-webkit-keyframes navRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes navRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.slide1.active .main-title,.slide1.active .slg{-webkit-animation:zoomInDown ease .8s;animation:zoomInDown ease .8s}
.slide3.active .gl-item.gl1{margin-left:-552px;margin-top:-227px;transform: rotate(-3deg);}
.slide3.active .gl-item.gl2{margin-left:-267px;margin-top:-30px;transform: rotate(10deg);}
.slide3.active .gl-item.gl3{margin-left: 5px;margin-top: -137px;transform: rotate(-11deg);}
.slide3.active .gl-item.gl4{margin-left: 305px;margin-top: -249px;transform: rotate(5deg);}
body,html{overflow:hidden;transition:all ease .4s;min-width:1400px}
:root{--popRuleScale:1;--popScale:1}
#main,body,html{height:100%;overflow:hidden;min-width:1200px;background:#000}
.contain{position:absolute;width:0;height:0;left:50%;top:50%;bottom:0}
.fullbg{position:absolute;left:50%;top:50%;margin:-540px 0 0 -960px;width:1920px;height:1080px}
.fog{-webkit-mask-image:url(../img/mask-center.png);-webkit-mask-size:3000% 100%;-webkit-mask-position:0 center;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;-webkit-animation:startMask2 .8s steps(29) both 1;animation:startMask .8s steps(29) both 1;z-index:13;background:rgba(29, 4, 4, 0.8); display: none;}
.fog.active{display:block;}
@-webkit-keyframes startMask{to{-webkit-mask-position:100% center;mask-position:100% center}}
@keyframes startMask{to{-webkit-mask-position:100% center;mask-position:100% center}}
.nav{position:absolute;right:50px;bottom:-90px;display:flex;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;width:98px;height:100%;background:url(https://hw.99.com/uploads/wtop/halloween/img/nav-bg.png) no-repeat center;padding-left:0;display: none; transform:translateX(-100%);transition:all .3s;z-index:2}
.nav.show{display: flex;transform:translateX(0)}
.nav a{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:auto;width:98px;height:96px;line-height:44px;font-size:15px;color:#cba86b;margin:5px 0;background:url(https://hw.99.com/uploads/wtop/halloween/img/nav.png) no-repeat center}
.nav a.on,.nav a:hover{background:url(https://hw.99.com/uploads/wtop/halloween/img/nav-on.png) no-repeat center/cover}
.nav a:nth-child(1){width: 147px;height: 156px;background: url(https://hw.99.com/uploads/wtop/halloween/img/sub-nav1.png) no-repeat;left: -22px;top: -8px;}
.nav a:nth-child(1).on,.nav a:hover:nth-child(1){background:url(https://hw.99.com/uploads/wtop/halloween/img/sub-nav1-on.png) no-repeat}
.nav a:nth-child(2){width: 123px;height: 125px;background: url(https://hw.99.com/uploads/wtop/halloween/img/sub-nav2.png) no-repeat;left: -40px;top: -58px;}
.nav a:nth-child(2).on,.nav a:hover:nth-child(2){background:url(https://hw.99.com/uploads/wtop/halloween/img/sub-nav2-on.png) no-repeat}
.nav a:nth-child(3){width: 127px;height: 140px;background: url(https://hw.99.com/uploads/wtop/halloween/img/sub-nav3.png) no-repeat;left: -5px; top: -114px;}
.nav a:nth-child(3).on,.nav a:hover:nth-child(3){background:url(https://hw.99.com/uploads/wtop/halloween/img/sub-nav3-on.png) no-repeat}
.nav a:nth-child(4){width: 130px;height: 150px;background: url(https://hw.99.com/uploads/wtop/halloween/img/sub-nav4.png) no-repeat;left: -5px;top: -163px;}
.nav a:nth-child(4).on,.nav a:hover:nth-child(4){background:url(https://hw.99.com/uploads/wtop/halloween/img/sub-nav4-on.png) no-repeat}
.nav a span{position:relative;z-index:5;font-family: 'Eagle Lake', c-serif;color: #d38f8c;  background-color: #901500;-webkit-background-clip: text;-webkit-text-fill-color: #d38f8c;-webkit-text-stroke: 3px transparent;-webkit-filter: drop-shadow(0 7px 5px #901500);opacity: 0.7;}
.nav a.on span,.nav a:hover span{font-weight:700;position:relative;z-index:5;opacity: 1;}


.go-footer{position:fixed;bottom:30px;right:30px;display:inline-block;height:30px;line-height:30px;font-size:14px;color:#000;background:rgba(255,255,255,.75);z-index:40;padding:0 20px;border-radius:15px}
.go-footer.open i{transform:rotate(180deg)}
.go-footer i{display:inline-block;width:22px;height:22px;background:url(https://hw.99.com/uploads/wtop/halloween/img/icon-arrow.png) no-repeat;margin-left:5px;vertical-align:middle;transition:all .3s}
.footer{position:fixed;bottom:0;left:0;width:100%;font-size:12px;color:#fff;background:#000;padding:10px 0;z-index:12;visibility:hidden;-webkit-transform:translate(0,100%);transform:translate(0,100%);-webkit-transition:all .3s;transition:all .3s}
.footer.show{visibility:visible;-webkit-transform:translate(0,0);transform:translate(0,0)}
.footer a{color:#fff}
.swiper-container{position:relative;width:100%;height:100%;}
.swiper-container .swiper-slide,.swiper-container .swiper-wrapper{position:relative;width:100%;height:100%}
.swiper-container .swiper-slide-main .wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:1600px;height:1000px}
.swiper-container .swiper-slide-main .wrapper::before{content:"";position:absolute;pointer-events:none;opacity:0}
.swiper-container .swiper-slide-main.slide1.active{animation:none}
.wrapper{width:1400px;height:1000px;position:relative;margin:0 auto}
.slide1{background:url(https://hw.99.com/uploads/wtop/halloween/img/page-1.jpg) no-repeat center/cover}
.slide1 .slg{width:996px;height:638px;background:url(https://hw.99.com/uploads/wtop/halloween/img/slg.png) no-repeat center;position:absolute;top:50%;left:50%;margin-top:-407px;margin-left:-165px;font-size:0;padding-top:503px;}
.slide1 video{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;object-position: center center;}
.slide1 .f-nav{position:absolute;bottom:140px;left:50%;transform:translateX(-50%);width:900px;height: 200px;display: flex;justify-content: center;align-items: center;flex-wrap: nowrap;}
.slide1 .f-nav a{position: relative; font-size:24px;width:160px;height:166px;display:flex;justify-content:center;align-items:center;margin: 0 50px;background:url(https://hw.99.com/uploads/wtop/halloween/img/f-nav.png) no-repeat center;}
.slide1 .f-nav a:hover{background:url(https://hw.99.com/uploads/wtop/halloween/img/f-nav-on.png) no-repeat center}
.slide1 .f-nav a span{display: block;width: 113px;height: 43px;font-size: 0;}
.slide1 .f-nav a:first-child span{background:url(https://hw.99.com/uploads/wtop/halloween/img/nav1.png) no-repeat center;}
.slide1 .f-nav a:nth-child(2) span{background:url(https://hw.99.com/uploads/wtop/halloween/img/nav2.png) no-repeat center;}
.slide1 .f-nav a:nth-child(3) span{background:url(https://hw.99.com/uploads/wtop/halloween/img/nav3.png) no-repeat center;}

.tit{font-size:0;background:url(https://hw.99.com/uploads/wtop/halloween/img/tit-1.png) no-repeat center;width:100%;height:132px;margin-top:100px;position: relative; z-index: 5;}
.tit.t2{background:url(https://hw.99.com/uploads/wtop/halloween/img/tit-2.png) no-repeat center}
.tit.t3{background:url(https://hw.99.com/uploads/wtop/halloween/img/tit-3.png) no-repeat center;width: 372px;left: 108px;}

.slide2{background:url(https://hw.99.com/uploads/wtop/halloween/img/page-2.jpg) no-repeat center/cover}
.slide2 .local-rank{padding-top:50px;}
.slide2 .global-rank{padding-top: 40px;}
.slide2 .cont{width:1100px;height:639px;margin:-10px auto 0;position:relative;padding:66px 45px 0}
.slide2 .cont::after{content:"";position:absolute;top:0;left: -47px;width:1223px;height:644px;background:url(https://hw.99.com/uploads/wtop/halloween/img/rank.png) no-repeat center;z-index: -2;pointer-events:none}
.tab-table{width: 150px;height: 320px;position: absolute;z-index: 1;left: -32px;top: 49px;}
.tab-table a{display:flex;width:145px;height:146px;position: relative;}
.tab-table a:first-child{background:url(https://hw.99.com/uploads/wtop/halloween/img/rankTab1.png) no-repeat center;width: 113px;height: 143px;}
.tab-table a:first-child.active,.tab-table a:first-child:hover{background:url(https://hw.99.com/uploads/wtop/halloween/img/rankTab1-on.png) no-repeat center;}
.tab-table a:nth-child(2){background:url(https://hw.99.com/uploads/wtop/halloween/img/rankTab2.png) no-repeat center;width: 120px;height: 125px;}
.tab-table a:nth-child(2).active,.tab-table a:nth-child(2):hover{background:url(https://hw.99.com/uploads/wtop/halloween/img/rankTab2-on.png) no-repeat center;}
.tab-table a span{display:flex;width:100px;height:120px;line-height: 20px;text-align: center;font-family: 'Eagle Lake', c-serif; font-size:16px;margin: 20px auto 0;color: #ffa9a9;background-color: #e00000;-webkit-background-clip: text;-webkit-text-fill-color: #ffa9a9;-webkit-text-stroke: 3px transparent;align-items: center;justify-content: center;}
.tab-table a:nth-child(2) span{height: 63px;margin-left: 7px;}

.slide2 .set-table thead{height:40px}
.slide2 .h-pop{display:none;position:absolute;white-space:normal;bottom:20px;left:-76px;color:#dfdbdb;background:rgba(86,14,14,.7);width:190px;height:auto;padding:10px 10px;font-size:16px;line-height:20px;text-align:justify;border:1px solid #dfdbdb;border-radius:4px;}
.slide2 table{width: 900px; text-align: center;margin: 0 auto;position: relative;left: 7px;}
.slide2 table::after{content:"";position:absolute; top: -14px;left: -25px;width: 935px;height: 487px;background: url(https://hw.99.com/uploads/wtop/halloween/img/tablebg.png) no-repeat 0 0/100% 100%;z-index: -1;}
.slide2 table th{color:#967a7c;font-size:18px}
.slide2 table td{color:#dfdbdb;font-size:16px;height:41px}
.slide2 table td p{font-size:16px}
.slide2 table td:first-child,.slide2 table td:nth-child(2){width:80px}
.slide2 table .num1{background: url(https://hw.99.com/uploads/wtop/halloween/img/th1.png) no-repeat 0 -28px;height: 45px;}
.slide2 table .num2{background: url(https://hw.99.com/uploads/wtop/halloween/img/th2.png) no-repeat 0 -28px;height: 45px;}
.slide2 table .num3{background: url(https://hw.99.com/uploads/wtop/halloween/img/th3.png) no-repeat 0 -28px;height: 45px;}
.slide2 table .num1 td,.slide2 table .num2 td,.slide2 table .num3 td{color:#dfdbdb}
.slide2 table .num1 td:first-child{background:url(https://hw.99.com/uploads/wtop/halloween/img/num1.png) no-repeat center;font-size:0}
.slide2 table .num2 td:first-child{background:url(https://hw.99.com/uploads/wtop/halloween/img/num2.png) no-repeat center;font-size:0}
.slide2 table .num3 td:first-child{background:url(https://hw.99.com/uploads/wtop/halloween/img/num3.png) no-repeat center;font-size:0}
.slide2 table .box{background:url(https://hw.99.com/uploads/wtop/halloween/img/box.png) no-repeat center;width:46px;height:41px;display:block;margin:0 auto;position:relative;cursor:pointer}
.slide2 table .box .h-pop{text-align:left;width: 350px;left: -300px;}
.slide2 table .jp-td{position:relative}
.slide2 table .jp-td:hover .h-pop{display:block;z-index:50}
.slide2 .pager{width:100%;height:27px;display:flex;align-items:center;justify-content:center;margin-top: 25px;position: absolute;bottom: 20px;left: 50%;margin-left: -50%;}
.slide2 .pager a{color:#b6abab;margin:0 20px;font-size: 16px;}
.slide2 .pager span{color:#842c10;display:block;text-decoration:underline;margin:0 20px;font-size: 16px;}
.slide2 .data-tips{width:1100px;margin:0 auto;padding:0 20px;text-align:center;color:#b6abab;font-size:15px}
.slide2 .lang{display:flex;align-items:center;justify-content:center;width: 740px;height:59px;margin:-6px auto 8px;position: absolute;top: 52px;left: 50%;transform: translateX(-50%);}    
.slide2 .lang a{display:flex;align-items:center;justify-content:center;background:url(https://hw.99.com/uploads/wtop/halloween/img/lang.png) no-repeat 0 -2px;width:157px;height:43px;color:#fdcaa9;font-size:16px;margin:0 20px;}
.slide2 .lang a span{color: #fff;background-image: -webkit-linear-gradient(90deg, #a7a7a7 25%, #ffffff 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-filter: drop-shadow(0 4px 2px #3f0300);font-size: 18px;}
.slide2 .lang a.on,.slide2 .lang a:hover{background:url(https://hw.99.com/uploads/wtop/halloween/img/lang-on.png) no-repeat 0 -2px;color:#fff3d5}

.slide3{background:url(https://hw.99.com/uploads/wtop/halloween/img/page-3.jpg) no-repeat center/cover}
.slide3 .gl-item{width:245px;height:212px;position:absolute;top:50%;left:50%;display:flex;flex-direction:column;}
.slide3 .gl-item .gl-tit{color:#d00ed2;font-size:24px;height:100px;padding-top:48px;text-align: center;font-family: 'Philosopher', serif;}
.slide3 .gl-item .gl-tit span{color: #fff;background-image: -webkit-linear-gradient(90deg,#160808 25%,#cb0a00 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-filter: drop-shadow(0 4px 2px #ffc4a2);}
.slide3 .gl-item .gl-txt{color:#3f0200;font-size:18px;padding:23px 30px 0 10px;line-height: 24px;width: 248px;text-align: center;font-family: 'Alice', sans-serif;}
.slide3 .btn-detail{background:url(https://hw.99.com/uploads/wtop/halloween/img/btn-detail.png) no-repeat -27px center;width:353px;height:90px;display:block;font-size:24px;position:absolute;top:50%;left:50%;margin-left:-176px;margin-top:307px;color:#f7c7a8;line-height: 100px; text-align: center;text-shadow: 1px 2px 6px #790c00, 1px 2px 6px #790c00, 1px 2px 6px #790c00;font-family: 'Oregano',serif;letter-spacing:1px;opacity:0;transform:translateY(20px)}
.slide3 .btn-detail:hover{background:url(https://hw.99.com/uploads/wtop/halloween/img/btn-detail-on.png) no-repeat -27px center;transform: scale(1.1);}
.slide3 .gl-item .gl-tit,.slide3 .gl-item .gl-txt{opacity:0;transform:translateY(20px);transition:all .4s ease}
.slide3.active .gl-item .gl-tit,.slide3.active .gl-item .gl-txt,.slide3.active .btn-detail{animation:textReveal .4s ease forwards}
.slide3.active .gl-item.gl1 .gl-tit{animation-delay:.2s}
.slide3.active .gl-item.gl1 .gl-txt{animation-delay:.4s}
.slide3.active .gl-item.gl2 .gl-tit{animation-delay:.6s}
.slide3.active .gl-item.gl2 .gl-txt{animation-delay:.8s}
.slide3.active .gl-item.gl3 .gl-tit{animation-delay:1s}
.slide3.active .gl-item.gl3 .gl-txt{animation-delay:1.2s}
.slide3.active .gl-item.gl4 .gl-tit{animation-delay:1.4s}
.slide3.active .gl-item.gl4 .gl-txt{animation-delay:1.6s}
.slide3.active .btn-detail{animation-delay:2s}
@keyframes textReveal{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}

.slide4{background:#000;overflow:hidden}
.slide4::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://hw.99.com/uploads/wtop/halloween/img/page4-pre.png) no-repeat center/cover;z-index:1}
.slide4.nv1::after,.slide4.nv2::after,.slide4.nv3::after,.slide4.nv4::after,
.slide4.nan1::after,.slide4.nan2::after,.slide4.nan3::after,.slide4.nan4::after,
.slide4.mount1::after,.slide4.mount2::after,.slide4.mount3::after,.slide4.mount4::after,
.slide4.halo1::after,.slide4.halo2::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.slide4.nv1::after{background:url(https://hw.99.com/uploads/wtop/halloween/pic/nv1.gif) no-repeat center/cover;width: 100%;height: 100%; margin: 0;}
.slide4.nv2::after{background:url(https://hw.99.com/uploads/wtop/halloween/pic/nv2-bg.png) no-repeat center/cover;}
.slide4.nv3::after{background:url(https://hw.99.com/uploads/wtop/halloween/pic/nv3-bg.png) no-repeat center/cover;}
.slide4.nv4::after{background:url(https://hw.99.com/uploads/wtop/halloween/pic/nv4-bg.png) no-repeat center/cover;}
.slide4.nan1::after{background:url(https://hw.99.com/uploads/wtop/halloween/pic/nan1.gif) no-repeat center/cover;width: 100%;height: 100%; margin: 0px 0 0 60px; }
.slide4.nan2::after{background:url(https://hw.99.com/uploads/wtop/halloween/pic/nan2-bg.png) no-repeat center/cover;}
.slide4.nan3::after{background:url(https://hw.99.com/uploads/wtop/halloween/pic/nan3-bg.png) no-repeat center/cover;}
.slide4.nan4::after{background:url(https://hw.99.com/uploads/wtop/halloween/pic/nan4-bg.png) no-repeat center/cover;}
.slide4.mount1::after{background:url(https://hw.99.com/uploads/wtop/halloween/pic/mount1.gif) no-repeat center/cover;width: 100%;height: 100%; margin: 40px 0 0 0px;}
.slide4.mount2::after{background:url(https://hw.99.com/uploads/wtop/halloween/pic/mount2-bg.png) no-repeat center/cover;}
.slide4.mount3::after{background:url(https://hw.99.com/uploads/wtop/halloween/pic/mount3-bg.png) no-repeat center/cover;}
.slide4.mount4::after{background:url(https://hw.99.com/uploads/wtop/halloween/pic/mount4-bg.png) no-repeat center/cover;}
.slide4.halo1::after{background:url(https://hw.99.com/uploads/wtop/halloween/pic/halo1.gif) no-repeat center/cover;width: 100%;height: 110%;margin: -71px 0 0 200px; }
.slide4.halo2::after{background:url(https://hw.99.com/uploads/wtop/halloween/pic/halo2-bg.png) no-repeat center/cover;}
.slide4 .sub-nav{position:absolute;width:211px;height:457px;top:403px;left:50%;margin-left:530px;z-index:10}
.slide4 .sub-nav a{position: absolute; font-size:18px;text-align:center;}
.slide4 .sub-nav a.on,.slide4 .sub-nav a:hover{-webkit-animation:jump ease 1s 1;animation:jump ease 1s 1}
.slide4 .sub-nav a span{position: relative;display: block;font-family: 'Griffy', serif;font-weight: bold;color:#b00007;background-color: #000000;-webkit-background-clip: text;-webkit-text-fill-color: #b00007;-webkit-text-stroke: 7px transparent;-webkit-filter: drop-shadow(0 1px 3px #000);z-index: 5;}
.slide4 .sub-nav a:hover span,.slide4 .sub-nav a.on span{-webkit-filter: drop-shadow(-2px 6px 5px #ef0900);}
.slide4 .sub-nav a.on span,.slide4 .sub-nav a:hover span{opacity: 1;}
.slide4 .sub-nav a:nth-child(1){top:-70px;left: -28px;width: 210px;height:144px;padding: 112px 0 0 0;}
.slide4 .sub-nav a:nth-child(1)::after{content:'';position:absolute;top:0;left:0;width:210px;height:144px;background: url(https://hw.99.com/uploads/wtop/halloween/img/sub-btn.png) }
.slide4 .sub-nav a:nth-child(1):hover::after,.slide4 .sub-nav a:nth-child(1).on::after{background: url(https://hw.99.com/uploads/wtop/halloween/img/sub-btn-on.png) }
.slide4 .sub-nav a:nth-child(1) span{transform: rotate(-22deg);left: 29px;}
.slide4 .sub-nav a:nth-child(2){top:90px;left: -34px;width: 171px;height: 128px;padding: 89px 0 0 0;}
.slide4 .sub-nav a:nth-child(2)::after{content:'';position:absolute;top:0;left:0;width:181px;height:144px;background: url(https://hw.99.com/uploads/wtop/halloween/img/sub-btn.png) no-repeat 0 0/100%;transform: rotate(-11deg);}
.slide4 .sub-nav a:nth-child(2):hover::after,.slide4 .sub-nav a:nth-child(2).on::after{background: url(https://hw.99.com/uploads/wtop/halloween/img/sub-btn-on.png) no-repeat 0 0/100%;}
.slide4 .sub-nav a:nth-child(2) span{transform: rotate(-22deg);left: 31px;}
.slide4 .sub-nav a:nth-child(3){top:202px;left: -7px;width: 174px;height: 106px;padding: 90px 0 0 0;}
.slide4 .sub-nav a:nth-child(3)::after{content:'';position:absolute;top:0;left:0;width:161px;height:144px;background: url(https://hw.99.com/uploads/wtop/halloween/img/sub-btn.png) no-repeat 0 0/100%;transform: rotate(25deg);}
.slide4 .sub-nav a:nth-child(3):hover::after,.slide4 .sub-nav a:nth-child(3).on::after{background: url(https://hw.99.com/uploads/wtop/halloween/img/sub-btn-on.png) no-repeat 0 0/100%;}
.slide4 .sub-nav a:nth-child(3) span{transform: rotate(4deg);left: 3px;}
.slide4 .sex-nav{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;z-index:7;margin: 305px 0 0 -57px;}
.slide4 .sex-nav a{background:url(https://hw.99.com/uploads/wtop/halloween/img/sex-tab.png) no-repeat -36px -50px;display:flex;align-items:center;justify-content:center;width:280px;height:94px;color:#f3dfcd;padding: 0 28px 0 43px;}
.slide4 .sex-nav a span{font-size:24px;display:flex;align-items:center;justify-content:center;text-align:center;color:#f7c7a8;text-shadow: 0 0 3px #790c00;line-height:1;width:232px;height:63px;}
.slide4 .sex-nav a+a{margin-left:-35px}
.slide4 .sex-nav a.on,.slide4 .sex-nav a:hover{background:url(https://hw.99.com/uploads/wtop/halloween/img/sex-tab-on.png) no-repeat -36px -50px;}
.slide4 .cont{width:1400px;height:930px;margin:0 auto;position:relative}
.slide4 .cont .con-tit{position:absolute;color:#947b7d;font-size:19px;width:417px;height:144px;text-align:right;top:-43px;left: -23px;padding:184px 0px 0 0;pointer-events:none;z-index: 5;}
.slide4 .cont .con-tit::after{content:'';position:absolute;top: 68px;left: 119px;width:206px;height:446px;background:url(https://hw.99.com/uploads/wtop/halloween/img/tit-line.png) no-repeat center;}
.slide4 .cont .con-tit p{font-size: 18px;width: 319px;position: relative;right: -94px;top: 0px;text-align: center;}
.slide4 .cont .st1{background:url(https://hw.99.com/uploads/wtop/halloween/img/bw-tit-1.png) no-repeat top right}
.slide4 .cont .st2{background:url(https://hw.99.com/uploads/wtop/halloween/img/bw-tit-2.png) no-repeat top right;}
.slide4 .cont .st3{background:url(https://hw.99.com/uploads/wtop/halloween/img/bw-tit-3.png) no-repeat top right}
.slide4 .cont .st4{background:url(https://hw.99.com/uploads/wtop/halloween/img/bw-tit-4.png) no-repeat top right}
.slide4 .cont .con-txt{width:338px;height:125px;background:url(https://hw.99.com/uploads/wtop/halloween/img/bw-txt.png) no-repeat ;position:absolute;top:211px;left: 69px;padding:73px 0 0 45px;font-size:18px;text-align: center;z-index: 2;}
.slide4 .cont .con-txt p{font-size: 18px;color:#caaaac;width: 227px;height: 50px;line-height: 25px;}
.slide4 .cont .con-img{width:302px;height:302px;background:url(https://hw.99.com/uploads/wtop/halloween/img/img-bg.png) no-repeat center;position:absolute;top:50%;margin-top:-111px;left: 87px;z-index:6;display: flex;align-content: center;justify-content: center;align-items: center;flex-direction: column;}
.slide4 .cont .con-img::before{content:'';position:absolute;top:-13px;left:-53px;width:395px;height:363px;background:url(https://hw.99.com/uploads/wtop/halloween/img/img-pre.png) no-repeat center;}
.slide4 .cont .con-img .b-img{bottom: 50px;right: 32px;border-radius: 50%;}
.slide4 .cont .con-img .b-img li{width: 276px;height: 276px; border-radius: 50%;overflow: hidden;}
.slide4 .cont .con-img .b-img img{ max-width: unset;max-height: unset;}
.slide4 .cont .con-img .b-img img.carousel-img-1{width: 550px;margin: -16px 0px 0px -189px;}
.slide4 .cont .con-img .b-img.b-img-garment img.carousel-img-1{width: 680px;margin: -49px 0px 0px -279px;}
.slide4 .cont .con-img .b-img.b-img-garment.nan img.carousel-img-1{margin: -49px 0px 0px -244px;}
.slide4 .cont .con-img .b-img.b-img-halo img.carousel-img-1{margin: -86px 0px 0px -223px;width: 730px;}
.slide4 .cont .con-img .info{position:absolute;bottom:-27px;left: 645px;color:#fbfbfc;font-size: 18px;width: 400px;}
.slide4 .cont .con-img .prevBtn,.slide4 .cont .con-img .nextBtn{position:absolute;top:126px;width: 83px;height: 51px;cursor: pointer;}
.slide4 .cont .con-img .prevBtn:hover,.slide4 .cont .con-img .nextBtn:hover{opacity: 0.6;transform: scale(1.1);}
.slide4 .cont .con-img .nextBtn{right:-101px;background:url(https://hw.99.com/uploads/wtop/halloween/img/right.png) no-repeat center;}
.slide4 .cont .con-img .prevBtn{left:-110px;background:url(https://hw.99.com/uploads/wtop/halloween/img/left.png) no-repeat center;}

.slide4 .tips{color:#efd7ff;font-size:18px;width:800px;position:absolute;top:50%;left:50%;margin-top:350px;margin-left:-150px}
.slide4 .tips p{font-size: 18px;text-shadow: 1px 1px 1px #000;}
.logo{position:absolute;top:190px;left:60%;z-index:10;width: 200px;}
.logo img{width: 100%;}
.slg{display:none}
@media screen and (max-height:920px){
    .slide1 .logo{top:190px}
}
@media screen and (min-height:921px){
    .slide4 .cont .con-img .info{bottom:-50px}
    
}
.pop-box,.pulbic-pop{display:none;position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,.7)}
.pop-box.active,.pulbic-pop.active{display:block}
.pop{position:fixed;left:50%;top:50%;z-index:13;background:url(https://hw.99.com/uploads/wtop/halloween/img/rank.png) no-repeat center;width:880px;height:640px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:18px}
.pop .pop-close{right:-29px;top:20px;position:absolute;width:36px;height:36px;display:block;font-size:0;z-index:14}
.pop .pop-close::after{content:'';position:absolute;top:50%;margin-top:-24px;width:47px;height:48px;left:-5px;background:url(https://hw.99.com/uploads/wtop/halloween/img/pop-close.png) no-repeat 0 0/100%}
.pop .pop-close:hover{-webkit-transition:transform .2s;transition: transform 0.2s;transform:rotate(360deg)}
.pop .pop-cont{width:834px;height:100%;margin:0 auto;color:#dfdbdb}
.pop .pop-title{margin-top:40px}
.pop.pop-common{width:700px;height:385px;background-size:100% 100%}
.tac{display:flex;width:100%;align-items:center;justify-content:center;margin-top:10px}
.tac .pop-btn{background: url(https://hw.99.com/uploads/wtop/halloween/img/sex-tab.png) no-repeat -36px -50px;display: flex;align-items: center;justify-content: center;width: 280px;height: 94px;color: #f3dfcd;padding: 0 28px 0 43px;}
.tac .pop-btn:hover{background: url(https://hw.99.com/uploads/wtop/halloween/img/sex-tab-on.png) no-repeat -36px -50px;}
.tac .pop-btn span{font-size: 20px;color: #f7c7a8;text-shadow: 0 0 3px #790c00;}
.pop-common .pop-cont{width:90%;padding:50px 0 20px}
.pop-common .msg{display:flex;flex-direction:column;height:230px;justify-content:center;font-size:22px;text-align:center;width: 500px;margin: 0 auto;}
.pop-common .msg p{font-size: 18px;line-height: 28px;}
.pop-common .pop-btn{transform:scale(.8)}
.pop-box.active .pop{-webkit-animation:aniPop .4s ease forwards;animation:aniPop .4s ease forwards}
.topbar .topmenu{height:31px!important}
.topbar .topmenu .games{width:140px!important}
.topbar .topmenu .games>ul li{width:140px!important}
.commonbox{display:none;position:fixed;left:0;top:0!important;z-index:999;width:100%;height:100%;background:rgba(0,0,0,.7)}
.commonbox.show{display:block!important}
.tipbox{position:fixed;left:50%;top:50%;z-index:13;background:url(https://hw.99.com/uploads/wtop/halloween/img/rank.png) no-repeat center;width:674px;height:384px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#dfdbdb}
.box1{width:605px;height:369px}
.tip_t a.close{right:-5px;top:-58px;position:absolute;background:url(https://hw.99.com/uploads/wtop/halloween/img/pop-close.png) no-repeat;width:47px;height:48px;display:block;font-size:0;z-index:14;animation:aniPopEle .2s .1s forwards}
.tip_t a.close:hover{-webkit-transition:transform .2s;transition:transform .2s;transform:rotate(360deg)}
.tip_t{position:relative;z-index:2;height:60px;text-align:center}
.tip_t h2{color:#dfdbdb;line-height:17px;font-size:35px;height: 50px;text-align:center;padding-top:17px;font-family: Lora;}
.tip_c{position:relative;z-index:1;font-family:Arial}
.tip_con{width:63%;margin:0 auto;padding:10px 0 5px 0;position:relative}
.tip_con.sp{width:96%}
.tip_con span{color:#dfdbdb}
.tip_con p{padding:7px 0;line-height:16px}
.tip_con div ul{padding:0 20px}
.tip_con div ul li{padding:3px}
.tip_con div label{font-size:18px;text-transform:capitalize;width:100px;display:inline-block;text-align:right;padding-right:3px;color:#dfdbdb}
.tip_con div input.ipt,.tip_con div select.slt{width:230px;padding-left:2px;color:#611e19;background:#fff;border:1px solid #ddc992;height:35px;line-height:35px}
.tip_con div input.code{width:100px}
.tip_db{padding-bottom:10px;text-align:center}
.tip_db ul{margin:0px auto;width:486px}
.tip_db li{float:left;width:204px}
.tip_db a.btn_tip{background: url(https://hw.99.com/uploads/wtop/halloween/img/sex-tab.png) no-repeat -36px -50px;display: flex;align-items: center;justify-content: center;width: 280px;height: 94px;color: #f7c7a8;font-size: 28px;text-shadow: 0 0 3px #790c00; padding: 0 28px 0 43px; transform: scale(.8);}
.tip_db a.btn_tip:hover{text-decoration:none;filter: brightness(1.2)}