.loaded .e-header .cover .title p,.loaded .e-header::before{opacity:1;-webkit-transform:translate(0,0) scale(1,1);transform:translate(0,0) scale(1,1)}body{background:#101010;opacity:0}body.loaded{opacity:1}.e-skip,.hide{position:absolute;left:-9999px;width:1px;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}.e-btn{display:block;font-size:0;text-indent:-9999em}.e-hidden{background-color:#fff;opacity:0;filter:alpha(opacity=1)}.e-blind,.e-header .bi a,.e-header .cover .title p,.e-header .cover .period{font-size:0;text-indent:-9999em}button{cursor:pointer}.e-container{position:relative;overflow:hidden;min-width:1280px;max-width:1920px;margin:0 auto;box-sizing:border-box}.e-wrap{position:absolute;width:1280px;height:100%;top:0;left:50%;transform:translateX(-50%);box-sizing:border-box;text-align:center}.e-footer{width:100%;height:68px;text-align:center;font-size:12px;color:rgba(255,255,255,0.5);background-color:rgba(0,0,0,0.5)}.e-footer p{line-height:68px}#canvas{display:block;position:absolute;top:0;left:50%;z-index:2;margin-left:-960px;pointer-events:none}.hide{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.fixbtn{display:none;position:fixed;right:0;bottom:73px;z-index:10}.fixbtn .btn{overflow:hidden;display:block;width:66px;height:66px;background:url("./images/btn_top.png") no-repeat;text-indent:-1000em;cursor:pointer;opacity:0;-webkit-transition:all .7s ease-in-out;transition:all .7s ease-in-out}.fixbtn .btn.show{opacity:1}.badge{position:absolute;right:24px;top:24px;z-index:5}.e-header{overflow:hidden;position:relative;z-index:10;width:100%;height:900px;box-sizing:border-box;background:url("./images/bg_header.jpg") no-repeat 50% 0}.e-header::before{content:"";position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;background:url("./images/bg_header2.jpg") center no-repeat;z-index:1;background-size:cover;-webkit-transition:opacity .8s ease-in-out .75s;transition:opacity .8s ease-in-out .75s}.e-header .bi{width:222px;height:112px;position:absolute;top:42px;left:28px;z-index:999}.e-header .bi a{display:block;width:100%;height:100%;background:url("./images/bi.png") 50% 0 no-repeat}.e-header .util{overflow:hidden;position:absolute;z-index:5;font-size:0;top:70px;right:40px}.e-header .util input[type="checkbox"]+label,.e-header .util input[type="checkbox"]+span{display:block;cursor:pointer;position:relative;width:116px;height:48px}.e-header .util input[type="checkbox"]{position:absolute;visibility:hidden}.e-header .util input[type="checkbox"]:checked+label,.e-header .util input[type="checkbox"]:checked+span{background-position-y:100%}.e-header .util a,.e-header .util #closeToday,.e-header .util input[type="checkbox"]+label,.e-header .util input[type="checkbox"]+span{display:inline-block;overflow:hidden;background-image:url(./images/img_util.png);background-repeat:no-repeat}.e-header .util a{width:48px;height:48px}.e-header .util a:hover{background-position-y:100%}.e-header .util .btn-red{background-position-x:-133px}.e-header .util .btn-blue{margin-left:9px;background-position-x:100%}.e-header .util .today input[type="checkbox"]+label{font-size:13px;color:#fff;margin-top:-8px;padding-left:16px;line-height:47px;letter-spacing:-0.05em;background-position-x:0}.e-header .img-box{position:absolute;width:915px;height:100%;left:50%;transform:translateX(-50%)}.e-header .img-box>div{position:absolute}.e-header .img-box img{opacity:0}.e-header .cover{position:relative;width:1280px;height:100%;margin:auto}.e-header .cover .title{position:absolute;bottom:94px;left:50%;transform:translateX(-50%)}.e-header .cover .title p{opacity:0;background:url("./images/title.png") no-repeat;width:1028px;height:254px;-webkit-transform:translateY(90px);transform:translateY(90px);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.btn-top{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0;z-index:10;position:absolute;right:78px;bottom:80px;width:80px;height:78px;background:url(./images/btn_top.png) no-repeat}.btn-top.active{position:fixed;opacity:1}.btn-top:hover{background-position-y:100%}.e-float{display:none;position:fixed;z-index:11;bottom:7%;right:2.5%;opacity:0}.e-float .float a.part1{background-position:0 0}.e-float .float a.part2{height:90px;background-position:0 -158px}.e-float a.intro{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.e-event1 .cont1{position:relative;text-align:center;background:url("./images/bg_event1_1.jpg") 50% 0 no-repeat}.e-event1 .cont1 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("./images/bg_event1_1.jpg") 50% 0 no-repeat}.e-event1 .cont2{position:relative;text-align:center;background:url("./images/bg_event1_2.jpg") 50% 0 no-repeat}.e-event1 .cont2 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("./images/bg_event1_2.jpg") 50% 0 no-repeat}.e-event1 .cont3{position:relative;text-align:center;background:url("./images/bg_event1_3.jpg") 50% 0 no-repeat}.e-event1 .cont3 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("./images/bg_event1_3.jpg") 50% 0 no-repeat}.e-event1 .cont1{height:1000px}.e-event1 .cont2{height:3900px}.e-event1 .cont3{height:2246px}.e-event1 .cont1.no_character{background-image:url("./images/bg_event1_1_nocharacter.jpg")}.e-event1 .cont1.no_character .cont-wrap{background-image:url("./images/bg_event1_1_nocharacter.jpg")}.e-event1 .cont1.no_character .server-info,.e-event1 .cont1.no_character .time-info{display:none}.e-event1 .cont1 .server-info{display:flex;align-items:center;justify-content:center;position:absolute;bottom:336px;left:50%;transform:translateX(-50%);width:1200px;font-size:28px;color:#ffe2ae;font-weight:600}.e-event1 .cont1 .server-info .server,.e-event1 .cont1 .server-info .character,.e-event1 .cont1 .server-info .level{letter-spacing:-0.02em}.e-event1 .cont1 .server-info .slash{margin:0 5px}.e-event1 .cont1 .time-info{position:absolute;bottom:240px;left:50%;transform:translateX(-50%);width:1200px;margin-left:-6px;font-size:16px;font-weight:500;text-align:right;letter-spacing:-0.07em;color:#999}.e-event1 .reward-list{display:flex;justify-content:space-between;flex-wrap:wrap;width:1200px;margin:108px auto 0}.e-event1 .reward-list li{width:600px;height:53px;margin-top:323px}.e-event1 .reward-list .btn-reward{width:169px;height:53px;margin:0 auto;background:url("./images/btn_reward.png") no-repeat}.e-event1 .reward-list .btn-reward:hover{background-position-y:100%}.e-event1 .reward-list:nth-of-type(2){margin-top:122px}.e-event1 .cont2 .reward-list:first-of-type li:nth-child(5),.e-event1 .cont2 .reward-list:first-of-type li:nth-child(6),.e-event1 .cont2 .reward-list:first-of-type li:nth-child(7){width:400px;margin-top:330px}.e-event1 .cont2 .reward-list:first-of-type li:nth-child(5) .btn-reward{margin-left:124px}.e-event1 .cont2 .reward-list:first-of-type li:nth-child(7) .btn-reward{margin-left:113px}.e-event1 .cont2 .reward-list:last-of-type{margin-top:113px}.e-event1 .cont3 .reward-list{margin-top:24px}.e-event1 .cont3 .reward-list li{width:384px;margin-top:397px}.e-event1 .cont3 .reward-list li:nth-child(10),.e-event1 .cont3 .reward-list li:nth-child(11),.e-event1 .cont3 .reward-list li:nth-child(12){margin-top:390px}.e-event1 .cont3 .reward-list li:nth-child(3) .btn-reward,.e-event1 .cont3 .reward-list li:nth-child(6) .btn-reward,.e-event1 .cont3 .reward-list li:nth-child(9) .btn-reward,.e-event1 .cont3 .reward-list li:nth-child(12) .btn-reward{margin-left:95px}.e-event1 .cont3 .reward-list li:nth-child(1) .btn-reward,.e-event1 .cont3 .reward-list li:nth-child(4) .btn-reward,.e-event1 .cont3 .reward-list li:nth-child(7) .btn-reward,.e-event1 .cont3 .reward-list li:nth-child(10) .btn-reward{margin-left:122px}.e-event1 .cont3.dimmed{background-image:url("./images/bg_event1_3_dimmed.jpg")}.e-event1 .cont3.dimmed .cont-wrap{background-image:url("./images/bg_event1_3_dimmed.jpg")}.e-event1 .cont3.dimmed .reward-list{display:none}