body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0}body,button,input,select,textarea{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}em,b{font-style:normal}a{text-decoration:none;outline:0}a:hover{text-decoration:none}img{border:0}button,input,select,textarea{font-size:100%;outline:0}table{border-collapse:collapse;border-spacing:0}td,th,ul,ol{padding:0}ol,ul{list-style:none}html{background:#131313}body{font-family:'../font/agencyr_0.ttf';font-size:14px}.section{height:100%;overflow:hidden}.s1{background-image:url(/images/event/royalepass15/bg_1.jpg);background-position:center;background-size:cover}.s2{background-image:url(/images/event/royalepass15/bg_2.jpg);background-position:center;background-size:cover}.s5{background-image:url(/images/event/royalepass15/bg_5.jpg);background-position:center;background-size:cover}.s6{background-image:url(/images/event/royalepass15/bg_6.jpg);background-position:center;background-size:cover}.s7{background-image:url(/images/event/royalepass15/bg_7.jpg);background-position:center;background-size:cover}.s8{background-image:url(/images/event/royalepass15/bg_8.jpg);background-position:center;background-size:cover}.fp-tableCell{position:relative}.slogan{width:calc(990 / 1920 * 100vw);height:calc(345 / 1920 * 100vw);position:absolute;top:calc(590 / 1920 * 100vw);left:0;background:url(/images/event/royalepass15/slogan_en.png) top center no-repeat;background-size:100%}.ar .slogan{background:url(/images/event/royalepass15/slogan_ar.png) top center no-repeat;background-size:100%}.de .slogan{background:url(/images/event/royalepass15/slogan_de.png) top center no-repeat;background-size:100%}.en .slogan{background:url(/images/event/royalepass15/slogan_en.png) top center no-repeat;background-size:100%}.es .slogan{background:url(/images/event/royalepass15/slogan_es.png) top center no-repeat;background-size:100%}.fr .slogan{background:url(/images/event/royalepass15/slogan_fr.png) top center no-repeat;background-size:100%}.HK .slogan{background:url(/images/event/royalepass15/slogan_en.png) top center no-repeat;background-size:100%}.id .slogan{background:url(/images/event/royalepass15/slogan_id.png) top center no-repeat;background-size:100%}.pt .slogan{background:url(/images/event/royalepass15/slogan_pt.png) top center no-repeat;background-size:100%}.ru .slogan{background:url(/images/event/royalepass15/slogan_ru.png) top center no-repeat;background-size:100%}.th .slogan{background:url(/images/event/royalepass15/slogan_th.png) top center no-repeat;background-size:100%}.tr .slogan{background:url(/images/event/royalepass15/slogan_tr.png) top center no-repeat;background-size:100%}.vi .slogan{background:url(/images/event/royalepass15/slogan_vi.png) top center no-repeat;background-size:100%}.TW .slogan{background:url(/images/event/royalepass15/slogan_en.png) top center no-repeat;background-size:100%}.pointer{display:block;width:calc(36 / 1920 * 100vw);height:calc(118 / 1920 * 100vw);background:url(/images/event/royalepass15/pointer.png) no-repeat;background-size:100%;position:fixed;right:calc(10 / 1920 * 100vw);bottom:calc(180 / 1920 * 100vw);animation:down 2s linear infinite;z-index:99}.s1-video{width:auto;height:100%;position:relative;left:50%;transform:translateX(-50%);top:0}.img-logo{display:block;width:calc(120 / 1920 * 100vw);height:auto;position:absolute;top:calc(140 / 1920 * 100vw);right:calc(30 / 1920 * 100vw)}@keyframes down{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px)}100%{webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.s2-content{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);overflow:hidden}.btn-play{width:calc(171 / 1920 * 100vw);height:calc(171 / 1920 * 100vw);position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);z-index:9}.btn-play i{display:block;width:100%;height:100%;position:absolute;top:0;left:0;opacity:.6}.btn-play i.i1{background:url(/images/event/royalepass15/btn_play1.png) no-repeat;background-size:100%;z-index:2}.btn-play i.i2{background:url(/images/event/royalepass15/btn_play2.png) no-repeat;background-size:100%;animation:rotate 4s linear infinite}@keyframes rotate{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.s3-content{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);overflow:hidden}.tab-list{width:calc(470 / 1920 * 100vw);height:calc(112 / 1920 * 100vw);position:absolute;top:0;left:50%;margin-left:calc(-235 / 1920 * 100vw);z-index:9}.tab-list .tab{display:block;transition:all .6s;position:absolute;top:0;overflow:hidden}.tab-list .tab span{display:block;width:calc(130 / 1920 * 100vw);font-size:calc(20 / 1920 * 100vw);color:#fff;margin-top:calc(14 / 1920 * 100vw);line-height:calc(20 / 1920 * 100vw);text-align:center}.tab-list .tab.current span{color:#753f06}.tab-list .tab1 span{float:right}.tab-list .tab2 span{float:left}.tab-list .tab1{width:calc(229 / 1920 * 100vw);height:calc(94 / 1920 * 100vw);background:url(/images/event/royalepass15/tab_1.png) top center no-repeat;background-size:100%;left:0}.tab-list .tab2{width:calc(235 / 1920 * 100vw);height:calc(112 / 1920 * 100vw);background:url(/images/event/royalepass15/tab_2.png) top center no-repeat;background-size:100%;right:0}.tab-list .tab1.current{background:url(/images/event/royalepass15/tab_11.png) top center no-repeat;background-size:100%}.tab-list .tab2.current{background:url(/images/event/royalepass15/tab_22.png) top center no-repeat;background-size:100%}.box-list{width:100%;height:100%;position:relative}.box-list .box{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;opacity:0;z-index:1;transition:all .6s}.box-list .box.current{opacity:1;z-index:2}.box-list .box1{background-image:url(/images/event/royalepass15/bg_3_1.jpg);background-position:center;background-size:cover}.box-list .box2{background-image:url(/images/event/royalepass15/bg_3_2.jpg);background-position:center;background-size:cover}.swiper-container-s3{width:calc(1920 / 1920 * 100vw);height:calc(850 / 1920 * 100vw);position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);overflow:visible}.swiper-container-s3 .swiper-slide{width:calc(894 / 1920 * 100vw);height:calc(696 / 1920 * 100vw);opacity:0}.swiper-container-s3 .swiper-slide-active,.swiper-container-s3 .swiper-slide-prev,.swiper-container-s3 .swiper-slide-next{opacity:1}.role{width:calc(636 / 1920 * 100vw);height:calc(629 / 1920 * 100vw);position:absolute;top:0;left:50%;margin-left:calc(-318 / 1920 * 100vw);transition:all .6s}.swiper-slide-active .role1{background:url(/images/event/royalepass15/role_bg1.png) center center no-repeat;background-size:100%}.swiper-slide-active .role2{background:url(/images/event/royalepass15/role_bg2.png) center center no-repeat;background-size:100%}.swiper-slide-active .role3{background:url(/images/event/royalepass15/role_bg3.png) center center no-repeat;background-size:100%}.role1{background:url(/images/event/royalepass15/role_bg11.png) top center no-repeat;background-size:calc(636 / 1920 * 100vw) calc(629 / 1920 * 100vw)}.role2{background:url(/images/event/royalepass15/role_bg22.png) top center no-repeat;background-size:calc(636 / 1920 * 100vw) calc(629 / 1920 * 100vw)}.role3{background:url(/images/event/royalepass15/role_bg33.png) top center no-repeat;background-size:calc(636 / 1920 * 100vw) calc(629 / 1920 * 100vw)}.swiper-slide-active .role{top:calc(200 / 1920 * 100vw);left:calc(35 / 1920 * 100vw);margin-left:0;pointer-events:none}.swiper-container-s3 .swiper-slide-prev .role{left:calc(70 / 1920 * 100vw);margin-left:0;transform:scale(.8)}.swiper-container-s3 .swiper-slide-next .role{left:inherit;margin-left:0;right:calc(70 / 1920 * 100vw);transform:scale(.8)}.role1 img{display:block;width:calc(460 / 1920 * 100vw);height:calc(646 / 1920 * 100vw);position:absolute;top:calc(-21/ 1920 * 100vw);left:calc(36 / 1920 * 100vw);z-index:3}.role2 img{display:block;width:calc(352 / 1920 * 100vw);height:calc(685 / 1920 * 100vw);position:absolute;top:calc(-60/ 1920 * 100vw);left:calc(111 / 1920 * 100vw);z-index:3}.role3 img{display:block;width:calc(380 / 1920 * 100vw);height:calc(387 / 1920 * 100vw);position:absolute;top:calc(85/ 1920 * 100vw);left:calc(140 / 1920 * 100vw);z-index:3}.swiper-container-s3 .swiper-slide-prev .role1 img{left:calc(14 / 1920 * 100vw)}.swiper-container-s3 .swiper-slide-prev .role2 img{left:calc(91 / 1920 * 100vw)}.swiper-container-s3 .swiper-slide-next .role1 img{left:calc(14 / 1920 * 100vw)}.swiper-container-s3 .swiper-slide-next .role2 img{left:calc(91 / 1920 * 100vw)}.role .intro{display:none;width:calc(525 / 1920 * 100vw);height:calc(539 / 1920 * 100vw);background:url(/images/event/royalepass15/intro_bg.png) no-repeat;background-size:100%;position:absolute;top:calc(55/ 1920 * 100vw);left:calc(345 / 1920 * 100vw);z-index:2}.swiper-slide-active .role .intro{display:block}.role .intro p{width:calc(260 / 1920 * 100vw);text-align:center;font-size:calc(20 / 1920 * 100vw);color:#c8deff;line-height:calc(32 / 1920 * 100vw);margin:0 auto}.role3 .intro p{width:calc(220 / 1920 * 100vw);padding-left:calc(20 / 1920 * 100vw)}.role .intro p:first-child{margin:calc(220 / 1920 * 100vw) auto 0}.role .intro p span{font-weight:bold;color:#fc0;font-size:calc(50 / 1920 * 100vw);line-height:calc(50 / 1920 * 100vw)}.role .free{width:calc(590 / 1920 * 100vw);height:calc(50 / 1920 * 100vw);font-size:calc(28 / 1920 * 100vw);color:#fff;line-height:calc(50 / 1920 * 100vw);text-align:right;transform:rotate(45deg);position:absolute;top:calc(350 / 1920 * 100vw);z-index:4;font-weight:bold;left:calc(-215 / 1920 * 100vw);letter-spacing:calc(3 / 1920 * 100vw)}.detail{width:calc(1070 / 1920 * 100vw);height:calc(553 / 1920 * 100vw);position:absolute;top:calc(170 / 1920 * 100vw);left:calc(450 / 1920 * 100vw);background:url(/images/event/royalepass15/text_bg.png) top center no-repeat;background-size:100%;overflow:hidden}.detail .text{width:calc(590 / 1920 * 100vw);height:calc(430 / 1920 * 100vw);position:absolute;top:calc(50 / 1920 * 100vw);right:calc(40 / 1920 * 100vw)}.detail .text p{font-size:calc(24 / 1920 * 100vw);color:#fff;line-height:calc(30 / 1920 * 100vw);margin-top:calc(15 / 1920 * 100vw)}.s5-content{width:calc(1620 / 1920 * 100vw);height:calc(860 / 1920 * 100vw);position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);overflow:hidden}.swiper-container-s5{width:calc(1480 / 1920 * 100vw);height:calc(600 / 1920 * 100vw);margin:calc(-35 / 1920 * 100vw) auto 0}.swiper-container-s5 .swiper-slide{width:100%;height:100%}.swiper-container-s5 .swiper-slide img{display:block;width:100%;height:auto}.swiper-prev-s5{display:block;width:calc(61 / 1920 * 100vw);height:calc(78 / 1920 * 100vw);background:url(/images/event/royalepass15/btn_prve.png) top center no-repeat;background-size:100%;position:absolute;top:calc(460 / 1920 * 100vw);left:calc(60 / 1920 * 100vw);z-index:9}.swiper-next-s5{display:block;width:calc(61 / 1920 * 100vw);height:calc(78 / 1920 * 100vw);background:url(/images/event/royalepass15/btn_next.png) top center no-repeat;background-size:100%;position:absolute;top:calc(460 / 1920 * 100vw);right:calc(60 / 1920 * 100vw);z-index:9}.title5{width:calc(916 / 1920 * 100vw);height:calc(201 / 1920 * 100vw);margin:calc(20 / 1920 * 100vw) auto 0;background:url(/images/event/royalepass15/title5_en.png) top center no-repeat;background-size:100%;position:relative}.title5 p{width:calc(710 / 1920 * 100vw);position:absolute;top:calc(110 / 1920 * 100vw);left:calc(185 / 1920 * 100vw);text-align:center;color:#153152;font-size:calc(24 / 1920 * 100vw);line-height:calc(30 / 1920 * 100vw)}.ar .title5{width:calc(901 / 1920 * 100vw);background:url(/images/event/royalepass15/title5_ar.png) top center no-repeat;background-size:100%}.de .title5{width:calc(1011 / 1920 * 100vw);background:url(/images/event/royalepass15/title5_de.png) top center no-repeat;background-size:100%}.en .title5{background:url(/images/event/royalepass15/title5_en.png) top center no-repeat;background-size:100%}.es .title5{width:calc(901 / 1920 * 100vw);background:url(/images/event/royalepass15/title5_es.png) top center no-repeat;background-size:100%}.fr .title5{width:calc(920 / 1920 * 100vw);background:url(/images/event/royalepass15/title5_fr.png) top center no-repeat;background-size:100%}.HK .title5{width:calc(896 / 1920 * 100vw);background:url(/images/event/royalepass15/title5_hk.png) top center no-repeat;background-size:100%}.id .title5{width:calc(911 / 1920 * 100vw);background:url(/images/event/royalepass15/title5_id.png) top center no-repeat;background-size:100%}.pt .title5{width:calc(894 / 1920 * 100vw);background:url(/images/event/royalepass15/title5_pt.png) top center no-repeat;background-size:100%}.ru .title5{width:calc(1110 / 1920 * 100vw);background:url(/images/event/royalepass15/title5_ru.png) top center no-repeat;background-size:100%}.th .title5{width:calc(911 / 1920 * 100vw);background:url(/images/event/royalepass15/title5_th.png) top center no-repeat;background-size:100%}.tr .title5{width:calc(901 / 1920 * 100vw);background:url(/images/event/royalepass15/title5_tr.png) top center no-repeat;background-size:100%}.vi .title5{width:calc(978 / 1920 * 100vw);background:url(/images/event/royalepass15/title5_vi.png) top center no-repeat;background-size:100%}.TW .title5{width:calc(915 / 1920 * 100vw);background:url(/images/event/royalepass15/title5_tw.png) top center no-repeat;background-size:100%}.ar .title5 p{width:calc(690 / 1920 * 100vw)}.de .title5 p{width:calc(690 / 1920 * 100vw)}.es .title5 p{width:calc(680 / 1920 * 100vw)}.fr .title5 p{width:calc(690 / 1920 * 100vw)}.HK .title5 p{width:calc(680 / 1920 * 100vw)}.id .title5 p{width:calc(690 / 1920 * 100vw)}.pt .title5 p{width:calc(690 / 1920 * 100vw)}.ru .title5 p{width:calc(890 / 1920 * 100vw)}.th .title5 p{width:calc(690 / 1920 * 100vw)}.tr .title5 p{width:calc(690 / 1920 * 100vw)}.vi .title5 p{width:calc(760 / 1920 * 100vw)}.TW .title5 p{width:calc(690 / 1920 * 100vw)}.s6-content{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);overflow:hidden}.swiper-container-s6{width:calc(1108 / 1920 * 100vw);height:calc(788 / 1920 * 100vw);position:absolute;top:calc(185 / 1920 * 100vw);right:calc(20 / 1920 * 100vw);z-index:1;overflow:visible}.swiper-container-s6 .swiper-slide{width:100%;height:100%}.swiper-container-s6 .swiper-slide img{display:block;width:100%;height:auto}.swiper-prev-s6{display:block;width:calc(39 / 1920 * 100vw);height:calc(72 / 1920 * 100vw);background:url(/images/event/royalepass15/btn_prve1.png) top center no-repeat;background-size:100%;position:absolute;top:calc(472 / 1920 * 100vw);left:calc(720 / 1920 * 100vw);z-index:9}.swiper-next-s6{display:block;width:calc(44 / 1920 * 100vw);height:calc(82 / 1920 * 100vw);background:url(/images/event/royalepass15/btn_next1.png) top center no-repeat;background-size:100%;position:absolute;top:calc(465 / 1920 * 100vw);right:calc(55 / 1920 * 100vw);z-index:9}.swiper-container-s6:before{display:block;content:"";width:calc(302 / 1920 * 100vw);height:calc(337 / 1920 * 100vw);background:url(/images/event/royalepass15/icon_1.png) top center no-repeat;background-size:100%;position:absolute;top:calc(445 / 1920 * 100vw);left:calc(-130 / 1920 * 100vw);z-index:10}.swiper-container-s6:after{display:block;content:"";width:calc(448 / 1920 * 100vw);height:calc(210 / 1920 * 100vw);background:url(/images/event/royalepass15/icon_2.png) top center no-repeat;background-size:100%;position:absolute;top:calc(585 / 1920 * 100vw);right:calc(20 / 1920 * 100vw);z-index:10}.title6{width:calc(300 / 1920 * 100vw);height:calc(80 / 1920 * 100vw);font-size:calc(60 / 1920 * 100vw);line-height:calc(80 / 1920 * 100vw);color:#ffeba0;font-weight:bold;position:absolute;top:calc(155 / 1920 * 100vw);left:calc(790 / 1920 * 100vw);transform:rotate(-3deg)}.s7-content{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);overflow:hidden}.swiper-container-s7{width:calc(1139 / 1920 * 100vw);height:calc(859 / 1920 * 100vw);position:absolute;top:calc(130 / 1920 * 100vw);right:calc(90 / 1920 * 100vw);z-index:1;overflow:visible}.swiper-container-s7 .swiper-slide{width:100%;height:100%}.swiper-container-s7 .swiper-slide img{display:block;width:100%;height:auto}.swiper-prev-s7{display:block;width:calc(39 / 1920 * 100vw);height:calc(72 / 1920 * 100vw);background:url(/images/event/royalepass15/btn_prve1.png) top center no-repeat;background-size:100%;position:absolute;top:calc(482 / 1920 * 100vw);left:calc(725 / 1920 * 100vw);z-index:9}.swiper-next-s7{display:block;width:calc(44 / 1920 * 100vw);height:calc(82 / 1920 * 100vw);background:url(/images/event/royalepass15/btn_next1.png) top center no-repeat;background-size:100%;position:absolute;top:calc(445 / 1920 * 100vw);right:calc(125 / 1920 * 100vw);z-index:9}.swiper-container-s7:before{display:block;content:"";width:calc(302 / 1920 * 100vw);height:calc(337 / 1920 * 100vw);background:url(/images/event/royalepass15/icon_1.png) top center no-repeat;background-size:100%;position:absolute;top:calc(495 / 1920 * 100vw);left:calc(-110 / 1920 * 100vw);z-index:10}.swiper-container-s7:after{display:block;content:"";width:calc(448 / 1920 * 100vw);height:calc(210 / 1920 * 100vw);background:url(/images/event/royalepass15/icon_2.png) top center no-repeat;background-size:100%;position:absolute;top:calc(615 / 1920 * 100vw);right:calc(-20 / 1920 * 100vw);z-index:10}.s8-content{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);overflow:hidden}.title8{width:calc(700 / 1920 * 100vw);height:calc(80 / 1920 * 100vw);position:absolute;top:calc(60 / 1920 * 100vw);right:calc(320 / 1920 * 100vw);font-size:calc(60 / 1920 * 100vw);line-height:calc(80 / 1920 * 100vw);color:#ffeba0;font-weight:bold;text-align:right}.active-list{width:calc(1220 / 1920 * 100vw);height:calc(750 / 1920 * 100vw);margin:calc(160 / 1920 * 100vw) auto 0;position:relative;text-align:center}.active-list .active{display:block;width:calc(336 / 1920 * 100vw);height:calc(457 / 1920 * 100vw);background:url(/images/event/royalepass15/active_bg.png) no-repeat;background-size:100%;margin:calc(10 / 1920 * 100vw) calc(35 / 1920 * 100vw) 0;float:left;transition:all .6s}.active-list .active1{background:url(/images/event/royalepass15/active_1.png) no-repeat;background-size:100%}.active-list .active2{background:url(/images/event/royalepass15/active_2.png) no-repeat;background-size:100%}.active-list .active2{margin-top:calc(160 / 1920 * 100vw)}.active-list .active:hover{transform:translateY(-5%)}.active-list .active span{display:block;width:100%;text-align:center;font-size:calc(20 / 1920 * 100vw);color:#fff;margin-top:calc(220 / 1920 * 100vw)}.active-list .active1 span{margin-top:calc(465 / 1920 * 100vw)}.active-list .active2 span{margin-top:calc(465 / 1920 * 100vw)}.active-list .active3 span{margin-top:calc(465 / 1920 * 100vw)}.left-nav{width:calc(50 / 1920 * 100vw);height:calc(555 / 1920 * 100vw);background:url(/images/event/royalepass15/page_bg.png) top center no-repeat;background-size:100%;position:fixed;left:calc(45 / 1920 * 100vw);top:50%;margin-top:calc(-280 / 1920 * 100vw);overflow:hidden;z-index:99}.left-nav li{width:100%;height:calc(30 / 1920 * 100vw);position:absolute;left:0}.left-nav li:nth-child(1){top:calc(64 / 1920 * 100vw)}.left-nav li:nth-child(2){top:calc(134 / 1920 * 100vw)}.left-nav li:nth-child(3){top:calc(203 / 1920 * 100vw)}.left-nav li:nth-child(4){top:calc(271 / 1920 * 100vw)}.left-nav li:nth-child(5){top:calc(339 / 1920 * 100vw)}.left-nav li:nth-child(6){top:calc(400 / 1920 * 100vw)}.left-nav li:nth-child(7){top:calc(463 / 1920 * 100vw)}.left-nav li a{display:block;width:100%;height:calc(30 / 1920 * 100vw);text-align:center;font-size:calc(18 / 1920 * 100vw);line-height:calc(30 / 1920 * 100vw);color:#fff}.left-nav li.active a{font-size:calc(22 / 1920 * 100vw);text-shadow:0 0 8px #3d7cab,0 0 8px #3d7cab}.portrait .s1{background-image:url(/images/event/royalepass15/m/bg_1.jpg);background-position:center;background-size:cover}.portrait .s2{background-image:url(/images/event/royalepass15/m/bg_2.jpg);background-position:center;background-size:cover}.portrait .s5{background-image:url(/images/event/royalepass15/m/bg_5.jpg);background-position:center;background-size:cover}.portrait .s6{background-image:url(/images/event/royalepass15/m/bg_6.jpg);background-position:center;background-size:cover}.portrait .s7{background-image:url(/images/event/royalepass15/m/bg_6.jpg);background-position:center;background-size:cover}.portrait .s8{background-image:url(/images/event/royalepass15/m/bg_5.jpg);background-position:center;background-size:cover}.portrait .slogan{width:100%;height:calc(345 / 750 * 100vw);top:initial;bottom:calc(280 / 750 * 100vw);left:0;background:url(/images/event/royalepass15/m/slogan_en.png) top center no-repeat;background-size:100%}.portrait.ar .slogan{background:url(/images/event/royalepass15/m/slogan_ar.png) top center no-repeat;background-size:100%}.portrait.de .slogan{background:url(/images/event/royalepass15/m/slogan_de.png) top center no-repeat;background-size:100%}.portrait.en .slogan{background:url(/images/event/royalepass15/m/slogan_en.png) top center no-repeat;background-size:100%}.portrait.es .slogan{background:url(/images/event/royalepass15/m/slogan_es.png) top center no-repeat;background-size:100%}.portrait.fr .slogan{background:url(/images/event/royalepass15/m/slogan_fr.png) top center no-repeat;background-size:100%}.portrait.HK .slogan{background:url(/images/event/royalepass15/m/slogan_en.png) top center no-repeat;background-size:100%}.portrait.id .slogan{background:url(/images/event/royalepass15/m/slogan_id.png) top center no-repeat;background-size:100%}.portrait.pt .slogan{background:url(/images/event/royalepass15/m/slogan_pt.png) top center no-repeat;background-size:100%}.portrait.ru .slogan{background:url(/images/event/royalepass15/m/slogan_ru.png) top center no-repeat;background-size:100%}.portrait.th .slogan{background:url(/images/event/royalepass15/m/slogan_th.png) top center no-repeat;background-size:100%}.portrait.tr .slogan{background:url(/images/event/royalepass15/m/slogan_tr.png) top center no-repeat;background-size:100%}.portrait.vi .slogan{background:url(/images/event/royalepass15/m/slogan_vi.png) top center no-repeat;background-size:100%}.portrait.TW .slogan{background:url(/images/event/royalepass15/m/slogan_en.png) top center no-repeat;background-size:100%}.portrait .btn-play{width:calc(150 / 750 * 100vw);height:calc(150 / 750 * 100vw)}.portrait .s3-content{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);overflow:hidden}.portrait .tab-list{width:calc(474 / 750 * 100vw);height:calc(209 / 750 * 100vw);left:50%;margin-left:calc(-237 / 750 * 100vw)}.portrait .tab-list .tab span{width:calc(110 / 750 * 100vw);font-size:calc(24 / 750 * 100vw);margin-top:calc(125 / 750 * 100vw);line-height:calc(30 / 750 * 100vw);text-align:center}.portrait .tab-list .tab1{width:calc(233 / 750 * 100vw);height:calc(191 / 750 * 100vw);background:url(/images/event/royalepass15/m/tab_1.png) top center no-repeat;background-size:100%}.portrait .tab-list .tab2{width:calc(239 / 750 * 100vw);height:calc(209 / 750 * 100vw);background:url(/images/event/royalepass15/m/tab_2.png) top center no-repeat;background-size:100%}.portrait .tab-list .tab1.current{background:url(/images/event/royalepass15/m/tab_11.png) top center no-repeat;background-size:100%}.portrait .tab-list .tab2.current{background:url(/images/event/royalepass15/m/tab_22.png) top center no-repeat;background-size:100%}.portrait .box-list .box1{background-image:url(/images/event/royalepass15/m/bg_3_1.jpg);background-position:center;background-size:cover}.portrait .box-list .box2{background-image:url(/images/event/royalepass15/m/bg_3_2.jpg);background-position:center;background-size:cover}.portrait .swiper-container-s3{width:100%;height:calc(840 / 750 * 100vw)}.portrait .swiper-container-s3 .swiper-slide{width:100%;height:calc(700 / 750 * 100vw)}.portrait .role{width:calc(636 / 750 * 100vw);height:calc(629 / 750 * 100vw);top:0;left:50%;margin-left:0}.portrait .swiper-slide-active .role{top:calc(200 / 750 * 100vw);left:calc(-70 / 750 * 100vw);margin-left:0}.portrait .swiper-container-s3 .swiper-slide-prev .role{left:calc(160 / 750 * 100vw);margin-left:0;transform:scale(.8);top:calc(-200 / 750 * 100vw)}.portrait .swiper-container-s3 .swiper-slide-next .role{left:inherit;margin-left:0;right:calc(180 / 750 * 100vw);transform:scale(.8);top:calc(-200 / 750 * 100vw)}.portrait .role1 img{width:calc(460 / 750 * 100vw);height:calc(646 / 750 * 100vw);top:calc(-21/ 750 * 100vw);left:calc(36 / 750 * 100vw)}.portrait .role2 img{width:calc(352 / 750 * 100vw);height:calc(685 / 750 * 100vw);top:calc(-60/ 750 * 100vw);left:calc(111 / 750 * 100vw)}.portrait .role3 img{width:calc(380 / 750 * 100vw);height:calc(387 / 750 * 100vw);top:calc(95/ 750 * 100vw);left:calc(90 / 750 * 100vw)}.portrait .swiper-slide-active .role1{background:url(/images/event/royalepass15/role_bg1.png) center center no-repeat;background-size:100%}.portrait .swiper-slide-active .role2{background:url(/images/event/royalepass15/role_bg2.png) center center no-repeat;background-size:100%}.portrait .swiper-slide-active .role3{background:url(/images/event/royalepass15/role_bg3.png) center center no-repeat;background-size:100%}.portrait .role1{background:url(/images/event/royalepass15/role_bg11.png) top center no-repeat;background-size:calc(636 / 750 * 100vw) calc(629 / 750 * 100vw)}.portrait .role2{background:url(/images/event/royalepass15/role_bg22.png) top center no-repeat;background-size:calc(636 / 750 * 100vw) calc(629 / 750 * 100vw)}.portrait .role3{background:url(/images/event/royalepass15/role_bg33.png) top center no-repeat;background-size:calc(636 / 750 * 100vw) calc(629 / 750 * 100vw)}.portrait .swiper-container-s3 .swiper-slide-prev .role1 img{left:calc(14 / 750 * 100vw)}.portrait .swiper-container-s3 .swiper-slide-prev .role2 img{left:calc(91 / 750 * 100vw)}.portrait .swiper-container-s3 .swiper-slide-next .role1 img{left:calc(14 / 750 * 100vw)}.portrait .swiper-container-s3 .swiper-slide-next .role2 img{left:calc(91 / 750 * 100vw)}.portrait .role .intro{width:calc(525 / 750 * 100vw);height:calc(539 / 750 * 100vw);top:calc(55/ 750 * 100vw);left:calc(345 / 750 * 100vw)}.portrait .role .intro p{width:calc(260 / 750 * 100vw);font-size:calc(22 / 750 * 100vw);line-height:calc(30 / 750 * 100vw);margin:0 auto}.portrait .role .intro p:first-child{margin:calc(220 / 750 * 100vw) auto 0}.portrait .role .intro p span{font-size:calc(40 / 750 * 100vw);line-height:calc(50 / 750 * 100vw)}.portrait .role .free{width:calc(590 / 750 * 100vw);height:calc(50 / 750 * 100vw);font-size:calc(28 / 750 * 100vw);line-height:calc(50 / 750 * 100vw);transform:rotate(45deg);top:calc(350 / 750 * 100vw);left:calc(-215 / 750 * 100vw);letter-spacing:calc(3 / 750 * 100vw)}.portrait .detail{width:100%;height:calc(1173 / 750 * 100vw);position:absolute;top:calc(110 / 750 * 100vw);left:0;background:url(/images/event/royalepass15/m/text_bg.png) top center no-repeat;background-size:100%}.portrait .detail .text{width:calc(600 / 750 * 100vw);height:calc(420 / 750 * 100vw);top:calc(460 / 750 * 100vw);right:calc(75 / 750 * 100vw)}.portrait .detail .text p{font-size:calc(24 / 750 * 100vw);line-height:calc(30 / 750 * 100vw);margin-top:calc(20 / 750 * 100vw)}.portrait .s5-content{width:100%;height:calc(950 / 750 * 100vw);position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);overflow:hidden}.portrait .swiper-container-s5{width:100%;height:calc(560 / 750 * 100vw);margin:calc(50 / 750 * 100vw) auto 0}.portrait .swiper-container-s5 .swiper-slide{width:100%;height:100%}.portrait .swiper-container-s5 .swiper-slide img{display:block;width:100%;height:auto}.portrait .swiper-prev-s5{display:none}.portrait .swiper-next-s5{display:none}.swiper-pagination-s5{display:none}.portrait .swiper-pagination-s5{display:block;width:100%}.portrait .swiper-pagination-s5 span{margin:0 5px;background:#203959;opacity:1;vertical-align:middle}.portrait .swiper-pagination-s5 span.swiper-pagination-bullet-active{width:calc(30 / 750 * 100vw);height:calc(30 / 750 * 100vw);background:url(/images/event/royalepass15/m/dot.png) top center no-repeat;background-size:100%}.portrait .title5{width:100%;height:calc(233 / 750 * 100vw);margin:0 auto}.portrait.ar .title5{background:url(/images/event/royalepass15/m/title5_ar.png) top center no-repeat;background-size:100%}.portrait.de .title5{background:url(/images/event/royalepass15/m/title5_de.png) top center no-repeat;background-size:100%}.portrait.en .title5{background:url(/images/event/royalepass15/m/title5_en.png) top center no-repeat;background-size:100%}.portrait.es .title5{background:url(/images/event/royalepass15/m/title5_es.png) top center no-repeat;background-size:100%}.portrait.fr .title5{background:url(/images/event/royalepass15/m/title5_fr.png) top center no-repeat;background-size:100%}.portrait.HK .title5{background:url(/images/event/royalepass15/m/title5_hk.png) top center no-repeat;background-size:100%}.portrait.id .title5{background:url(/images/event/royalepass15/m/title5_id.png) top center no-repeat;background-size:100%}.portrait.pt .title5{background:url(/images/event/royalepass15/m/title5_pt.png) top center no-repeat;background-size:100%}.portrait.ru .title5{background:url(/images/event/royalepass15/m/title5_ru.png) top center no-repeat;background-size:100%}.portrait.th .title5{background:url(/images/event/royalepass15/m/title5_th.png) top center no-repeat;background-size:100%}.portrait.tr .title5{background:url(/images/event/royalepass15/m/title5_tr.png) top center no-repeat;background-size:100%}.portrait.vi .title5{background:url(/images/event/royalepass15/m/title5_vi.png) top center no-repeat;background-size:100%}.portrait.TW .title5{background:url(/images/event/royalepass15/m/title5_tw.png) top center no-repeat;background-size:100%}.portrait .title5 p{width:calc(475 / 750 * 100vw);top:calc(90 / 750 * 100vw);left:calc(225 / 750 * 100vw);color:#153152;font-size:calc(24 / 750 * 100vw);line-height:calc(30 / 750 * 100vw)}.portrait .s6-content{width:100%;height:calc(950 / 750 * 100vw);position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);overflow:hidden}.portrait .swiper-container-s6{width:calc(607 / 750 * 100vw);height:calc(367 / 750 * 100vw);top:calc(455 / 750 * 100vw);right:inherit;left:50%;transform:translateX(-50%)}.portrait .swiper-prev-s6{width:calc(39 / 750 * 100vw);height:calc(72 / 750 * 100vw);background:url(/images/event/royalepass15/m/btn_prve.png) top center no-repeat;background-size:100%;position:absolute;top:calc(590 / 750 * 100vw);left:calc(15 / 750 * 100vw)}.portrait .swiper-next-s6{width:calc(39 / 750 * 100vw);height:calc(72 / 750 * 100vw);background:url(/images/event/royalepass15/m/btn_next.png) top center no-repeat;background-size:100%;top:calc(590 / 750 * 100vw);right:calc(15 / 750 * 100vw)}.portrait .swiper-container-s6:before{width:calc(208 / 750 * 100vw);height:calc(316 / 750 * 100vw);background:url(/images/event/royalepass15/icon_1.png) top center no-repeat;background-size:100%;top:calc(260 / 750 * 100vw);left:calc(-110 / 750 * 100vw)}.portrait .swiper-container-s6:after{display:none}.portrait .title6{width:100%;text-align:center;height:calc(80 / 750 * 100vw);font-size:calc(50 / 750 * 100vw);line-height:calc(80 / 750 * 100vw);position:absolute;top:calc(355 / 750 * 100vw);left:0;transform:rotate(0)}.portrait .s7-content{width:100%;height:calc(950 / 750 * 100vw);position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);overflow:hidden}.portrait .swiper-container-s7{width:100%;height:calc(629 / 750 * 100vw);top:calc(300 / 750 * 100vw);right:0}.portrait .swiper-prev-s7{width:calc(39 / 750 * 100vw);height:calc(72 / 750 * 100vw);background:url(/images/event/royalepass15/m/btn_prve1.png) top center no-repeat;background-size:100%;top:calc(490 / 750 * 100vw);left:calc(20 / 750 * 100vw)}.portrait .swiper-next-s7{display:block;width:calc(44 / 750 * 100vw);height:calc(82 / 750 * 100vw);background:url(/images/event/royalepass15/m/btn_next1.png) top center no-repeat;background-size:100%;top:calc(430 / 750 * 100vw);right:calc(12 / 750 * 100vw)}.portrait .swiper-container-s7:before{width:calc(208 / 750 * 100vw);height:calc(316 / 750 * 100vw);background:url(/images/event/royalepass15/icon_1.png) top center no-repeat;background-size:100%;top:calc(260 / 750 * 100vw);left:calc(-110 / 750 * 100vw)}.portrait .swiper-container-s7:after{display:none}.portrait .s8-content{width:100%;height:calc(1020 / 750 * 100vw);position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);overflow:hidden}.portrait .title8{width:calc(500 / 750 * 100vw);height:calc(80 / 750 * 100vw);position:absolute;top:calc(20 / 750 * 100vw);right:calc(65 / 750 * 100vw);font-size:calc(50 / 750 * 100vw);line-height:calc(80 / 1920 * 100vw)}.portrait .active-list{width:100%;height:calc(990 / 750 * 100vw);margin:calc(80 / 750 * 100vw) auto 0}.portrait .active-list .active{width:calc(307 / 750 * 100vw);height:calc(418 / 750 * 100vw);margin:0;float:inherit;position:absolute}.portrait .active-list .active1{top:0;right:calc(58 / 750 * 100vw)}.portrait .active-list .active2{top:calc(225 / 750 * 100vw);left:calc(68 / 750 * 100vw)}.portrait .active-list .active3{top:calc(450 / 750 * 100vw);right:calc(58 / 750 * 100vw)}.portrait .active-list .active span{font-size:calc(24 / 750 * 100vw);color:#fff;margin-top:calc(210 / 750 * 100vw)}.portrait .active-list .active1 span{margin-top:calc(425 / 750 * 100vw)}.portrait .active-list .active2 span{margin-top:calc(425 / 750 * 100vw)}.portrait .active-list .active3 span{margin-top:calc(425 / 750 * 100vw)}.portrait .left-nav{width:100%;height:calc(70 / 750 * 100vw);background:url(/images/event/royalepass15/m/page_bg.png) top center no-repeat;background-size:100%;position:fixed;left:0;top:initial;bottom:calc(90 / 750 * 100vw);margin-top:0}.portrait .left-nav li{width:calc(60 / 750 * 100vw);height:calc(50 / 750 * 100vw);position:absolute;top:calc(20 / 750 * 100vw)}.portrait .left-nav li:nth-child(1){left:calc(56 / 750 * 100vw)}.portrait .left-nav li:nth-child(2){left:calc(152 / 750 * 100vw)}.portrait .left-nav li:nth-child(3){left:calc(249 / 750 * 100vw)}.portrait .left-nav li:nth-child(4){left:calc(345 / 750 * 100vw)}.portrait .left-nav li:nth-child(5){left:calc(441 / 750 * 100vw)}.portrait .left-nav li:nth-child(6){left:calc(538 / 750 * 100vw)}.portrait .left-nav li:nth-child(7){left:calc(635 / 750 * 100vw)}.portrait .left-nav li a{height:calc(50 / 750 * 100vw);font-size:calc(26 / 750 * 100vw);line-height:calc(40 / 750 * 100vw)}.portrait .left-nav li.active a{font-size:calc(32 / 750 * 100vw);text-shadow:0 0 8px #3d7cab,0 0 8px #3d7cab}.portrait .pointer{display:none}.share-btn{display:none}.portrait .share-btn{display:block;position:absolute;right:calc(25 / 750 * 100vw);top:calc(120 / 750 * 100vw);width:calc(150 / 750 * 100vw);font-size:calc(24 / 750 * 100vw);height:calc(36 / 750 * 100vw);line-height:calc(36 / 750 * 100vw);background:#eaa300;border:1px solid #ffcc57;color:#000;z-index:3;text-align:center}.portrait .img-logo{display:block;width:calc(120 / 750 * 100vw);height:auto;position:absolute;top:calc(140 / 750 * 100vw);right:inherit;left:calc(20 / 750 * 100vw)}.dialog{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:999;background:rgba(0,0,0,.8);display:none}.pop .close{display:block;width:calc(50/ 1920 * 100vw);height:calc(50/ 1920 * 100vw);position:absolute;top:calc(20/ 1920 * 100vw);right:calc(30/ 1920 * 100vw);background:url(/images/event/royalepass15/btn_close.png) no-repeat;background-size:100%}.pop6{width:calc(900/ 1920 * 100vw);height:calc(500/ 1920 * 100vw);background:#000;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.pop6 .close{top:0;right:calc(-60/ 1920 * 100vw)}.mclass .pop6 .close{top:calc(-60/ 750 * 100vw);right:0}.mclass .pop .close{width:calc(50/ 750 * 100vw);height:calc(50/ 750 * 100vw)}.mclass .pop6{width:calc(700/ 750 * 100vw);height:calc(400/ 750 * 100vw)}.pop7{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;background:rgba(0,0,0,.8)}.share-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.share-wrap>a{display:inline-block;width:calc(180 / 750 * 100vw);height:calc(180 / 750 * 100vw);margin:calc(40 / 750 * 100vw)}.share-wrap>a img{width:100%;height:100%}.share-wrap>a p{font-size:calc(30 / 750 * 100vw);line-height:2;text-align:center;color:#ebf6fc}.portrait .top-nav{background-color:rgba(0,0,0,1)}.ru .role .intro p{line-height:calc(22 / 1920 * 100vw)}.ru.portrait .role .intro p{line-height:calc(24 / 750 * 100vw)}.down-spr{background:url(/images/event/royalepass15/downbtn.png);background-size:calc(460 / 1920 * 100vw) auto}.newdownload-wrap{bottom:calc(240 / 1920 * 100vw) !important}.down-group{display:flex;justify-content:center}.down-group a{display:block;width:calc(207 / 1920 * 100vw);height:calc(68 / 1920 * 100vw);text-indent:-9999px;margin:0 calc(20 / 1920 * 100vw)}.apple-btn{background-position:calc(-10 / 1920 * 100vw) calc(-99 / 1920 * 100vw)}.goole-btn{background-position:-100% 9%;display:none !important}.apk-btn{background-position:calc(-10 / 1920 * 100vw) calc(-1034 / 1920 * 100vw)}.ar .apple-btn{background-position:calc(-10 / 1920 * 100vw) calc(-10 / 1920 * 100vw)}.id .apple-btn{background-position:calc(-10 / 1920 * 100vw) calc(-184 / 1920 * 100vw)}.pt .apple-btn{background-position:calc(-10 / 1920 * 100vw) calc(-269 / 1920 * 100vw)}.th .apple-btn{background-position:calc(-10 / 1920 * 100vw) calc(-354 / 1920 * 100vw)}.ru .apple-btn{background-position:calc(-10 / 1920 * 100vw) calc(-439 / 1920 * 100vw)}.es .apple-btn{background-position:calc(-10 / 1920 * 100vw) calc(-524 / 1920 * 100vw)}.fr .apple-btn{background-position:calc(-10 / 1920 * 100vw) calc(-609 / 1920 * 100vw)}.tr .apple-btn{background-position:calc(-10 / 1920 * 100vw) calc(-694 / 1920 * 100vw)}.vi .apple-btn{background-position:calc(-10 / 1920 * 100vw) calc(-779 / 1920 * 100vw)}.de .apple-btn{background-position:calc(-10 / 1920 * 100vw) calc(-864 / 1920 * 100vw)}.HK .apple-btn{background-position:calc(-10 / 1920 * 100vw) calc(-949 / 1920 * 100vw)}.TW .apple-btn{background-position:0 calc(-949 / 1920 * 100vw)}.jp .apple-btn{background-position:0 calc(-99 / 1920 * 100vw)}.ko .apple-btn{background-position:0 calc(-99 / 1920 * 100vw)}.down-group .apk-btn .down_tip{display:inline-block;position:absolute;content:'';background:url(/images/event/royalepass15/apk_tip_pc.png) no-repeat center;padding:8px 50px;font-size:14px;text-align:center;background-size:cover;top:calc(80/ 1920 * 100vw) !important;left:50% !important;transform:translateX(-50%) !important}.portrait .down-wrap{width:100%;left:0}.portrait .goole-btn{display:none !important}.portrait .share-btn{display:block}.portrait .down-group a{display:block;width:calc(230 / 750* 100vw);height:calc(80/ 750* 100vw);margin:0 calc(20 / 750 * 100vw)}.portrait .down-spr{background:url(/images/event/royalepass15/downbtn.png);background-size:calc(460 / 750* 100vw) auto}.portrait .apple-btn{background-position:calc(-10 / 750 * 100vw) calc(-99 / 750 * 100vw)}.portrait .newdownload-wrap{bottom:calc(180 / 750 * 100vw) !important}.mclass .apk-btn{background-position:calc(-10 / 750 * 100vw) calc(-1034 / 750 * 100vw) !important}.mclass .down-group .apk-btn .down_tip{transform:translateX(-50%) scale(.8) !important}