body{min-width:100vw}body,.footer{width:100%}.pubg-top-nav{background-color:rgba(0,0,0,0.35) !important}.pubg-top-nav.hide{z-index:-1}.auto-img{display:block;width:100%}img{border-style:none}.pointer{cursor:pointer}.uppercase{text-transform:uppercase}.top-nav{background-color:#000024}.section{color:#aaa;text-indent:-9999px}.wrap{overflow-y:inherit;overflow-x:hidden;position:absolute;top:0;left:0;width:100%;height:100vh}.sec{height:calc(900 / 1920 * 100vw);width:100%;width:100vw}.sec_tip{font-size:calc(23 / 1920 * 100vw);line-height:calc(40 / 1920 * 100vw);text-align:center;color:#fff;position:absolute;width:100%;top:calc(820 / 1920 * 100vw);z-index:1}#fullpage{position:fixed !important;top:0;left:0;width:100%;height:100%}.hide{display:none}.tag-item{display:none}.tag-item.on{display:block}.click{cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none}*{-webkit-touch-callout:none}.en,.ru,.fr,.es,.pt,.id{font-family:"AGENCYR"}.vi{font-family:"noto"}#player-container-id_html5_api{backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-perspective:0;-webkit-transform:translate3d(0,0,0);visibility:visible;outline:0}.top-nav{background-color:rgba(0,0,0,0.1)}.sec1{box-sizing:border-box;padding-top:calc(270 / 1920 * 100vw);background-color:#221b13;position:relative;overflow:hidden}.kv{background:url(/images/event/bloodravenx_suit/kv.jpg) top/100% no-repeat;filter:brightness(0.5);position:absolute !important;z-index:1;top:0;left:0;width:100vw !important;height:calc(900 / 1920 * 100vw) !important;pointer-events:none}.s1-title-box{z-index:2;margin:0 auto;width:calc(1076 / 1920 * 100vw);height:calc(324 / 1920 * 100vw);background:url(/images/event/bloodravenx_suit/s1_title_box.png) center/100% no-repeat;padding-top:calc(0 / 1920 * 100vw);box-sizing:border-box;position:relative}.version-tip{position:absolute;top:calc(630 / 1920 * 100vw);left:0;width:100%;text-align:center;color:#fffffe;font-size:calc(40 / 1920 * 100vw);text-transform:uppercase;line-height:calc(50 / 1920 * 100vw);display:none}.version-tip.on{display:block}.s1-title-t{margin:calc(-10 / 1920 * 100vw) auto calc(-20 / 1920 * 100vw);width:calc(1072 / 1920 * 100vw);height:calc(178 / 1920 * 100vw);background:url(/images/event/bloodravenx_suit/s1_title_en.png) center top/100% no-repeat;position:relative;left:50%;transform:translateX(-50%)}.en .s1-title-t{background-image:url(/images/event/bloodravenx_suit/s1_title_en.png)}.ms .s1-title-t{background-image:url(/images/event/bloodravenx_suit/s1_title_my.png)}.ru .s1-title-t{background:url(/images/event/bloodravenx_suit/s1_title_ru.png) center 60%/90% no-repeat}.de .s1-title-t{background-image:url(/images/event/bloodravenx_suit/s1_title_de.png)}.zh .s1-title-t{background-image:url(/images/event/bloodravenx_suit/s1_title_zh.png)}.hk .s1-title-t{background-image:url(/images/event/bloodravenx_suit/s1_title_hk.png)}.tw .s1-title-t{background-image:url(/images/event/bloodravenx_suit/s1_title_tw.png)}.th .s1-title-t{background-image:url(/images/event/bloodravenx_suit/s1_title_th.png)}.vi .s1-title-t{background:url(/images/event/bloodravenx_suit/s1_title_vi.png) center top/90% no-repeat}.id .s1-title-t{background-image:url(/images/event/bloodravenx_suit/s1_title_id.png)}.pt .s1-title-t{background-image:url(/images/event/bloodravenx_suit/s1_title_pt.png)}.fr .s1-title-t{background-image:url(/images/event/bloodravenx_suit/s1_title_fr.png)}.es .s1-title-t{background-image:url(/images/event/bloodravenx_suit/s1_title_es.png)}.tr .s1-title-t{background-image:url(/images/event/bloodravenx_suit/s1_title_tr.png)}.ar .s1-title-t{background-image:url(/images/event/bloodravenx_suit/s1_title_ar.png)}.s1-title-tip{color:#7f8e97;line-height:calc(35 / 1920 * 100vw);font-size:calc(34 / 1920 * 100vw);text-align:center;font-family:"AGENCYB";padding-top:calc(30 / 1920 * 100vw)}.s1-title-tip1,.s1-title-tip2{display:inline-block;box-sizing:border-box;width:50%}.s1-title-tip1{text-align:right;padding-right:calc(60 / 1920 * 100vw);padding-left:calc(60 / 1920 * 100vw);text-align:center}.s1-title-tip2{text-align:left;padding-left:calc(60 / 1920 * 100vw);padding-right:calc(60 / 1920 * 100vw);padding-left:calc(60 / 1920 * 100vw);text-align:center}.tw .s1-title-tip{padding-top:calc(30 / 1920 * 100vw);transform:translateX(calc(38 / 1920 * 100vw))}.tw .s1-title-tip1{padding-right:calc(100 / 1920 * 100vw)}.vi .s1-title-tip1,.vi .s1-title-tip2{font-size:calc(28 / 1920 * 100vw)}.zh .s1-title-tip,.hk .s1-title-tip{padding-top:calc(30 / 1920 * 100vw);transform:translateX(calc(20 / 1920 * 100vw))}.zh .s1-title-tip1,.hk .s1-title-tip1{padding-right:calc(130 / 1920 * 100vw)}.th .s1-title-tip{padding-top:calc(20 / 1920 * 100vw);transform:translateX(calc(8 / 1920 * 100vw))}.th .s1-title-tip1{padding-right:calc(120 / 1920 * 100vw)}.en .s1-title-tip{padding-top:calc(30 / 1920 * 100vw);transform:translateX(calc(15 / 1920 * 100vw))}.de .s1-title-tip{padding-top:calc(30 / 1920 * 100vw);transform:translateX(calc(20 / 1920 * 100vw))}.de .s1-title-tip1{padding-right:calc(120 / 1920 * 100vw)}.es .s1-title-tip{padding-top:calc(15 / 1920 * 100vw);transform:translateX(calc(15 / 1920 * 100vw))}.es .s1-title-tip1{padding-right:calc(110 / 1920 * 100vw)}.ru .s1-title-tip{font-size:calc(25 / 1920 * 100vw)}.s1-player-btn{display:block;width:calc(100 / 1920 * 100vw);height:calc(100 / 1920 * 100vw);margin:0 auto;transform:translate(calc(13 / 1920 * 100vw), calc(-20 / 1920 * 100vw));position:relative;z-index:1}.s1_next{background:url(/images/event/bloodravenx_suit/s1_next.png) center / 100% no-repeat;display:block;width:calc(70 / 1920 * 100vw);height:calc(49 / 1920 * 100vw);margin-left:calc(520 / 1920 * 100vw);margin-top:calc(160 / 1920 * 100vw)}.ar .s1_next{margin-right:calc(490 / 1920 * 100vw);margin-left:unset}.sec1 .sec1-button-item{z-index:1;position:relative;display:block}.sec1 .sec1-right-btn{margin-left:calc(30 / 1920 * 100vw);margin-top:calc(-190 / 1920 * 100vw);display:flex;justify-content:center}.sec1 .sec1-right-btn .sec1-button-item{width:calc(254 / 1920 * 100vw);height:calc(98 / 1920 * 100vw);box-sizing:border-box;padding-top:calc(20 / 1920 * 100vw);color:#fff;line-height:calc(60 / 1920 * 100vw);text-align:center;font-size:calc(27 / 1920 * 100vw);font-weight:700;text-transform:uppercase;background:url(/images/event/bloodravenx_suit/sec1_btn1.png) center top/100% no-repeat}.ru .sec1 .sec1-right-btn .sec1-button-item{font-size:calc(25 / 1920 * 100vw)}.zh .sec1 .sec1-right-btn .sec1-button-item{box-sizing:border-box;padding-top:calc(3 / 1920 * 100vw);line-height:calc(98 / 1920 * 100vw)}#btn_bgm{background:url(/images/event/bloodravenx_suit/btn_bgm2.png) center / 100% no-repeat;width:calc(77 / 1920 * 100vw);height:calc(77 / 1920 * 100vw);position:absolute;top:calc(140 / 1920 * 100vw);right:calc(50 / 1920 * 100vw);display:block;z-index:3}.is_play~#btn_bgm{background:url(/images/event/bloodravenx_suit/btn_bgm1.png) center / 100% no-repeat}.sec2 .spritespin{top:0;margin-bottom:0;width:calc(1920/ 1920 * 100vw) !important;height:calc(1080/ 1920 * 100vw) !important;margin-top:calc(-80/ 1920 * 100vw) !important;margin-left:calc(-20/ 1920 * 100vw) !important;margin:0 auto;box-sizing:border-box;transition:1s}.sec2 .spritespin{top:0;margin-bottom:0;width:calc(700/ 1920 * 100vw) !important;height:calc(900/ 1920 * 100vw) !important;-webkit-box-reflect:below calc(-155 / 1920 * 100vw) -webkit-linear-gradient(transparent, transparent 25%, rgba(0, 0, 0, 0.2));margin-top:calc(-30/ 1920 * 100vw) !important;margin-left:calc(20/ 1920 * 100vw) !important;margin:0 auto;box-sizing:border-box;transition:1s;left:50%;transform:translateX(-50%);clip-path:polygon(0 0,100% 0,100% 95%,56% 96.3%,44% 96.3%,0 95%)}.sec2 .spritespin.scale1{transform:scale(1.3) translateY(calc(240 / 1920 * 100vw))}.sec2 .spritespin.scale2{transform:scale(1.3) translateY(calc(220 / 1920 * 100vw))}.sec2 .spritespin.scale3{transform:scale(1.3) translateY(calc(150 / 1920 * 100vw))}.sec2 .spritespin.scale4{transform:scale(1.3) translateY(calc(100 / 1920 * 100vw))}.sec2 .spritespin.scale5{transform:scale(1.3) translateY(calc(40 / 1920 * 100vw))}.sec2 .spritespin.scale6{transform:scale(1.3) translateY(calc(-30 / 1920 * 100vw))}.sec2 .spritespin.scale7{transform:scale(1.3) translateY(calc(-140 / 1920 * 100vw))}.sec2 .spritespin.scale8{transform:scale(1.3) translateY(calc(-220 / 1920 * 100vw))}.sec2 .spritespin.scale9{transform:scale(1.3) translateY(calc(-300 / 1920 * 100vw))}.spritespin-img{padding-top:calc(0 / 1920 * 100vw);position:absolute;left:50%;top:calc(30 / 1920 * 100vw);transform:translateX(-50%);width:calc(184/ 750 * 100vw) !important;height:calc(336/ 750 * 100vw) !important;pointer-events:none}.spritespin-img{top:0;margin-bottom:0;width:calc(700/ 1920 * 100vw) !important;height:calc(900/ 1920 * 100vw) !important;margin-top:calc(-30/ 1920 * 100vw) !important;margin-left:calc(20/ 1920 * 100vw) !important;margin:0 auto;box-sizing:border-box;transition:1s;left:50%;transform:translateX(-50%)}.spritespin-progress-label{padding-top:calc(400 / 1920 * 100vw)}.sec2{background:url(/images/event/bloodravenx_suit/s2_bg.jpg) center/cover no-repeat;position:relative}.sec2-bg::before,.sec2-bg::after{content:"";background:url(/images/event/bloodravenx_suit/s2_bg_bottom.png) center/ 100% 100% no-repeat;position:absolute;width:100%;height:100%;bottom:-1px;left:0;transition:all 1s cubic-bezier(0,0.9,1,1.01);pointer-events:none}.sec2-bg::before{background:url(/images/event/bloodravenx_suit/s2_bg_top.png) center/100% 100% no-repeat;z-index:1}.sec2-bg::after{background:url(/images/event/bloodravenx_suit/s2_bg_bottom.png) center/cover no-repeat}.sec2-detail{overflow:hidden;height:calc(900 / 1920 * 100vw);width:100%;z-index:2}.sec2-item{height:calc(900 / 1920 * 100vw);width:100%;position:relative;overflow:hidden}.sec2-0{position:absolute;top:0;left:0;height:calc(900 / 1920 * 100vw);width:100%;overflow:hidden;z-index:1;clip-path:polygon(30% 0,70% 0,70% 100%,30% 100%);transition:all 1s cubic-bezier(0,0.9,1,1.01)}.sec2-0::after{content:'';background:url(/images/event/bloodravenx_suit/s2_mask.png) center/100% no-repeat;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.sec2.left .sec2-0,.sec2.left .sec2_line_item,.sec2.left .sec2-egypt-list{transform:translateX(calc(-75 / 1920 * 100vw))}.sec2.left .sec2-bg::after{transform:translateX(calc(-75 / 1920 * 100vw))}.sec2.right .sec2-bg::after{transform:translateX(calc(139 / 1920 * 100vw))}.sec2.right .sec2-0,.sec2.right .sec2-egypt-list{transform:translateX(calc(139 / 1920 * 100vw))}.sec2-tip{position:absolute;top:calc(833 / 1920 * 100vw);left:0;width:100%;text-align:center;color:#fffffe;font-size:calc(23 / 1920 * 100vw);text-transform:uppercase;line-height:calc(40 / 1920 * 100vw);display:none}.sec2-tip.on{display:block}.sec2-line{width:calc(728 / 1920 * 100vw);height:calc(684 / 1920 * 100vw);z-index:1;position:relative;margin:calc(85 / 1920 * 100vw) calc(555 / 1920 * 100vw);pointer-events:none;background:url(/images/event/bloodravenx_suit/egypt_line.png) center/calc(728 / 1920 * 100vw) no-repeat;left:calc(25 / 1920 * 100vw)}.ar .sec2-line{margin-right:calc(595 / 1920 * 100vw);margin-left:unset;left:unset;right:calc(25 / 1920 * 100vw)}.sec2-line.hide{display:none}.sec2-egypt-list{position:absolute;left:0;top:0;z-index:1}.sec2-1 .sec2-line{top:0;opacity:0}.sec2-1.on .sec2-line{top:0;opacity:1}.sec2-egypt-part{position:absolute;z-index:1;opacity:0;width:calc(259 / 1920 * 100vw);height:calc(179 / 1920 * 100vw)}.sec2-egypt-part:nth-child(1){top:calc(119 / 1920 * 100vw);left:calc(390 / 1920 * 100vw)}.sec2-egypt-part:nth-child(2){top:calc(350 / 1920 * 100vw);left:calc(340 / 1920 * 100vw)}.sec2-egypt-part:nth-child(3){top:calc(578 / 1920 * 100vw);left:calc(300 / 1920 * 100vw)}.sec2-egypt-part:nth-child(4){top:calc(195 / 1920 * 100vw);left:calc(1260 / 1920 * 100vw)}.sec2-egypt-part:nth-child(5){top:calc(475 / 1920 * 100vw);left:calc(1320 / 1920 * 100vw)}.sec2-1.on .sec2-egypt-part{opacity:1;animation:500ms opacity1 linear 1000ms;transform:scale(1,1)}.sec2-1.on .sec2-egypt-part img{animation:.8s scale1 linear}@keyframes scale1{0%{transform:scale(0,0)}30%{transform:scale(0.05,0.8)}100%{transform:scale(1,1)}}.sec2-1.on .sec2-egypt-part.hide{display:block;opacity:0;pointer-events:none}.sec2-egypt-detail{background:url(/images/event/bloodravenx_suit/egypt_part_detail1.png) center/cover no-repeat;position:absolute;top:calc(145 / 1920 * 100vw);left:calc(1235 / 1920 * 100vw);width:calc(438 / 1920 * 100vw);height:calc(625 / 1920 * 100vw);opacity:0;z-index:0;transition:none;box-sizing:border-box;display:flex;padding:calc(460 / 1920 * 100vw) calc(35 / 1920 * 100vw) 0;transform:scale(0.5)}.sec2-egypt-detail[data-part="0"]{background-image:url(/images/event/bloodravenx_suit/egypt_part_detail1.png)}.sec2-egypt-detail[data-part="1"]{background-image:url(/images/event/bloodravenx_suit/egypt_part_detail2.png)}.sec2-egypt-detail[data-part="2"]{background-image:url(/images/event/bloodravenx_suit/egypt_part_detail3.png)}.sec2-egypt-detail[data-part="3"]{background-image:url(/images/event/bloodravenx_suit/egypt_part_detail4.png)}.sec2-egypt-detail[data-part="4"]{background-image:url(/images/event/bloodravenx_suit/egypt_part_detail5.png)}.sec.right .sec2-egypt-detail{left:calc(255 / 1920 * 100vw);transform:scale(0.5)}.sec2-1.on .sec2-egypt-detail.on{transform:scale(1);opacity:1;z-index:1;transition:2s opacity,0.8s transform;animation:500ms opacity1 linear 1000ms}.sec2-egypt-detail::after{content:"";display:block;position:absolute;top:calc(190 / 1920 * 100vw);right:calc(130 / 1920 * 100vw);background:url(/images/event/bloodravenx_suit/egypt_detail_img1.png) center/cover no-repeat;width:calc(246 / 1920 * 100vw);height:calc(244 / 1920 * 100vw);transform:scale(0)}.sec2-egypt-detail[data-part="0"]::after{background-image:url(/images/event/bloodravenx_suit/egypt_detail_img1.png)}.sec2-egypt-detail[data-part="1"]::after{background-image:url(/images/event/bloodravenx_suit/egypt_detail_img2.png)}.sec2-egypt-detail[data-part="2"]::after{background-image:url(/images/event/bloodravenx_suit/egypt_detail_img3.png)}.sec2-egypt-detail[data-part="3"]::after{background-image:url(/images/event/bloodravenx_suit/egypt_detail_img4.png)}.sec2-egypt-detail[data-part="4"]::after{background-image:url(/images/event/bloodravenx_suit/egypt_detail_img5.png)}.sec2-egypt-detail.on::after{animation:1s scale2 linear 200ms;transform:scale(1);right:calc(310 / 1920 * 100vw)}.sec.right .sec2-egypt-detail::after{right:unset;left:calc(130 / 1920 * 100vw)}.sec.right .sec2-egypt-detail.on::after{animation:1s scale3 linear 200ms;left:calc(310 / 1920 * 100vw)}@keyframes scale2{0%{transform:scale(0);right:calc(100 / 1920 * 100vw)}50%{transform:scale(1);right:calc(100 / 1920 * 100vw)}100%{transform:scale(1);right:calc(310 / 1920 * 100vw)}}@keyframes scale3{0%{transform:scale(0);left:calc(100 / 1920 * 100vw)}50%{transform:scale(1);left:calc(100 / 1920 * 100vw)}100%{transform:scale(1);left:calc(310 / 1920 * 100vw)}}@keyframes opacity1{0%,30%,60%,100%{opacity:1}15%,45%,80%{opacity:.5}}.sec2-egypt-detail p{max-height:calc(104 / 1920 * 100vw);margin:auto;font-size:calc(23 / 1920 * 100vw);line-height:calc(28 / 1920 * 100vw);color:rgba(255,255,255,0.5);word-break:break-word;text-align:center;text-transform:uppercase;display:none;overflow:auto;height:auto;min-height:calc(60 / 1920 * 100vw);padding-top:calc(4 / 1920 * 100vw)}.th .sec2-egypt-detail p{font-size:calc(21 / 1920 * 100vw);line-height:calc(25 / 1920 * 100vw)}.vi .sec2-egypt-detail p,.ru .sec2-egypt-detail p{font-size:calc(18 / 1920 * 100vw);line-height:calc(25 / 1920 * 100vw)}.sec2-egypt-detail p.on{display:block}.sec2-2{box-sizing:border-box;padding-top:calc(265 / 1920 * 100vw)}.swiper-egypt-box{position:absolute;width:100%;z-index:2}.swiper-container-egypt{width:calc(1785 / 1920 * 100vw);height:calc(150/ 1920 * 100vw);padding:calc(190/ 1920 * 100vw) calc(67.5/ 1920 * 100vw) calc(30/ 1920 * 100vw);margin-left:auto;margin-right:auto;pointer-events:inherit}.swiper-container-egypt .swiper-slide{height:calc(154 / 1920 * 100vw);color:#fff;overflow:inherit;position:relative}.sec2-player-item{background:url(/images/event/bloodravenx_suit/sec2_player_btn.png) center/cover no-repeat;z-index:2;width:calc(357 / 1920 * 100vw);height:calc(154 / 1920 * 100vw);margin:0 auto;position:absolute;left:50%;transform:translateX(-50%);color:#ffebc1;font-size:calc(34 / 1920 * 100vw);line-height:calc(54 / 1920 * 100vw);box-sizing:border-box;text-transform:uppercase;cursor:pointer}.sec2-player-text{display:block;width:100%;transform:translate(calc(-2 / 1920 * 100vw), calc(4 / 1920 * 100vw))}.ru .slide3 .sec2-player-text{width:90%}.sec3{background:url(/images/event/bloodravenx_suit/s3_bg.jpg) center/cover no-repeat;box-sizing:border-box;position:relative;z-index:1}.sec3::after{position:absolute;content:"";top:0;left:0;background:url(/images/event/bloodravenx_suit/s3_bg_after.png) center top / 100% no-repeat;width:100%;height:100%;pointer-events:none}.s3_tv{width:100%;height:100%;position:relative}#canvas2{width:100%;height:100%;position:absolute;top:0;left:0;background:url(/images/event/bloodravenx_suit/s3_tv_canvas.jpg);-webkit-mask-size:100%;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url(/images/event/bloodravenx_suit/s3_tv_mask.png)}@keyframes tv1{0%{background:url(/images/event/bloodravenx_suit/tv.jpg) no-repeat;background-size:calc(304/ 1400 * 100vw);background-position:center 0}100%{background:url(/images/event/bloodravenx_suit/tv.jpg) no-repeat;background-size:calc(304/ 1400 * 100vw);background-position:center calc(-1580 / 1400 * 100vw)}}@keyframes tv{100%,0%,9.99%{background-position:50% 0}10%,19.99%{background-position:50% 11.1%}20%,29.99%{background-position:50% 22.2%}30%,39.99%{background-position:50% 33.3%}40%,49.99%{background-position:50% 44.4%}50%,59.99%{background-position:50% 55.5%}60%,69.99%{background-position:50% 66.6%}70%,79.99%{background-position:50% 77.7%}80%,89.99%{background-position:50% 88.8%}90%,99.99%{background-position:50% 99.9%}}@keyframes tv2{0%{background:url(/images/event/bloodravenx_suit/tv2.jpg) no-repeat;background-size:3.04rem;background-position:center 0}100%{background:url(/images/event/bloodravenx_suit/tv2.jpg) no-repeat;background-size:3.04rem;background-position:center -15.8rem}}.s3_tv_item{position:absolute;-webkit-mask-size:100%;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;background-repeat:no-repeat;background-size:calc(304/ 1400 * 100vw)}.s3_tv_item:nth-child(1){width:calc(301/ 1920 * 100vw);height:calc(254/ 1920 * 100vw);top:calc(200/ 1920 * 100vw);left:calc(214/ 1920 * 100vw)}.s3_tv_item:nth-child(2){width:calc(303/ 1920 * 100vw);height:calc(218/ 1920 * 100vw);top:calc(224/ 1920 * 100vw);left:calc(521/ 1920 * 100vw);animation:tv 1.5s linear .1s infinite;background-image:url(/images/event/bloodravenx_suit/tv.jpg);-webkit-mask-image:url(/images/event/bloodravenx_suit/s3_tv2.png)}.s3_tv_item:nth-child(3){width:calc(303/ 1920 * 100vw);height:calc(200/ 1920 * 100vw);top:calc(235/ 1920 * 100vw);left:calc(827/ 1920 * 100vw)}.s3_tv_item:nth-child(4){width:calc(303/ 1920 * 100vw);height:calc(218/ 1920 * 100vw);top:calc(223/ 1920 * 100vw);left:calc(1133/ 1920 * 100vw);animation:tv 1.6s linear .2s infinite;background-image:url(/images/event/bloodravenx_suit/tv2.jpg);-webkit-mask-image:url(/images/event/bloodravenx_suit/s3_tv4.png)}.s3_tv_item:nth-child(5){width:calc(301/ 1920 * 100vw);height:calc(254/ 1920 * 100vw);top:calc(202/ 1920 * 100vw);left:calc(1438/ 1920 * 100vw)}.s3_tv_item:nth-child(6){width:calc(301/ 1920 * 100vw);height:calc(252/ 1920 * 100vw);top:calc(445/ 1920 * 100vw);left:calc(215/ 1920 * 100vw);animation:tv 1.65s linear .15s infinite;background-image:url(/images/event/bloodravenx_suit/tv3.jpg);-webkit-mask-image:url(/images/event/bloodravenx_suit/s3_tv6.png)}.s3_tv_item:nth-child(7){width:calc(303/ 1920 * 100vw);height:calc(233/ 1920 * 100vw);top:calc(439/ 1920 * 100vw);left:calc(520/ 1920 * 100vw)}.s3_tv_item:nth-child(8){width:calc(304/ 1920 * 100vw);height:calc(225/ 1920 * 100vw);top:calc(436/ 1920 * 100vw);left:calc(827/ 1920 * 100vw);animation:tv 1.8s linear .25s infinite;background-image:url(/images/event/bloodravenx_suit/tv4.jpg);-webkit-mask-image:url(/images/event/bloodravenx_suit/s3_tv8.png)}.s3_tv_item:nth-child(9){width:calc(303/ 1920 * 100vw);height:calc(233/ 1920 * 100vw);top:calc(438/ 1920 * 100vw);left:calc(1133/ 1920 * 100vw)}.s3_tv_item:nth-child(10){width:calc(301/ 1920 * 100vw);height:calc(251/ 1920 * 100vw);top:calc(444/ 1920 * 100vw);left:calc(1438/ 1920 * 100vw);animation:tv 1.85s linear infinite;background-image:url(/images/event/bloodravenx_suit/tv5.jpg);-webkit-mask-image:url(/images/event/bloodravenx_suit/s3_tv10.png)}.s3_btn_player{display:block;position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);width:calc(49/ 1920 * 100vw);height:calc(60/ 1920 * 100vw);background:url(/images/event/bloodravenx_suit/s3_btn_player.png) center / 100% no-repeat;z-index:1}.sec4{background-color:#e6e6e6;background:url(/images/event/bloodravenx_suit/s4_bg.jpg) top center/cover no-repeat;padding-top:calc(105 / 1920 * 100vw);padding-left:calc(895 / 1920 * 100vw);padding-right:calc(365 / 1920 * 100vw);box-sizing:border-box;position:relative}.sec4-title-box{height:calc(76 / 1920 * 100vw);position:relative;display:flex;justify-content:center}.ar .sec4-title-box{direction:ltr}.sec4-title-pic{display:block;height:calc(52 / 1920 * 100vw)}.hk .sec4-title-pic,.tw .sec4-title-pic,.zh .sec4-title-pic{height:calc(62 / 1920 * 100vw)}.sec4-title-gift{display:block;width:auto;color:#7b96ab;font-size:calc(30 / 1920 * 100vw);line-height:calc(38 / 1920 * 100vw);text-align:center;overflow:hidden;margin-top:calc(-4 / 1920 * 100vw)}.ar .sec4-title-time{direction:rtl}.sec4-title-time:nth-child(1){font-weight:900;position:relative;display:inline-block;max-width:100%;padding:0 calc(10 / 1920 * 100vw)}.es .sec4-title-time:nth-child(1),.th .sec4-title-time:nth-child(1){padding-top:calc(20 / 1920 * 100vw)}.sec4-title-time:nth-child(1)::before,.sec4-title-time:nth-child(1)::after{content:"";position:absolute;width:2.65rem;height:1px;background:rgba(110,120,136,0.3);top:50%;transform:translateY(-50%);background-repeat-x:repeat}.sec4-title-time:nth-child(1)::before{left:100%}.sec4-title-time:nth-child(1)::after{right:100%}.sec4-tip{color:#c0d5e0;font-size:calc(27 / 1920 * 100vw);line-height:calc(34 / 1920 * 100vw);margin:0 auto;width:calc(600 / 1920 * 100vw);height:calc(90 / 1920 * 100vw);text-align:center}.ru .sec4-tip{line-height:calc(30 / 1920 * 100vw);font-size:calc(22 / 1920 * 100vw)}.ar .sec4-tip{text-align:right}.sec4-button-item{z-index:1;position:relative;display:block}.sec4-right-btn{margin-left:calc(25 / 1920 * 100vw);margin-top:calc(10 / 1920 * 100vw);display:flex}.ar .sec4-right-btn{margin-top:calc(10 / 1920 * 100vw);margin-right:calc(55 / 1920 * 100vw);margin-left:0}.sec4-right-btn .sec4-button-item{width:calc(263 / 1920 * 100vw);height:calc(75 / 1920 * 100vw);box-sizing:border-box;margin-right:calc(26 / 1920 * 100vw);color:#fff;line-height:calc(65 / 1920 * 100vw);text-align:center;font-size:calc(28 / 1920 * 100vw);font-weight:700;text-transform:uppercase}.sec4-right-btn .go_now{background:url(/images/event/bloodravenx_suit/sec4_btn1.png) center top/100% no-repeat;color:#041222}.sec4-right-btn .share{background:url(/images/event/bloodravenx_suit/sec4_btn2.png) center top/100% no-repeat;color:#041222}.zh .sec4-right-btn .sec4-button-item{box-sizing:border-box;padding-top:calc(3 / 1920 * 100vw)}.sec4-gift-list{height:calc(490 / 1920 * 100vw);position:relative}.sec4-gift-list .day{color:#d2d6db;position:absolute;text-align:center;width:calc(211 / 1920 * 100vw);height:calc(37 / 1920 * 100vw);line-height:calc(37 / 1920 * 100vw);font-size:calc(32 / 1920 * 100vw);transform:translateX(-50%);white-space:nowrap;background:url(/images/event/bloodravenx_suit/sec4_time_bg.png) center top/100% no-repeat}.sec4-gift-list .day1{left:calc(290 / 1920 * 100vw);top:calc(460 / 1920 * 100vw)}.sec4-gift-list .day2{left:calc(340 / 1920 * 100vw);top:calc(290 / 1920 * 100vw)}.sec4-gift-list .day3{left:calc(490 / 1920 * 100vw);top:calc(375 / 1920 * 100vw)}.sec4-gift-list span{position:relative;padding-left:calc(40 / 1920 * 100vw)}.sec4-gift-list .day span::before{display:block;content:"";position:absolute;background:url(/images/event/bloodravenx_suit/sec4_time_icon.png) center top/100% no-repeat;width:calc(29 / 1920 * 100vw);height:calc(29 / 1920 * 100vw);left:0;top:50%;transform:translateY(-50%)}.ar .sec4-gift-list{margin-right:calc(440 / 1920 * 100vw)}@keyframes fly{0%,100%{transform:none}50%{transform:translateY(calc(10 / 1920 * 100vw))}}.sec4-more-text{color:#472d0c;font-size:calc(18 / 1920 * 100vw);line-height:calc(100 / 1920 * 100vw);width:calc(680 / 1920 * 100vw);text-align:center;position:relative;display:none}.sec4-more-text::after{position:absolute;content:"";display:block;left:calc(325 / 1920 * 100vw);bottom:calc(20 / 1920 * 100vw);background:url(/images/event/bloodravenx_suit/sec4_gift_more.png) center top/100% no-repeat;width:calc(30 / 1920 * 100vw);height:calc(20 / 1920 * 100vw)}.sec4-left-btn{display:none;justify-content:center;padding-top:calc(10 / 1920 * 100vw)}.sec4-left-btn.on{display:flex}.sec4-left-btn{display:none;justify-content:center;padding-top:calc(10 / 1920 * 100vw)}.sec4-left-btn .sec4-button-item{width:calc(200 / 1920 * 100vw);height:calc(70 / 1920 * 100vw);margin:0 calc(6 / 1920 * 100vw);color:#fefefe;line-height:calc(70 / 1920 * 100vw);text-align:center;font-size:calc(25 / 1920 * 100vw);display:block;text-align:center;box-sizing:border-box}.sec4-left-btn .sec4-button-item:nth-child(1){background-color:rgba(62,113,138,0.95);border:2px solid #75ced9}.sec4-left-btn .sec4-button-item:nth-child(2){background-color:rgba(211,155,57,0.95);border:2px solid #ffd248}.ru .sec4-left-btn .sec4-button-item:nth-child(2),.vi .sec4-left-btn .sec4-button-item:nth-child(2){line-height:calc(30 / 1920 * 100vw);padding-top:calc(5 / 1920 * 100vw)}.de .sec4-left-btn .sec4-button-item{font-size:calc(30 / 1920 * 100vw)}.sec4-egypt-title{position:absolute;left:calc(228 / 1920 * 100vw);top:calc(630 / 1920 * 100vw);width:calc(530 / 1920 * 100vw)}.sec4-egypt-title1{width:calc(415 / 1334 * 100vw);height:calc(219 / 1334 * 100vw);background:url(/images/event/bloodravenx_suit/sec4_activityoff_en.png) center top/calc(415 / 1334 * 100vw) no-repeat;margin-top:calc(-100 / 1920 * 100vw);margin-left:calc(-30 / 1920 * 100vw);margin-right:calc(-30 / 1920 * 100vw)}.en .sec4-egypt-title1{background-image:url(/images/event/bloodravenx_suit/sec4_activityoff_en.png)}.ru .sec4-egypt-title1{background-image:url(/images/event/bloodravenx_suit/sec4_activityoff_ru.png)}.de .sec4-egypt-title1{background-image:url(/images/event/bloodravenx_suit/sec4_activityoff_de.png)}.zh .sec4-egypt-title1{background-image:url(/images/event/bloodravenx_suit/sec4_activityoff_zh.png)}.hk .sec4-egypt-title1{background-image:url(/images/event/bloodravenx_suit/sec4_activityoff_hk.png)}.tw .sec4-egypt-title1{background-image:url(/images/event/bloodravenx_suit/sec4_activityoff_tw.png)}.th .sec4-egypt-title1{background-image:url(/images/event/bloodravenx_suit/sec4_activityoff_th.png)}.vi .sec4-egypt-title1{background-image:url(/images/event/bloodravenx_suit/sec4_activityoff_vi.png)}.id .sec4-egypt-title1{background-image:url(/images/event/bloodravenx_suit/sec4_activityoff_id.png)}.pt .sec4-egypt-title1{background-image:url(/images/event/bloodravenx_suit/sec4_activityoff_pt.png)}.fr .sec4-egypt-title1{background-image:url(/images/event/bloodravenx_suit/sec4_activityoff_fr.png)}.es .sec4-egypt-title1{background-image:url(/images/event/bloodravenx_suit/sec4_activityoff_es.png)}.tr .sec4-egypt-title1{background-image:url(/images/event/bloodravenx_suit/sec4_activityoff_tr.png)}.ar .sec4-egypt-title1{background-image:url(/images/event/bloodravenx_suit/sec4_activityoff_ar.png)}.sec4-egypt-title2{width:calc(415 / 1334 * 100vw);background:url(/images/event/bloodravenx_suit/sec4_activityon_en.png) center top/calc(415 / 1334 * 100vw) no-repeat;margin-top:calc(-100 / 1920 * 100vw);margin-left:calc(-30 / 1920 * 100vw);height:calc(135 / 1334 * 100vw);padding:calc(100 / 1334 * 100vw) calc(50 / 1334 * 100vw) 0;margin-right:calc(-30 / 1920 * 100vw);box-sizing:border-box}.en .sec4-egypt-title2{background-image:url(/images/event/bloodravenx_suit/sec4_activityon_en.png)}.ru .sec4-egypt-title2{background-image:url(/images/event/bloodravenx_suit/sec4_activityon_ru.png)}.de .sec4-egypt-title2{background-image:url(/images/event/bloodravenx_suit/sec4_activityon_de.png)}.zh .sec4-egypt-title2{background-image:url(/images/event/bloodravenx_suit/sec4_activityon_zh.png)}.hk .sec4-egypt-title2{background-image:url(/images/event/bloodravenx_suit/sec4_activityon_hk.png)}.tw .sec4-egypt-title2{background-image:url(/images/event/bloodravenx_suit/sec4_activityon_tw.png)}.th .sec4-egypt-title2{background-image:url(/images/event/bloodravenx_suit/sec4_activityon_th.png)}.vi .sec4-egypt-title2{background-image:url(/images/event/bloodravenx_suit/sec4_activityon_vi.png)}.id .sec4-egypt-title2{background-image:url(/images/event/bloodravenx_suit/sec4_activityon_id.png)}.pt .sec4-egypt-title2{background-image:url(/images/event/bloodravenx_suit/sec4_activityon_pt.png)}.fr .sec4-egypt-title2{background-image:url(/images/event/bloodravenx_suit/sec4_activityon_fr.png)}.es .sec4-egypt-title2{background-image:url(/images/event/bloodravenx_suit/sec4_activityon_es.png)}.tr .sec4-egypt-title2{background-image:url(/images/event/bloodravenx_suit/sec4_activityon_tr.png)}.ar .sec4-egypt-title2{background-image:url(/images/event/bloodravenx_suit/sec4_activityon_ar.png)}.sec5{height:auto}.mclass .sec5{height:10000px;height:auto}.footer:before{display:none !important}.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{height:562px;position:fixed;width:50%;left:50%;left:0;right:0;margin:-281px auto;top:50%;background:#000;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:1000;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;z-index:100}.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}.player-container-id-dimensions{width:100%;height:100%}.pop-share{background:url(/images/event/bloodravenx_suit/pop_share.png) center / 100% no-repeat;width:calc(780/1920*100vw);height:calc(496/1920*100vw);position:relative;left:50%;top:50%;transform:translate(-50%,-50%)}.ar .pop-share{left:-50%;transform:translate(50%,-50%)}.pop-share .pop-close{background:0}.pop-share .facebook-share-btn{display:block;text-indent:-9999px;position:absolute;height:calc(190 / 1920* 100vw);width:calc(190 / 1920* 100vw);left:calc(420 / 1920 * 100vw);top:calc(175 / 1920 * 100vw)}.pop-share .twitter-share-btn{display:block;text-indent:-9999px;position:absolute;height:calc(190 / 1920* 100vw);width:calc(190 / 1920* 100vw);left:calc(135 / 1920 * 100vw);top:calc(175 / 1920 * 100vw)}.pc.pop-share{width:calc(780 / 2500*100vw);height:calc(496 / 2500*100vw)}.pc.pop-share .facebook-share-btn{height:calc(190 / 2500 * 100vw);width:calc(190 / 2500 * 100vw);left:calc(137 / 2500 * 100vw);top:calc(187 / 2500 * 100vw)}.pc.pop-share .twitter-share-btn{height:calc(190 / 2500 * 100vw);width:calc(190 / 2500 * 100vw);left:calc(435 / 2500 * 100vw);top:calc(187 / 2500 * 100vw)}.mclass .pop-close{width:35px;height:35px;right:2px}.mclass .pop-vid{width:80%;top:0;height:80%;margin:3% auto}.pop-video-close{right:calc(-60 / 1334 * 100vw);top:0;padding:0;border:0;font-size:calc(26 / 1334 * 100vw);height:calc(60 / 1334 * 100vw);width:calc(60 / 1334 * 100vw);font-size:0;background:rgb(0 0 0 / 80%) url(/images/event/bloodravenx_suit/pop_close.png) center / calc(60 / 1334 * 100vw) no-repeat}.pc .pop-video-close{right:calc(-60 / 1920 * 100vw);font-size:calc(26 / 1920 * 100vw);height:calc(60 / 1920 * 100vw);width:calc(60 / 1920 * 100vw);background:rgb(0 0 0 / 80%) url(/images/event/bloodravenx_suit/pop_close.png) center / calc(60 / 1920 * 100vw) no-repeat}.pop-share .pop-close{width:calc(50 / 1920 * 100vw);height:calc(50 / 1920 * 100vw);right:0;top:calc(20 / 1920 * 100vw)}.pc.pop-share .pop-close{width:calc(50 / 2500 * 100vw);height:calc(50 / 2500 * 100vw);top:calc(25 / 2500 * 100vw)}@media screen and (max-width:500px){.pc.pop-share{width:calc(748 / 850*100vw);height:calc(458 / 850*100vw)}.pc.pop-share .facebook-share-btn{height:calc(190 / 850 * 100vw);width:calc(190 / 850 * 100vw);left:calc(127 / 850 * 100vw);top:calc(172 / 850 * 100vw)}.pc.pop-share .twitter-share-btn{height:calc(190 / 850 * 100vw);width:calc(190 / 850 * 100vw);left:calc(407 / 850 * 100vw);top:calc(175 / 850 * 100vw)}.pc.pop-share .pop-close{width:calc(50 / 850 * 100vw);height:calc(50 / 850 * 100vw);top:calc(20 / 850 * 100vw)}.mclass .pop-vid{width:100%;margin:-130px auto;height:260px;top:50%}.mclass .pop-close.pop-video-close{top:calc(-60 / 750 * 100vw);height:calc(60 / 750 * 100vw);width:calc(60 / 750 * 100vw);background-size:calc(60 / 750 * 100vw);right:0}}.footer:before{display:none}