*{-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) scale(var(--s));transform:translate(0) scale(var(--s))}
10%{-webkit-transform:translateY(5px) scaleX(calc(var(--s)*1.2)) scaleY(calc(var(--s)*.8));transform:translateY(5px) scaleX(calc(var(--s)*1.2)) scaleY(calc(var(--s)*.8))}
30%{-webkit-transform:translateY(-13px) scaleX(var(--s)) scaleY(var(--s)) rotateZ(5deg);transform:translateY(-13px) scaleX(var(--s)) scaleY(var(--s)) rotateZ(5deg)}
50%{-webkit-transform:translateY(0) scale(var(--s)) rotateZ(0);transform:translateY(0) scale(var(--s)) rotateZ(0)}
55%{-webkit-transform:translateY(0) scaleX(calc(var(--s)*1.1)) scaleY(calc(var(--s)*.9)) rotateZ(0);transform:translateY(0) scaleX(calc(var(--s)*1.1)) scaleY(calc(var(--s)*.9)) rotateZ(0)}
70%{-webkit-transform:translateY(-4px) scaleX(var(--s)) scaleY(var(--s)) rotateZ(-2deg);transform:translateY(-4px) scaleX(var(--s)) scaleY(var(--s)) rotateZ(-2deg)}
80%{-webkit-transform:translateY(0) scaleX(var(--s)) scaleY(var(--s)) rotateZ(0);transform:translateY(0) scaleX(var(--s)) scaleY(var(--s)) rotateZ(0)}
85%{-webkit-transform:translateY(0) scaleX(calc(var(--s)*1.05)) scaleY(calc(var(--s)*.95)) rotateZ(0);transform:translateY(0) scaleX(calc(var(--s)*1.05)) scaleY(calc(var(--s)*.95)) rotateZ(0)}
100%{-webkit-transform:translateY(0) scaleX(var(--s)) scaleY(var(--s));transform:translateY(0) scaleX(var(--s)) scaleY(var(--s))}
}
@keyframes jump{0%{transform:translate(0) scale(var(--s))}
10%{transform:translateY(5px) scaleX(calc(var(--s)*1.2)) scaleY(calc(var(--s)*.8))}
30%{transform:translateY(-13px) scaleX(var(--s)) scaleY(var(--s)) rotateZ(5deg)}
50%{transform:translateY(0) scale(var(--s)) rotateZ(0)}
55%{transform:translateY(0) scaleX(calc(var(--s)*1.1)) scaleY(calc(var(--s)*.9)) rotateZ(0)}
70%{transform:translateY(-4px) scaleX(var(--s)) scaleY(var(--s)) rotateZ(-2deg)}
80%{transform:translateY(0) scaleX(var(--s)) scaleY(var(--s)) rotateZ(0)}
85%{transform:translateY(0) scaleX(calc(var(--s)*1.05)) scaleY(calc(var(--s)*.95)) rotateZ(0)}
100%{transform:translateY(0) scaleX(var(--s)) scaleY(var(--s))}
}
@-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)}}
.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}
.slide1.active .main-title,.slide1.active .slg{-webkit-animation:zoomInDown ease .8s;animation:zoomInDown ease .8s}
.slide2.active .cont{-webkit-animation:move ease-in-out 1s .6s forwards;animation:move ease-in-out 1s .6s forwards}
.slide3.active .gl-item.gl1{margin-left:-380px;margin-top:-269px;}
.slide3.active .gl-item.gl2{margin-left:-232px;margin-top:-70px;}
.slide3.active .gl-item.gl3{margin-left:-13px;margin-top:125px;}
.slide4.active .cont .nan{pointer-events:all}
.slide4.active .cont .nan.on{pointer-events:none}
.slide4.active .cont .nv{pointer-events:all}
.slide4.active .cont .nv.on{pointer-events:none}
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}
.nav{position:absolute;top:0;right:50px;bottom:0;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/dragonfest/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/dragonfest/img/nav.png) no-repeat center}
.nav a.on,.nav a:hover{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/nav-on.png) no-repeat center/cover}
.nav a span{position:relative;z-index:5;font-family: Lora;}
.nav a.on span,.nav a:hover span{font-weight:700;position:relative;z-index:5;color: #fff;background-image: -webkit-linear-gradient(90deg,#fff 25%,#fef2ba 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-filter: drop-shadow(0 7px 5px #ff4800);}

.login{position:absolute;z-index:5;top:150px;right:105px}
.btn-login{width:118px;height:115px;background:url(https://hw.99.com/uploads/wtop/dragonfest/img/nav.png) no-repeat 0 0/100%;display:inline-block;text-align:center;line-height:115px;margin-left:10px;color:#cba86b;font-size:18px}
.logined{position:absolute;display:flex;top:150px;right:130px;flex-direction:row;justify-content:center;align-items:center;z-index:2;font-size:18px;color:#fff9e2}
.logined>span{text-shadow: 2px 2px 3px #131313;}
.btn-login:hover{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/nav-on.png) no-repeat 0 0/100%;}
.btn-login span{position:relative;z-index:5;font-family: Lora;}
.btn-login:hover span{font-weight:700;position:relative;z-index:5;color: #fff;background-image: -webkit-linear-gradient(90deg,#fff 25%,#fef2ba 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-filter: drop-shadow(0 7px 5px #ff4800);}

.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/dragonfest/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.active{opacity:1!important;z-index:1;-webkit-mask-size: 4000% 100%; mask-size: 4000% 100%;-webkit-animation: mask 0.5s linear;animation: mask 0.5s linear;z-index: 10; }
.swiper-container .swiper-slide-main.slide1.active{animation:none}
.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/dragonfest/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/dragonfest/img/page1.jpg) no-repeat center/cover}
.slide1 #into,.slide1 #loop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top: 40px;width:100%;height:100%;object-fit:cover;z-index:1}
.slide1 .slg{width:1003px;height:652px;background:url(https://hw.99.com/uploads/wtop/dragonfest/img/slg.png) no-repeat center;position:absolute;top:50%;left:50%;margin-top:-422px;margin-left:-320px;font-size:0;padding-top:503px;display: none;}
.slide1 video{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;object-position: center center;}
.slide1 .slg p{font-size:22px;color:#fff;line-height:36px;text-align:center;-webkit-text-stroke:2px #9a7dd3;paint-order:stroke fill;-webkit-paint-order:stroke fill}
.slide1 .f-nav{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);width:1200px;height: 200px;}
.slide1 .f-nav a{position: absolute; font-size:24px;width:160px;height:166px;display:flex;justify-content:center;align-items:center;}
.slide1 .f-nav a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://hw.99.com/uploads/wtop/dragonfest/img/f-nav.png) no-repeat center;-webkit-animation:navRotate 4s linear infinite;animation:navRotate 4s linear infinite}
.slide1 .f-nav a::after{content:'';position:absolute;top:74px;left:-3px;width:164px;height:68px;background:url(https://hw.99.com/uploads/wtop/dragonfest/img/f-fire.png) no-repeat center;}
.slide1 .f-nav a:hover::before{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/f-nav-on.png) no-repeat center}
.slide1 .f-nav a:nth-child(1){left: 138px;top: 6px;--s:0.88;transform: scale(var(--s));}
.slide1 .f-nav a:nth-child(2){left: 51%;top: 77px;--s:0.8;transform: scale(var(--s));}
.slide1 .f-nav a:nth-child(3){right: 108px;top: -37px;--s:1;transform: scale(var(--s));}
.slide1 .f-nav a span{display:flex;flex-direction:row;justify-content:center;align-items:center;font-weight: bold;width:80px;height:80px;line-height:1.3;text-align:center;position:relative;z-index:5;pointer-events:all;font-family: 'Lora', serif;
color: #fff;background-image: -webkit-linear-gradient(90deg,#e33b19 25%,#80301a 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-filter: drop-shadow(0 7px 5px #ffe6a7);}


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

.slide2{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/page-2.jpg) no-repeat center/cover}
.slide2 .cont{width:1100px;height:639px;margin:-10px auto 0;position:relative;padding:32px 45px 0}
.slide2 .cont::after{content:"";position:absolute;top:0;left:-103px;width:1285px;height:658px;z-index:-1;background:url(https://hw.99.com/uploads/wtop/dragonfest/img/rank1.png) no-repeat center;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;background:url(https://hw.99.com/uploads/wtop/dragonfest/img/rankTab.png) no-repeat center;}
.tab-table a.active,.tab-table a:hover{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/rankTab-on.png) no-repeat center;}
.tab-table a span{display:flex;width:100px;height:120px;line-height: 20px;text-align: center; font-size:16px;margin: 20px auto 0;color: #fff9e2;background-color: #c43d03;-webkit-background-clip: text;-webkit-text-fill-color: #fff9e2;-webkit-text-stroke: 3px transparent;align-items: center;justify-content: center;}

.slide2 .set-table.local-rank{padding-top: 61px;}
.slide2 .set-table thead{height:40px}
.slide2 .h-pop{display:none;position:absolute;white-space:normal;bottom:20px;left:-76px;color:#fff3c4;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 #fffece;border-radius:4px;}
.slide2 table{width: 905px;text-align: center;margin: 0 auto;position: relative;left: 7px;}
.slide2 table th{color:#fff3c4;font-size:18px}
.slide2 table td{color:#8a2e21;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/dragonfest/img/th1.png) no-repeat 0 -2px;height: 45px;}
.slide2 table .num2{background: url(https://hw.99.com/uploads/wtop/dragonfest/img/th2.png) no-repeat 0 -2px;height: 45px;}
.slide2 table .num3{background: url(https://hw.99.com/uploads/wtop/dragonfest/img/th3.png) no-repeat 0 -2px;height: 45px;}
.slide2 table .num1 td,.slide2 table .num2 td,.slide2 table .num3 td{color:#fff2c4}
.slide2 table .num1 td:first-child{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/num1.png) no-repeat center;font-size:0}
.slide2 table .num2 td:first-child{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/num2.png) no-repeat center;font-size:0}
.slide2 table .num3 td:first-child{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/num3.png) no-repeat center;font-size:0}
.slide2 table .box{background:url(https://hw.99.com/uploads/wtop/dragonfest/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 table .btn{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/btn1.png);width:96px;height:39px;line-height:38px;text-align:center;color:#fff;font-size:16px;display:inline-block}
.slide2 table .btn:hover{transform:scale(1.1)}
.slide2 table .btn.gray{filter:grayscale(1)}
.slide2 table .btn.gray:hover{transform:scale(1)}
.slide2 .pager{width:100%;position:absolute;left:0;bottom:50px;height:27px;display:flex;align-items:center;justify-content:center}
.slide2 .pager a{color:#dec090;margin:0 20px;font-size: 16px;}
.slide2 .pager span{color:#e76b52;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:#e7cf9d;font-size:15px}
.slide2 .no-data{display:flex;align-items:center;justify-content:center;color:#8555ae;font-size:30px;width:100%;height:500px}
.slide2 .no-data p{font-size: 30px;}
.slide2 .cont::after{top:0;left:0;width:1100px;height:658px;background:url(https://hw.99.com/uploads/wtop/dragonfest/img/rank.png) no-repeat center}
.slide2 .lang{display:flex;align-items:center;justify-content:center;width: 740px;height:59px;margin:-6px auto 8px;}
.slide2 .lang a{display:flex;align-items:center;justify-content:center;background:url(https://hw.99.com/uploads/wtop/dragonfest/img/lang.png) no-repeat 0 -2px;width:155px;height:40px;color:#fdcaa9;font-size:16px;margin:0 20px;}
.slide2 .lang a.on,.slide2 .lang a:hover{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/lang-on.png) no-repeat 0 -2px;color:#fff3d5}
.slide2 .lang a.on span,.slide2 .lang a:hover span{color: #fff3d5;background-color: #b55603;-webkit-background-clip: text;-webkit-text-fill-color: #fff3d5;-webkit-text-stroke: 2px transparent;font-size: 18px;}

.slide3{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/page-3.jpg) no-repeat center/cover}
.slide3 .gl-item{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/gl-bg.png) no-repeat center;width:422px;height:212px;position:absolute;top:50%;left:50%;display:flex;flex-direction:column;transition:all 1s ease}
.slide3 .gl-item .gl-tit{color:#d00ed2;font-size:23px;height:65px;padding-top:48px;text-align: center;font-family: 'Domine', serif;}
.slide3 .gl-item .gl-tit span{font-weight: bold;color: #fff;background-image: -webkit-linear-gradient(90deg,#f9bc39 25%,#fffff5 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-filter: drop-shadow(0 4px 2px #8d2800);}
.slide3 .gl-item .gl-txt{color:#4c1b13;font-size:18px;padding:35px 30px 0 70px;line-height: 18px;width: 390px;text-align: center;}
.slide3 .btn-detail{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/btn-detail.png) no-repeat center;width:353px;height:90px;display:block;font-size:0;position:absolute;top:50%;left:50%;margin-left:-176px;margin-top:307px}
.slide3 .btn-detail:hover{-webkit-animation:tada ease 1.2s 1;animation:tada ease 1.2s 1}
.slide4{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/page-4.jpg) no-repeat center/cover}
.slide4.slide4-video{background:0 0}
.slide4 .bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
.slide4 .sub-nav{position:absolute;width:211px;height:457px;background:url(https://hw.99.com/uploads/wtop/dragonfest/img/sub-nav-bg.png) no-repeat center;top:403px;left:50%;margin-left:461px;z-index:10}
.slide4 .sub-nav a{position: absolute; font-size:0px;text-align:center;}
.slide4 .sub-nav a.on,.slide4 .sub-nav a:hover{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/sub-nav-on.png) no-repeat center}
.slide4 .sub-nav a span{position: relative;display: block;opacity: 0.8;}
.slide4 .sub-nav a.on span,.slide4 .sub-nav a:hover span{opacity: 1;}
.slide4 .sub-nav a:nth-child(1){width:101px;height:102px;background: url(https://hw.99.com/uploads/wtop/dragonfest/img/sub-btn1.png);top:10px;left: -28px;}
.slide4 .sub-nav a:nth-child(1).on,.slide4 .sub-nav a:nth-child(1):hover{background: url(https://hw.99.com/uploads/wtop/dragonfest/img/sub-btn1-on.png);}
.slide4 .sub-nav a:nth-child(1) span{background: url(https://hw.99.com/uploads/wtop/dragonfest/img/sub-txt1-on.png);width: 79px;height: 51px;top: 29px;left: 12px;}
.slide4 .sub-nav a:nth-child(2){width:167px;height:123px;background: url(https://hw.99.com/uploads/wtop/dragonfest/img/sub-btn2.png);top:89px;left: 31px;}
.slide4 .sub-nav a:nth-child(2).on,.slide4 .sub-nav a:nth-child(2):hover{background: url(https://hw.99.com/uploads/wtop/dragonfest/img/sub-btn2-on.png);}
.slide4 .sub-nav a:nth-child(2) span{background: url(https://hw.99.com/uploads/wtop/dragonfest/img/sub-txt2-on.png);width: 98px;height: 48px;top: 36px;left: 25px;}
.slide4 .sub-nav a:nth-child(3){width:139px;height:121px;background: url(https://hw.99.com/uploads/wtop/dragonfest/img/sub-btn3.png);top:220px;left: 60px;}
.slide4 .sub-nav a:nth-child(3).on,.slide4 .sub-nav a:nth-child(3):hover{background: url(https://hw.99.com/uploads/wtop/dragonfest/img/sub-btn3-on.png);}
.slide4 .sub-nav a:nth-child(3) span{background: url(https://hw.99.com/uploads/wtop/dragonfest/img/sub-txt3-on.png);width: 108px;height: 68px;top: 29px;left: 12px;}
.slide4 .sub-nav a:nth-child(4){width:142px;height:115px;background: url(https://hw.99.com/uploads/wtop/dragonfest/img/sub-btn4.png);top:346px;left: 0;}
.slide4 .sub-nav a:nth-child(4).on,.slide4 .sub-nav a:nth-child(4):hover{background: url(https://hw.99.com/uploads/wtop/dragonfest/img/sub-btn4-on.png);}
.slide4 .sub-nav a:nth-child(4) span{background: url(https://hw.99.com/uploads/wtop/dragonfest/img/sub-txt4-on.png);width: 108px;height: 51px;top: 35px;left: 12px;}

.slide4 .sex-nav,.slide4 .wings-nav{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;z-index:7}
.slide4 .sex-nav a,.slide4 .wings-nav a{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/sex-tab.png) no-repeat 0 -6px;display:flex;align-items:center;justify-content:center;width:92px;height:94px;color:#f3dfcd;text-shadow: 0 0 3px #922c02, 0 0 3px #922c02, 0 0 3px #922c02, 0 0 3px #922c02, 0 0 3px #922c02;opacity:0.8}
.slide4 .sex-nav a span,.slide4 .wings-nav a span{font-size:17px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;width:57px;height:54px;}
.slide4 .sex-nav a+a,.slide4 .wings-nav a+a{margin-left:35px}
.slide4 .sex-nav a.on,.slide4 .sex-nav a:hover,.slide4 .wings-nav a.on,.slide4 .wings-nav a:hover{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/sex-tab-on.png) no-repeat 0 -6px;opacity: 1;}
.slide4 .sex-nav a.on span,.slide4 .sex-nav a:hover span,.slide4 .wings-nav a.on span,.slide4 .wings-nav a:hover span{font-weight:700;color:#fff9e2;text-shadow: 0 0 3px #c43d03, 0 0 3px #c43d03, 0 0 3px #c43d03, 0 0 3px #c43d03, 0 0 3px #c43d03;}
.slide4 .sex-nav,.slide4 .wings-nav{width:311px;height:76px;background:url(https://hw.99.com/uploads/wtop/dragonfest/img/sex-tab-bg.png) no-repeat center;margin-left:-530px;margin-top:280px}
.slide4 .wings-nav{margin-left: 58px;margin-top: 290px;}
.slide4 .cont{width:1400px;height:930px;margin:0 auto;position:relative}
.slide4 .cont .con-tit{position:absolute;color:#fff9df;font-size:19px;width:417px;height:144px;text-align:right;top:11px;right:325px;padding:90px 0px 0 0;pointer-events:none;z-index: 5;}
.slide4 .cont .con-tit p{font-size: 18px;width: 410px;position: relative;right: 0px;top: 0px;text-align: right;}
.slide4 .cont .st1{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/bw-tit-1.png) no-repeat top right}
.slide4 .cont .st2{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/bw-tit-2.png) no-repeat top right;}
.slide4 .cont .st3{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/bw-tit-3.png) no-repeat top right}
.slide4 .cont .st4{background:url(https://hw.99.com/uploads/wtop/dragonfest/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/dragonfest/img/bw-txt.png) no-repeat 13px -95px;position:absolute;top:168px;right:314px;padding:7px 0 0 17px;font-size:18px;color:#fff;text-align: right;z-index: 2;}
.slide4 .cont .con-txt b{font-size:24px;color:#ffe9af;font-family: Merriweather;margin-bottom: 15px;display: block;padding-right: 19px;}
.slide4 .cont .con-txt p{font-size: 18px;width: 294px;height: 50px;display: flex;justify-content: flex-end;align-items: center;line-height: 20px;color:#ffe9ae}
.slide4 .cont .con-txt.txt-footer{background:url(https://hw.99.com/uploads/wtop/dragonfest/img/get-bg.png) no-repeat 13px -72px;width: 374px;height: 220px;right: 310px;top: 150px;}
.slide4 .cont .con-txt.txt-footer b:nth-child(1),.slide4 .cont .con-txt.txt-footer p:nth-child(2){color:#ffd053}
.slide4 .cont .con-txt.txt-footer b:nth-child(3),.slide4 .cont .con-txt.txt-footer p:nth-child(4){color:#ffe49c}
.slide4 .cont .con-txt.txt-footer p{width: 333px;margin-bottom: 15px;}
.slide4 .cont .con-txt.txt-footer b{font-size: 20px;margin-bottom: 7px;}

.slide4 .cont .con-img{width:605px;height:364px;background:url(https://hw.99.com/uploads/wtop/dragonfest/img/sex-v-bg.png) no-repeat center;position:absolute;top:50%;margin-top:-185px;right:218px;z-index:6}
.slide4 .cont .con-img.img-garment{width:396px;height:428px;background:url(https://hw.99.com/uploads/wtop/dragonfest/img/sex-v-bg2.png) no-repeat center;position:absolute;top:50%;margin-top:-195px;right:290px;z-index:6}
.slide4 .cont .con-img.img-garment .b-img{bottom: 50px;right: 32px;width: 334px;height: 334px;border-radius: 50%;}
.slide4 .cont .con-img span{display:block;width:123px;height:20px;font-family: Courgette;text-align:center;background:url(https://hw.99.com/uploads/wtop/dragonfest/img/xj-tit.png) no-repeat center;color:#d5b3ff;font-weight:700;font-size:20px;line-height:20px;margin-left:34px}
.slide4 .cont .con-img .xj-img{width:306px;height:208px;margin-top:-8px}
.slide4 .cont .con-img .b-img{width:506px;height:285px;position:absolute;bottom:36px;right:45px;overflow: hidden;}
.slide4 .cont .con-img .b-img.img-wings:hover img{transform: scale(1.3);margin-top: 35px;}
.slide4 .cont .con-img .b-img img{ max-width: unset;max-height: unset;}
.slide4 .cont .con-img .b-img.b-img-1 img{width: 730px; margin: -30px 0 0 -127px;}
.slide4 .cont .con-img .b-img.b-img-2 img{width: 393px; margin:-60px -16px;}
.slide4 .cont .con-img .b-img.b-img-3 img{width: 500px; margin:-79px 0px;}
.slide4 .cont .con-img .b-img.b-img-4 img{width: 564px; margin:-69px -26px;}
.slide4 .cont .con-img .info{position:absolute;bottom:-18px;right:108px;color:#d8c695;font-size: 18px;width: 400px;}
.slide4 .cont .con-img.img-wings .info{bottom:88px;right: 60px;}
.slide4 .cont .con-img.img-garment .info{right: 1px;bottom: -1px;}
.slide4 .cont .con-img.img-wings{margin-top: -130px;background: none;height: 330px;}
.slide4 .cont .con-img.img-wings .b-img{width: 585px;height: 339px;bottom: 23px;right: -14px;text-align: center;cursor: pointer;}
.slide4 .cont .con-img.img-wings .b-img img{width: 492px;}
.slide4 .cont .bx-cont{width:1434px;height:800px;position:absolute;left:0;top:-163px;z-index:1}
.slide4 .cont .wt{transition:all .4s ease;background: url(https://hw.99.com/uploads/wtop/dragonfest/pic/pic2-bg.png) no-repeat -233px 462px;z-index:0;position: relative;width: 1600px;height: 1000px;}
.slide4 .cont .wt .nan,.slide4 .cont .wt .nv{animation:garmentIn .4s ease forwards}
.slide4 .cont .nan{display:block;width:1147px;height:763px;background:url(https://hw.99.com/uploads/wtop/dragonfest/pic/nan.png) no-repeat;position:absolute;top:20px;left:-8px;z-index:0;transition:all .4s ease;pointer-events:none}
.slide4 .cont .nan.on{background:url(https://hw.99.com/uploads/wtop/dragonfest/pic/nan-on.png) no-repeat;top:-72px;left:-8px;z-index:5;width:1434px;height:954px}
.slide4 .cont .nv{display:block;width:1484px;height:856px;background:url(https://hw.99.com/uploads/wtop/dragonfest/pic/nv.png) no-repeat;position:absolute;top:-119px;right:20px;z-index:0;transition:all .4s ease;pointer-events:none}
.slide4 .cont .nv.on{width:1772px;height:949px;background:url(https://hw.99.com/uploads/wtop/dragonfest/pic/nv-on.png) no-repeat;top:-66px;right:-37px;z-index:0}
.slide4 .cont .wing{width:860px;height:570px;position:absolute;top:50%;left:50%;margin-top:-262px;margin-left:-383px;transition:all .4s ease}
.slide4 .cont .zq .zq-1{width:860px;height:570px;background:url(https://hw.99.com/uploads/wtop/dragonfest/pic/zq-1.png) no-repeat;transition:all .4s ease}
.slide4 .cont .zq .zq-2{width:860px;height:570px;background:url(https://hw.99.com/uploads/wtop/dragonfest/pic/zq-2.png) no-repeat;transition:all .4s ease}
.slide4 .cont .gh{width:782px;height:788px;position:absolute;top:50%;left:50%;margin-top:-300px;margin-left:-792px;transition:all .4s ease}
.slide4 .cont .gh .gh-1{width:782px;height:788px;background:url(https://hw.99.com/uploads/wtop/dragonfest/pic/pic3.png) no-repeat;transition:all .4s ease}
.slide4 .cont .bj{width:909px;height:869px;position:absolute;top:50%;left:50%;margin-top:-320px;margin-left:-739px}
.slide4 .cont .bj .bj-1{width:909px;height:869px;background:url(https://hw.99.com/uploads/wtop/dragonfest/pic/pic4.png) no-repeat}
.slide4 .tips{color:#efd7ff;font-size:18px;width:800px;position:absolute;top:50%;left:50%;margin-top:350px;margin-left:-150px}
.slide4 .tips1{color:#efd7ff;font-size:18px;width:770px;position:absolute;text-align:center;top:50%;left:50%;margin-top:500px;margin-left:-150px}
.slide4 .tips p{font-size: 18px;text-shadow: 1px 1px 1px #000;}
.logo{position:absolute;top:110px;left:240px;z-index:10;width: 200px;}
.logo img{width: 100%;}
.slg{display:none}
@media screen and (max-height:920px){.slide1 .logo{top:150px}
}
.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/dragonfest/img/pop.png) no-repeat center top;width:880px;height:640px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:18px}
.pop .pop-close{right:1px;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/dragonfest/img/pop-close.png) no-repeat center}
.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:#fcc438}
.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{width:237px;height:75px;line-height:80px;background:url(https://hw.99.com/uploads/wtop/dragonfest/img/pop-btn.png) no-repeat center/cover;margin:0 20px;padding-left: 19px;text-align:center;font-size:28px;color:#611e19}
.tac .pop-btn:hover{filter: brightness(1.2)}
.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/dragonfest/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:-5px;top:-58px;position:absolute;background:url(https://hw.99.com/uploads/wtop/dragonfest/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:#f6d98e;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:#f6d98e}
.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:#f6d98e}
.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:10px auto;width:385px}
.tip_db li{float:left;width:190px}
.tip_db a.btn_tip{display:inline-block;width:155px;height:57px;line-height:63px;padding-left: 10px;font-size:18px;background:url(https://hw.99.com/uploads/wtop/dragonfest/img/pop-btn.png) no-repeat 0 0/100%;color:#611e19}
.tip_db a.btn_tip:hover{text-decoration:none;filter: brightness(1.2)}
#accountlogin .tip_db .accountmore a{color:#f6d98e;width:180px;display:inline-block}
#accountlogin .tip_db .accountmore a:hover{color:#fff}