body,.footer{width:100%}.auto-img{display:block;width:100%}img{border-style:none}.pointer{cursor:pointer}.uppercase{text-transform:uppercase}.flex{display:flex;justify-content:center}.top-nav{background-color:#000024}.wrap{width:100%;overflow-y:hidden;overflow-x:hidden}.people{width:calc(241 / 2560 * 100%)}.ar .free-pass-item h3{font-size:30px}.ar .fp-info-b{font-size:36px}.con-title{width:100%;margin:7% auto 2%}.b-bg{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.8);z-index:200}.pop-vid{position:fixed;width:1000px;height:562px;left:50%;margin-left:-500px;top:50%;margin-top:-281px;z-index:201;background:#000}.sec{background-position:center center;background-size:cover;background-repeat:no-repeat;position:relative;width:100%;z-index:2}.s1{-webkit-mask-image:url(/event/royalepass12/images/kv_mask.png);background-attachment:fixed;z-index:10}.kv-swiper-container{width:100%}.kv-swiper-container img{width:100%;display:block}.kv-pagination{position:absolute;bottom:6% !important;z-index:2}.kv-pagination .swiper-pagination-bullet{position:relative}.kv-pagination .swiper-pagination-bullet-active::before{position:relative;z-index:2;animation:progress 3s linear 0s both}.kv-pagination .swiper-pagination-bullet-active::after{content:"";display:block;width:100%;height:2px;background:#929098;background:rgba(255,255,255,.5);position:absolute;left:0;top:50%;transform:translateY(-50%)}.kv-logo{width:182px;height:134px;background-position:0 0;position:absolute;right:50%;top:154px;margin-right:-900px;z-index:2;display:none}.img-logo{display:block;width:6%;height:auto;position:absolute;top:2%;right:1%;z-index:9}.mclass .img-logo{left:2%}.img-slogan{display:block;width:45%;height:auto;position:absolute;top:56%;left:50%;transform:translateX(-50%);z-index:10}.down-spr{background:url(/event/royalepass12/images/downbtn.png);background-size:200%}.newdownload-wrap{bottom:11.5% !important}.down-group{display:flex;justify-content:center;transform:scale(1.2);-webkit-transform:scale(1.2)}.down-group a{display:block;width:14.5%;padding-top:5%;height:0;text-indent:-9999px}.apple-btn{background-position:0 9%}.goole-btn{background-position:-100% 9%;display:none !important}.apk-btn{background-position:0 -9.2%}.ar .apple-btn{background-position:0 .5%}.ar .goole-btn{background-position:-100% .5%}.id .apple-btn{background-position:0 -90.5%}.id .goole-btn{background-position:-100% -90.5%}.pt .apple-btn{background-position:0 -82.4%}.pt .goole-btn{background-position:-100% -82.4%}.th .apple-btn{background-position:0 -74.1%}.th .goole-btn{background-position:-100% -74.3%}.ru .apple-btn{background-position:0 -66.2%}.ru .goole-btn{background-position:-100% -66.2%}.es .apple-btn{background-position:0 -58.1%}.es .goole-btn{background-position:-100% -58.1%}.fr .apple-btn{background-position:0 -49.8%}.fr .goole-btn{background-position:-100% -50%}.tr .apple-btn{background-position:0 -41.8%}.tr .goole-btn{background-position:-100% -41.8%}.vi .apple-btn{background-position:0 -33.6%}.vi .goole-btn{background-position:-100% -33.6%}.de .apple-btn{background-position:0 -25.5%}.de .goole-btn{background-position:-100% -25.5%}.HK .apple-btn{background-position:0 -17.5%}.HK .goole-btn{background-position:-100% -17.5%}.TW .apple-btn{background-position:0 -17.5%}.TW .goole-btn{background-position:-100% -17.5%}.jp .apple-btn{background-position:0 9%}.jp .goole-btn{background-position:-100% 9%}.ko .apple-btn{background-position:0 9%}.ko .goole-btn{background-position:-100% 9%}.down-arrow{display:block;width:36px;height:20px;background-position:-800px -40px;position:absolute;left:50%;bottom:9%;margin-left:-18px;z-index:12;animation:arrowDown 2s 0s both infinite}.s2{height:calc(1440 /2560*100vw);margin-top:calc(-50 /2560*100vw);z-index:9;position:relative}.is-scroll .s2{height:calc(1440 /2560*(100vw - 17px));margin-top:calc(-50 /2560*(100vw - 17px))}.s2-top{position:absolute;top:calc(-7 / 2560 * 100vw)}.is-scroll .s2-top{position:absolute;top:calc(-7 / 2560 * (100vw - 17px))}.s2-video{left:0;top:0;position:absolute;width:100%}.play-btn{width:calc(196 /2560*100vw);height:calc(196 /2560*100vw);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url(/event/royalepass12/images/s2_play_btn1.png);background-repeat:no-repeat;background-size:calc(113 / 2560 * 100vw);background-position:center;z-index:3;overflow:unset}.play-btn::before{content:"";display:block;width:calc(196 /2560*100vw);height:calc(196 /2560*100vw);position:absolute;left:calc(-12 /2560*100vw);top:0;background-image:url(/event/royalepass12/images/s2_play_btn2.png);background-repeat:no-repeat;background-size:contain;background-position:center}.play-btn:hover{transform:translate(-50%,-50%) scale(.96)}.play-btn:hover::before{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 2s ease-in;-moz-transition:all 2s ease-in;-o-transition:all 2s ease-in;transition:all 2s ease-in}.s2-video-bg{width:100%;height:100%}.s2-bottom{position:absolute;left:calc(766/ 2560 * 100%);bottom:calc(35 /2560*(100vw - 17px));width:calc(1028 / 2560 * 100%);height:calc(31/ 2560 * (100vw - 17px))}.s3{z-index:7;height:calc(1248 / 2560 * 100vw);margin:0 auto;box-sizing:border-box;direction:initial}.is-scroll .s3{height:calc(1248 / 2560 * (100vw - 17px))}.s3-top{width:100%;position:absolute;top:calc(29 / 2560 *100vw)}.is-scroll .s3-top{top:calc(29 / 2560 * (100vw - 17px))}.s3-box{width:calc(1876 / 2560 * 100vw);margin:0 auto}.is-scroll .s3-box{width:calc(1876 / 2560 * (100vw - 17px))}.s3 .tab-container{margin:0 auto}.s3 .tab-con li{height:calc(763 / 2560 * 100vw);position:relative;width:calc(580 / 2560 *100vw)}.s3 .tab-con li:not(:last-child){margin-right:calc(64 / 2560 *100vw)}.is-scroll .s3 .tab-con li{width:calc(580 / 2560 * (100vw - 17px))}.is-scroll .s3 .tab-con li:not(:last-child){margin-right:calc(64 / 2560 * (100vw - 17px))}.s3 .tab-con{text-align:center;width:100%;height:calc(1064 / 2560 * 100vw)}.is-scroll .s3 .tab-con{height:calc(1064 / 2560 * (100vw - 17px))}.s3 .tab-con li{height:calc(763 / 2560 * 100vw);position:relative}.s3 .tab-con li::before{content:"";display:block;width:calc(100/ 2560 * 100vw);height:calc(122 / 2560 * 100vw);background-image:url(/event/royalepass12/images/s3_icon1.png);position:absolute;left:calc(35 / 2560 * 100vw);top:6%;background-size:contain;background-repeat:no-repeat}.s3 .tab-con li:not(:first-child):before{background-image:url(/event/royalepass12/images/s3_icon2.png)}.s3-role-box{height:calc(497 / 2560 * 100vw);position:relative;margin-top:calc(-100 / 2560 * 100vw)}.s3-role-img{width:calc(588 / 2560 * 100vw);height:calc(481/ 2560 * 100vw);position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.s3-title{font-size:calc(40/ 2560 * (100vw - 17px));color:#fff;line-height:calc(60 / 2560 * 100vw);text-align:left;width:75%;margin:calc(80 / 2560 * 100vw) 0 0 calc(140 / 2560 * 100vw)}.ar .s4-i-t1,.ar .s3-title{direction:rtl}.s3-t1{color:#a3e8ff;width:75%;margin:calc(40/ 2560 * 100vw) 4% 0;text-align:left;font-size:calc(32 / 2560 * 100vw);height:calc(140 / 2560 * 100vw)}.ar .s3-t1{width:95%}.s3-t2{font-size:calc(36 / 2560 * 100vw);color:#fff;width:70%;margin:calc(40 / 2560 * 100vw) 4%;text-align:left;text-shadow:0 0 5px #86f9ff;height:calc(180 / 2560 * 100vw)}.s3-t1,.s3-t2{overflow:auto}.s3-uc{font-size:calc(60 / 2560 * 100vw)}.s3 .s3-container-btns{width:calc(1263 / 2560 * 100vw);box-sizing:border-box;margin:3% auto 0}.s3 .s3-container-btns .s3-btn-item{position:relative;width:80%;height:calc(85 / 2560 * 100vw);margin:0;text-align:center;position:relative}.is-scroll .s3 .s3-container-btns .s3-btn-item{width:calc(629 / 2560 * (100vw - 17px));height:calc(85 / 2560 * (100vw - 17px))}.s3 .s3-btn-item1 .s3-btn1,.s3 .s3-btn-item2 .s3-btn2{transform:rotate(180deg)}.s3-btn-item .s3-btn1,.s3-btn-item.on .s3-btn2{display:none}.s3-btn-item .s3-btn2,.s3-btn-item.on .s3-btn1{display:block}.s3 .s3-btn-item.on::after{content:"";display:block;position:absolute;background:url(/event/royalepass12/images/s3_btn_0.png);width:calc(15 / 2560 * 100vw);height:calc(15 / 2560 * 100vw);background-size:contain}.s3 .s3-btn-item1.on::after{top:calc(-4 / 2560 * 100vw);left:calc(-4 / 2560 * 100vw)}.s3 .s3-btn-item2.on::after{bottom:calc(-4 / 2560 * 100vw);right:calc(-4 / 2560 * 100vw)}.s3-tab-item{font-size:calc(42 / 2560 * (100vw - 17px));color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.on .s3-tab-item{color:#202020}.s3 .tab-container-item{width:100%;display:none;position:relative}.s3 .tab-container-item.on{display:flex}.s3 .tab-container-item1{width:85%;margin:calc(50 / 2560 * 100vw) auto 0}.s3-introuce-right{width:50%;padding-left:5%}.s3 .role-img-box{width:45%}.s3-i-t{font-family:'AGENCYB';color:#fff;font-size:calc(35 / 2560 * 100vw);line-height:calc(40 / 2560 * 100vw);font-weight:bold}.s3-introuce-right ol{font-family:'AGENCYB';font-size:calc(30 / 2560 * 100vw);line-height:calc(34 / 2560 * 100vw);color:#fff;font-weight:normal;padding-top:calc(36 / 2560 * 100vw)}.s3-introuce-right ol li{margin-top:calc(30 / 2560 * 100vw);display:flex}.s3-introuce-right ol li::before{content:attr(tag);font-family:'teko';font-size:calc(60 / 2560 * 100vw);vertical-align:top;line-height:1;margin:0 calc(20 / 2560 * 100vw);color:#f2ce2a}.s4{height:calc(1130 / 2560 * 100vw)}.s4-box{width:calc(2450 / 2560 * 100%);margin:0 auto;box-sizing:border-box;padding-top:0}.s4-swiper-container{width:85%}.s4-swiper-pagination,.s5-swiper-pagination,.s6-swiper-pagination{display:flex;justify-content:center;text-align:center;width:100%;bottom:0}.s4-swiper-pagination .swiper-pagination-bullet::before,.s5-swiper-pagination .swiper-pagination-bullet::before,.s6-swiper-pagination .swiper-pagination-bullet::before{background:0}.s4-swiper-pagination .swiper-pagination-bullet,.s5-swiper-pagination .swiper-pagination-bullet,.s6-swiper-pagination .swiper-pagination-bullet{width:calc(60 / 750 * 100%);height:3px;opacity:.8;margin:0 3px !important;background-color:#fff;outline:0;border-radius:0;flex:0 1 auto;border:0;overflow:hidden;padding:0}.s5-swiper-pagination{display:none}.s4-swiper-title,.s5-swiper-title,.s6-swiper-title{text-align:center;font-size:calc(35 / 2560 * 100vw);line-height:calc(45 / 2560 * 100vw);color:#fff;margin-bottom:calc(25 / 2560 * 100vw)}.s4-swiper-title{margin-bottom:calc(70 / 2560 * 100vw);margin-top:calc(-50 / 2560 * 100vw)}.s4-swiper-pagination .swiper-pagination-bullet,.s5-swiper-pagination .swiper-pagination-bullet,.s6-swiper-pagination .swiper-pagination-bullet{width:calc(60 / 750 * 100%);height:3px;opacity:.8;margin:0 3px !important;background-color:#fff;outline:0;border-radius:0;flex:0 1 auto;border:0;overflow:hidden;padding:0}.s4-swiper-pagination .swiper-pagination-bullet-active,.s5-swiper-pagination .swiper-pagination-bullet-active,.s6-swiper-pagination .swiper-pagination-bullet-active{opacity:1}.s4-swiper-pagination{background-image:url(/event/royalepass12/images/s4_pagination_bg.png);width:calc(2128 / 2560 * 100vw);height:calc(60 / 2560 * 100vw);background-size:100%;margin-left:-2%;padding-right:20%;box-sizing:border-box}.ar .s4-swiper-pagination{padding-right:0;padding-left:20%}.s4-swiper-pagination .swiper-pagination-bullet{width:calc(60 / 750 * 100%);height:calc(60 / 2560 * 100vw);opacity:.8;margin:0 3px !important;background:0;outline:0;border-radius:0;flex:0 1 auto;border:0;overflow:hidden;padding:0;line-height:calc(60 / 2560 * 100vw);font-size:calc(50 / 2560 * 100vw);color:#64c4ee}.s4-swiper-pagination .swiper-pagination-bullet-active{text-shadow:0 0 5px #86f9ff;color:#fff}.s4-swiper-prev,.s4-swiper-next,.s5-swiper-prev,.s5-swiper-next,.s6-swiper-prev,.s6-swiper-next{background-image:url(/event/royalepass12/images/swiper_btn.png);outline:0;z-index:3;background-image:unset;outline:0;z-index:3;background-image:url(/event/royalepass12/images/swiper_btn.png);width:calc(62 / 2560 * 100vw);height:calc(97 / 2560 * 100vw);background-size:100%;margin:0;transform:translateY(-50%)}.s4-swiper-prev,.s5-swiper-prev,.s6-swiper-prev{left:10%;transform:translateY(-50%) rotate(180deg)}.s4-swiper-next,.s5-swiper-next,.s6-swiper-next{right:10%}.s4-swiper-next,.s4-swiper-prev{top:55%}.s4-t{width:80%;margin:0 auto;direction:initial}.s4-icon-box{width:17%;margin:-2%}.s4-introuce-right{width:75%;margin-left:5%}.s4-i-t1{font-size:calc(74 / 2560 * (100vw - 17px));line-height:calc(85 / 2560 * (100vw - 17px));color:#ffde7b;padding-top:calc(60 / 2560 * (100vw - 17px));white-space:nowrap}.ru .s4-i-t1{font-size:calc(64 / 2560 * (100vw - 17px))}.s4-i-t2{font-size:calc(32 / 2560 * (100vw - 17px));color:#a8bad1;height:calc(85/ 2560 * 100vw);overflow:auto}.s4-swiper-box{width:70%;margin-left:-33%;margin-top:-8%;position:relative}.s4 .activity{width:84%;margin:2% auto}.s4 .people{width:43%;margin-right:-3%}.s5{height:calc(1675 / 2560 * 100vw)}.s5-box{width:calc(2450 / 2560 * 100%);margin:0 auto;box-sizing:border-box;padding-top:0}.s5-title{font-size:calc(94 / 2560 * (100vw - 17px));line-height:calc(120 / 2560 * (100vw - 17px));color:#00f8ff;text-shadow:0 0 8px #00f8ff;text-align:center}.s5-swiper-box{position:relative;width:90%;margin:3.5% auto 0}.s5-swiper-container{width:90%}.s5-swiper-prev{left:0}.s5-swiper-next{right:0}.s5-swiper-prev,.s5-swiper-next{top:35%}.s5 .activity{padding:0 8px}.s5 .activity img{filter:drop-shadow(2px 4px 6px rgba(0,0,0,0.5))}.gallery-top{height:80%;width:100%}.gallery-thumbs{box-sizing:border-box;padding:calc(25 / 2560 * 100vw) 0;margin-top:calc(130 / 2560 * 100vw);height:calc(286 / 2560 * 100vw)}.is-scroll .gallery-thumbs{margin-top:calc(110 / 2560 * 100vw)}.gallery-thumbs .swiper-slide{width:25%;height:100%;opacity:.4;background-size:contain;background-repeat:no-repeat;cursor:pointer;background-position:center}.gallery-thumbs .swiper-slide-thumb-active{opacity:1}.s6-box{width:80%;margin:0 auto;box-sizing:border-box}.s6-swiper-box{position:relative;width:100%;margin:0 auto}.s6-swiper-container{width:90%}.s6-swiper-pagination .swiper-pagination-bullet{width:calc(90 / 2560 * 100vw);background-color:#c5c5c5}.s6-swiper-pagination{display:flex;justify-content:center;text-align:center;width:100%;bottom:calc(60/ 2560 * 100%)}.s6-swiper-prev{left:5%}.s6-swiper-next{right:5%}.s6 .activity{padding:0 8px}.s6 .activity img{filter:drop-shadow(2px 4px 6px rgba(0,0,0,0.5))}.s7 .con-title{width:25%;margin:5% auto 2%}.s7 .newdownload-wrap{margin-top:20px !important;margin-bottom:20px !important}.sec .pagination{display:flex;justify-content:center;text-align:center;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;left:0;right:0;bottom:0;position:absolute}.b-bg{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.9);z-index:200}.pop-vid{position:fixed;width:50%;left:50%;left:0;right:0;margin:-281px auto;top:50%;z-index:201}.pop-close{width:45px;height:45px;color:#d9d9d8;font-size:40px;text-align:center;line-height:50px;position:absolute;right:0;top:0;z-index:3;text-indent:-999px;overflow:hidden;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAArBAMAAAAebRy0AAAAElBMVEUAAAD///////////////////8+Uq06AAAABnRSTlMAgE9AbQJS7AZuAAAAkklEQVQ4y4WT0Q1AUAwAG2KAxwJsICZgBfsPQ/pzkfNSH9LWnTzVRhyha9gjxraqvi3vszYLz9ImISsIH1wCOQIpgHAIEhDFMISCiKAILIAjGAfMuwXwr5C4hTtxC1fiFn7xmK52Rs37/fV5fH5/b9Uf97Puv/8XuCLPQzU/njcQyxCkABbAEYQjdPaxt7+9fX8ARNcT+PuPZN4AAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:contain}.pop-loading{font-family:Arial;display:block;position:absolute;left:50%;top:50%;font-size:22px;text-align:center;color:#fff;line-height:3;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pop-loading.loaded{display:none}.pop-con{animation:popIn .5s 0s both}.share-btn{display:none;position:absolute;right:100px;top:70px;width:82px;font-size:13px;height:24px;line-height:26px;background:#eaa300;border:1px solid #ffcc57;color:#000;z-index:3;text-align:center}.ru .share-btn{width:88px}.pop-share .pop-close{width:.8rem;height:.8rem;font-size:.8rem;line-height:.8rem;top:0}.share-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.share-wrap>a{display:inline-block;width:90px;height:90px;margin:20px;animation:popIn .5s 0s both}.share-wrap>a img{width:100%;height:100%}.share-wrap>a p{font-size:18px;line-height:2;text-align:center;color:#ebf6fc}.wrap-bg{position:absolute;top:0;z-index:1;width:100%;height:calc(1462*4 / 2560 * 100vw);overflow:hidden;top:calc(2832 / 2560 * 100vw)}.is-scroll .wrap-bg{height:calc(1462*4 / 2560 * (100vw - 17px));top:calc(2832 / 2560 * (100vw - 17px))}.wrap-bg .wrap-bg-item:nth-child(1){background-image:url(/event/royalepass12/images/s3_bg_01.jpg);padding-top:calc(1389 / 2560 * 100%)}.wrap-bg .bg-s1.on{background-image:url(/event/royalepass12/images/s3_bg_02.jpg)}.s2::after{content:"";display:block;width:100%;height:calc(73 /2560*100vw);position:absolute;left:0;bottom:-2px;background-image:url(/event/royalepass12/images/s3_bg_01.png);background-repeat:no-repeat;background-size:contain;background-position:center;z-index:1}.wrap-bg .wrap-bg-item:nth-child(2){background-image:url(/event/royalepass12/images/bg_02.jpg)}.wrap-bg .wrap-bg-item:nth-child(3){background-image:url(/event/royalepass12/images/bg_03.jpg)}.wrap-bg .wrap-bg-item:nth-child(4){background-image:url(/event/royalepass12/images/bg_04.jpg)}.wrap-bg .wrap-bg-item{padding-top:calc(1462 / 2560 * 100%);background-position:center center;background-size:cover;background-repeat:no-repeat;overflow:hidden;margin-top:-1px}.s1{background-attachment:fixed;-webkit-mask-size:100%;-webkit-mask-position:bottom;-webkit-mask-position-y:calc(100% - 2px);-webkit-mask-repeat:no-repeat}@media only screen and (max-width:1920px){}@media only screen and (max-width:1900px){.kv-logo{display:none}}@media only screen and (max-width:1600px){.s3-title{font-size:calc(50/ 2560 * (100vw - 17px));width:75%;margin:calc(80 / 2560 * 100vw) 0 0 calc(140 / 2560 * 100vw)}.s3 .tab-con li::before{top:6%}.s7 .con-title{width:35%}.s3-t1,.s3-t2{font-size:calc(40/ 2560 * 100vw);line-height:calc(45 / 2560 * 100vw);width:82%}.s3-uc{font-size:calc(40 / 2560 * 100vw)}.s4-swiper-title,.s5-swiper-title,.s6-swiper-title{font-size:calc(45 / 2560 * 100vw);line-height:calc(55 / 2560 * 100vw)}.s4-swiper-pagination{height:calc(70 / 2560 * 100vw)}.s4-swiper-pagination .swiper-pagination-bullet{height:calc(70 / 2560 * 100vw);line-height:calc(70 / 2560 * 100vw)}}@media only screen and (max-width:1334px){.s3-i-t{font-family:'AGENCYB';color:#fff;font-size:calc(40 / 2560 * 100vw);line-height:calc(46 / 2560 * 100vw);font-weight:bold}.s3-introuce-right ol{font-size:calc(34 / 2560 * 100vw);line-height:calc(40 / 2560 * 100vw)}.s3-introuce-right ol li::before{font-size:calc(80 / 2560 * 100vw)}.s3-uc{font-size:calc(55 / 2560 * 100vw);line-height:calc(65 / 2560 * 100vw)}}@media only screen and (max-width:1200px){.s7 .con-title{width:40%}}@media only screen and (max-width:1000px){.down-wrap{left:50%;margin-left:-500px}.ar .down-wrap{right:50%;margin-right:-500px}.s3-t1,.s3-t2{width:90%;font-size:calc(45 / 2560 * 100vw);line-height:calc(55 / 2560 * 100vw);margin:calc(20 / 2560 * 100vw) 4%;height:calc(180/ 2560 * 100vw)}.s3-i-t{font-size:calc(46 / 2560 * 100vw);line-height:calc(50 / 2560 * 100vw)}.s3-introuce-right ol{font-size:calc(45 / 2560 * 100vw);line-height:calc(55 / 2560 * 100vw);height:calc(650 / 2560 * 100vw);overflow:auto}.s4-i-t2{font-size:calc(45 / 2560 * 100vw);line-height:calc(55 / 2560 * 100vw)}}@media only screen and (max-width:850px){.newdownload-wrap{bottom:20% !important}.down-group a{width:12.5%;padding-top:4.5%}.s7 .newdownload-wrap{margin-top:15px !important;margin-bottom:0 !important}.s4-i-t2{margin-right:-15%}}@media only screen and (max-width:575px){.newdownload-wrap{bottom:13.5% !important}.s7 .con-title{width:40%;margin:4% auto 0}}@media only screen and (max-width:500px){.img-slogan{top:60%;width:66%;left:50%}.s1{-webkit-mask-image:url(/event/royalepass12/images/kv_mask_mv.png);-webkit-mask-position-y:calc(100% - 5px)}.img-logo{width:15%}.s2{margin-top:calc(-60 /750 *100vw);height:calc(1334 / 750 *100vw)}.is-scroll .s2{height:calc(1334 / 750 *(100vw - 17px));margin-top:calc(-60 / 750 *(100vw - 17px))}.play-btn{width:calc(196 / 1200 *100vw);height:calc(196 /1200 *100vw);background-size:calc(113 / 1200 * 100vw)}.play-btn::before{width:calc(196 / 1200 * 100vw);height:calc(196 / 1200 * 100vw)}.wrap-bg{height:calc(1330 * 4 / 750 * 100vw);top:calc(2609 / 750 * 100vw)}.is-scroll .wrap-bg{height:calc(1330 * 4 / 750 * (100vw - 17px));top:calc(2605 / 750 * (100vw - 17px))}.wrap-bg .wrap-bg-item:nth-child(1){background-image:url(/event/royalepass12/images/bg_mv_01.jpg);padding-top:calc(1264 / 750 * 100%)}.s2::after{height:calc(70 /750 * 100vw);background-image:url(/event/royalepass12/images/s2_bottom_01.png);bottom:-1px}.wrap-bg .wrap-bg-item:nth-child(2){background-image:url(/event/royalepass12/images/bg_mv_02.jpg)}.wrap-bg .wrap-bg-item:nth-child(3){background-image:url(/event/royalepass12/images/bg_mv_03.jpg)}.wrap-bg .wrap-bg-item:nth-child(4){background-image:url(/event/royalepass12/images/bg_mv_04.jpg)}.wrap-bg .wrap-bg-item{padding-top:calc(1330 / 750 * 100%);background-position:center center;background-size:cover;background-repeat:no-repeat;overflow:hidden;margin-top:-1px}.wrap-bg .bg-s2-mv.on{padding-top:calc(830 / 750 * 100%)}.wrap-bg .bg-s1-mv.on{background-image:url(/event/royalepass12/images/bg_mv_11.jpg)}.wrap-bg .bg-s2-mv.on{background-image:url(/event/royalepass12/images/bg_mv_12.jpg)}.s3{height:calc(2260 / 750 * 100vw);display:block}.s3-mv{height:calc(1760 / 750 * 100vw);display:block}.is-scroll .s3{height:calc(2245 / 750 * (100vw - 17px));display:block}.is-scroll .s3-mv{height:calc(1650 / 750 * 100vw);display:block}.is-scroll .s3-box,.s3-box{width:100%}.s3 .s3-container-btns{display:flex;justify-content:center;width:90%;margin:0 auto;height:calc(293 / 750 * 100vw)}.is-scroll .s3 .s3-container-btns{height:calc(293 / 750 * (100vw - 17px))}.is-scroll .s3 .s3-container-btns .s3-btn-item,.s3 .s3-container-btns .s3-btn-item{width:50%;height:calc(66 / 750 * 100vw);margin:17% auto}.s3-tab-item{font-size:calc(24 / 750 * 100vw)}.s3 .tab-container-item1{width:88%;margin:0 auto}.s3 .tab-container-item1.on{display:block}.s3-introuce-right{width:100%;padding-left:0;padding-top:13%}.s3-i-t{font-size:calc(30 / 750 * 100vw);line-height:calc(35 / 750 * 100vw)}.s3-introuce-right ol{font-size:calc(28 / 750 * 100vw);line-height:calc(32 / 750 * 100vw);padding-top:calc(36 / 750 * 100vw)}.s3-introuce-right ol li{margin-top:calc(25 / 750 * 100vw)}.s3-introuce-right ol li::before{font-size:calc(60 / 750 * 100vw);margin-right:calc(20 / 750 * 100vw)}.s3 .role-img-box{width:100%;margin:-5% auto 5%}.is-scroll .s3 .tab-con,.s3 .tab-con{display:block;height:calc(1965/ 750 * 100vw)}.s3 .tab-con li{height:calc(580 / 750 * 100vw);width:100%;margin:0}.is-scroll .s3 .tab-con li{width:100%;height:calc(555 / 750 * 100vw)}.s3 .tab-con li:not(:last-child){margin-bottom:calc(112 / 750 * 100vw)}.is-scroll .s3 .tab-con li:not(:last-child){margin-bottom:calc(105 / 750 * 100vw)}.s3-title{margin:0;text-align:center;line-height:calc(60 / 750 * 100vw);width:100%;font-size:calc(46 / 750 * 100vw);padding-top:calc(50 / 750 * 100vw)}.s3-role-box{height:calc(230 / 750 * 100vw);margin-top:calc(-130 / 2560 * 100vw)}.s3-role-img{width:calc(588 / 750 * 100vw);height:calc(481/ 750 * 100vw);transform:scale(0.6);top:-45%;left:10%}.s3-role-img1,.s3-role-img3{width:calc(780 / 750 * 100vw);height:auto;top:-36%;left:0}.s3-role-img3{width:calc(720 / 750 * 100vw)}.s3-introuce-right ol{height:calc(550 / 750 * 100vw)}.s3 .tab-con li::before{width:calc(100/ 750 * 100vw);height:calc(122 / 750 * 100vw);left:calc(325 / 750 * 100vw);top:-14%}.s3-t1,.s3-t2{font-size:calc(26 / 750 * 100vw);height:calc(80/ 750 * 100vw);width:60%;margin:0 auto 0;line-height:calc(30 / 750 * 100vw);text-align:center}.s3-t1{padding-top:calc(30 / 750 * 100vw);font-size:calc(30 / 750 * 100vw);line-height:calc(36 / 750 * 100vw);width:75%}.ru .s3-t1{width:100%;height:calc(120/ 750 * 100vw)}.s3-t2{font-size:calc(32 / 750 * 100vw);line-height:calc(40 / 750 * 100vw);height:calc(170/ 750 * 100vw);width:100%}.s3-uc{font-size:calc(55 / 750 * 100vw);line-height:calc(60 / 750 * 100vw);text-shadow:0 0 4px #d36ffc;padding:0 2%}.s3 .tab-con li:not(:first-child) .s3-t1{color:#ffbbfe}.s3 .tab-con li:not(:first-child) .s3-t2{text-shadow:0 0 4px #d36ffc}.s4{height:calc(1330 / 750 * 100vw)}.s3 .s3-btn-item.on::after{width:calc(15 / 750 * 100vw);height:calc(15 / 750 * 100vw)}.s3 .s3-btn-item1.on::after{top:calc(-4 / 750 * 100vw);left:calc(-4 / 750 * 100vw)}.s3 .s3-btn-item2.on::after{bottom:calc(-4 / 750 * 100vw);right:calc(-4 / 750 * 100vw)}.is-scroll .s4{height:calc(1280 / 750 * 100vw)}.s4-box{width:100%}.s4-t{width:100%;margin:0 auto}.s4-icon-box{display:none}.s4-introuce-right{width:100%;margin-left:0;text-align:center}.s4-i-t1{font-size:calc(48 / 750 * 100vw);line-height:calc(120 / 750 * 100vw);padding-top:calc(150 / 750 * 100vw)}.ar .s4-i-t1{font-size:calc(48 / 750 * 100vw)}.ru .s4-i-t1{font-size:calc(64 / 750 * (100vw - 17px));line-height:calc(70 / 750 * 100vw)}.s4-i-t2{width:85%;margin:0 auto 9%;font-size:calc(30 / 750 * 100vw);height:calc(120/ 750 * 100vw);line-height:calc(36 / 750 * 100vw)}.s4-swiper-box{width:100%;margin-left:0;margin-top:0}.s4 .activity{width:100%;margin:0 auto}.s4-swiper-next,.s4-swiper-prev{top:59%;width:calc(62 / 750 * 100vw);height:calc(97 / 750 * 100vw)}.s4-swiper-prev{left:0}.s4-swiper-next{right:0}.ar .s4-swiper-pagination,.s4-swiper-pagination{background:0;margin:0 auto;padding:0;width:100%}.s4-swiper-pagination .swiper-pagination-bullet{font-size:0;width:10%;height:2px;background-color:#fff}.s4-swiper-pagination .swiper-pagination-bullet-active{box-shadow:0 0 4px #fff;color:#fff;opacity:1}.s4-swiper-title{margin-bottom:calc(70 / 750 * 100vw);margin-top:calc(80 / 750 * 100vw);font-size:calc(30 / 750 * 100vw);line-height:calc(40 / 750 * 100vw)}.s5{height:calc(605 / 750 * 100vw)}.s5-box{padding-top:0;width:100%}.s5-title{font-size:calc(54 / 750 * 100vw);line-height:calc(80 / 750 * 100vw)}.s5-swiper-box{width:100%;margin:7% auto}.s5-swiper-container{width:100%}.gallery-thumbs{display:none}.s5-swiper-prev,.s5-swiper-next,.s6-swiper-prev,.s6-swiper-next{top:50%;width:calc(40 / 750 * 100vw);height:calc(80 / 750 * 100vw)}.s5-swiper-prev{left:10%}.s5-swiper-next{right:10%}.s5-swiper-pagination{display:block;box-sizing:border-box;padding:0;margin:0 auto;height:calc(50 / 750 * 100vw);bottom:calc(-125 / 750 * 100vw)}.s5-swiper-pagination .swiper-pagination-bullet{height:2px;background-color:#186fff}.s5-swiper-pagination .swiper-pagination-bullet-active{background-color:#fff;box-shadow:0 0 3px #fff}.s6-box{width:100%}.s6-swiper-container{width:100%;margin-top:7%}.s6-swiper-pagination .swiper-pagination-bullet{width:8%}.s6-swiper-pagination{bottom:calc(-100/ 2560 * 100%)}.s7 .con-title{width:80%;margin:20% auto 0}.down-group{margin:3% auto}}@media only screen and (max-width:490px){.img-logo{display:none}}@media only screen and (max-width:475px){.newdownload-wrap{bottom:15.5% !important}.down-arrow{bottom:88px}}@media only screen and (max-width:375px){.share-btn{top:69px;right:10px}}@media only screen and (min-width:2100px){.down-group .apk-btn .down_tip{transform:scale(1) translateY(12px) translateX(-41px);-webkit-transform:scale(1) translateY(12px) translateX(-41px)}.down-group{transform:scale(1.4);-webkit-transform:scale(1.4)}.sec{-webkit-mask-size:100% 100%}}.mclass .share-btn{display:block}.mclass .goole-btn{display:none !important}.mclass .down-group a{width:12.5%;padding-top:4.55%}.mclass .pop-close{width:25px;height:25px;right:2px}.mclass .sec{background-attachment:inherit}.footer:before{display:none}