*{-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,"Source Han Serif CN","Microsoft YaHei",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}
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}
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}
.full-bg .img,.full-bg a{display:flex;align-items:center;justify-content:center}
img{max-width:100%;max-height:100%}
@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)}
}
.logo{position:absolute;top:70px;left:50%;margin-left:-120px}
.logo img{width:240px}
.hide{display:none!important}
.page{position:relative;color:#a36217;font-size:20px;line-height:30px;overflow:hidden}
.page h4{height:130px;margin-top:110px}
.page1{height:1080px}
.page2{height:1080px}
.page3{height:1080px}
.page4{height:1117px}
.page5{height:1007px}
.nav.nav1{margin-top:155px;text-align:center}
.nav.nav1 li{width:409px;height:79px;font-size:0;color:transparent;display:inline-block;cursor:pointer;transition:all ease .4s;margin:0 15px}
.nav.nav1 li a{display:block;width:409px;height:79px;background:url(../images/nav.png) no-repeat center}
.nav.nav1 li a:hover{background:url(../images/nav-on.png) no-repeat center}
.nav.nav1 li a:hover span{filter:brightness(1.2)}
.nav.nav1 li a span{display:inline-block;vertical-align:middle;width:100%;line-height:79px;font-size:30px;font-weight:bolder;margin:0;color:#fffcc6;filter:drop-shadow(0 1px 1px #901801)}
.p-cont{margin:0 auto;overflow:hidden;display:flex;align-items:center;justify-content:center}
.scroll{overflow-y:auto}
.scroll::-webkit-scrollbar{width:4px}
.scroll::-webkit-scrollbar-track{background-color:#f0dec0}
.scroll::-webkit-scrollbar-thumb{width:6px;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);border-radius:6px;background-color:#ba8d59;border:1px solid #ba8d59}
.page1 .slg{position:relative;width:876px;height:590px;background:url(../images/slg.png) no-repeat;margin:140px auto 0;padding-top:535px}
.page1 .slg p{text-align:center;color:#e6cb7e;font-size:22px;line-height:40px}
.page2{position:relative}
.page2 .p2-cont{width:1400px;height:800px;margin:40px auto 0;position:relative;transition:all ease .4s}
.page2 .list li{display:inline-block;background:url(../images/induce.png);width:420px;height:565px;margin:0 10px;padding:60px 70px 0 70px;vertical-align:top;font-size:20px;line-height:1.5}
.page2 .list h6{height:70px;font-size:30px;line-height:70px;color:#fff7df;text-align:center;margin-bottom:10px}
.page2 .list p{font-size:16px;margin-bottom:5px}
.page2 .list .scroll{height:375px}
.page2 .btn{width:366px;height:153px;margin:40px auto 0;background:url(../images/btn-more.png) no-repeat;font-size:0}
.page2 .btn:hover{background:url(../images/btn-more-on.png) no-repeat}
.page3 h4{margin-top:50px}
.page3 .p3-cont{width:1400px;height:880px;margin:0 auto;position:relative;transition:all ease .4s;padding-top:120px}
.page3 .s-nav{width:227px;height:557px;background:url(../images/s-nav.png) no-repeat center;position:absolute;top:19px;left:-20px;padding-top:110px}
.page3 .s-nav a{width:227px;height:296px;display:block;font-size:0;pointer-events:none;display:flex;align-items:center;justify-content:center}
.page3 .s-nav a span{pointer-events:initial;width:85px;height:125px}
.page3 .s-nav a:nth-child(1){background:url(../images/s-nav1.png) no-repeat center;z-index:3}
.page3 .s-nav a:nth-child(1).on,.page3 .s-nav a:nth-child(1):hover{background:url(../images/s-nav1-on.png) no-repeat center}
.page3 .s-nav a:nth-child(2){margin-top:-135px;background:url(../images/s-nav2.png) no-repeat center;z-index:1}
.page3 .s-nav a:nth-child(2).on,.page3 .s-nav a:nth-child(2):hover{background:url(../images/s-nav2-on.png) no-repeat center}
.page3 .p-cont{background:url(../images/p3-cont.png) no-repeat center;width:1174px;height:721px;flex-direction:column;justify-content:flex-start;position:relative}
.page3 .p-cont>div.show{display:flex;flex-direction:column;margin-top:40px}
.page3 .p-cont>div{display:none}
.page3 .list-t{height:70px;line-height:70px;text-align:center;color:#ffcc7b;font-size:30px;text-shadow:0 3px 3px rgba(71,52,25,.8)}
.page3 .list-c{height:550px;margin-bottom:20px;display:flex;flex-wrap:wrap;flex-direction:column}
.page3 .gift{background:url(../images/prbg-s.png) no-repeat;width:176px;height:154px;margin:5px 14px;text-align:center;color:#2e2017;font-size:14px}
.page3 .gift .img{width:125px;height:100px;margin:20px auto 0}
.page3 .gift p{line-height:24px;width:90%;margin:3px auto;line-height:1}
.page3 .num00 .it0,.page3 .num00 .it1,.page3 .num00 .it2,.page3 .num00 .it3{background:url(../images/prbg-b.png) no-repeat;width:301px;height:231px;margin:10px 14px;font-size:16px}
.page3 .num00 .it0 .img,.page3 .num00 .it1 .img,.page3 .num00 .it2 .img,.page3 .num00 .it3 .img{width:210px;height:135px;margin:40px auto 0}
.page3 .num00 .it0 p,.page3 .num00 .it1 p,.page3 .num00 .it2 p,.page3 .num00 .it3 p{line-height:35px}
.page3 .num10,.page3 .num20{padding-left:640px}
.page3 .num10 .it0,.page3 .num10 .it1,.page3 .num10 .it2,.page3 .num20 .it0,.page3 .num20 .it1,.page3 .num20 .it2{background:url(../images/prbg-b.png) no-repeat;width:301px;height:231px;font-size:16px;position:absolute}
.page3 .num10 .it0 .img,.page3 .num10 .it1 .img,.page3 .num10 .it2 .img,.page3 .num20 .it0 .img,.page3 .num20 .it1 .img,.page3 .num20 .it2 .img{width:210px;height:135px;margin:40px auto 0}
.page3 .num10 .it0 p,.page3 .num10 .it1 p,.page3 .num10 .it2 p,.page3 .num20 .it0 p,.page3 .num20 .it1 p,.page3 .num20 .it2 p{line-height:35px}
.page3 .num10 .it0,.page3 .num20 .it0{top:110px;left:230px}
.page3 .num10 .it1,.page3 .num20 .it1{top:360px;left:60px}
.page3 .num10 .it2,.page3 .num20 .it2{top:360px;left:380px}
.page3 .num01,.page3 .num11,.page3 .num21,.page3 .num30,.page3 .num31,.page3 .num40{flex-direction:row;justify-content:center;width:700px;margin:20px auto;height:450px}
.page3 .list-lb{display:block;width:222px;height:50px;background:url(../images/pr-lb.png) no-repeat center;text-align:center;line-height:50px;margin:0 auto;font-weight:26px;color:#ffcc7b;text-shadow:0 3px 3px rgba(71,52,25,.8)}
.page3 .next,.page3 .prev{display:block;position:absolute;width:62px;height:59px;top:45px;cursor:pointer;z-index:10}
.page3 .prev{background:url(../images/btn-prev.png) no-repeat;left:250px}
.page3 .next{background:url(../images/btn-next.png) no-repeat;right:250px}
.page3 .tips{width:80%;position:absolute;left:10%;bottom:80px;line-height:1.4;text-align:center;color:#cba98f;text-shadow:0 3px 3px rgba(71,52,25,.8)}
.page3 .tips a{color:#ffd161;display:inline-block}
.page3 .btn-more{width:321px;height:136px;position:absolute;background:url(../images/btn-more1.png) no-repeat;left:50%;margin-left:-160px;bottom:-20px;font-size:0}
.page3 .btn-more:hover{background:url(../images/btn-more1-on.png) no-repeat}
.page4 h4{margin-top:100px}
.page4 .p4-cont{width:1200px;height:661px;background:url(../images/p4-cont.png) no-repeat center;position:relative;margin:20px auto 0;padding-top:145px}
.page4 .s-nav{width:100%;height:66px;text-align:center}
.page4 .s-nav a{width:356px;height:66px;font-size:30px;display:inline-flex;align-items:center;justify-content:center;background:url(../images/s4-nav.png) no-repeat center;color:#93651d}
.page4 .s-nav a.on,.page4 .s-nav a:hover{color:#93651d;background:url(../images/s4-nav-on.png) no-repeat center;text-shadow:0 3px 2px rgba(255,220,165,.8)}
.page4 .s-nav a+a{margin-left:115px}
.page4 .p-cont{flex-direction:column;position:relative}
.page4 .gr-rank{display:none}
.page4 .gr-rank.show{display:block}
.page4 .rank-t{width:100%;height:60px;text-align:center;margin-top:10px;color:#d98d2b;font-size:26px;display:flex;align-items:center;justify-content:center}
.page4 .rank-t span{border-bottom:#d98d2b 2px solid;height:50px;line-height:50px}
.page4 .next,.page4 .prev{display:block;position:absolute;width:33px;height:31px;top:29px;cursor:pointer;z-index:10}
.page4 .prev{background:url(../images/btn-prev1.png) no-repeat;left:355px}
.page4 .next{background:url(../images/btn-next1.png) no-repeat;right:355px}
.page4 .scroll{height:290px;padding-right:10px}
.page4 .rank-table{width:820px;height:50px;font-size:20px;text-align:center;margin:0 auto;display:flex;background:url(../images/line.png) no-repeat right bottom;color:#a36217;line-height:50px}
.page4 .rank-table.th{color:#93651d;font-weight:bolder;background:0 0}
.page4 .rank-table.pt6{margin-top:70px}
.page4 .rank-table .num{width:150px}
.page4 .rank-table .num.num0{font-size:0;background:url(../images/1.png) no-repeat center}
.page4 .rank-table .num.num1{font-size:0;background:url(../images/2.png) no-repeat center}
.page4 .rank-table .num.num2{font-size:0;background:url(../images/3.png) no-repeat center}
.page4 .rank-table .sevname{width:250px}
.page4 .rank-table .bpname{width:280px}
.page4 .rank-table .score{width:180px}
.page4 .wait-txt{background:url(../images/wait-txt.png) no-repeat center;width:100%;height:350px}
.pop-box{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:-99;opacity:0}
.pop-box.show{z-index:22;opacity:1}
.pop{background:url(../images/pop.png);position:absolute;top:50%;left:50%;width:1092px;height:661px;transform:translate(-50%,-50%)}
.pop .msg{width:80%;margin:0 auto;text-align:center;font-size:40px;font-weight:bolder;color:#93651d;display:flex;align-items:center;justify-content:center;height:510px;padding-top:120px}
.pop .tac{text-align:center}
.pop .pop-btn{display:inline-block;width:343px;height:119px;background:url(../images/pop-btn.png) no-repeat center;text-shadow:0 1px 0 rgba(255,226,116,.31);text-align:center;font-size:30px;line-height:89px}
.pop .pop-btn span{font-weight:bolder;background-image:-webkit-linear-gradient(90deg,#fe4000 20%,#000 40%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.pop .pop-btn:hover{background:url(../images/pop-btn-on.png) no-repeat center}
.pop .pop-btn:hover span{font-weight:bolder;background-image:-webkit-linear-gradient(90deg,#dc1916 20%,#832500 40%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.pop .close{background:url(../images/btn-close.png) no-repeat center;display:block;width:106px;height:106px;position:absolute;right:-90px;top:90px}
.footer{background:#000;line-height:30px;padding:50px 0;padding-bottom:65px!important}
.footer a,.footer td{color:#fff}
.footer a{display:inline-block}
.close{display:none}
.pop-box.show .close{display:block}
body,html{overflow:hidden;transition:all ease .4s;min-width:1510px}
#main{height:100%;overflow:auto}
.full-bg{background:url(../images/bg-index.jpg) no-repeat center top,url(../images/bg-01.jpg) no-repeat center 1080px,url(../images/bg-02.jpg) no-repeat center 2160px,url(../images/bg-03.jpg) no-repeat center 3240px}
.t2{background:url(../images/t-2.png) no-repeat center}
.t3{background:url(../images/t-3.png) no-repeat center}
.t4{background:url(../images/t-4.png) no-repeat center}
.nav.nav2{background:url(../images/f-nav-bg.png) no-repeat center;position:fixed;right:30px;top:50%;width:190px;height:357px;margin-top:-180px;z-index:10;padding-top:33px}
.nav.nav2 li{width:190px;height:70px;line-height:90px}
.nav.nav2 li.on,.nav.nav2 li:hover{background:url(../images/f-nav-on.png) no-repeat left bottom}
.nav.nav2 li.on a,.nav.nav2 li:hover a{color:#fffce6;text-shadow:0 0 55px #ff921e}
.nav.nav2 a{color:#dac598;font-size:20px;font-weight:700;height:70px;line-height:90px;transition:all ease .4s}
#canvas{position:fixed;top:0;left:0;z-index:1;pointer-events:none}
.top-nav{background:#372f2c}
body[data-lang=sp] .page1 .slg{background-image:url(../images/sp/slg.png)}
body[data-lang=sp] .page2 .list h6{font-size:120%}
body[data-lang=sp] .t2{background-image:url(../images/sp/t-2.png)}
body[data-lang=sp] .t3{background-image:url(../images/sp/t-3.png)}
body[data-lang=sp] .t4{background-image:url(../images/sp/t-4.png)}
body[data-lang=sp] .page4 .wait-txt{background-image:url(../images/sp/wait-txt.png)}
body[data-lang=sp] .page3 .btn-more{background-image:url(../images/sp/btn-more1.png)}
body[data-lang=sp] .page3 .btn-more:hover{background-image:url(../images/sp/btn-more1-on.png)}
body[data-lang=sp] .page2 .btn{background-image:url(../images/sp/btn-more.png)}
body[data-lang=sp] .page2 .btn:hover{background-image:url(../images/sp/btn-more-on.png)}
body[data-lang=sp] .page3 .s-nav a:nth-child(1){background-image:url(../images/sp/s-nav1.png)}
body[data-lang=sp] .page3 .s-nav a:nth-child(1).on,body[data-lang=sp] .page3 .s-nav a:nth-child(1):hover{background-image:url(../images/sp/s-nav1-on.png)}
body[data-lang=sp] .page3 .s-nav a:nth-child(2){background-image:url(../images/sp/s-nav2.png)}
body[data-lang=sp] .page3 .s-nav a:nth-child(2).on,body[data-lang=sp] .page3 .s-nav a:nth-child(2):hover{background-image:url(../images/sp/s-nav2-on.png)}
@keyframes breathing{0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.9;transform:scale(.9)}
}
.play-video{display:block;width:200px;height:189px;background:url(../images/play.png) no-repeat center center;position:absolute;left:0;bottom:160px;animation:breathing 1s ease-in-out infinite}
.play-video:hover{filter:brightness(1.2)}
#videobox .pop{width:800px;height:450px;background:0 0}
.pop-panel.video{position:relative;width:800px;height:100%}
.pop-panel.video iframe{width:800px;height:450px}
#videobox .pop .close{top:0;right:-106px}