@charset "UTF-8";@media screen and (min-width:1921px){:root{--screen-maxwidth:1920}}@media screen and (max-width:1920px){:root{--screen-maxwidth:1920}}@media screen and (max-width:1600px){:root{--screen-maxwidth:1800}}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}em,strong{font-style:normal;display:inline}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:""}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;-webkit-appearance:none}input,textarea,select{*font-size:100%}a{text-decoration:none;-webkit-tap-highlight-color:transparent;color:#fff}*{outline:0}img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.hide{width:0;height:0;overflow:hidden;display:block;visibility:hidden}.pa{position:absolute;z-index:5}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bs100{background-repeat:no-repeat;background-size:100% 100%}img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.pa{position:absolute;z-index:5}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.bs100{background-repeat:no-repeat;background-size:100% 100%}.upp{text-transform:uppercase}body{color:#fff;background-color:#000;width:100%;overflow-x:hidden;-webkit-tap-highlight-color:transparent}.bgm{width:0;height:0;position:absolute;top:0;left:0;opacity:0;pointer-events:none;z-index:-1}.wrap{width:100%;position:relative;overflow:hidden;padding-top:80px}.part{background-repeat:no-repeat;background-position:50% 0;background-size:calc(1920 / var(--screen-maxwidth) * 100vw) auto;margin-top:-1px;position:relative}.part .inner{width:calc(1920 / var(--screen-maxwidth) * 100vw);height:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:1px;position:relative}.part .line{background-image:url(/images/event/phoenix_x_suit/line.png);background-size:calc(1920 / var(--screen-maxwidth) * 100vw) auto;width:calc(1920 / var(--screen-maxwidth) * 100vw);height:calc(140 / var(--screen-maxwidth) * 100vw);left:50%;margin-left:calc(-960 / var(--screen-maxwidth) * 100vw);bottom:calc(-16 / var(--screen-maxwidth) * 100vw);pointer-events:none}.part .slt{height:calc(103 / var(--screen-maxwidth) * 100vw);margin-top:calc(50 / var(--screen-maxwidth) * 100vw);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.part .slt li{width:calc(189 / var(--screen-maxwidth) * 100vw);position:relative;margin:0 calc(12 / var(--screen-maxwidth) * 100vw);cursor:pointer}.part .slt li .img{width:calc(189 / var(--screen-maxwidth) * 100vw);height:calc(108 / var(--screen-maxwidth) * 100vw);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.part .slt li .img img{height:100%;border-radius:0 0 calc(20 / var(--screen-maxwidth) * 100vw) calc(20 / var(--screen-maxwidth) * 100vw);overflow:hidden}.part .slt li .img:before{content:"";background:rgba(0,0,0,0.5);width:100%;height:100%;position:absolute;top:0;left:0;display:block;border-radius:calc(20 / var(--screen-maxwidth) * 100vw)}.part .slt li .img:after{content:"";background:url(/images/event/phoenix_x_suit/slt-pic.png) no-repeat 100%/100%;width:calc(209 / var(--screen-maxwidth) * 100vw);height:calc(115 / var(--screen-maxwidth) * 100vw);position:absolute;top:calc(-5 / var(--screen-maxwidth) * 100vw);left:calc(-10 / var(--screen-maxwidth) * 100vw)}.part .slt li p{color:#FFF;font-size:calc(20 / var(--screen-maxwidth) * 100vw);line-height:calc(24 / var(--screen-maxwidth) * 100vw);text-align:center;padding-top:calc(9 / var(--screen-maxwidth) * 100vw);text-shadow:0 0 calc(20 / var(--screen-maxwidth) * 100vw) black}.part .slt li.on .img:before,.part .slt li:hover .img:before{display:none}.part .slt li.on .img:after,.part .slt li:hover .img:after{background-image:url(/images/event/phoenix_x_suit/slt-pic-on.png)}.part1{background-image:url(/images/event/phoenix_x_suit/kv/kv-1.jpg);height:calc(886 / var(--screen-maxwidth) * 100vw);margin-top:0;position:relative}.part1 .kv{width:100vw;height:100%;position:absolute;top:0;left:0;pointer-events:none}.part1 .kv .spritespin,.part1 .kv .img,.part1 .kv canvas{width:100% !important;height:100% !important;-o-object-fit:cover;object-fit:cover}.part1 .kv .spritespin{visibility:hidden}.part1 .kv .img{top:0;left:0}.part1 .btn-music{background:url(/images/event/phoenix_x_suit/ico-music.png) no-repeat calc(-8 / var(--screen-maxwidth) * 100vw) calc(-6 / var(--screen-maxwidth) * 100vw)/calc(194 / var(--screen-maxwidth) * 100vw) auto;width:calc(81 / var(--screen-maxwidth) * 100vw);height:calc(81 / var(--screen-maxwidth) * 100vw);top:calc(28 / var(--screen-maxwidth) * 100vw);right:calc(50 / var(--screen-maxwidth) * 100vw)}.part1 .btn-music.playing{background-position:calc(-105 / var(--screen-maxwidth) * 100vw) calc(-6 / var(--screen-maxwidth) * 100vw);-webkit-animation:playing 5s linear infinite;animation:playing 5s linear infinite}.part1 .kv-bd{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:calc(140 / var(--screen-maxwidth) * 100vw)}.part1 .kv-bd:before{content:"";background:rgba(0,0,0,0.8);width:100%;height:100%;position:absolute;top:0;left:0}.part1 .sloganwrap{width:calc(1458 / var(--screen-maxwidth) * 100vw);height:calc(480 / var(--screen-maxwidth) * 100vw);margin:0 auto 0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding-top:calc(40 / var(--screen-maxwidth) * 100vw);z-index:5}.part1 .sloganwrap:before{content:"";background:url(/images/event/phoenix_x_suit/slog-bg.png) no-repeat 100%/100%;width:calc(1458 / var(--screen-maxwidth) * 100vw);height:calc(480 / var(--screen-maxwidth) * 100vw);position:absolute;top:0;left:0}.part1 .slogan{margin:0 auto;pointer-events:none;position:relative}.part1 .dec{width:100%;color:#cececd;font-size:calc(24 / var(--screen-maxwidth) * 100vw);line-height:1;text-align:center;position:relative;padding-top:calc(16 / var(--screen-maxwidth) * 100vw)}.part1 .btn-vid{background-image:url(/images/event/phoenix_x_suit/ico-vid.png);width:calc(110 / var(--screen-maxwidth) * 100vw);height:calc(110 / var(--screen-maxwidth) * 100vw);bottom:calc(14 / var(--screen-maxwidth) * 100vw);left:50%;margin-left:calc(-55 / var(--screen-maxwidth) * 100vw);-webkit-animation:vid .8s linear alternate infinite;animation:vid .8s linear alternate infinite}.part1 .btns{width:100%;margin:calc(17 / var(--screen-maxwidth) * 100vw) auto 0;position:relative;z-index:5}.part1 .btns a{width:calc(325 / var(--screen-maxwidth) * 100vw);height:calc(80 / var(--screen-maxwidth) * 100vw);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;margin:0 calc(2 / var(--screen-maxwidth) * 100vw);padding:calc(6 / var(--screen-maxwidth) * 100vw) 0 0 calc(10 / var(--screen-maxwidth) * 100vw)}.part1 .btns a .text{color:#ffefb1;font-size:calc(45 / var(--screen-maxwidth) * 100vw);text-shadow:0 calc(2 / var(--screen-maxwidth) * 100vw) calc(4 / var(--screen-maxwidth) * 100vw) #432208, 0 calc(2 / var(--screen-maxwidth) * 100vw) calc(4 / var(--screen-maxwidth) * 100vw) #432208;position:relative}.part1 .btns a:before{content:"";background-repeat:no-repeat;background-size:100% 100%;width:calc(325 / var(--screen-maxwidth) * 100vw);height:calc(105 / var(--screen-maxwidth) * 100vw);position:absolute;top:calc(-25 / var(--screen-maxwidth) * 100vw);left:0}.part1 .btns a.btn-go:before{background-image:url(/images/event/phoenix_x_suit/btn-go.png)}.part1 .btns a.btn-share:before{background-image:url(/images/event/phoenix_x_suit/btn-share.png)}.part1 .jt{background-image:url(/images/event/phoenix_x_suit/jt.png);width:calc(80 / var(--screen-maxwidth) * 100vw);height:calc(50 / var(--screen-maxwidth) * 100vw);position:absolute;left:50%;margin-left:calc(-40 / var(--screen-maxwidth) * 100vw);bottom:calc(80 / var(--screen-maxwidth) * 100vw);z-index:5;-webkit-animation:jt 1s linear alternate infinite;animation:jt 1s linear alternate infinite}.part2{background-image:url(/images/event/phoenix_x_suit/bg2.jpg);height:calc(979 / var(--screen-maxwidth) * 100vw)}.part2 .role{width:calc(1920 / var(--screen-maxwidth) * 100vw);height:calc(979 / var(--screen-maxwidth) * 100vw);position:absolute;top:0;left:50%;margin-left:calc(-960 / var(--screen-maxwidth) * 100vw);pointer-events:none;display:none}.part2 .role .spritespin,.part2 .role .img{width:100% !important;height:100% !important;-o-object-fit:cover;object-fit:cover}.part2 .role .spritespin{visibility:hidden}.part2 .role .img{top:0;left:0}.part2 .piece.inup li:nth-child(1) a{-webkit-animation:inup1 1.5s .1s ease-in-out alternate infinite;animation:inup1 1.5s .1s ease-in-out alternate infinite}.part2 .piece.inup li:nth-child(2) a{-webkit-animation:inup2 1.5s .4s ease-in-out alternate infinite;animation:inup2 1.5s .4s ease-in-out alternate infinite}.part2 .piece.inup li:nth-child(3) a{-webkit-animation:inup3 1.5s .2s ease-in-out alternate infinite;animation:inup3 1.5s .2s ease-in-out alternate infinite}.part2 .piece.inup li:nth-child(4) a{-webkit-animation:inup4 1.5s .5s ease-in-out alternate infinite;animation:inup4 1.5s .5s ease-in-out alternate infinite}.part2 .piece li{position:absolute;list-style:none}.part2 .piece li:nth-child(1){width:calc(433 / var(--screen-maxwidth) * 100vw);height:calc(302 / var(--screen-maxwidth) * 100vw);top:calc(97 / var(--screen-maxwidth) * 100vw);left:calc(243 / var(--screen-maxwidth) * 100vw)}.part2 .piece li:nth-child(2){width:calc(437 / var(--screen-maxwidth) * 100vw);height:calc(278 / var(--screen-maxwidth) * 100vw);top:calc(402 / var(--screen-maxwidth) * 100vw);left:calc(272 / var(--screen-maxwidth) * 100vw)}.part2 .piece li:nth-child(3){width:calc(433 / var(--screen-maxwidth) * 100vw);height:calc(302 / var(--screen-maxwidth) * 100vw);top:calc(97 / var(--screen-maxwidth) * 100vw);left:calc(1245 / var(--screen-maxwidth) * 100vw);-webkit-animation-delay:.2s;animation-delay:.2s}.part2 .piece li:nth-child(4){width:calc(437 / var(--screen-maxwidth) * 100vw);height:calc(278 / var(--screen-maxwidth) * 100vw);top:calc(402 / var(--screen-maxwidth) * 100vw);left:calc(1212 / var(--screen-maxwidth) * 100vw);-webkit-animation-delay:.3s;animation-delay:.3s}.part2 .piece li a{display:block;width:100%;height:100%}@-webkit-keyframes playing{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes playing{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes inup1{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw))}}@keyframes inup1{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw))}}@-webkit-keyframes inup2{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw))}}@keyframes inup2{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw))}}@-webkit-keyframes inup3{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw))}}@keyframes inup3{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw))}}@-webkit-keyframes inup4{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw))}}@keyframes inup4{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw))}}.part3{background-image:url(/images/event/phoenix_x_suit/bg3.jpg);height:calc(948 / var(--screen-maxwidth) * 100vw)}.part3 .btn-vid{width:calc(862 / var(--screen-maxwidth) * 100vw);height:calc(465 / var(--screen-maxwidth) * 100vw);margin:calc(113 / var(--screen-maxwidth) * 100vw) auto 0;position:relative;display:block}.part3 .btn-vid:before{content:"";width:100%;height:100%;background:rgba(0,0,0,0.4);border-radius:0 calc(40 / var(--screen-maxwidth) * 100vw) 0 calc(40 / var(--screen-maxwidth) * 100vw);overflow:hidden;position:absolute;top:0;left:0;z-index:5;pointer-events:none}.part3 .btn-vid:after{content:"";background:url(/images/event/phoenix_x_suit/video-bg.png) no-repeat 100%/100%;width:calc(968 / var(--screen-maxwidth) * 100vw);height:calc(530 / var(--screen-maxwidth) * 100vw);position:absolute;top:calc(-32 / var(--screen-maxwidth) * 100vw);left:calc(-53 / var(--screen-maxwidth) * 100vw);z-index:5;pointer-events:none}.part3 .btn-vid img{height:100%;border-radius:0 calc(40 / var(--screen-maxwidth) * 100vw) 0 calc(40 / var(--screen-maxwidth) * 100vw);overflow:hidden}.part3 .ico-vid{background-image:url(/images/event/phoenix_x_suit/btn-play.png);width:calc(114 / var(--screen-maxwidth) * 100vw);height:calc(114 / var(--screen-maxwidth) * 100vw);top:50%;left:50%;margin:calc(-57 / var(--screen-maxwidth) * 100vw) 0 0 calc(-57 / var(--screen-maxwidth) * 100vw);-webkit-animation:vid .8s linear alternate infinite;animation:vid .8s linear alternate infinite}.part3 .tcplayer,.part3 video{width:100%;height:100%;position:relative}.part4{background-image:url(/images/event/phoenix_x_suit/bg4.jpg);height:calc(919 / var(--screen-maxwidth) * 100vw)}.part4 .inner{padding-right:calc(480 / var(--screen-maxwidth) * 100vw)}.part4 .tit{padding-top:calc(66 / var(--screen-maxwidth) * 100vw)}.part4 .tit .tl{background-image:url(/images/event/phoenix_x_suit/tl.png);width:calc(118 / var(--screen-maxwidth) * 100vw);height:calc(12 / var(--screen-maxwidth) * 100vw)}.part4 .tit .tr{background-image:url(/images/event/phoenix_x_suit/tr.png);width:calc(118 / var(--screen-maxwidth) * 100vw);height:calc(12 / var(--screen-maxwidth) * 100vw)}.part4 .tit .sn{color:#593d25;font-size:calc(52 / var(--screen-maxwidth) * 100vw);margin:0 calc(16 / var(--screen-maxwidth) * 100vw)}.part4 .btn-vid{width:calc(862 / var(--screen-maxwidth) * 100vw);height:calc(465 / var(--screen-maxwidth) * 100vw);margin:calc(38 / var(--screen-maxwidth) * 100vw) auto 0;position:relative;display:block}.part4 .btn-vid:before{content:"";width:100%;height:100%;background:rgba(0,0,0,0.4);border-radius:0 calc(40 / var(--screen-maxwidth) * 100vw) 0 calc(40 / var(--screen-maxwidth) * 100vw);overflow:hidden;position:absolute;top:0;left:0;z-index:5;pointer-events:none}.part4 .btn-vid:after{content:"";background:url(/images/event/phoenix_x_suit/video-bg.png) no-repeat 100%/100%;width:calc(968 / var(--screen-maxwidth) * 100vw);height:calc(530 / var(--screen-maxwidth) * 100vw);position:absolute;top:calc(-32 / var(--screen-maxwidth) * 100vw);left:calc(-53 / var(--screen-maxwidth) * 100vw);z-index:5;pointer-events:none}.part4 .btn-vid img{height:100%;border-radius:0 calc(40 / var(--screen-maxwidth) * 100vw) 0 calc(40 / var(--screen-maxwidth) * 100vw);overflow:hidden}.part4 .ico-vid{background-image:url(/images/event/phoenix_x_suit/btn-play.png);width:calc(114 / var(--screen-maxwidth) * 100vw);height:calc(114 / var(--screen-maxwidth) * 100vw);top:50%;left:50%;margin:calc(-57 / var(--screen-maxwidth) * 100vw) 0 0 calc(-57 / var(--screen-maxwidth) * 100vw);-webkit-animation:vid .8s linear alternate infinite;animation:vid .8s linear alternate infinite}.part4 .tcplayer,.part4 video{width:100%;height:100%;position:relative}@-webkit-keyframes vid{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0.92);transform:scale(0.92)}}@keyframes vid{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0.92);transform:scale(0.92)}}@-webkit-keyframes jt{0%{-webkit-filter:brightness(1.5);filter:brightness(1.5);-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transform:translateY(calc(10 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(10 / var(--screen-maxwidth) * 100vw));opacity:.5}}@keyframes jt{0%{-webkit-filter:brightness(1.5);filter:brightness(1.5);-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transform:translateY(calc(10 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(10 / var(--screen-maxwidth) * 100vw));opacity:.5}}@keyframes vid{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0.92);transform:scale(0.92)}}@-webkit-keyframes music{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes music{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes jt{0%{-webkit-filter:brightness(1.5);filter:brightness(1.5);-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transform:translateY(calc(10 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(10 / var(--screen-maxwidth) * 100vw));opacity:.5}}.pop_mask{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);z-index:299}.pop{background-image:url(/images/event/phoenix_x_suit/pop-comm-bg.png);background-repeat:no-repeat;background-size:100% 100%;display:none;outline:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:1px;width:calc(874 / var(--screen-maxwidth) * 100vw);height:calc(479 / var(--screen-maxwidth) * 100vw);margin:calc(-239 / var(--screen-maxwidth) * 100vw) 0 0 calc(-437 / var(--screen-maxwidth) * 100vw)}.pop .pop-clo{background:url(/images/event/phoenix_x_suit/close.png) no-repeat 100%/100%;width:calc(54 / var(--screen-maxwidth) * 100vw);height:calc(55 / var(--screen-maxwidth) * 100vw);top:calc(19 / var(--screen-maxwidth) * 100vw);right:calc(-40 / var(--screen-maxwidth) * 100vw)}.pop.pop-video{background:0;width:80%;height:80%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0;border:solid calc(5 / var(--screen-maxwidth) * 100vw) #ae9a70}.pop.pop-video .pop-clo{background:url(/images/event/phoenix_x_suit/close.png) no-repeat 100%/100%;right:calc(-70 / var(--screen-maxwidth) * 100vw);top:0}.pop.pop-video .pop-video-box{width:100%;height:100%;overflow:hidden}.pop.pop-video .playwrap{width:100%;height:100%;overflow:hidden}.pop.pop-video .playwrap video{width:100% !important;height:100% !important;-o-object-fit:cover;object-fit:cover}.pop.pop-video .version-tip{display:none}.pop.pop-share .pop-share-pt{height:100%}.pop.pop-share .pop-share-pt a{background-repeat:no-repeat;background-size:100% 100%;width:calc(216 / var(--screen-maxwidth) * 100vw);height:calc(156 / var(--screen-maxwidth) * 100vw);margin:0 calc(10 / var(--screen-maxwidth) * 100vw)}.pop.pop-share .pop-share-pt a.btnShareFB{background-image:url(/images/event/phoenix_x_suit/ico-fb.png)}.pop.pop-share .pop-share-pt a.btnShareTW{background-image:url(/images/event/phoenix_x_suit/ico-twi.png)}.pop.pop-piece .piece-box{width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.pop.pop-piece .piece-img{width:calc(397 / var(--screen-maxwidth) * 100vw);height:calc(247 / var(--screen-maxwidth) * 100vw)}.pop.pop-piece .piece-dec{padding:calc(8 / var(--screen-maxwidth) * 100vw) calc(120 / var(--screen-maxwidth) * 100vw) 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#FFF;font-size:calc(30 / var(--screen-maxwidth) * 100vw);line-height:calc(36 / var(--screen-maxwidth) * 100vw);text-align:center}@font-face{font-family:'all';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/all.ttf") format("truetype")}@font-face{font-family:'all-bold';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/AgencyFB-Bold.ttf") format("truetype")}@font-face{font-family:'ru';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/ru.ttf") format("truetype")}@font-face{font-family:'th';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/th.ttf") format("truetype")}@font-face{font-family:'vi';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/vi.ttf") format("truetype")}@font-face{font-family:'tr';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/tr.otf") format("truetype")}@font-face{font-family:'ar';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/ar.ttf") format("truetype")}@font-face{font-family:'uz';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/uz.TTF") format("truetype")}.zh .wrap,.zh .pop{font-family:"Noto Sans SC",'Microsoft JhengHei','PingFangTC-Regular',sans-serif;letter-spacing:0}.zh .agb{font-weight:bold}.zh .part1 .slogan{background-image:url(/images/event/phoenix_x_suit/title/zh.png);width:calc(627 / var(--screen-maxwidth) * 100vw);height:calc(87 / var(--screen-maxwidth) * 100vw)}.zh .pop.pop-piece .piece-dec{font-size:calc(28 / var(--screen-maxwidth) * 100vw);line-height:calc(34 / var(--screen-maxwidth) * 100vw)}.zh .part1 .btns a .text{font-size:calc(30 / var(--screen-maxwidth) * 100vw)}.en .wrap,.en .pop{font-family:"all",Arial,Helvetica,sans-serif;letter-spacing:0}.en .agb{font-family:"all-bold"}.en .part1 .slogan{background-image:url(/images/event/phoenix_x_suit/title/en.png);width:calc(603 / var(--screen-maxwidth) * 100vw);height:calc(73 / var(--screen-maxwidth) * 100vw)}.ru .wrap,.ru .pop{font-family:"ru",Arial,Helvetica,sans-serif;letter-spacing:0}.ru .part1 .slogan{background-image:url(/images/event/phoenix_x_suit/title/ru.png);width:calc(718 / var(--screen-maxwidth) * 100vw);height:calc(67 / var(--screen-maxwidth) * 100vw)}.ru .part1 .btns a .text{position:relative;top:calc(4 / var(--screen-maxwidth) * 100vw)}.de .wrap,.de .pop{font-family:"all",Arial,Helvetica,sans-serif}.de .part1 .slogan{background-image:url(/images/event/phoenix_x_suit/title/de.png);width:calc(612 / var(--screen-maxwidth) * 100vw);height:calc(73 / var(--screen-maxwidth) * 100vw)}.HK .wrap,.HK .pop{font-family:'Noto Sans TC','Microsoft JhengHei','PingFangTC-Regular',sans-serif;letter-spacing:0}.HK .agb{font-weight:bold}.HK .part1 .slogan{background-image:url(/images/event/phoenix_x_suit/title/HK.png);width:calc(629 / var(--screen-maxwidth) * 100vw);height:calc(87 / var(--screen-maxwidth) * 100vw)}.HK .part1 .btns a .text{font-size:calc(30 / var(--screen-maxwidth) * 100vw)}.HK .pop.pop-piece .piece-dec{font-size:calc(28 / var(--screen-maxwidth) * 100vw);line-height:calc(34 / var(--screen-maxwidth) * 100vw)}.TW .wrap,.TW .pop{font-family:'Noto Sans TC','Microsoft JhengHei','PingFangTC-Regular',sans-serif;letter-spacing:0}.TW .agb{font-weight:bold}.TW .part1 .slogan{background-image:url(/images/event/phoenix_x_suit/title/TW.png);width:calc(629 / var(--screen-maxwidth) * 100vw);height:calc(87 / var(--screen-maxwidth) * 100vw)}.TW .part1 .btns a .text{font-size:calc(30 / var(--screen-maxwidth) * 100vw)}.TW .pop.pop-piece .piece-dec{font-size:calc(28 / var(--screen-maxwidth) * 100vw);line-height:calc(34 / var(--screen-maxwidth) * 100vw)}.th .wrap,.th .pop{font-family:"th",Arial,Helvetica,sans-serif;letter-spacing:0}.th .part1 .slogan{background-image:url(/images/event/phoenix_x_suit/title/th.png);width:calc(522 / var(--screen-maxwidth) * 100vw);height:calc(93 / var(--screen-maxwidth) * 100vw)}.th .part1 .dec{font-size:calc(30 / var(--screen-maxwidth) * 115vw);padding-top:calc(6 / var(--screen-maxwidth) * 100vw)}.th .part1 .btns a .text{font-size:calc(45 / var(--screen-maxwidth) * 115vw)}.th .part3 .slt li p,.th .part4 .slt li p{font-size:calc(22 / var(--screen-maxwidth) * 115vw)}.th .part4 .tit span{font-size:calc(45 / var(--screen-maxwidth) * 115vw)}.th .pop.pop-piece .piece-dec{font-size:calc(30 / var(--screen-maxwidth) * 115vw);line-height:1}.vi .wrap,.vi .pop{font-family:"vi",Arial,Helvetica,sans-serif;letter-spacing:0}.vi .part1 .slogan{background-image:url(/images/event/phoenix_x_suit/title/vi.png);width:calc(792 / var(--screen-maxwidth) * 100vw);height:calc(76 / var(--screen-maxwidth) * 100vw)}.id .wrap,.id .pop{font-family:"all",Arial,Helvetica,sans-serif}.id .part1 .slogan{background-image:url(/images/event/phoenix_x_suit/title/id.png);width:calc(605 / var(--screen-maxwidth) * 100vw);height:calc(73 / var(--screen-maxwidth) * 100vw)}.id .pop.pop-piece .piece-dec{font-size:calc(30 / var(--screen-maxwidth) * 100vw)}.pt .wrap,.pt .pop{font-family:"all",Arial,Helvetica,sans-serif}.pt .part1 .slogan{background-image:url(/images/event/phoenix_x_suit/title/pt.png);width:calc(708 / var(--screen-maxwidth) * 100vw);height:calc(84 / var(--screen-maxwidth) * 100vw)}.pt .part1 .btns a .text{font-size:calc(34 / var(--screen-maxwidth) * 100vw)}.fr .wrap,.fr .pop{font-family:"all",Arial,Helvetica,sans-serif}.fr .part1 .slogan{background-image:url(/images/event/phoenix_x_suit/title/fr.png);width:calc(605 / var(--screen-maxwidth) * 100vw);height:calc(73 / var(--screen-maxwidth) * 100vw)}.es .wrap,.es .pop{font-family:"all",Arial,Helvetica,sans-serif}.es .part1 .slogan{background-image:url(/images/event/phoenix_x_suit/title/es.png);width:calc(598 / var(--screen-maxwidth) * 100vw);height:calc(66 / var(--screen-maxwidth) * 100vw)}.tr .wrap,.tr .pop{font-family:'tr',Arial,Helvetica,sans-serif;letter-spacing:0}.tr .part1 .slogan{background-image:url(/images/event/phoenix_x_suit/title/tr.png);width:calc(531 / var(--screen-maxwidth) * 100vw);height:calc(72 / var(--screen-maxwidth) * 100vw)}.tr .upp{text-transform:inherit !important}.ar .wrap,.ar .pop{font-family:"ar",Arial,Helvetica,sans-serif;unicode-bidi:bidi-override;letter-spacing:0}.ar .part1 .slogan{background-image:url(/images/event/phoenix_x_suit/title/ar.png);width:calc(584 / var(--screen-maxwidth) * 100vw);height:calc(91 / var(--screen-maxwidth) * 100vw)}.ar .part1 .dec,.ar .part1 .btns,.ar .part3 .slt li p,.ar .part4 .slt li p,.ar .part4 .tit span,.ar .pop.pop-piece .piece-dec,.ar .pop-video .version-tip{direction:rtl}.ar .part1 .btns a .text{top:calc(-3 / var(--screen-maxwidth) * 100vw)}.my .wrap,.my .pop{font-family:"all",Arial,Helvetica,sans-serif}.my .part1 .slogan{background-image:url(/images/event/phoenix_x_suit/title/my.png);width:calc(603 / var(--screen-maxwidth) * 100vw);height:calc(73 / var(--screen-maxwidth) * 100vw)}.uz .wrap,.uz .pop{font-family:"uz",Arial,Helvetica,sans-serif}.uz .part1 .slogan{background-image:url(/images/event/phoenix_x_suit/title/uz.png);width:calc(610 / var(--screen-maxwidth) * 100vw);height:calc(62 / var(--screen-maxwidth) * 100vw)}.uz .part .slt li p{font-size:calc(19 / var(--screen-maxwidth) * 100vw)}.ur .wrap,.ur .pop{font-family:"ar",Arial,Helvetica,sans-serif;unicode-bidi:bidi-override;letter-spacing:0}.ur .part1 .slogan{background-image:url(/images/event/phoenix_x_suit/title/ur.png);width:calc(696 / var(--screen-maxwidth) * 100vw);height:calc(91 / var(--screen-maxwidth) * 100vw)}.ur .part1 .dec,.ur .part1 .btns,.ur .part3 .slt li p,.ur .part4 .slt li p,.ur .part4 .tit span,.ur .pop.pop-piece .piece-dec,.ur .pop-video .version-tip{direction:rtl}.ur .part1 .btns a .text{top:calc(-3 / var(--screen-maxwidth) * 100vw)}@-webkit-keyframes fadeInLow{0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLow{0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLow{-webkit-animation-name:fadeInLow;animation-name:fadeInLow}@-webkit-keyframes inup{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(20 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(20 / var(--screen-maxwidth) * 100vw))}}@keyframes inup{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(20 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(20 / var(--screen-maxwidth) * 100vw))}}