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}ul,li{list-style:none}a{text-decoration:none}i{font-style:normal}@font-face{font-family:'AGENCYR';src:url("../fonts/AGENCYR.ttf")}.part1{width:100%;height:calc(1080 / 1920 * 100vw);background:url(/images/event/erangel/kv1.jpg) top center no-repeat;background-size:cover;overflow:hidden;position:relative}.img-logo{display:block;width:calc(140 / 1920 * 100vw);height:auto;position:absolute;top:calc(140 / 1920 * 100vw);right:calc(30 / 1920 * 100vw)}.share-btn{display:none}.data{display:block;width:calc(445 / 1920 * 100vw);height:calc(78 / 1920 * 100vw);position:absolute;top:calc(175 / 1920 * 100vw);left:calc(920 / 1920 * 100vw);background:url(/images/event/erangel/data_en.png) center center no-repeat;background-size:100% auto}.ar .data{background:url(/images/event/erangel/data_ar.png) center center no-repeat;background-size:100% auto}.de .data{background:url(/images/event/erangel/data_de.png) center center no-repeat;background-size:100% auto}.en .data{background:url(/images/event/erangel/data_en.png) center center no-repeat;background-size:100% auto}.es .data{background:url(/images/event/erangel/data_es.png) center center no-repeat;background-size:100% auto}.fr .data{background:url(/images/event/erangel/data_fr.png) center center no-repeat;background-size:100% auto}.HK .data{background:url(/images/event/erangel/data_hk.png) center center no-repeat;background-size:100% auto}.id .data{background:url(/images/event/erangel/data_id.png) center center no-repeat;background-size:100% auto}.pt .data{background:url(/images/event/erangel/data_pt.png) center center no-repeat;background-size:100% auto}.ru .data{background:url(/images/event/erangel/data_ru.png) center center no-repeat;background-size:100% auto}.th .data{background:url(/images/event/erangel/data_th.png) center center no-repeat;background-size:100% auto}.tr .data{background:url(/images/event/erangel/data_tr.png) center center no-repeat;background-size:100% auto}.vi .data{background:url(/images/event/erangel/data_tr.png) center center no-repeat;background-size:100% auto}.TW .data{background:url(/images/event/erangel/data_tw.png) center center no-repeat;background-size:100% auto}.slogan{display:block;width:calc(1588 / 1920 * 100vw);height:calc(284 / 1920 * 100vw);margin:calc(590 / 1920 * 100vw) auto 0;background:url(/images/event/erangel/slogan_en.png) top center no-repeat;background-size:100%}.ar .slogan{background:url(/images/event/erangel/slogan_ar.png) top center no-repeat;background-size:100%}.de .slogan{background:url(/images/event/erangel/slogan_de.png) top center no-repeat;background-size:100%}.en .slogan{background:url(/images/event/erangel/slogan_en.png) top center no-repeat;background-size:100%}.es .slogan{background:url(/images/event/erangel/slogan_es.png) top center no-repeat;background-size:100%}.fr .slogan{background:url(/images/event/erangel/slogan_fr.png) top center no-repeat;background-size:100%}.HK .slogan{background:url(/images/event/erangel/slogan_hk.png) top center no-repeat;background-size:100%}.id .slogan{background:url(/images/event/erangel/slogan_id.png) top center no-repeat;background-size:100%}.pt .slogan{background:url(/images/event/erangel/slogan_pt.png) top center no-repeat;background-size:100%}.ru .slogan{background:url(/images/event/erangel/slogan_ru.png) top center no-repeat;background-size:100%}.th .slogan{background:url(/images/event/erangel/slogan_th.png) top center no-repeat;background-size:100%}.tr .slogan{background:url(/images/event/erangel/slogan_tr.png) top center no-repeat;background-size:100%}.vi .slogan{background:url(/images/event/erangel/slogan_tr.png) top center no-repeat;background-size:100%}.TW .slogan{background:url(/images/event/erangel/slogan_tw.png) top center no-repeat;background-size:100%}.btn-play{display:block;width:calc(79 / 1920 * 100vw);height:calc(80 / 1920 * 100vw);background:url(/images/event/erangel/btn_play.png) no-repeat;background-size:100%;position:absolute;top:calc(360 / 1920 * 100vw);left:calc(1105 / 1920 * 100vw)}.btn-more{display:block;width:calc(412 / 1920 * 100vw);height:calc(129 / 1920 * 100vw);background:url(/images/event/erangel/btn_en.png) no-repeat;background-size:100%;margin:calc(-30 / 1920 * 100vw) auto auto;position:relative}.ar .btn-more{background:url(/images/event/erangel/btn_ar.png) top center no-repeat;background-size:100%}.de .btn-more{background:url(/images/event/erangel/btn_de.png) top center no-repeat;background-size:100%}.en .btn-more{background:url(/images/event/erangel/btn_en.png) top center no-repeat;background-size:100%}.es .btn-more{background:url(/images/event/erangel/btn_es.png) top center no-repeat;background-size:100%}.fr .btn-more{background:url(/images/event/erangel/btn_fr.png) top center no-repeat;background-size:100%}.HK .btn-more{background:url(/images/event/erangel/btn_hk.png) top center no-repeat;background-size:100%}.id .btn-more{background:url(/images/event/erangel/btn_id.png) top center no-repeat;background-size:100%}.pt .btn-more{background:url(/images/event/erangel/btn_pt.png) top center no-repeat;background-size:100%}.ru .btn-more{background:url(/images/event/erangel/btn_ru.png) top center no-repeat;background-size:100%}.th .btn-more{background:url(/images/event/erangel/btn_th.png) top center no-repeat;background-size:100%}.tr .btn-more{background:url(/images/event/erangel/btn_tr.png) top center no-repeat;background-size:100%}.vi .btn-more{background:url(/images/event/erangel/btn_tr.png) top center no-repeat;background-size:100%}.TW .btn-more{background:url(/images/event/erangel/btn_tw.png) top center no-repeat;background-size:100%}.finger{display:block;width:calc(90 / 1920 * 100vw);height:calc(56 / 1920 * 100vw);background:url(/images/event/erangel/finger.png) no-repeat;background-size:100%;position:absolute;right:calc(-20 / 1920 * 100vw);top:calc(35 / 1920 * 100vw);animation:bre 2s infinite;-webkit-animation:bre 2s infinite}@keyframes bre{0%{transform:scale(.85)}50%{transform:scale(1.15)}100%{transform:scale(.85)}}.down-spr{background:url(/images/event/erangel/downbtn.png);background-size:calc(460 / 1920 * 100vw) auto}.down-wrap{position:absolute;width:100%;bottom:calc(35 / 1920 * 100vw);left:0}.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/erangel/apk_tip_pc.png) no-repeat center;padding:8px 50px;font-size:14px;text-align:center;top:calc(5 / 1920 * 100vw) !important;left:110% !important;background-size:cover}.mclass .goole-btn{display:none !important}.mclass .share-btn{display:block}.mclass .down-group a{display:block;width:calc(230 / 750* 100vw);height:calc(80/ 750* 100vw);text-indent:-9999px;margin:0 calc(20 / 750 * 100vw)}.mclass .down-spr{background:url(/images/event/erangel/downbtn.png);background-size:calc(460 / 750* 100vw) auto}.mclass .apple-btn{background-position:calc(-10 / 750 * 100vw) calc(-99 / 750 * 100vw)}.mclass .down-wrap{bottom:calc(200 / 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/erangel/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}.mclass .part1{height:calc(1300 / 750 * 100vw);background:url(/images/event/erangel/m/kv.jpg) top center no-repeat;background-size:100%}.mclass .img-logo{width:calc(110 / 750 * 100vw);height:auto;top:calc(120 / 750 * 100vw);left:calc(20 / 750 * 100vw);right:initial}.mclass .btn-play{width:calc(79 / 750 * 100vw);height:calc(80 / 750 * 100vw);position:absolute;top:calc(400 / 750 * 100vw);left:calc(330 / 750 * 100vw)}.mclass .data{width:calc(445 / 750 * 100vw);height:calc(78 / 750 * 100vw);top:calc(190 / 750 * 100vw);left:50%;transform:translateX(-50%)}.mclass .btn-more{width:calc(412 / 750 * 100vw);height:calc(129 / 750 * 100vw);margin:0;position:absolute;top:calc(670 / 750 * 100vw);left:50%;transform:translateX(-50%)}.mclass .finger{width:calc(54 / 750 * 100vw);height:calc(42 / 750 * 100vw);right:calc(-20 / 750 * 100vw);top:calc(45 / 750 * 100vw)}.mclass .finger:before{content:"";width:calc(56 / 750 * 100vw);height:calc(56 / 750 * 100vw);left:calc(-34 / 750 * 100vw);top:calc(-14 / 750 * 100vw)}.mclass .slogan{width:100%;height:calc(192 / 750 * 100vw);margin:calc(800 / 750 * 100vw) auto 0;background:url(/images/event/erangel/m/slogan_en.png) top center no-repeat;background-size:100%}.mclass.ar .slogan{background:url(/images/event/erangel/m/slogan_ar.png) top center no-repeat;background-size:100%}.mclass.de .slogan{background:url(/images/event/erangel/m/slogan_de.png) top center no-repeat;background-size:100%}.mclass.en .slogan{background:url(/images/event/erangel/m/slogan_en.png) top center no-repeat;background-size:100%}.mclass.es .slogan{background:url(/images/event/erangel/m/slogan_es.png) top center no-repeat;background-size:100%}.mclass.fr .slogan{background:url(/images/event/erangel/m/slogan_fr.png) top center no-repeat;background-size:100%}.mclass.HK .slogan{background:url(/images/event/erangel/m/slogan_hk.png) top center no-repeat;background-size:100%}.mclass.id .slogan{background:url(/images/event/erangel/m/slogan_id.png) top center no-repeat;background-size:100%}.mclass.pt .slogan{background:url(/images/event/erangel/m/slogan_pt.png) top center no-repeat;background-size:100%}.mclass.ru .slogan{background:url(/images/event/erangel/m/slogan_ru.png) top center no-repeat;background-size:100%}.mclass.th .slogan{background:url(/images/event/erangel/m/slogan_th.png) top center no-repeat;background-size:100%}.mclass.tr .slogan{background:url(/images/event/erangel/m/slogan_tr.png) top center no-repeat;background-size:100%}.mclass.vi .slogan{background:url(/images/event/erangel/m/slogan_tr.png) top center no-repeat;background-size:100%}.mclass.TW .slogan{background:url(/images/event/erangel/m/slogan_tw.png) top center no-repeat;background-size:100%}.mclass .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}.mclass .spark{display:none}.spark{width:calc(492 / 1920 * 100vw);height:calc(990 / 1920 * 100vw);background:url(/images/event/erangel/spark_a63a77b.png) no-repeat;-webkit-animation:spark-motion 4s steps(42) infinite 300ms 0 ease;-moz-animation:spark-motion 4s steps(42) infinite 300ms 0 ease;-ms-animation:spark-motion 4s steps(42) infinite 300ms 0 ease;animation:spark-motion 4s steps(42) infinite 300ms 0 ease;-moz-animation:spark-motion 4s steps(42) infinite;-webkit-animation:spark-motion 4s steps(42) infinite;-o-animation:spark-motion 4s steps(42) infinite;-ms-animation:spark-motion 4s steps(42) infinite;animation:spark-motion 4s steps(42) infinite;position:absolute;bottom:0;pointer-events:none}.spark1{left:0}.spark2{right:0;transform:rotateY(180deg)}@-webkit-keyframes spark-motion{0%{background-position:0 0}100%{background-position:0 -41580px}}@-moz-keyframes spark-motion{0%{background-position:0 0}100%{background-position:0 -41580px}}@-ms-keyframes spark-motion{0%{background-position:0 0}100%{background-position:0 -41580px}}@-o-keyframes spark-motion{0%{background-position:0 0}100%{background-position:0 -41580px}}@keyframes spark-motion{0%{background-position:0 0}100%{background-position:0 -41580px}}