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}a:focus,input:focus,p:focus,div:focus{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-size:12px;-webkit-text-size-adjust:none;font-family:"all";min-width:320px;overflow-x:hidden;-webkit-text-size-adjust:none}html,body{-webkit-user-select:none;user-select:none}.ar .wrap p,.ar .wrap span,.ar .wrap b{direction:rtl}@font-face{font-family:"all";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/all.ttf')}@font-face{font-family:"ar";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/ar.ttf')}@font-face{font-family:"ru";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/ru.ttf')}@font-face{font-family:"th";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/th.ttf')}@font-face{font-family:"tr";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/tr.otf')}@font-face{font-family:"vi";src:url('//www.pubgmobile.com/act/resource/long_cache_30d/fonts/vi.ttf')}.ar,.ar input{font-family:"ar"}.ru,.ru input{font-family:"ru"}.th,.th input{font-family:"th"}.tr,.tr input{font-family:"tr"}.vi,.vi input{font-family:"vi"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wrap{display:block;width:100%;height:100%;overflow:hidden}.wrapper{display:block;width:100%;height:auto;overflow:hidden;background:url(/images/event/royalepassA3/bg.jpg) top center/100% auto no-repeat}.section{width:100%;position:relative;overflow:unset}.section.s0{height:calc(1035 /1920*100vw)}.section.s1{height:calc(1170/1920*100vw);padding-top:calc(100 / 1920 * 100vw)}.s1_title{display:block;width:calc(1920 / 1920 * 100vw);height:calc(100 / 1920 * 100vw);margin-bottom:0;background:url(/images/event/royalepassA3/s1_title/en.png) top center/auto 100% no-repeat}.s1_text{font-size:calc(28 / 1920 * 100vw);line-height:calc(34 / 1920 * 100vw);color:#cffdff;width:calc(1220 / 1920 * 100vw);margin:calc(15 / 1920 * 100vw) auto calc(35 / 1920 * 100vw) auto;display:none}.s1_show{display:block;width:calc(1655 / 1920 * 100vw);height:calc(986 / 1920 * 100vw);margin:auto;background:url(/images/event/royalepassA3/s1_show.png) top center/auto 100% no-repeat}.s1_swiper_container{display:block;width:calc(1486 / 1920 * 100vw);height:calc(680 / 1920 * 100vw)}.s1_swiper_container .swiper-slide{width:calc(743 / 1920 * 100vw);height:calc(680 / 1920 * 100vw);padding:0 calc(80 / 1920 * 100vw);display:flex;flex-direction:column}.s1_swiper_container img{display:block;width:calc(663 / 1920 * 100vw);height:calc(374 / 1920 * 100vw)}.s1_swiper_container .s1_title2{font-size:calc(50 / 1920 * 100vw);line-height:calc(54 / 1920 * 100vw);font-weight:bold;color:#e384ff;margin-top:calc(32 / 1920 * 100vw);margin-bottom:calc(12 / 1920 * 100vw)}.s1_swiper_container .s1_text2{font-size:calc(28 / 1920 * 100vw);line-height:calc(34 / 1920 * 100vw);color:#fff}.s1_swiper_prev{display:block;width:calc(135 / 1920 * 100vw);height:calc(136 / 1920 * 100vw);background:url(/images/event/royalepassA3/s4_prev.png) top center/auto 100% no-repeat;position:absolute;left:calc(150 / 1920 * 100vw);top:calc(400 / 1920 * 100vw)}.s1_swiper_next{width:calc(135 / 1920 * 100vw);height:calc(136 / 1920 * 100vw);background:url(/images/event/royalepassA3/s4_next.png) top center/auto 100% no-repeat;position:absolute;right:calc(100 / 1920 * 100vw);top:calc(400 / 1920 * 100vw)}.s1_logo{display:block;width:calc(124 / 1920 * 100vw);height:calc(166 / 1920 * 100vw);background:url(/images/event/royalepassA3/logo.png) center/100% auto no-repeat;background-size:100% 100%;position:absolute;right:20px;top:100px}.section.s3{height:calc(1175 /1920*100vw)}.s3_show{display:block;width:calc(1463 / 1920 * 100vw);height:calc(962/ 1920 * 100vw);margin:auto}.s3_videobox{width:calc(1544 / 1920 * 100vw);height:calc(920/ 1920 * 100vw);margin:auto;position:relative;background:url(/images/event/royalepassA3/video_bg.png) top center/auto 100% no-repeat}.btn_play{display:block;width:calc(123 / 1920 * 100vw);height:calc(126/ 1920 * 100vw);background:url(/images/event/royalepassA3/btn_play.png) center center/calc(130/ 1920 * 100vw) auto no-repeat;position:absolute;left:45%;top:45%;z-index:6;text-indent:-99999px;transform:translate(-50%,-50%)}.s3_title{display:block;width:calc(1920 / 1920 * 100vw);height:calc(100 / 1920 * 100vw);margin-bottom:calc(-40 / 1920 * 100vw);background:url(/images/event/royalepassA3/s3_title/en.png) top center/auto 100% no-repeat}.s3_text{font-size:calc(28 / 1920 * 100vw);line-height:calc(34 / 1920 * 100vw);color:#cffdff;width:100%;margin:calc(15 / 1920 * 100vw) auto calc(35 / 1920 * 100vw) auto;position:relative;z-index:3;opacity:0}.section.s4{height:calc(840 / 1920 * 100vw);position:relative;z-index:3}.s4_tab{display:block;position:absolute;left:calc(219 / 1920 * 100vw);top:calc(38 / 1920 * 100vw);z-index:3}.s4_tab a{display:flex;width:calc(255 / 1920 * 100vw);height:calc(78/ 1920 * 100vw);background-size:100% 100%;float:left;position:relative;background:url(/images/event/royalepassA3/s4_tab1.png) center/cover no-repeat;text-align:center;align-items:center;justify-content:center}.s4_tab a span{font-size:calc(22 / 1920 * 100vw);line-height:calc(28 / 1920 * 100vw);font-weight:bold;color:#cde7f2}.s4_tab1.on span{color:#fff}.s4_tab1.on{background:url(/images/event/royalepassA3/s4_tab1_on.png) center/cover no-repeat}.s4_show{display:none;width:calc(1674 / 1920 * 100vw);height:calc(766 / 1920 * 100vw);position:relative;direction:ltr;margin:0 auto;z-index:2}.s4_show.on{display:block}.s4_swiper_container{display:block;width:calc(1674 / 1920 * 100vw);height:calc(766 / 1920 * 100vw);margin-top:calc(-40 / 1920 * 100vw);background:url(/images/event/royalepassA3/s4_bg.png) center/cover no-repeat;overflow:unset}.s4_swiper_container .swiper-slide{width:100%;height:100%}.s4_swiper_container .swiper-slide .role{display:block;width:calc(500/ 1920 * 100vw);height:calc(764/ 1920 * 100vw);position:absolute;left:calc(600 / 1920 * 100vw);top:calc(45 / 1920 * 100vw);z-index:9}.s4_swiper_container .slide1 .role{background:url(/images/event/royalepassA3/s4_role1.png) top center/auto 100% no-repeat}.s4_swiper_container .slide2 .role{background:url(/images/event/royalepassA3/s4_role2.png) top center/auto 100% no-repeat}.s4_swiper_container .slide3 .role{background:url(/images/event/royalepassA3/s4_role3.png) top center/auto 100% no-repeat}.s4_item{position:absolute;left:calc(170 / 1920 * 100vw);top:calc(170 / 1920 * 100vw)}.s4_itle{font-size:calc(79 / 1920 * 100vw);line-height:calc(81 / 1920 * 100vw);font-weight:bold;color:#17b2de;background-image:linear-gradient(to bottom,#19bfc4,#a8fdc7);-webkit-background-clip:text;color:transparent}.s4_text1{font-size:calc(26 / 1920 * 100vw);line-height:calc(42 / 1920 * 100vw);font-weight:bold;color:#6ee3c6;width:calc(430 / 1920 * 100vw);margin-top:calc(20 / 1920 * 100vw)}.s4_text2{width:calc(459 / 1920 * 100vw);height:calc(347 / 1920 * 100vw);background:url(/images/event/royalepassA3/s4_show1.png) top center/auto 100% no-repeat;position:absolute;right:calc(150 / 1920 * 100vw);top:calc(250 / 1920 * 100vw);padding:0 calc(10 / 1920 * 100vw);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.s4_im{font-size:calc(56 / 1920 * 100vw);line-height:calc(60 / 1920 * 100vw);font-weight:bold;color:#d0e7f9}.s4_uc{font-size:calc(105 / 1920 * 100vw);line-height:calc(109 / 1920 * 100vw);font-weight:bold;color:#e83875;width:calc(356 / 1920 * 100vw);height:calc(100 / 1920 * 100vw);background:url(/images/event/royalepassA3/num1.png) top center/auto 100% no-repeat;margin:calc(15 / 1920 * 100vw) 0}.s4_uc.num2{width:calc(356 / 1920 * 100vw);height:calc(100 / 1920 * 100vw);background:url(/images/event/royalepassA3/num2.png) top center/auto 100% no-repeat}.s4_wor{font-size:calc(56 / 1920 * 100vw);line-height:calc(60 / 1920 * 100vw);font-weight:bold;color:#d0e7f9}.s4_swiper_prev{display:block;width:calc(72 / 1920 * 100vw);height:calc(71 / 1920 * 100vw);background:url(/images/event/royalepassA3/s4_prev.png) top center/auto 100% no-repeat;position:absolute;left:calc(10 / 1920 * 100vw);top:calc(300 / 1920 * 100vw);z-index:5}.s4_swiper_next{width:calc(72 / 1920 * 100vw);height:calc(71 / 1920 * 100vw);background:url(/images/event/royalepassA3/s4_next.png) top center/auto 100% no-repeat;position:absolute;right:calc(10 / 1920 * 100vw);top:calc(300 / 1920 * 100vw);z-index:5}.s4 .swiper-pagination{width:auto;height:calc(338 / 1920 * 100vw);position:absolute;bottom:0;left:calc(150 / 1920 * 100vw);z-index:3;display:flex;align-items:flex-end}.s4 .swiper-pagination-bullet{width:calc(124 / 1920 * 100vw);height:calc(251 / 1920 * 100vw);margin:0 calc(10 / 1920 * 100vw);position:relative;opacity:1;border-radius:0 !important}.s4 .swiper-pagination-bullet-active{width:calc(147 / 1920 * 100vw);height:calc(344 / 1920 * 100vw);margin:0 calc(10 / 1920 * 100vw);opacity:1;position:relative}.s4 .swiper-pagination span:nth-child(1){background:url(/images/event/royalepassA3/s4_swiper1.png) top center/auto 100% no-repeat}.s4 .swiper-pagination span:nth-child(2){background:url(/images/event/royalepassA3/s4_swiper2.png) top center/auto 100% no-repeat}.s4 .swiper-pagination span:nth-child(3){background:url(/images/event/royalepassA3/s4_swiper3.png) top center/auto 100% no-repeat}.s4 .swiper-pagination span:nth-child(1).swiper-pagination-bullet-active{background:url(/images/event/royalepassA3/s4_swiper1_on.png) top center/auto 100% no-repeat}.s4 .swiper-pagination span:nth-child(2).swiper-pagination-bullet-active{background:url(/images/event/royalepassA3/s4_swiper2_on.png) top center/auto 100% no-repeat}.s4 .swiper-pagination span:nth-child(3).swiper-pagination-bullet-active{background:url(/images/event/royalepassA3/s4_swiper3_on.png) top center/auto 100% no-repeat}.introuce_box{display:block;width:calc(1674 / 1920 * 100vw);height:calc(766 / 1920 * 100vw);margin-top:calc(-40 / 1920 * 100vw);background:url(/images/event/royalepassA3/s4_bg2.png) center/cover no-repeat}.s4_i_t{width:calc(840 / 1920 * 100vw);height:calc(100 / 1920 * 100vw);position:absolute;left:calc(220 / 1920 * 100vw);top:calc(200 / 1920 * 100vw);font-size:calc(26 / 1920 * 100vw);line-height:calc(38 / 1920 * 100vw);font-weight:bold;color:#0fffda}.th .s4_i_t{font-size:calc(28 / 1920 * 100vw);line-height:calc(30 / 1920 * 100vw)}.s4_introuce li p{font-size:calc(20 / 1920 * 100vw);line-height:calc(24 / 1920 * 100vw);margin-right:calc(10 / 1920 * 100vw)}.th .s4_introuce li p{font-size:calc(24 / 1920 * 100vw);line-height:calc(26 / 1920 * 100vw);margin-right:calc(10 / 1920 * 100vw)}.s4_introuce ol{width:calc(840 / 1920 * 100vw);position:absolute;left:calc(220 / 1920 * 100vw);top:calc(330 / 1920 * 100vw);font-size:calc(18 / 1920 * 100vw);line-height:calc(24 / 1920 * 100vw);color:#6de3c6}.s4_introuce li{display:flex;align-items:center;margin-bottom:calc(20 / 1920 * 100vw)}.s4_introuce li span{width:calc(38 / 1920 * 100vw);height:calc(38 / 1920 * 100vw);flex-shrink:0;margin-right:calc(10 / 1920 * 100vw)}.s4_num1{background:url(/images/event/royalepassA3/s4_num1.png) center center/auto calc(88 / 1920 * 100vw) no-repeat}.s4_num2{background:url(/images/event/royalepassA3/s4_num2.png) center center/auto calc(88 / 1920 * 100vw) no-repeat}.s4_num3{background:url(/images/event/royalepassA3/s4_num3.png) center center/auto calc(88 / 1920 * 100vw) no-repeat}.s4_num4{background:url(/images/event/royalepassA3/s4_num4.png) center center/auto calc(88 / 1920 * 100vw) no-repeat}.cursor{display:block;width:calc(36 / 1920 * 100vw);height:calc(118 / 1920 * 100vw);background:url(/images/event/royalepassA3/cursor.png) top center/auto 100% no-repeat;position:fixed;top:50%;right:calc(10 / 1920 * 100vw);margin-top:calc(-59 / 1920 * 100vw);z-index:12}#navigation{display:block;width:calc(137 / 1920 * 100vw);height:calc(519 / 1920 * 100vw);direction:ltr !important;background:url(/images/event/royalepassA3/nav_bg.png) top center/auto 100% no-repeat;background-size:100% 100%;position:fixed;left:0;top:14%;box-sizing:border-box;z-index:10}#navigation li{display:block;width:calc(61 / 1920 * 100vw);height:calc(62 / 1920 * 100vw);margin-top:calc(53 / 1920 * 100vw);margin-left:calc(20 / 1920 * 100vw);text-align:center;position:relative;top:calc(0 / 1920 * 100vw)}#navigation li a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}#navigation li.active a{background:url(/images/event/royalepassA3/nav_on.png) top center/auto 100% no-repeat}#navigation span{color:#fff;font-size:calc(30 / 1920 * 100vw);line-height:calc(39 / 1920 * 100vw);font-weight:bold;display:block}.b-bg{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:99999;background:rgba(0,0,0,.8);display:none}.pop-vid{width:calc(1248 / 1920 * 100vw);height:calc(702 / 1920 * 100vw);background:#000;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.mclass .pop-vid .close{width:calc(50 / 750 * 100vw);height:calc(50 / 750 * 100vw);top:calc(-70 / 750 * 100vw);right:0}.pop-close{display:block;width:calc(40 / 1920 * 100vw);height:calc(40 / 1920 * 100vw);position:absolute;top:0;right:calc(-60 / 1920 * 100vw);background:url(/images/event/royalepassA3/btn_close.png) top center/auto 100% no-repeat;background-size:100% 100%}.pop-player{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.pop-player video{display:block;width:100%}.pop-loading{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}.newdownload-wrap{bottom:calc(100 / 1920 * 100vw) !important}.download-wrap a{pointer-events:all;display:inline-block;margin:0 calc(10 / 1920 * 100vw);overflow:hidden;position:relative}.download-wrap .apple-btn{width:240px;height:80px;background:url(//www.pubgmobile.com/images/event/home/app_store.png) top center no-repeat;background-size:100%}.download-wrap .apk-btn{width:250px;height:80px;background:url(//www.pubgmobile.com/images/event/home/apk_download.png) top center no-repeat;background-size:100%;color:#fff}.down_tip{width:210px;position:absolute;top:10%;right:0;height:80%;display:flex;flex-direction:column;justify-content:space-evenly}.mclass .down_tip{right:10px}.down_tip .title,.down_tip .apk_size{font-size:16px}.down_tip .describe{display:block;margin-left:20px;width:165px;text-align:center}.mclass .down_tip .describe{width:210px;margin-left:0}.apk_size{color:#eaa300 !important;font-weight:bold}.down_tip span{width:100%;text-align:center;font-size:12px;line-height:16px;color:#fff;font-family:Arial,Helvetica,sans-serif,"Source Han Sans CN"}.slogan{display:block;width:calc(1042 /1920*100vw);height:calc(454 /1920*100vw);position:absolute;bottom:calc(380 /1920*100vw);left:calc(-800 /1920*100vw);right:0;margin:auto;z-index:0;background:url(/images/event/royalepassA3/slogan/en.png) top center/auto 100% no-repeat}.en .slogan{background:url(/images/event/royalepassA3/slogan/en.png) top center/auto 100% no-repeat}.ar .slogan{background:url(/images/event/royalepassA3/slogan/ar.png) top center/auto 100% no-repeat}.de .slogan{background:url(/images/event/royalepassA3/slogan/de.png) top center/auto 100% no-repeat}.es .slogan{background:url(/images/event/royalepassA3/slogan/es.png) top center/auto 100% no-repeat}.fr .slogan{background:url(/images/event/royalepassA3/slogan/fr.png) top center/auto 100% no-repeat}.HK .slogan{background:url(/images/event/royalepassA3/slogan/hk.png) top center/auto 100% no-repeat}.id .slogan{background:url(/images/event/royalepassA3/slogan/id.png) top center/auto 100% no-repeat}.my .slogan{background:url(/images/event/royalepassA3/slogan/ms.png) top center/auto 100% no-repeat}.pt .slogan{background:url(/images/event/royalepassA3/slogan/pt.png) top center/auto 100% no-repeat}.ru .slogan{background:url(/images/event/royalepassA3/slogan/ru.png) top center/auto 100% no-repeat}.th .slogan{background:url(/images/event/royalepassA3/slogan/th.png) top center/auto 100% no-repeat}.tr .slogan{background:url(/images/event/royalepassA3/slogan/tr.png) top center/auto 100% no-repeat}.TW .slogan{background:url(/images/event/royalepassA3/slogan/tw.png) top center/auto 100% no-repeat}.vi .slogan{background:url(/images/event/royalepassA3/slogan/vi.png) top center/auto 100% no-repeat}.en .s1_title{background:url(/images/event/royalepassA3/s1_title/en.png) top center/auto 100% no-repeat}.ar .s1_title{background:url(/images/event/royalepassA3/s1_title/ar.png) top center/auto 100% no-repeat}.de .s1_title{background:url(/images/event/royalepassA3/s1_title/de.png) top center/auto 100% no-repeat}.es .s1_title{background:url(/images/event/royalepassA3/s1_title/es.png) top center/auto 100% no-repeat}.fr .s1_title{background:url(/images/event/royalepassA3/s1_title/fr.png) top center/auto 100% no-repeat}.HK .s1_title{background:url(/images/event/royalepassA3/s1_title/hk.png) top center/auto 100% no-repeat}.id .s1_title{background:url(/images/event/royalepassA3/s1_title/id.png) top center/auto 100% no-repeat}.my .s1_title{background:url(/images/event/royalepassA3/s1_title/ms.png) top center/auto 100% no-repeat}.pt .s1_title{background:url(/images/event/royalepassA3/s1_title/pt.png) top center/auto 100% no-repeat}.ru .s1_title{background:url(/images/event/royalepassA3/s1_title/ru.png) top center/auto 100% no-repeat}.th .s1_title{background:url(/images/event/royalepassA3/s1_title/th.png) top center/auto 100% no-repeat}.tr .s1_title{background:url(/images/event/royalepassA3/s1_title/tr.png) top center/auto 100% no-repeat}.TW .s1_title{background:url(/images/event/royalepassA3/s1_title/tw.png) top center/auto 100% no-repeat}.vi .s1_title{background:url(/images/event/royalepassA3/s1_title/vi.png) top center/auto 100% no-repeat}.en .s3_title{background:url(/images/event/royalepassA3/s3_title/en.png) top center/auto 100% no-repeat}.ar .s3_title{background:url(/images/event/royalepassA3/s3_title/ar.png) top center/auto 100% no-repeat}.de .s3_title{background:url(/images/event/royalepassA3/s3_title/de.png) top center/auto 100% no-repeat}.es .s3_title{background:url(/images/event/royalepassA3/s3_title/es.png) top center/auto 100% no-repeat}.fr .s3_title{background:url(/images/event/royalepassA3/s3_title/fr.png) top center/auto 100% no-repeat}.HK .s3_title{background:url(/images/event/royalepassA3/s3_title/hk.png) top center/auto 100% no-repeat}.id .s3_title{background:url(/images/event/royalepassA3/s3_title/id.png) top center/auto 100% no-repeat}.my .s3_title{background:url(/images/event/royalepassA3/s3_title/ms.png) top center/auto 100% no-repeat}.pt .s3_title{background:url(/images/event/royalepassA3/s3_title/pt.png) top center/auto 100% no-repeat}.ru .s3_title{background:url(/images/event/royalepassA3/s3_title/ru.png) top center/auto 100% no-repeat}.th .s3_title{background:url(/images/event/royalepassA3/s3_title/th.png) top center/auto 100% no-repeat}.tr .s3_title{background:url(/images/event/royalepassA3/s3_title/tr.png) top center/auto 100% no-repeat}.TW .s3_title{background:url(/images/event/royalepassA3/s3_title/tw.png) top center/auto 100% no-repeat}.vi .s3_title{background:url(/images/event/royalepassA3/s3_title/vi.png) top center/auto 100% no-repeat}.animation_big{-webkit-animation:fadeInBig 2s infinite linear;animation:fadeInBig 2s infinite linear}@-webkit-keyframes fadeInBig{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes fadeInBig{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}