body{background:#000;font-family:HanSansCN-Light,sans-serif}html{font-size:625%;font-family:HanSansCN-Light,sans-serif}div{background-size:100%}@font-face{font-family:coca;src:url(../font/coca.ttf)}.stage{height:100%;-webkit-transform:translate3d(0,0,0)}.stage.in{-webkit-animation:fadeIn .5s 1 ease-in-out both}.stage.out{-webkit-animation:fadeOut .5s 1 ease-in-out both}#main{width:100vw;min-height:100vh}.stage1 .old_mc{position:absolute;width:100vw;height:100vh;top:0;left:0}.stage1 .old_bg{position:absolute;width:100vw;height:100vh;top:60px;left:0;object-fit:cover;object-position:top right}.stage1 .old_mc.current{clip:rect(0,100vw,100vh,0);-webkit-transform:scale(1);opacity:1}.stage1 .old_mc.out{clip:rect(0,100vw,100vh,0);-webkit-transform:scale(1.2);opacity:0}.stage1 .bg_list{position:absolute;width:100vw;height:100vh;top:0;left:0}.stage1 .card_list{position:absolute;width:50vw;height:320px;bottom:115px;right:0;display:-webkit-flex;-webkit-flex-direction:row;-webkit-justify-content:flex-start}.stage1 .card_list .card{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;width:215px;height:320px;-webkit-flex-shrink:0;left:-107px;margin-right:20px;-webkit-transform:translate3d(0,0,0) scale(1);opacity:1;-webkit-transition:-webkit-transform 1.5s,opacity .5s}.stage1 .card_list .card .new{position:absolute;width:82px;height:35px;background-image:url(../img/hot.png);top:5px;left:5px}.stage1 .card_list .card .hot{position:absolute;width:82px;height:35px;background-image:url(../img/hot.png);top:5px;left:5px}.stage1 .card_list .card.out{pointer-events:none}.stage1 .card_list .card .card_bg{position:absolute;width:215px;height:320px;top:0;left:0;object-fit:cover;pointer-events:none}.stage1 .card_list .card .logo{position:absolute;display:none;width:215px;height:66px;top:0;bottom:0;left:0;right:0;margin:auto;object-fit:contain;pointer-events:none}.stage1 .word_mc{position:absolute;width:100vw;height:100vh;top:0;left:0}.stage1 .old_mc .word_mc div{-webkit-transition:clip 1s 1s,-webkit-transform 1s 1s,opacity 1s 1s;-webkit-transform:translate3d(0,50px,0);opacity:0}.stage1 .old_mc .word_mc div.quick{-webkit-transition:none}.stage1 .old_mc.current .word_mc div,.stage1 .old_mc.out .word_mc div{-webkit-transform:translate3d(0,0,0);opacity:1}.stage1 .old_mc.out{pointer-events:none}.stage1 .word_mc .desc_mc{position:absolute;width:35vw;bottom:115px;height:320px;left:30px}.stage1 .word_mc .title{position:absolute;width:100%;bottom:245px;left:0;color:#fff;font-size:45px;white-space:nowrap;line-height:85px;font-weight:700}.stage1 .word_mc .desc{position:absolute;width:100%;top:125px;left:0;color:#fff;font-size:18px;line-height:32px}.stage1 .word_mc .link{position:absolute;width:60px;height:2px;top:100px;left:0;background-image:url(../img/game/stage1_word_mc_link_87.png);opacity:1}.stage1 .word_mc .link_button{position:absolute;cursor:pointer;width:212px;height:45px;bottom:30px;left:30px;background-image:url(../img/game/stage1_word_mc_link_button_77.png)}.stage1 .word_mc .logo{position:absolute;max-width:200px;top:80px;right:20px;object-fit:contain}.stage1 .line_mc{position:absolute;width:50vw;height:59px;bottom:30px;left:50vw;display:-webkit-flex;-webkit-flex-direction:row;-webkit-justify-content:space-between;-webkit-align-items:center}.stage1 .line_mc .line_bg{position:relative;width:100%;height:1px;background-color:rgba(255,255,255,.6);margin:0 30px}.stage1 .line_mc .line{position:absolute;-webkit-transition:width .5s;width:100%;height:1px;background-color:#fff;left:0;top:0}.stage1 .line_mc .next_button{position:relative;cursor:pointer;-webkit-flex-shrink:0;width:59px;height:59px;background-image:url(../img/game/stage1_line_mc_next_button_41.png)}.stage1 .line_mc .prev_button{position:relative;margin-left:-107px;cursor:pointer;-webkit-flex-shrink:0;margin-right:10px;width:59px;height:59px;background-image:url(../img/game/stage1_line_mc_prev_button_37.png)}.stage1 .line_mc .current_txt{position:relative;font-family:coca;-webkit-flex-shrink:0;text-align:right;margin-right:30px;color:#fff;font-size:28px;line-height:59px}.top_mc{position:absolute;width:100vw;height:60px;top:0;left:0}.top_mc .top_bg{position:absolute;width:100vw;height:60px;top:0;left:0;background-color:#fff}.top_mc .logo{position:absolute;width:147px;height:41px;top:9px;left:10px;background-image:url(../img/logo.png);background-size:contain;background-repeat:no-repeat}.top_mc .button_list{position:absolute;height:30px;top:15px;right:20px;display:-webkit-flex;-webkit-flex-direction:row;-webkit-justify-content:space-around;-webkit-align-items:center}.top_mc .button_list .txt{position:relative;color:#041215;font-size:18px;line-height:18px;margin-right:20px}.top_mc .button_list .txt.current{color:#24d97d}.top_mc .button_list .txt:hover{color:#24d97d}.top_mc .button_list .en_button{position:relative;cursor:pointer;width:116px;height:30px}.top_mc .button_list .en_button select{position:absolute;width:116px;height:30px;text-indent:8px;color:#000;border-radius:20px;outline:0;opacity:.4}.header-join-us-popup{display:none;position:absolute;z-index:1000;left:0;top:20px;width:100px;background-color:#fff;border:1px solid #e5e6eb;-moz-border-radius:4px;border-radius:4px;box-shadow:0 4px 10px rgb(0 0 0 / 10%);-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:4px 0}.header-join-us-popup-item{display:block;height:36px;line-height:36px;padding:0 12px;font-size:14px;font-weight:500;color:#1d2129;text-align:left;white-space:nowrap}.header-join-us{position:relative;cursor:pointer}.header-join-us:hover .header-join-us-popup{display:block}.header-join-us-popup-item:hover{background-color:#f2f3f5}@-webkit-keyframes fadeInUpSmall{0%{-webkit-transform:scale(1) translate3d(0,0,0);opacity:1}100%{-webkit-transform:scale(1.2) translate3d(0,0,0);opacity:0}}