*{-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:"Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,Arial,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;font:12px/1.6 "roboto", sans-serif}
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%}
@font-face{font-family: 'Merriweather', sans-serif;src:url("../font/JCLDS.eot");src:url("../font/JCLDS.eot?#iefix") format("embedded-opentype"),url("../font/JCLDS.woff") format("woff"),url("../font/JCLDS.ttf") format("truetype"),url("../font/JCLDS.svg#RZYZ") format("svg");font-style:normal;font-weight:400}
::-webkit-scrollbar{width:6px;height:6px;background-color:#87dcec;border-radius:3px}
::-webkit-scrollbar-button{display:none}
::-webkit-scrollbar-thumb{background-color:#006da1;border-radius:3px;cursor:pointer}
::-webkit-scrollbar-corner{display:none}
::-webkit-resizer{display:none}
@-webkit-keyframes aniPopEle{from{opacity:0}
to{opacity:1}
}
@keyframes aniPopEle{from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes aniPopNor{from{opacity:0;-webkit-transform:translate(-52%,-50%) scale(var(--popShareScale),0)}
to{opacity:1;-webkit-transform:translate(-52%,-50%) scale(var(--popShareScale),var(--popShareScale))}
}
@keyframes aniPopNor{from{opacity:0;transform:translate(-52%,-50%) scale(var(--popShareScale),0)}
to{opacity:1;transform:translate(-52%,-50%) scale(var(--popShareScale),var(--popShareScale))}
}
@keyframes aniPopSce{from{opacity:0;transform:translate(-50%,-50%) scale(var(--popScenicScale),0)}
to{opacity:1;transform:translate(-50%,-50%) scale(var(--popScenicScale),var(--popScenicScale))}
}
@-webkit-keyframes aniPopSce{from{opacity:0;-webkit-transform:translate(-50%,-50%) scale(var(--popScenicScale),0)}
to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(var(--popScenicScale),var(--popScenicScale))}
}
@-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;transform:translate(-50%,-50%) scale(var(--popScale),0)}
to{opacity:1;transform:translate(-50%,-50%) scale(var(--popScale),var(--popScale))}
}
@-webkit-keyframes aniPopNor2{from{opacity:0;-webkit-transform:translate(-50%,-50%)}
to{opacity:1;-webkit-transform:translate(-50%,-50%)}
}
@keyframes aniPopNor2{from{opacity:0;transform:translate(-50%,-50%)}
to{opacity:1;transform:translate(-50%,-50%)}
}
@keyframes span_y{0%{transform:rotate(0)}
33%{transform:rotate(-20deg)}
66%{transform:rotate(0)}
100%{transform:rotate(10deg)}
}
@keyframes bubble_y{100%{top:-512px}
}
@keyframes bubble_s{0%{transform:scale(.5)}
33%{transform:scale(.8)}
66%{transform:scale(1)}
100%{transform:scale(1)}
}
@keyframes bubble_o{40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
@keyframes bubble_swing_1{0%{margin-left:0}
33%{margin-left:-30px}
66%{margin-left:30px}
100%{margin-left:0}
}
@keyframes bubble_swing_2{0%{margin-left:0}
33%{margin-left:30px}
66%{margin-left:-30px}
100%{margin-left:0}
}
@-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)}
}
@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}
}
.mask,.mist{z-index:10;opacity:1!important}
.mist{-webkit-mask-image:url("https://wjdown.99.com/games/zf/act/2025/lx/mask-right.png");-webkit-mask-size:3000% 100%;-webkit-mask-position:0 0;animation:mask-right .8s steps(29) forwards 1}
.mask{-webkit-mask-image:url("https://wjdown.99.com/games/zf/act/2025/lx/mask-left.png");-webkit-mask-size:3000% 100%;-webkit-mask-position:100% 0;animation:mask-left .8s steps(29,end) forwards 1}
.nav a.go-back:hover::after{-webkit-animation:jump ease 1.2s 1;animation:jump ease 1.2s 1}
.slide1.active .main-title,.slide1.active .slg{-webkit-animation:zoomInDown ease .8s;animation:zoomInDown ease .8s}
.slide1.active .scroll-tip{-webkit-animation:aniArrowDown 1s linear infinite;animation:aniArrowDown 1s linear infinite}
.slide2.active .video-play{-webkit-animation:tada 1.2s linear infinite;animation:tada 1.2s linear infinite}
.slide3.active .btn-rule:hover{-webkit-animation:jump ease 1.2s 1;animation:jump ease 1.2s 1}
.slide3.active .p3-boat a span { pointer-events: all; }
.slide3.active .p3-boat a:hover {-webkit-animation:tada ease .8s;animation:tada ease .8s}
.slide4.active .p4-nav{-webkit-animation:bounceInRight ease-in-out 1s .2s;animation:bounceInRight ease-in-out 1s .2s}
.slide7 .act-info{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}
.slide7.active .act-info{-webkit-animation:move ease-in-out .3s .6s forwards;animation:move ease-in-out .3s .6s forwards}
.slide7.active .rw{-webkit-animation:bounceInRight ease-in-out 1s .2s;animation:bounceInRight ease-in-out 1s .2s}
body,html{overflow:hidden;transition:all ease .4s;min-width:1400px}
#main,body,html{height:100%;overflow:hidden;min-width:1200px;background:#fff}
.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}
.nav{position:absolute;top:0;left:52px;bottom:0;display:flex;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;width:214px;height:100%;background:url(https://hw.99.com/uploads/wtop/23rd/img/nav-bg.png) no-repeat 94px center;padding-left:0;padding-top:110px;opacity:0;transform:translateX(-100%);transition:all .3s;z-index:8}
.nav.show{opacity:1;transform:translateX(0)}
.nav a{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;pointer-events:auto;width:170px;height:43px;line-height:43px;font-size:20px;color:#eee3a8;font-family: 'Merriweather', sans-serif;margin:13px 0}
.nav a span{font-weight:700;background-image:-webkit-linear-gradient(90deg,#53699c 11%,#b1c9f6 31%,#53699c 56%,#b1c9f6 88%,#53699c 101%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;-webkit-filter:drop-shadow(0 0px 13px #0b0f2d) drop-shadow(0 0px 25px #2b79c2);filter:drop-shadow(0 0px 13px #0b0f2d) drop-shadow(0 0px 25px #2b79c2);position:relative;z-index:5;margin-right:-3px;display:inline-block;
    width: 108px;height: 43px;margin-top: 7px;line-height: 19px;padding-left: 24px;text-align: center;}
.nav a:nth-child(6) span{width: 137px;margin-left: -27px;}
.nav a:nth-child(7) span{width: 130px;line-height: 36px;margin-left: -27px;}
.nav a::after{content:'';width:24px;height:23px;background:url(https://hw.99.com/uploads/wtop/23rd/img/nav-icon.png) no-repeat center}
.nav a.on span,.nav a:hover span{font-weight:700;background-image:-webkit-linear-gradient(90deg,#80bcde 19%,#e3f6ff 26%,#80bcde 67%,#e3f6ff 79%,#80bcde 110%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;-webkit-filter:drop-shadow(0 0px 4px rgba(11,15,45,0.7)) drop-shadow(0 0px 6px rgba(43,121,194,0.83));filter:drop-shadow(0 0px 4px rgba(11,15,45,0.7)) drop-shadow(0 0px 6px rgba(43,121,194,0.83));position:relative;z-index:5;display:inline-block;}
.nav a.on::after,.nav a:hover::after{content:'';position:absolute;top:50%;margin-top:-21.5px;left:-20px;width:170px;height:43px;z-index:2;background:url(https://hw.99.com/uploads/wtop/23rd/img/nav-on.png) no-repeat center/cover}
.nav a.go-back{font-size:0}
.nav a.go-back::after{position:absolute;top:50%;margin-top:-24px;left:94px;content:'';width:48px;height:48px;background:url(https://hw.99.com/uploads/wtop/23rd/img/home.png) no-repeat center}
.nav a.go-back:hover::after{transform:scale(1.1);filter:brightness(1.2)}
.nav a.btn-down span{font-weight:400;background-image:-webkit-linear-gradient(90deg,#a04b09 10%,#350707 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;-webkit-filter:drop-shadow(0 0px 1px rgba(255,255,255,0.9));filter:drop-shadow(0 0px 1px rgba(255,255,255,0.9));position:relative;z-index:5;display:inline-block;}
.nav a.btn-down::after{position:absolute;top:50%;margin-top:-39px;left:-50px;content:'';width:214px;height:78px;background:url(https://hw.99.com/uploads/wtop/23rd/img/btn-down.png) no-repeat center}
.nav a.btn-down:hover::after{transform:scale(1.1);filter:brightness(1.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/23rd/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:not(.active){pointer-events:none;z-index:0}
.swiper-container .swiper-slide.active{pointer-events:auto;z-index:1}
.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}
.wrapper{width:1400px;height:1000px;position:relative;margin:0 auto}
.user-info{position:absolute;display:flex;top:-8px;right:130px;flex-direction:row;justify-content:center;align-items:center;z-index:2}
.user-info.show{display:flex}
.user-info span{font-size:18px;background-image:-webkit-linear-gradient(90deg,#9cd8fb 10%,#e3f6ff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 1px 3px #0b0f2d)}
.user-info .btn-login{width:101px;height:34px;background:url(https://hw.99.com/uploads/wtop/23rd/img/btn-login.png) no-repeat center;display:inline-block;text-align:center;line-height:34px;margin-left:10px}
.slide1{background:url(https://hw.99.com/uploads/wtop/23rd/img/page-1.jpg) no-repeat center/cover}
.slide1 .logo{position:absolute;top:110px;left:240px;width: 200px;}
.slide1 .logo:after{content:'';background:url(https://hw.99.com/uploads/wtop/23rd/img/logo-cz.png);width:206px;height:171px;position:absolute;right:-166px;top:-50px}
.slide1 .slg{display: none; width:1201px;height:322px;background:url(https://hw.99.com/uploads/wtop/23rd/img/slg.png) no-repeat center;position:absolute;top:50%;left:50%;margin-top:94px;margin-left:-600px;font-size:0}
.slide1 video{width:100%;height:100%;object-fit:cover}
.sub-title{font-size: 0;}
.slide1 .scroll-tip{width:320px;height:55px;background:url(https://hw.99.com/uploads/wtop/23rd/img/scroll-tip.png) no-repeat center;position:absolute;bottom:50px;left:50%;margin-left:-160px;font-size:0}
.tit{font-size:0;background:url(https://hw.99.com/uploads/wtop/23rd/img/tit1.png) no-repeat center;width:100%;height:256px;margin-top:26px}
.tit.t2{background:url(https://hw.99.com/uploads/wtop/23rd/img/tit2.png) no-repeat center}
.tit.t3{background:url(https://hw.99.com/uploads/wtop/23rd/img/tit3.png) no-repeat center}
.tit.t4{background:url(https://hw.99.com/uploads/wtop/23rd/img/tit4.png) no-repeat center}
.tit.t5{background:url(https://hw.99.com/uploads/wtop/23rd/img/tit5.png) no-repeat center}
.tit.t6{background:url(https://hw.99.com/uploads/wtop/23rd/img/tit6.png) no-repeat center}
.slide2{background:url(https://hw.99.com/uploads/wtop/23rd/img/page-2.jpg) no-repeat center/cover}
.slide2 .cont{width:1299px;height:664px;background:url(https://hw.99.com/uploads/wtop/23rd/img/p2-cont.png) no-repeat center;margin:-93px auto 0;padding-top:90px}
.slide2 .video-box{width:838px;height:473px;background:url(https://hw.99.com/uploads/wtop/23rd/img/video-bg.jpg) no-repeat;margin:0 auto;position:relative}
.slide2 .video-box video{width:100%;height:100%}
.slide2 .video-play{width:126px;height:126px;background:url(https://hw.99.com/uploads/wtop/23rd/img/video-play.png) no-repeat center;position:absolute;top:50%;left:50%;margin-top:-63px;margin-left:-63px}
.slide2 .pp-intro{width:882px;height:470px;margin:0 auto}
.slide2 .lunbo{width:882px;height:300px;position:relative}
.slide2 .pp-txt{color:#143d70;font-size:20px;line-height:1.6;text-align:justify;padding:0 10px}
.slide2 .pp-txt p{font-size: 18px;line-height: 21px;}
.slide2 .pagination{position:absolute;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;height:20px;width:882px}
.slide2 .pagination .swiper-pagination-bullet{width:12px;height:12px;background:#c5ebec;border-radius:50%;opacity:1}
.slide2 .pagination .swiper-pagination-bullet-active{background:#5c86b4}
.slide2 .xc-intro{width:946px;height:562px;margin:0 auto;position:relative}
.slide2 .xc-intro span{width:946px;height:408px;display:block;background:url(https://hw.99.com/uploads/wtop/23rd/img/xc-bg.png) no-repeat center;position:absolute;left:0;top:40px;z-index:2}
.slide2 .xc-intro a{position:absolute;left:0;top:0;z-index:3}
.slide2 .xc-intro a.img-0{top:-30px;left:35px}
.slide2 .xc-intro a.img-1{top:14px;left:335px}
.slide2 .xc-intro a.img-2{top:-26px;left:631px}
.slide2 .xc-intro a.img-3{top:235px;left:583px}
.slide2 .xc-intro a.img-4{top:282px;left:330px}
.slide2 .xc-intro a.img-5{top:217px;left:21px}
.slide2 .wf-intro{width:951px;height:500px;margin:0 auto;position:relative}
.slide2 .wf-intro .ans-list{display:flex;align-items:center;justify-content:center;height:440px;margin:-20px 0 20px;position:relative}
.slide2 .wf-intro .ans-list>div{width:220px;height:408px;position:relative;perspective:1000px;cursor:pointer;margin:0 5px}
.slide2 .wf-intro .ans-ico{width:166px;height:67px;background:url(https://hw.99.com/uploads/wtop/23rd/img/btn-all.png) no-repeat center;position:absolute;left:17px;top:315px;z-index:5}
.slide2 .wf-intro .zm{width:220px;height:408px;display:block;position:absolute;left:0;top:0;z-index:5;transform-style:preserve-3d;transition:transform .6s ease;backface-visibility:hidden}
.slide2 .wf-intro .zm.flipped{transform:rotateY(180deg)}
.slide2 .wf-intro .zm.z0{background:url(https://hw.99.com/uploads/wtop/23rd/img/z1.png) no-repeat center}
.slide2 .wf-intro .zm.z1{background:url(https://hw.99.com/uploads/wtop/23rd/img/z2.png) no-repeat center;top:30px}
.slide2 .wf-intro .zm.z2{background:url(https://hw.99.com/uploads/wtop/23rd/img/z3.png) no-repeat center}
.slide2 .wf-intro .zm.z3{background:url(https://hw.99.com/uploads/wtop/23rd/img/z4.png) no-repeat center;top:30px}
.slide2 .wf-intro .fm{width:215px;height:408px;display:flex;position:absolute;left:0;top:0;z-index:4;padding:10px;align-items:center;justify-content:center;transform-style:preserve-3d;transform:rotateY(180deg);backface-visibility:hidden;transition:transform .6s ease}
.slide2 .wf-intro .fm.flipped{transform:rotateY(0)}
.slide2 .wf-intro .fm.f0{background:url(https://hw.99.com/uploads/wtop/23rd/img/f1.png) no-repeat center}
.slide2 .wf-intro .fm.f1{background:url(https://hw.99.com/uploads/wtop/23rd/img/f2.png) no-repeat center;top:30px}
.slide2 .wf-intro .fm.f2{background:url(https://hw.99.com/uploads/wtop/23rd/img/f3.png) no-repeat center}
.slide2 .wf-intro .fm.f3{background:url(https://hw.99.com/uploads/wtop/23rd/img/f4.png) no-repeat center;top:30px}
.slide2 .wf-intro .fm p{text-shadow:0 0 3px rgba(6,23,56,.4);font-size:18px;color:#fff;line-height: 20px;padding: 0 10px;}
.slide2 .wf-intro .btn-more{width:172px;height:43px;background:url(https://hw.99.com/uploads/wtop/23rd/img/btn-more.png) no-repeat center;display:block;margin:0 auto;font-size:0}
.slide2 .wf-intro .btn-more:hover{transform:scale(1.2)}
.slide2 .p2-nav{width:100%;height:87px;display:flex;align-items:center;justify-content:center;margin-top:-23px}
.slide2 .p2-nav a{width:237px;height:87px;background:url(https://hw.99.com/uploads/wtop/23rd/img/p2-nav.png) no-repeat center;text-align:center;line-height:95px;color:#fff;font-size:21px;margin:0 20px}
.slide2 .p2-nav a span{font-family: 'Merriweather', sans-serif;background-image:-webkit-linear-gradient(90deg,#80bcde 10%,#e3f6ff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0px 2px rgba(11,15,45,0.93))}
.slide2 .p2-nav a.active,.slide2 .p2-nav a:hover{background:url(https://hw.99.com/uploads/wtop/23rd/img/p2-nav-on.png) no-repeat center}
.slide2 .p2-nav a.active span,.slide2 .p2-nav a:hover span{background-image:-webkit-linear-gradient(90deg,#a04b09 10%,#350707 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(90deg,#a04b09 40%,#350707 90%);-webkit-filter:drop-shadow(0 0px 1px rgba(255,255,255,0.9))}
.slide3{background:url(https://hw.99.com/uploads/wtop/23rd/img/page-2.jpg) no-repeat center/cover}
.slide3 .cont{width:1354px;height:789px;background:url(https://hw.99.com/uploads/wtop/23rd/img/p3-cont.png) no-repeat center;margin:-141px 0 0 171px;position:relative;padding:115px 152px 0 62px;z-index:1}
.slide3 .story{width:889px;height:144px;background:url(https://hw.99.com/uploads/wtop/23rd/img/story-bg.png) no-repeat center;position:relative;top: -14px;margin:0 auto;padding:10px 0;z-index:2;opacity:1;visibility:visible;transition:opacity .3s ease}
.slide3 .story.hide{animation:fadeOut .1s forwards}
.slide3 .story p{font-size:18px;width:560px;text-align:center;margin:0 auto;line-height:18px;color:#fafeff}
.slide3 .btn-story{width:88px;height:105px;background:url(https://hw.99.com/uploads/wtop/23rd/img/btn-bj.png) no-repeat center top;display:flex;align-items:flex-end;text-align:center;justify-content:center;position:absolute;top:500px;left:155px;z-index:5}
.slide3 .btn-story span{background-image:-webkit-linear-gradient(90deg,#2b6a8e 29%,#0c3244 30%,#2b6a8e 78%,#0c3244 42%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;-webkit-filter:drop-shadow(0 1px 3px #ffffff);line-height: 16px;
    font-size: 16px;}
.slide3 .btn-story:hover{background:url(https://hw.99.com/uploads/wtop/23rd/img/btn-bj-on.png) no-repeat center top}
.slide3 .boat-line{position:absolute;width:813px;height:478px;top:105px;left:160px}
.slide3 .boat{width:52px;height:48px;position:absolute; transform: rotate(10deg);
    z-index: 2;}
.slide3 .boat.bt1{background:url(https://hw.99.com/uploads/wtop/23rd/img/chuan-1.png) no-repeat center/cover;}
.slide3 .boat.bt2{background:url(https://hw.99.com/uploads/wtop/23rd/img/chuan-2.png) no-repeat center/cover;}
.slide3 .boat.bt3{background:url(https://hw.99.com/uploads/wtop/23rd/img/chuan-3.png) no-repeat center/cover;}
.slide3 .boat.bt4{background:url(https://hw.99.com/uploads/wtop/23rd/img/chuan-4.png) no-repeat center/cover;}
.slide3 .boat.bt5{background:url(https://hw.99.com/uploads/wtop/23rd/img/chuan-5.png) no-repeat center/cover;}
.slide3 .boat.seld{width:117px;height:109px;z-index: 5;}
.slide3 .boat.bt1.seld{background-image: url(https://hw.99.com/uploads/wtop/23rd/img/chuan-1-on.png) ;}
.slide3 .boat.bt2.seld{background-image: url(https://hw.99.com/uploads/wtop/23rd/img/chuan-2-on.png) ;}
.slide3 .boat.bt3.seld{background-image: url(https://hw.99.com/uploads/wtop/23rd/img/chuan-3-on.png) ;}
.slide3 .boat.bt4.seld{background-image: url(https://hw.99.com/uploads/wtop/23rd/img/chuan-4-on.png) ;}
.slide3 .boat.bt5.seld{background-image: url(https://hw.99.com/uploads/wtop/23rd/img/chuan-5-on.png) ;}
.slide3 .h-pop{width:141px;height:71px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url(https://hw.99.com/uploads/wtop/23rd/img/h-pop.png) no-repeat;position:absolute;padding:10px 10px 15px;top:-60px;left:50%;margin-left:-70px;transform:rotate(-10deg)}
.slide3 .h-pop b{font-weight:400;font-size:18px;background-image:-webkit-linear-gradient(90deg,#fff 28%,#ffe851 31%,#fff 55%,#ffe851 81%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(90deg,#fff 28%,#ffe851 31%,#fff 55%,#ffe851 81%);padding-top: 5px;line-height: 16px;}
.slide3 .h-pop em{font-style:normal;color:#fff462;font-size:22px}
.slide3 .boat-txt{background:url(https://hw.99.com/uploads/wtop/23rd/img/b-txt.png) no-repeat center;width:160px;height:26px;line-height:26px;font-size: 16px;text-align:center;position:absolute;left:50%;margin-left:-80px;bottom:-30px;transform:rotate(-10deg)}
.slide3 .btn-rule{width:118px;height:113px;background:url(https://hw.99.com/uploads/wtop/23rd/img/btn-rule.png) no-repeat center;display:flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;top:0;right:42px}
.slide3 .btn-rule span{font-size:18px;line-height: 20px; display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:all;width:79px;height:71px}
.slide3 .btn-rule span b{background-image:-webkit-linear-gradient(90deg,#80bcde 10%,#e3f6ff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0px 4px rgba(11,15,45,0.7))}
.slide3 .btn-rule.r1{top:70px}
.slide3 .btn-rule.r2{top:157px}
.slide3 .p3-boat{position:absolute;width:100%;height:133px;display:flex;bottom:35px;left:0;align-items:center;justify-content:center;padding-right:100px}
.slide3 .p3-boat>div{width:190px;height:189px;position:relative;margin:0 10px}
.slide3 .p3-boat>div.ed .img,.slide3 .p3-boat>div.ed a{filter:grayscale(1)}
.slide3 .p3-boat>div.ed .img:hover,.slide3 .p3-boat>div.ed a:hover{animation:none}
.slide3 .p3-boat .img{background:url(https://hw.99.com/uploads/wtop/23rd/img/b-img.png) no-repeat center;width:190px;height:189px}
.slide3 .p3-boat .h-pop2{background:url(https://hw.99.com/uploads/wtop/23rd/img/h-pop2.png) no-repeat center;width:165px;height:71px;position:absolute;z-index:5;top:30px;left:50%;margin-left:-82.5px;text-align:center;padding:8px 10px 15px;font-size:18px}
.slide3 .p3-boat .h-pop2 p{font-size: 16px;background-image:-webkit-linear-gradient(90deg,#80bcde 10%,#e3f6ff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0px 4px rgba(11,15,45,0.7))}
.slide3 .p3-boat a{display:flex;align-items:center;justify-content:center;position:absolute;width:171px;height:72px;background:url(https://hw.99.com/uploads/wtop/23rd/img/btn-zl.png) no-repeat center;pointer-events:none;top:98px;left:50%;margin-left:-85.5px;padding:22px 10px 18px}
.slide3 .p3-boat a span{width:100%;height:100%;align-items:center;justify-content:center;display:flex;font-size:18px;font-weight:700;pointer-events:all;background-image:-webkit-linear-gradient(90deg,#a04b09 10%,#350707 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0px 1px 1px #fff);filter:drop-shadow(0px 1px 1px #fff);line-height: 16px;text-align: center;}
.slide3 .tips{position:absolute;bottom:-8px;left:0;width:93%;text-align:center;font-size:18px;color:#9ac9e2;line-height: 18px;}
.slide4{background:url(https://hw.99.com/uploads/wtop/23rd/img/page-4.jpg) no-repeat center/cover}
.slide4 .p4-nav{position:absolute;top:50%;left:50%;margin-left:324px;margin-top:-322px;width:342px;height:458px;z-index:5}
.slide4 .p4-nav a{position:relative;display:flex;flex-direction:column;justify-content:center;width:264px;height:113px;text-align:center;font-size:20px;background:url(https://hw.99.com/uploads/wtop/23rd/img/p4-nav.png) no-repeat;padding:35px 0 30px;font-family: 'Merriweather', sans-serif;}
.slide4 .p4-nav a+a{margin-top:-8px}
.slide4 .p4-nav a span{background-image:-webkit-linear-gradient(90deg,#80bcde 10%,#e3f6ff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(1px 1px 4px #0b0f2d) drop-shadow(1px 1px 25px #2b79c2);filter:drop-shadow(1px 1px 4px #0b0f2d) drop-shadow(1px 1px 25px #2b79c2)}
.slide4 .p4-nav a.on,.slide4 .p4-nav a:hover{background:url(https://hw.99.com/uploads/wtop/23rd/img/p4-nav-on.png) no-repeat}
.slide4 .p4-nav a.on span,.slide4 .p4-nav a:hover span{font-size:23px;background-image:-webkit-linear-gradient(90deg,#a04b09 10%,#350707 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(90deg,#a04b09 40%,#350707 90%);-webkit-filter:drop-shadow(0 1px 2px #ffffff)}
.slide4 .p4-nav a:first-child{left:-72px}
.slide4 .p4-nav a:nth-child(2){left:-30px}
.slide4 .p4-nav a:nth-child(4){left:-5px}
.slide4 .p4-nav a:nth-child(5){left:-30px}
.slide4 .p4-nav a:nth-child(6){left:-72px}
.slide4 .cont{width:748px;height:624px;margin-top:-95px;margin-left:380px;background:url(https://hw.99.com/uploads/wtop/23rd/img/p4-cont.png) no-repeat center;position:relative}
.slide4 .cont .img{width:748px;height:624px;padding-left:93px;position:relative}
.slide4 .cont .img .bg{display:block;width:748px;height:624px;background:url(https://hw.99.com/uploads/wtop/23rd/img/p4-cont-on.png) no-repeat center;position:absolute;top:0;left:0;z-index:5;pointer-events:none}
.slide4 .cont .img video{width:539px;height:539px;border-radius:50%;}
.slide4 .cont .zj-lunbo{width:748px;height:624px;margin:86px 0 0 59px;position:relative}
.slide4 .cont .zj-lunbo .pagination{position:absolute;top:480px;left:70px;z-index:10;display:flex;align-items:center;justify-content:center;height:30px;width:400px}
.slide4 .cont .zj-lunbo .pagination .swiper-pagination-bullet{width:23px;height:23px;background:url(https://hw.99.com/uploads/wtop/23rd/img/p-lb.png) no-repeat center;opacity:1}
.slide4 .cont .zj-lunbo .pagination .swiper-pagination-bullet-active{background:url(https://hw.99.com/uploads/wtop/23rd/img/p-lb-on.png) no-repeat center}
.slide4 .cont .ts-tab{width:488px;height:548px;background:url(https://hw.99.com/uploads/wtop/23rd/img/ts-tab.png) no-repeat center;position:absolute;top:32px;left:-227px;z-index:4;display:flex;flex-direction:column;cursor:url(https://hw.99.com/uploads/wtop/23rd/img/pen1.png),auto}
.slide4 .cont .ts-tab a{width:132px;height:130px;text-align:center;display:flex;justify-content:center;align-items:flex-end;position:absolute;padding-bottom:5px;cursor:url(https://hw.99.com/uploads/wtop/23rd/img/pen1.png),auto}
.slide4 .cont .ts-tab a span{font-size: 16px;background-image:-webkit-linear-gradient(90deg,#80bcde 10%,#e3f6ff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.slide4 .cont .ts-tab a:first-child{background:url(https://hw.99.com/uploads/wtop/23rd/img/lan.png) no-repeat center top;top:89px;left:167px}
.slide4 .cont .ts-tab a:nth-child(2){background:url(https://hw.99.com/uploads/wtop/23rd/img/lv.png) no-repeat center top;top:163px;left:91px}
.slide4 .cont .ts-tab a:nth-child(3){background:url(https://hw.99.com/uploads/wtop/23rd/img/hong.png) no-repeat center top;top:264px;left:91px}
.slide4 .cont .ts-tab a:nth-child(4){background:url(https://hw.99.com/uploads/wtop/23rd/img/jin.png) no-repeat center top;top:334px;left:167px}
.slide4 .cont .ts-tab a.on::before,.slide4 .cont .ts-tab a:hover::before{content:'';width:101px;height:92px;position:absolute;top:17px;left:15px;z-index:2;background:url(https://hw.99.com/uploads/wtop/23rd/img/ts-tab-on.png) no-repeat center}
.slide4 .cont .s-tab{width:557px;height:797px;background:url(https://hw.99.com/uploads/wtop/23rd/img/s-tab.png) no-repeat right center;position:absolute;top:-94px;left:-175px;pointer-events:none;z-index:5;display:flex;flex-direction:column;justify-content:center;padding-top:15px;padding-left:3px}
.slide4 .cont .s-tab a{width:216px;height:58px;margin: 2px 0 0 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;pointer-events:all;font-size:24px;padding-right:65px;position:relative}
.slide4 .cont .s-tab a span{font-family: 'Merriweather', sans-serif;background-image:-webkit-linear-gradient(90deg,#80bcde 10%,#e3f6ff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.slide4 .cont .s-tab a p{position:absolute;font-size:18px;color:#c5d8ff;left:-17px;bottom:-26px}
.slide4 .cont .s-tab a p em{font-style:normal;color:#ffd52d}
.slide4 .cont .s-tab a.on,.slide4 .cont .s-tab a:hover{background:url(https://hw.99.com/uploads/wtop/23rd/img/s-tab-on.png) no-repeat center}
.slide4 .cont .s-tab a.on span,.slide4 .cont .s-tab a:hover span{font-family: 'Merriweather', sans-serif;background-image:-webkit-linear-gradient(90deg,#80bcde 10%,#e3f6ff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(1px 1px 4px #0b0f2d) drop-shadow(1px 1px 25px #2b79c2);filter:drop-shadow(1px 1px 4px #0b0f2d) drop-shadow(1px 1px 25px #2b79c2)}
.slide4 .cont .s-tab a+a{margin:7px 0 0 -30px;width: 275px;}
.slide4 .cont .i-tab{width:176px;height:163px;position:absolute;bottom:15px;left:150px;z-index:5}
.slide4 .cont .i-tab a{display:flex;align-items:center;justify-content:center;position:relative;width:118px;height:113px;background:url(https://hw.99.com/uploads/wtop/23rd/img/i-tab.png) no-repeat center;font-size:16px;font-weight:500;pointer-events:none;padding:20px 25px}
.slide4 .cont .i-tab a span{background-image:-webkit-linear-gradient(90deg,#5ee1ff 10%,#66aefe 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:all;text-align: center;
    line-height: 16px;}
    .slide4 .cont .s-tab a+a span{padding-right: 20px;}    
.slide4 .cont .i-tab a.on,.slide4 .cont .i-tab a:hover{background:url(https://hw.99.com/uploads/wtop/23rd/img/i-tab-on.png) no-repeat center;filter:brightness(1.2)}
.slide4 .cont .i-tab a.on span,.slide4 .cont .i-tab a:hover span{background-image:-webkit-linear-gradient(90deg,#80bcde 10%,#e3f6ff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0px 1px 4px #0b0f2d);filter:drop-shadow(0px 1px 4px #0b0f2d)}
.slide4 .cont .i-tab a+a{top:-65px;left:59px}
.slide4 .cont .btn-dp{position:absolute;top:35px;left:550px;z-index:6;width:118px;height:113px;line-height: 14px;display:flex;align-items:center;flex-direction:column;justify-content:center;background:url(https://hw.99.com/uploads/wtop/23rd/img/btn-dp.png) no-repeat center;display: none; }
.slide4 .cont .btn-dp span{background-image:-webkit-linear-gradient(90deg,#80bcde 10%,#e3f6ff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0px 1px 4px #0b0f2d);filter:drop-shadow(0px 1px 4px #0b0f2d);display:flex;align-items:center;justify-content:center;font-size: 15px;}
.slide4 .cont .btn-dp:hover{-webkit-animation:jump ease 1.2s 1;animation:jump ease 1.2s 1}
.slide4 .cont .pr-intro{width:530px;margin-left:155px;text-align:center}
.slide4 .cont .pr-intro .p-tit{font-size:30px;font-weight:700}
.slide4 .cont .pr-intro .p-tit p{font-size: 30px; background-image:-webkit-linear-gradient(90deg,#ffbe21 10%,#fffee3 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0px 13px #0b0f2d) drop-shadow(0 0px 25px #2b79c2);filter:drop-shadow(0 0px 13px #0b0f2d) drop-shadow(0 0px 25px #2b79c2)}
.slide4 .cont .pr-intro .p-txt{font-size:22px;line-height:1.2}
.slide4 .cont .pr-intro .p-txt p{background-image:-webkit-linear-gradient(90deg,#80bcde 19%,#e3f6ff 26%,#80bcde 67%,#e3f6ff 79%,#80bcde 110%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0px 1px 4px #0b0f2d);filter:drop-shadow(0px 1px 4px #0b0f2d);font-size: 22px;
    line-height: 20px;}
.slide4 .cont .tips{width:530px;color:#79adc3;font-size:18px;margin-left:155px;text-align:center;margin-top:10px}
.slide5,.slide6{background:url(https://hw.99.com/uploads/wtop/23rd/img/page-2.jpg) no-repeat center/cover}
.slide5 .cont,.slide6 .cont{width:1305px;height:737px;background:url(https://hw.99.com/uploads/wtop/23rd/img/p5-cont.png) no-repeat center;margin:-98px auto 0;position:relative;padding:88px 120px 0 120px;z-index:1}
.slide5 .cont::after,.slide6 .cont::after{content:'';width:1283px;height:672px;position:absolute;pointer-events:none;top:16px;left:-20px;background:url(https://hw.99.com/uploads/wtop/23rd/img/yu-bg.png) no-repeat center}
.slide5 .lan-tab,.slide6 .lan-tab{display:flex;width:100%;align-items:center;justify-content:center;position:absolute;left:0;top:0}
.slide5 .lan-tab a,.slide6 .lan-tab a{display:flex;align-items:center;justify-content:center;background:url(https://hw.99.com/uploads/wtop/23rd/img/lan-tab.png) no-repeat center;width:158px;height:73px;font-family: 'Merriweather', sans-serif;margin:0 60px;font-size:24px;padding-top:5px}
.slide5 .lan-tab a span,.slide6 .lan-tab a span{display:flex;align-items:center;justify-content:center;background-image:-webkit-linear-gradient(90deg,#80bcde 10%,#e3f6ff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0px 1px 4px #0b0f2d);filter:drop-shadow(0px 1px 4px #0b0f2d)}
.slide5 .lan-tab a.on,.slide5 .lan-tab a:hover,.slide6 .lan-tab a.on,.slide6 .lan-tab a:hover{background:url(https://hw.99.com/uploads/wtop/23rd/img/lan-tab-on.png) no-repeat center}
.slide5 .lan-tab a.on span,.slide5 .lan-tab a:hover span,.slide6 .lan-tab a.on span,.slide6 .lan-tab a:hover span{background-image:-webkit-linear-gradient(90deg,#a04b09 10%,#350707 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(90deg,#a04b09 40%,#350707 90%);-webkit-filter:drop-shadow(0 0px 1px rgba(255,255,255,0.9))}
.slide5 .rank,.slide6 .rank{width:1054px;margin:0 auto;background:url(https://hw.99.com/uploads/wtop/23rd/img/rank.png) no-repeat center top}
.slide5 .setb,.slide6 .setb{width:95%;margin:0 auto;text-align:center}
.slide5 .setb th,.slide6 .setb th{height:60px;color:#fff7c9;font-size:22px}
.slide5 .setb td,.slide6 .setb td{height:44px;color:#39407c;font-size:18px}
.slide5 .setb td:first-child,.slide5 .setb th:first-child,.slide6 .setb td:first-child,.slide6 .setb th:first-child{width:10%}
.slide5 .setb td:nth-child(2),.slide5 .setb th:nth-child(2),.slide6 .setb td:nth-child(2),.slide6 .setb th:nth-child(2){width:16%}
.slide5 .setb td:nth-child(3),.slide5 .setb th:nth-child(3),.slide6 .setb td:nth-child(3),.slide6 .setb th:nth-child(3){width:18%}
.slide5 .setb td:nth-child(4),.slide5 .setb th:nth-child(4),.slide6 .setb td:nth-child(4),.slide6 .setb th:nth-child(4){width:18%}
.slide5 .setb td:nth-child(5),.slide5 .setb th:nth-child(5),.slide6 .setb td:nth-child(5),.slide6 .setb th:nth-child(5){width:15%}
.slide5 .setb td:nth-child(6),.slide5 .setb th:nth-child(6),.slide6 .setb td:nth-child(6),.slide6 .setb th:nth-child(6){width:15%}
.slide5 .setb .num0,.slide6 .setb .num0{background:url(https://hw.99.com/uploads/wtop/23rd/img/one.png) no-repeat center;font-size:0}
.slide5 .setb .num1,.slide6 .setb .num1{background:url(https://hw.99.com/uploads/wtop/23rd/img/two.png) no-repeat center;font-size:0}
.slide5 .setb .num2,.slide6 .setb .num2{background:url(https://hw.99.com/uploads/wtop/23rd/img/three.png) no-repeat center;font-size:0}
.slide5 .setb .box,.slide6 .setb .box{background:url(https://hw.99.com/uploads/wtop/23rd/img/box.png) no-repeat center;width:44px;height:40px;display:block;margin:0 auto;position:relative;cursor:pointer}
.slide5 .setb .h-pop,.slide6 .setb .h-pop{display:none;position:absolute;white-space:normal;top:-4px;left:-250px;color:#754b2e;width:270px;background:#fdfaef;font-size:14px;align-items:center;justify-content:center;text-align:justify;padding:5px;line-height:1.2;border:1px solid #cfb494}
.slide5 .setb .jp-td:hover .h-pop,.slide6 .setb .jp-td:hover .h-pop{display:flex;z-index:50}
.slide5 .pagination,.slide6 .pagination{width:1054px;display:flex;justify-content:center;align-items:center;position:absolute;bottom:110px;left:50%;margin-left:-527px}
.slide5 .pagination a,.slide6 .pagination a{color:#2b478c;font-size:16px;padding:5px 10px;margin:0 7px}
.slide5 .pagination span,.slide6 .pagination span{color:#3a68ff;padding:5px 10px;margin:0 7px;font-size:16px}
.slide5 .tips,.slide6 .tips{width:1054px;color:#dcfcff;font-size:16px;position:absolute;bottom:-5px;left:50%;line-height:16px;text-align:center;margin-left:-527px}
.slide7{background:url(https://hw.99.com/uploads/wtop/23rd/img/page-2.jpg) no-repeat center/cover}
.slide7 .cont{width:1299px;height:664px;background:url(https://hw.99.com/uploads/wtop/23rd/img/p2-cont.png) no-repeat center;margin:-65px auto 0;padding-top:74px;position:relative}
.slide7 .rw{width:1204px;height:860px;background:url(https://hw.99.com/uploads/wtop/23rd/img/rw.png) no-repeat center;position:absolute;left:-95px;top:-62px;z-index:3}
.slide7 .act-info{margin-left:600px;color:#182455;position:relative;z-index:5}
.slide7 .act-info .act-time{width:534px;background:url(https://hw.99.com/uploads/wtop/23rd/img/act-time.png) no-repeat 32px center;text-align:center;font-size:24px;line-height: 24px;}
.slide7 .act-info .act-tt{width:240px;height:40px;background:url(https://hw.99.com/uploads/wtop/23rd/img/act-tt.png) no-repeat center;display:flex;align-items:center;justify-content:center;font-size:22px;font-family: 'Merriweather', sans-serif;margin:11px 0 10px 37px}
.slide7 .act-info .act-tt span{display:flex;align-items:center;justify-content:center;background-image:-webkit-linear-gradient(90deg,#80bcde 10%,#e3f6ff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0px 1px 4px #0b0f2d);filter:drop-shadow(0px 1px 4px #0b0f2d)}
.slide7 .act-info .act-desc{font-size:20px;margin-left:37px;width:470px;line-height:1.6}
.slide7 .act-info .act-desc p{font-size: 18px;line-height: 18px;}
.slide7 .act-info .act-list{display:flex;justify-content:start;align-items:center;margin-top:-20px}
.slide7 .act-info .pr{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:20px;margin-right:-17px;width: 517px;}
.slide7 .act-info .pr .img{width:190px;height:189px;background:url(https://hw.99.com/uploads/wtop/23rd/img/pr-bg.png) no-repeat center}
.slide7 .act-info .pr p{margin-top:-20px;font-size: 18px;width: 150px;text-align: center;line-height: 18px;height: 36px;}
.slide7 .act-info .tips{width:540px;font-size:20px;line-height: 18px; color:#79adc3;margin-top:10px;text-align:center}
.slide7 .act-info .act-fb{position: absolute;top: 54px;left: 477px; width:37px;height:37px;background:url(https://hw.99.com/uploads/allimg/co/fb.png) no-repeat center}
@media screen and (max-height:920px){.slide1 .logo{top:150px}
}
.pop-box,.pulbic-pop{display:none;position:fixed;left:0;top:0;z-index:999;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/23rd/img/pop.png) no-repeat center top;width:674px;height:384px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.pop>*{opacity:0;animation:aniPopEle .2s .1s forwards}
.pop .pop-close{right:20px;top:0;position:absolute;background:url(https://hw.99.com/uploads/wtop/23rd/img/pop-close.png) no-repeat;width:48px;height:53px;display:block;font-size:0;z-index:14}
.pop .pop-close:hover{-webkit-transition:transform .2s;transition:transform .2s;transform:rotate(180deg)}
.pop .pop-m{width:100%;height:100%;padding:10px 97px 0 85px;color:#354588}
.pop-title{padding:50px 0 0}
.pop-title h3,.pop-title span{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:26px;color:#182455;font-family: 'Merriweather', sans-serif;}
.pop-title h3::after,.pop-title h3::before,.pop-title span::after,.pop-title span::before{content:'';width:84px;height:10px;margin:0 10px}
.pop-title h3::before,.pop-title span::before{background:url(https://hw.99.com/uploads/wtop/23rd/img/pop-tit-l.png) no-repeat center/cover}
.pop-title h3::after,.pop-title span::after{background:url(https://hw.99.com/uploads/wtop/23rd/img/pop-tit-r.png) no-repeat center/cover}
.tac{display:flex;width:100%;align-items:center;justify-content:center;margin-top:20px}
.tac .pop-btn{width:174px;height:49px;line-height:52px;background:url(https://hw.99.com/uploads/wtop/23rd/img/pop-btn.png) no-repeat center/cover;margin:0 20px;text-align:center;font-size:20px;font-family: 'Merriweather', sans-serif;}
.tac .pop-btn span{background-image:-webkit-linear-gradient(90deg,#80bcde 10%,#e3f6ff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0px 2px rgba(11,15,45,0.93))}
.tac .pop-btn:hover{background:url(https://hw.99.com/uploads/wtop/23rd/img/pop-btn-on.png) no-repeat center/cover}
.tac .pop-btn:hover span{background-image:-webkit-linear-gradient(90deg,#a04b09 10%,#350707 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(90deg,#a04b09 40%,#350707 90%);-webkit-filter:drop-shadow(0 0px 1px rgba(255,255,255,0.9))}
.tac .pop-btn1{display:flex;align-items:center;justify-content:center;background:url(https://hw.99.com/uploads/wtop/23rd/img/lan-tab1.png) no-repeat center;width:190px;height:73px;margin:0 60px;font-size:20px}
.tac .pop-btn1 span{display:flex;align-items:center;justify-content:center;background-image:-webkit-linear-gradient(90deg,#80bcde 10%,#e3f6ff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0px 1px 4px #0b0f2d);filter:drop-shadow(0px 1px 4px #0b0f2d)}
.tac .pop-btn1.on,.tac .pop-btn1:hover{background:url(https://hw.99.com/uploads/wtop/23rd/img/lan-tab1-on.png) no-repeat center}
.tac .pop-btn1.on span,.tac .pop-btn1:hover span{background-image:-webkit-linear-gradient(90deg,#a04b09 10%,#350707 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(90deg,#a04b09 40%,#350707 90%);-webkit-filter:drop-shadow(0 0px 1px rgba(255,255,255,0.9))}
.pop-scenic{background:url(https://hw.99.com/uploads/wtop/23rd/img/pop-scenic.png) no-repeat center;width:1019px;height:575px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.pop-scenic .pop-close{top:5px;right:47px}
.pop-scenic .pop-m{width:100%;height:100%;padding:60px 108px 0 83px}
.pop-scenic .pop-cont{height:460px;display:flex;flex-direction:column}
.pop-scenic .img{width:750px;height:292px;margin:0 auto}
.pop-scenic .intro{padding:50px 40px 0;font-size:20px;color:#143d70;line-height:1.5;position:relative}
.pop-scenic .intro::before{content:'';display:block;width:172px;height:54px;background:url(https://hw.99.com/uploads/wtop/23rd/img/sc-info.png) no-repeat left;position:absolute;left:30px;top:5px}
.pop-scenic .intro p{font-size: 18px;line-height: 18px;height: 90px;overflow-y: auto;}
.pop-scenic .btn-buy{text-align:center;font-size:18px;text-decoration:underline;color:#143d70}
.pop-rule .pop-m{width:75%;height:245px;line-height:1.5;margin:0 auto 0;overflow-y:auto;padding:10px 10px 0 10px}
.pop-rule .pop-m p{font-size: 18px;}
.bp-pop .pop-m{width:75%;padding:0 30px 0 10px;height:245px;overflow-y:auto;margin:0 auto 0}
.bp-pop table{width:100%;margin:0 auto;text-align:center;font-size:18px}
.bp-pop table th{height:50px;font-size:20px}
.bp-pop table td{padding:5px;font-size: 18px;}
.pop-common .pop-m{width:100%;height:100%;padding:60px 97px 60px 85px;color:#354588}
.pop-common .msg{display:flex;flex-direction:column;height:200px;justify-content:center;font-size:24px;text-align:center}
.pop-common .msg p{font-size: 20px;line-height: 24px;}
.pop-video{background:url(https://hw.99.com/uploads/wtop/23rd/img/pop-video.png) no-repeat center;width:991px;height:679px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.pop-video .pop-close{top:5px;right:97px}
.pop-video .pop-m{padding:60px 160px 0 90px}
.pop-video .pop-video-box{width:100%;height:495px;display:flex;align-items:center;justify-content:center}
.pop-video .pop-video-box video{max-width:90%;margin:0 auto;border:2px solid #087db1}
.pop-video .tac{margin-top:-5px}
.sev-pop .pop-m{width:100%;height:100%;padding:60px 97px 60px 85px;color:#354588}
.sev-pop ul{display:flex;flex-direction:column;justify-content:center;width:260px;height:180px;margin:0 auto;font-size:26px}
.sev-pop ul li{height:60px;line-height:60px;display:flex;align-items:center}
.sev-pop ul li label{width:4em}
.pulbic-pop .pop-cont{position:fixed;left:50%;top:50%;z-index:13;background:url(https://hw.99.com/uploads/wtop/23rd/img/pop.png) no-repeat center top;width:674px;height:384px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#354588}
.pulbic-pop .pop-close{right:20px;top:0;position:absolute;background:url(https://hw.99.com/uploads/wtop/23rd/img/pop-close.png) no-repeat;width:48px;height:53px;display:block;font-size:0;z-index:14}
.pulbic-pop .pop-close:hover{-webkit-transition:transform .2s;transition:transform .2s;transform:rotate(180deg)}
.pulbic-pop ul{display:flex;flex-direction:column;justify-content:center;width:260px;height:170px;margin:0 auto;font-size:26px}
.pulbic-pop ul li{height:50px;line-height:50px;display:flex;align-items:center}
.pulbic-pop ul li label{width:4em}
.pulbic-pop .table,.pop-rule table{width:470px;margin:20px auto 0;line-height:40px;font-size:20px}
.pulbic-pop .table td,.pop-rule table td,.pulbic-pop .table th,.pop-rule table th{height:60px}
.pulbic-pop .table label{float:left;width:6em;line-height:40px;text-align:right;color:#354588}
.pulbic-pop .table span{float:left;width:260px;height:35px;background:#ced9ed;overflow:hidden;line-height:35px;border:1px solid #535684;border-radius:20px}
.pulbic-pop .table input,.pulbic-pop .table select{display:block;width:250px;height:100%;padding:0 16px;background:0 0;border:none;color:#354588;line-height:35px;font-size:20px}
.pulbic-pop .table input option,.pulbic-pop .table select option{color:#354588}
.pulbic-pop .table input::placeholder,.pulbic-pop .table select::placeholder{color:#354588}

.pop-rule .rule-en,.pop-rule .rule-ar{display: none;}
.enpage .rule-en{display: block;}
.arpage .rule-ar{display: block;}


.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/23rd/img/pop.png) no-repeat center top;width: 674px;height: 384px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color: #354588;}
.box1{width: 605px;height: 369px;}
#accountlogin .box1,.login_form_class .box1{height: 382px;background-size: 100% 100%;padding-top: 50px;}
.tip_t a.close{right: -13px;top: -36px;position: absolute;background: url(https://hw.99.com/uploads/wtop/23rd/img/pop-close.png) no-repeat;width: 48px;height: 53px;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(180deg);}
.tip_t{position:relative;z-index:2;height:60px;text-align:center}
.tip_t h2{color: #182455;line-height:26px;font-size:35px;text-align:center;padding-top:17px;font-family: 'Merriweather', sans-serif;}
.tip_t h2::after,.tip_t h2::before{content:'';width:84px;height:10px;margin:0 10px;position: absolute;}
.tip_t h2::before{background:url(https://hw.99.com/uploads/wtop/23rd/img/pop-tit-l.png) no-repeat center/cover;left:75px;top:23px}
.tip_t h2::after{background:url(https://hw.99.com/uploads/wtop/23rd/img/pop-tit-r.png) no-repeat center/cover;right:75px;top:23px}
.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:#391b8f}
.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}
.tip_con div input.ipt,.tip_con div select.slt{width:230px;padding-left:2px;color:#172355;background: #ced9ed;border:1px solid #7c82a4;height:35px;line-height:35px}
.tip_con div input.code{width:100px}
.tip_db{padding-bottom:10px;text-align:center}
.tip_db ul{margin:10px auto;width:385px}
.tip_db li{float:left;width:190px}
.tip_db a.btn_tip{display:inline-block;*display:inline;*zoom:1;width:155px;height:44px;line-height:44px;font-size:23px;background: url(https://hw.99.com/uploads/wtop/23rd/img/pop-btn.png) no-repeat 0 0/100%;color: #d7fafe;}
.tip_db a.btn_tip:hover{text-decoration:none;background: url(https://hw.99.com/uploads/wtop/23rd/img/pop-btn-on.png) no-repeat 0 0/100%;color: #5a1d0a;}
#accountlogin .tip_db .accountmore a{color: #354588;width: 180px;display: inline-block;}