body,
div,
p,
ul,
li,
table,
tbody,
tr,
td,
textarea,
form,
input,
h1,
h2,
h3,
h4,
h5,
dl,
dt,
dd,
img,
iframe,
header,
nav,
section,
article,
footer,
figure,
figcaption,
menu {
    margin: 0;
    padding: 0;
    list-style: none
}

header,
nav,
section,
article,
footer,
figure,
figcaption {
    display: block
}

ol,
ul {
    margin: 0;
    padding: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

a,
li,
ul,
[onclick] {
    -webkit-tap-highlight-color: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: 0
}

table,
td,
tr {
    border-collapse: collapse;
    border-spacing: 0
}

em,
strong,
i {
    font-weight: normal;
    font-style: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%
}

a {
    text-decoration: none
}

a img {
    vertical-align: top
}

a:focus,
input:focus,
p:focus,
div:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@font-face {
    font-family: "all";
    src: url('../fonts/all.ttf')
}

@font-face {
    font-family: "ar";
    src: url('../fonts/ar.ttf')
}

@font-face {
    font-family: "ru";
    src: url('../fonts/ru.ttf')
}

@font-face {
    font-family: "th";
    src: url('../fonts/th.ttf')
}

@font-face {
    font-family: "tr";
    src: url('../fonts/tr.otf')
}

@font-face {
    font-family: "vi";
    src: url('../fonts/vi.ttf')
}

.ar input,
.ar p,
.ar,
.ur input,
.ur p,
.ur {
    font-family: "ar";
    direction: rtl
}

.ru input,
.ru p,
.ru {
    font-family: "ru"
}

.th input,
.th p,
.th {
    font-family: "th"
}

.tr input,
.tr p,
.tr {
    font-family: "tr"
}

.vi input,
.vi p,
.vi {
    font-family: "vi"
}

body {
    font-size: 12px;
    -webkit-text-size-adjust: none;
    font-family: "all";
    min-width: 320px;
    -webkit-text-size-adjust: none
}

body.ar {
    direction: rtl;
    unicode-bidi: bidi-override
}

.wrapper {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden
}

.section {
    width: 100%;
    height: calc(960/1920* 100vw);
    position: relative;
    margin-top: -1px
}

.section.s1 {
    height: calc(1050/1920 * 100vw);
}

.newdownload-wrap {
    bottom: initial !important;
    top: calc(782/1920*100vw) !important
}

.ar .newdownload-wrap,
.ur .newdownload-wrap {
    direction: ltr !important
}
@media only screen and (max-width:1366px) {
    .section.s1 {
    height: calc(1350/1920 * 100vw);
}
.social-group {
 
    top: 26vw;

}
   
}

@media only screen and (max-width:1200px) {
    .newdownload-wrap {
        transform: scale(.8);
        -ms-transform: scale(.8);
        -moz-transform: scale(.8);
        -webkit-transform: scale(.8);
        -o-transform: scale(.8)
    }
}

.s1 {
    background-image: url(../images/event/PUBG-MOBILE-Version-430/bg1c619.jpg?v=1.0);
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat
}

.s2 {
    background-image: url(../images/event/PUBG-MOBILE-Version-430/bg2.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.s3 {
    background-image: url(../images/event/PUBG-MOBILE-Version-430/bg3.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.s4 {
    background-image: url(../images/event/PUBG-MOBILE-Version-430/bg4.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.s5 {
    background-image: url(../images/event/PUBG-MOBILE-Version-430/bg5.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.s6 {
    background-image: url(../images/event/PUBG-MOBILE-Version-430/bg6.html);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.s7 {
    height: unset
}

.content {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.s1_play {
    display: block;
    width: calc(134/1920*100vw);
    height: calc(126/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s1_play.png) center/auto 100% no-repeat;
    margin: 0 auto;
    -webkit-animation: fadeInBig 3s infinite linear;
    animation: fadeInBig 3s infinite linear;
    position: absolute;
    right: calc(820/1920* 100vw);
    top: calc(414/1920* 100vw);
    z-index: 3
}

.slogan {
    display: block;
    width: calc(1920/1920*100vw);
    height: calc(700/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/slogan_en.png) center/auto 100% no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.en .slogan {
    background: url(../images/event/PUBG-MOBILE-Version-430/slogan_en.png) center/auto 100% no-repeat
}

.ar .slogan {
    background: url(../images/event/PUBG-MOBILE-Version-430/slogan_ar.png) center/auto 100% no-repeat;
    left: calc(15/1920*100vw)
}

.de .slogan {
    background: url(../images/event/PUBG-MOBILE-Version-430/slogan_de.png) center/auto 100% no-repeat
}

.es .slogan {
    background: url(../images/event/PUBG-MOBILE-Version-430/slogan_es.png) center/auto 100% no-repeat
}

.fr .slogan {
    background: url(../images/event/PUBG-MOBILE-Version-430/slogan_fr.png) center/auto 100% no-repeat;
    left: calc(20/1920*100vw)
}

.HK .slogan {
    background: url(../images/event/PUBG-MOBILE-Version-430/slogan_hk.png) center/auto 100% no-repeat;
    left: calc(20/1920*100vw)
}

.id .slogan {
    background: url(../images/event/PUBG-MOBILE-Version-430/slogan_id.png) center/auto 100% no-repeat;
    left: calc(20/1920*100vw)
}

.my .slogan {
    background: url(../images/event/PUBG-MOBILE-Version-430/slogan_my.png) center/auto 100% no-repeat;
    left: calc(20/1920*100vw)
}

.pt .slogan {
    background: url(../images/event/PUBG-MOBILE-Version-430/slogan_pt.png) center/auto 100% no-repeat;
    left: calc(20/1920*100vw)
}

.ru .slogan {
    background: url(../images/event/PUBG-MOBILE-Version-430/slogan_ru.png) center/auto 100% no-repeat
}

.th .slogan {
    background: url(../images/event/PUBG-MOBILE-Version-430/slogan_th.png) center/auto 100% no-repeat;
    left: calc(20/1920*100vw)
}

.tr .slogan {
    background: url(../images/event/PUBG-MOBILE-Version-430/slogan_tr.png) center/auto 100% no-repeat;
    left: calc(20/1920*100vw)
}

.TW .slogan {
    background: url(../images/event/PUBG-MOBILE-Version-430/slogan_tw.png) center/auto 100% no-repeat;
    left: calc(20/1920*100vw)
}

.ur .slogan {
    background: url(../images/event/PUBG-MOBILE-Version-430/slogan_ur.png) center/auto 100% no-repeat
}

.uz .slogan {
    background: url(../images/event/PUBG-MOBILE-Version-430/slogan_uz.png) center/auto 100% no-repeat
}

.vi .slogan {
    background: url(../images/event/PUBG-MOBILE-Version-430/slogan_vi.png) center/auto 100% no-repeat
}

.s1_tip {
    color: #fff;
    font-size: calc(36/1920 * 100vw);
    line-height: calc(46/1920 * 100vw);
    width: calc(1550/1920*100vw);
    margin: 0 auto;
    text-align: center;
    text-shadow: #000 1px 2px 2px
}

.newdownload-wrap {
    position: relative !important;
    left: 0;
    right: 0;
    bottom: initial !important;
    margin: calc(0/1920*100vw) auto 0
}

.s1_logo {
    display: none;
    width: calc(493/1920*100vw);
    height: calc(125/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s1_logo.png) center/auto 100% no-repeat;
    position: absolute;
    top: 80px;
    left: calc(18/1920*100vw)
}

.s1_vi {
    display: none;
    width: calc(590/1920*100vw);
    height: calc(148/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s1_vi.png) center/auto 100% no-repeat;
    position: absolute;
    bottom: 0;
    left: 0
}

.title {
    display: block;
    width: 100%;
    height: calc(90/1920*100vw);
    margin: 0 auto;
    position: absolute;
    z-index: 2;
    top: calc(0/1920 * 100vw)
}

.title2 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tit_en.png) center/auto 100% no-repeat;
    top: calc(-149/1920 * 100vw);
    height: calc(230/1920 * 100vw)
}

.en .title2 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tit_en.png) center/auto 100% no-repeat
}

.ar .title2 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tit_ar.png) center/auto 100% no-repeat
}

.de .title2 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tit_de.png) center/auto 100% no-repeat
}

.es .title2 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tit_es.png) center/auto 100% no-repeat
}

.fr .title2 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tit_fr.png) center/auto 100% no-repeat
}

.HK .title2 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tit_hk.png) center/auto 100% no-repeat
}

.id .title2 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tit_id.png) center/auto 100% no-repeat
}

.my .title2 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tit_my.png) center/auto 100% no-repeat
}

.pt .title2 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tit_pt.png) center/auto 100% no-repeat
}

.ru .title2 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tit_ru.png) center/auto 100% no-repeat
}

.th .title2 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tit_th.png) center/auto 100% no-repeat
}

.tr .title2 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tit_tr.png) center/auto 100% no-repeat
}

.TW .title2 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tit_tw.png) center/auto 100% no-repeat
}

.ur .title2 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tit_ur.png) center/auto 100% no-repeat
}

.uz .title2 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tit_uz.png) center/auto 100% no-repeat
}

.vi .title2 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tit_vi.png) center/auto 100% no-repeat
}

.s2swiper {
    width: calc(1255/1920*100vw);
    height: calc(550/1920*100vw);
    position: absolute;
    left: calc(335/1920*100vw);
    top: calc(156/1920*100vw)
}

.s2swiper img {
    width: calc(740/1920*100vw);
    height: calc(424/1920*100vw);
    border: 1px solid #74f2c2;
    position: absolute;
    top: calc(1/1920*100vw);
    left: calc(3/1920*100vw);
    z-index: 1;
    border-radius: calc(10/1920 * 100vw) calc(38/1920 * 100vw) calc(7/1920 * 100vw) calc(24/1920 * 100vw)
}

.s2swiper .swiper-slide:before {
    display: block;
    content: '';
    width: calc(748/1920*100vw);
    height: calc(430/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_pic.png) center/auto 100% no-repeat;
    position: absolute;
    top: calc(0/1920*100vw);
    left: calc(0/1920*100vw);
    z-index: 2
}

.s2_video {
    display: block;
    width: calc(364/1920*100vw);
    height: calc(205/1920*100vw);
    position: absolute;
    right: calc(77/1920*100vw);
    top: calc(96/1920*100vw)
}

.s2_video::before {
    content: "";
    display: block;
    width: calc(364/1920*100vw);
    height: calc(205/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_video_bg.png) center/auto 100% no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.s2_video::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1
}

.s2_video img {
    display: block;
    width: 96%;
    height: 100%;
    border: 0;
    top: calc(0/1920*100vw);
    left: calc(0/1920*100vw);
    right: 0;
    bottom: 0;
    margin: auto;
    object-fit: cover;
    z-index: -1
}

.s2_play {
    display: block;
    width: calc(69/1920*100vw);
    height: calc(63/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_play.png) center/auto 100% no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-animation: fadeInBig 3s infinite linear;
    animation: fadeInBig 3s infinite linear;
    z-index: 2
}

.s2_tip_box {
    display: none;
    width: calc(651/1920 * 100vw);
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_tip.png) center center/100% 100% no-repeat;
    color: #fff;
    left: calc(8/1920 * 100vw);
    top: calc(317/1920 * 100vw);
    height: calc(55/1920 * 100vw);
    font-size: calc(22/1920 * 100vw);
    line-height: calc(55/1920 * 100vw)
}

.ar .s2_tip_box,
.ur .s2_tip_box {
    left: unset;
    right: calc(393/1920 * 100vw)
}

.s2_tip {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: max-content;
    padding: 0 calc(10/1920 * 100vw)
}

.s2_tip.act {
    left: calc(644/1920 * 100vw);
    animation: scrollText 10s linear infinite
}

.ar .s2_tip.act,
.ur .s2_tip.act {
    left: unset;
    right: calc(644/1920 * 100vw);
    animation: scrollText_ar 10s linear infinite
}

@keyframes scrollText {
    0% {
        transform: translateX(2%)
    }

    100% {
        transform: translateX(calc(calc(-644/1920 * 100vw) - 100%))
    }
}

@keyframes scrollText_ar {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(calc(calc(644/1920 * 100vw) + 100%))
    }
}

.s2_name {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(435/1920*100vw);
    height: calc(57/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_name.png) 0/100% no-repeat;
    position: absolute;
    top: calc(4/1920*100vw);
    left: calc(775/1920*100vw)
}

.s2_name span {
    display: block;
    width: 100%;
    line-height: calc(42/1920*100vw);
    box-sizing: border-box;
    font-size: calc(26/1920*100vw);
    color: #e7ebff;
    text-align: center;
    padding: 0;
    position: relative;
    top: calc(6/1920 * 100vw)
}

.ru .s2_name {
    padding-top: calc(8/1920* 100vw)
}

.es .s2_name span,
.ru .s2_name span,
.pt .s2_name span {
    font-size: calc(23/1920* 100vw);
    line-height: calc(23/1920* 100vw)
}

.s2_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(415/1920*100vw);
    height: calc(83/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_btn.png) center/auto 100% no-repeat;
    position: absolute;
    top: calc(326/1920*100vw);
    right: calc(55/1920*100vw);
    box-sizing: border-box;
    padding: calc(5/1920*100vw) calc(40/1920*100vw) calc(13/1920 * 100vw);
    line-height: calc(24/1920*100vw);
    font-size: calc(22/1920*100vw);
    color: #000;
    text-align: center;
    font-weight: bold
}

.s2prev {
    width: calc(13/1920*100vw);
    height: calc(19/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_next.png) center/auto 100% no-repeat;
    position: absolute;
    bottom: calc(42/1920*100vw);
    left: calc(267/1920*100vw);
    z-index: 2;
    transform: rotate(180deg)
}

.s2next {
    width: calc(13/1920*100vw);
    height: calc(19/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_next.png) center/auto 100% no-repeat;
    position: absolute;
    bottom: calc(42/1920*100vw);
    left: calc(508/1920*100vw);
    z-index: 2
}

.s2pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(664/1920*100vw) !important;
    height: calc(32/1920*100vw);
    position: absolute;
    bottom: calc(35/1920* 100vw) !important;
    left: calc(51/1920* 100vw) !important;
    z-index: 1
}

.s2pagination span {
    width: calc(49/1920*100vw);
    height: calc(7/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_page1.png) center/100% no-repeat;
    margin: 0 calc(2/1920*100vw) !important;
    opacity: 1;
    border-radius: 0
}

.s2pagination span.swiper-pagination-bullet-active {
    width: calc(49/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_page2.png) center/100% no-repeat
}

.title3 {
    height: calc(230/1920 * 100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_tit_en.png) center/auto 100% no-repeat;
    top: calc(-180/1920 * 100vw)
}

.en .title3 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_tit_en.png) center/auto 100% no-repeat
}

.ar .title3 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_tit_ar.png) center/auto 100% no-repeat
}

.de .title3 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_tit_de.png) center/auto 100% no-repeat
}

.es .title3 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_tit_es.png) center/auto 100% no-repeat
}

.fr .title3 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_tit_fr.png) center/auto 100% no-repeat
}

.HK .title3 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_tit_hk.png) center/auto 100% no-repeat
}

.id .title3 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_tit_id.png) center/auto 100% no-repeat
}

.my .title3 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_tit_my.png) center/auto 100% no-repeat
}

.pt .title3 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_tit_pt.png) center/auto 100% no-repeat
}

.ru .title3 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_tit_ru.png) center/auto 100% no-repeat
}

.th .title3 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_tit_th.png) center/auto 100% no-repeat
}

.tr .title3 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_tit_tr.png) center/auto 100% no-repeat
}

.TW .title3 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_tit_tw.png) center/auto 100% no-repeat
}

.ur .title3 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_tit_ur.png) center/auto 100% no-repeat
}

.uz .title3 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_tit_uz.png) center/auto 100% no-repeat
}

.vi .title3 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_tit_vi.png) center/auto 100% no-repeat
}

.s3swiper {
    display: block;
    width: calc(1120/1920*100vw);
    height: calc(541/1920*100vw);
    position: absolute;
    left: calc(393/1920*100vw);
    top: calc(105/1920*100vw)
}

.slide1 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_box1.png) top left/auto calc(552/1920*100vw) no-repeat
}

.slide4 {
    background: transparent
}

.s3swiper .s3_weapon {
    display: block;
    position: absolute;
    object-fit: contain
}

.s3swiper .s3_weapon1 {
    width: calc(394/1920 * 100vw);
    height: calc(474/1920 * 100vw);
    top: calc(51/1920 * 100vw);
    left: calc(9/1920 * 100vw);
    object-fit: contain
}

.s3swiper .s3_weapon2 {
    width: calc(394/1920 * 100vw);
    height: calc(474/1920 * 100vw);
    top: calc(51/1920 * 100vw);
    left: calc(9/1920 * 100vw);
    object-fit: contain
}

.s3swiper .s3_weapon3 {
    width: calc(394/1920 * 100vw);
    height: calc(474/1920 * 100vw);
    top: calc(51/1920 * 100vw);
    left: calc(9/1920 * 100vw);
    object-fit: contain
}

.s3_name {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(430/1920*100vw);
    min-width: calc(430/1920*100vw);
    height: calc(56/1920 * 100vw);
    line-height: calc(56/1920 * 100vw);
    position: absolute;
    top: calc(0/1920*100vw);
    left: calc(542/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_name_bg.png) center center/100% no-repeat
}

.slide4 .s3_name {
    left: 0;
    right: 0;
    margin: 0 auto;
    width: max-content;
    padding: 0 calc(10/1920 * 100vw)
}

.s3_name span {
    display: block;
    max-width: 100%;
    line-height: calc(56/1920*100vw);
    font-size: calc(26/1920*100vw);
    box-sizing: border-box;
    text-align: center;
    position: relative;
    color: #fff;
    text-align: center;
    font-weight: 600
}

.tr .s3_name span,
.ar .s3_name span,
.id .s3_name span {
    font-size: calc(26/1920 * 100vw)
}

.ru .s3_name span {
    font-size: calc(23/1920 * 100vw);
    line-height: calc(33/1920 * 100vw)
}

.de .s3_name span,
.es .s3_name span {
    font-size: calc(22/1920 * 100vw)
}

.my .s3_name span,
.uz .s3_name span {
    font-size: calc(26/1920 * 100vw);
    line-height: calc(36/1920 * 100vw)
}

.vi .s3_name span {
    font-size: calc(32/1920 * 100vw)
}

.pt .s3_name span,
.fr .s3_name span {
    font-size: calc(28/1920 * 100vw);
    line-height: calc(38/1920 * 100vw)
}

.s3_show {
    display: block;
    width: calc(640/1920*100vw);
    height: calc(430/1920*100vw);
    overflow-y: auto;
    position: absolute;
    top: calc(83/1920*100vw);
    left: calc(438/1920*100vw);
    padding: 0 calc(10/1920*100vw)
}

.slide4 .s3_show {
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto
}

.s3_show p {
    display: block;
    width: 100%;
    line-height: calc(26/1920*100vw);
    font-size: calc(20/1920*100vw);
    color: #2e2872
}

.s3_show img {
    display: block;
    width: auto;
    margin: calc(5/1920*100vw) auto;
    height: calc(301/1920*100vw)
}

.s3prev {
    width: calc(96/1920*100vw);
    height: calc(113/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_prev.png) center/auto 100% no-repeat;
    position: absolute;
    top: calc(348/1920*100vw);
    left: calc(268/1920*100vw);
    z-index: 2
}

.s3next {
    width: calc(96/1920*100vw);
    height: calc(113/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s3_next.png) center/auto 100% no-repeat;
    position: absolute;
    top: calc(348/1920*100vw);
    left: calc(1583/1920*100vw);
    z-index: 2
}

.s3pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(1920/1920*100vw) !important;
    height: calc(32/1920*100vw);
    position: absolute;
    top: calc(720/1920* 100vw) !important;
    left: calc(0/1920* 100vw) !important;
    z-index: 1;
    transform: scale(1.5)
}

.s3pagination span {
    width: calc(39/1920*100vw);
    height: calc(32/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_page1.png) center/100% auto no-repeat;
    margin: 0 calc(2/1920*100vw) !important;
    opacity: 1
}

.s3pagination span.swiper-pagination-bullet-active {
    width: calc(49/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s2_page2.png) center/100% auto no-repeat
}

.slide2 {
    display: flex;
    justify-content: center
}

.s3_content {
    width: calc(482/1920 * 100vw);
    height: calc(626/1920 * 100vw);
    margin: 0 calc(25/1920 * 100vw)
}

.s3_content_img {
    display: block;
    width: calc(482/1920 * 100vw);
    height: calc(301/1920 * 100vw);
    margin: calc(27/1920 * 100vw) auto 0
}

.s3_content_name {
    width: 100%;
    font-size: calc(34/1920 * 100vw);
    line-height: calc(38/1920 * 100vw);
    margin: 0 auto;
    color: #ffe360;
    font-weight: bold;
    text-align: center;
    position: relative
}

.s3_content_right {
    width: 100%;
    height: calc(150/1920 * 100vw);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 calc(10/1920 * 100vw)
}

.s3_content_text {
    width: 100%;
    margin: calc(10/1920 * 100vw) auto 0;
    font-size: calc(18/1920 * 100vw);
    line-height: calc(26/1920 * 100vw);
    color: #fff;
    display: flex;
    flex-direction: column
}

.title4 {
    height: calc(230/1920 * 100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_tit_en.png) center/auto 100% no-repeat;
    top: calc(-210/1920 * 100vw)
}

.en .title4 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_tit_en.png) center/auto 100% no-repeat
}

.ar .title4 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_tit_ar.png) center/auto 100% no-repeat
}

.de .title4 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_tit_de.png) center/auto 100% no-repeat
}

.es .title4 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_tit_es.png) center/auto 100% no-repeat
}

.fr .title4 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_tit_fr.png) center/auto 100% no-repeat
}

.HK .title4 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_tit_hk.png) center/auto 100% no-repeat
}

.id .title4 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_tit_id.png) center/auto 100% no-repeat
}

.my .title4 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_tit_my.png) center/auto 100% no-repeat
}

.pt .title4 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_tit_pt.png) center/auto 100% no-repeat
}

.ru .title4 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_tit_ru.png) center/auto 100% no-repeat
}

.th .title4 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_tit_th.png) center/auto 100% no-repeat
}

.tr .title4 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_tit_tr.png) center/auto 100% no-repeat
}

.TW .title4 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_tit_tw.png) center/auto 100% no-repeat
}

.ur .title4 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_tit_ur.png) center/auto 100% no-repeat
}

.uz .title4 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_tit_uz.png) center/auto 100% no-repeat
}

.vi .title4 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_tit_vi.png) center/auto 100% no-repeat
}

.s4_name {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(1050/1920*100vw);
    height: calc(40/1920*100vw);
    position: absolute;
    top: calc(604/1920*100vw);
    left: calc(50/1920*100vw)
}

.s4_name span {
    display: block;
    max-width: 100%;
    line-height: calc(40/1920*100vw);
    font-size: calc(36/1920*100vw);
    box-sizing: border-box;
    text-align: center;
    padding: 0 calc(66/1920*100vw);
    position: relative;
    color: #cfc1a6;
    text-align: center;
    font-weight: 600
}

.s4_text {
    display: block;
    width: calc(1060/1920*100vw);
    height: calc(120/1920*100vw);
    overflow: hidden;
    overflow-y: auto;
    line-height: calc(30/1920*100vw);
    font-size: calc(24/1920*100vw);
    color: #b4cbf8;
    position: absolute;
    top: calc(648/1920*100vw);
    left: calc(50/1920*100vw)
}

.title5 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_tit_en.png) center/auto 100% no-repeat;
    top: calc(-78/1920 * 100vw);
    height: calc(230/1920 * 100vw)
}

.en .title5 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_tit_en.png) center/auto 100% no-repeat
}

.ar .title5 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_tit_ar.png) center/auto 100% no-repeat
}

.de .title5 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_tit_de.png) center/auto 100% no-repeat
}

.es .title5 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_tit_es.png) center/auto 100% no-repeat
}

.fr .title5 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_tit_fr.png) center/auto 100% no-repeat
}

.HK .title5 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_tit_hk.png) center/auto 100% no-repeat
}

.id .title5 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_tit_id.png) center/auto 100% no-repeat
}

.my .title5 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_tit_my.png) center/auto 100% no-repeat
}

.pt .title5 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_tit_pt.png) center/auto 100% no-repeat
}

.ru .title5 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_tit_ru.png) center/auto 100% no-repeat
}

.th .title5 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_tit_th.png) center/auto 100% no-repeat
}

.tr .title5 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_tit_tr.png) center/auto 100% no-repeat
}

.TW .title5 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_tit_tw.png) center/auto 100% no-repeat
}

.ur .title5 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_tit_ur.png) center/auto 100% no-repeat
}

.uz .title5 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_tit_uz.png) center/auto 100% no-repeat
}

.vi .title5 {
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_tit_vi.png) center/auto 100% no-repeat
}

.s5 .s_img_box {
    top: calc(144/1920* 100vw)
}

.s5 .s7_play {
    top: calc(368/1920* 100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_play.png) 0/100% 100% no-repeat;
    width: calc(184/1920 * 100vw);
    height: calc(173/1920 * 100vw)
}

.s7_play {
    display: block;
    background: url(../images/event/PUBG-MOBILE-Version-430/s5_play.png) 0/100% 100% no-repeat;
    width: calc(134/1920 * 100vw);
    height: calc(126/1920 * 100vw);
    animation: fadeInBig 3s infinite linear;
    position: relative;
    left: 0;
    right: 0;
    top: calc(273/1920 * 100vw);
    margin: 0 auto;
    z-index: 3
}

.s_img_box {
    width: calc(1086/1920 * 100vw);
    height: calc(614/1920 * 100vw);
    position: absolute;
    top: calc(37/1920 * 100vw);
    left: calc(429/1920 * 100vw);
    border-radius: calc(9/1920 * 100vw);
    overflow: hidden;
    z-index: 2
}

.s_img_box::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: url(../images/event/PUBG-MOBILE-Version-430/s4_video_bg.png) 0/100% 100% no-repeat
}

.s_img_box::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(0, 0, 0, 0.3)
}

.s_img {
    display: block;
    width: 99%;
    height: 99%;
    object-fit: cover;
    position: relative;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.s7_name {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(860/1920* 100vw);
    min-height: calc(40/1920* 100vw);
    position: absolute;
    top: calc(637/1920* 100vw);
    left: calc(122/1920* 100vw);
    z-index: 3
}

.s7_name span {
    display: block;
    max-width: 100%;
    line-height: calc(40/1920*100vw);
    font-size: calc(36/1920*100vw);
    box-sizing: border-box;
    text-align: center;
    padding: 0;
    position: relative;
    color: #ffe360;
    text-align: center;
    font-weight: 600
}

.s7_text {
    width: calc(862/1920* 100vw);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 calc(25/1920* 100vw);
    height: calc(130/1920* 100vw);
    position: absolute;
    left: calc(524/1920* 100vw);
    top: calc(721/1920* 100vw);
    z-index: 3
}

.s7_text p {
    font-size: calc(24/1920 * 100vw);
    line-height: calc(34/1920 * 100vw);
    color: #000;
    width: 100%;
}

.btn_top {
    display: block;
    width: calc(155/1920*100vw);
    height: calc(181/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/btn_top.png) center/auto 100% no-repeat;
    position: absolute;
    bottom: calc(40/1920*100vw);
    right: calc(50/1920*100vw)
}

.ar .btn_top {
    left: calc(50/1920*100vw);
    right: unset
}

.swiper_nav {
    display: none;
    width: calc(137/1920*100vw);
    height: calc(752/1920 * 100vw);
    position: fixed;
    top: 60%;
    left: calc(4/1920*100vw);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    flex-flow: column;
    justify-content: center;
    background: url(../images/event/PUBG-MOBILE-Version-430/nav_bg.png) left center/calc(86/1920 * 100vw) calc(752/1920 * 100vw) no-repeat
}

.ur .swiper_nav,
.ar .swiper_nav {
    right: 0;
    direction: ltr;
    background: url(../images/event/PUBG-MOBILE-Version-430/ar_nav_bg.html) right center/calc(86/1920 * 100vw) calc(752/1920 * 100vw) no-repeat
}

.swiper_nav.act {
    display: flex
}

.swiper_nav a {
    display: block;
    width: calc(97/1920*100vw);
    height: calc(82/1920*100vw);
    position: relative;
    margin-bottom: calc(20/1920*100vw);
    left: calc(10/1920 * 100vw)
}

.swiper_nav a[data-id="2"] {
    top: calc(0/1920 * 100vw)
}

.swiper_nav a[data-id="3"] {
    top: calc(10/1920 * 100vw)
}

.swiper_nav a[data-id="4"] {
    top: calc(17/1920 * 100vw)
}

.swiper_nav a.act {
    width: calc(337/1920*100vw);
    height: calc(90/1920*100vw)
}

.ar .swiper_nav a,
.ur .swiper_nav a {
    left: unset;
    right: calc(-60/1920 * 100vw)
}

.swiper_nav a p {
    display: block;
    width: calc(70/1920 * 100vw);
    height: calc(76/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/nav1.png) center/auto 100% no-repeat;
    text-align: center;
    line-height: calc(76/1920*100vw);
    text-align: center;
    font-family: 'all';
    font-size: calc(32/1920*100vw);
    color: #fff;
    font-weight: bold;
    position: relative;
    z-index: 2
}

.swiper_nav a.act p {
    width: calc(70/1920 * 100vw);
    height: calc(76/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/nav2.png) center/auto 100% no-repeat;
    line-height: calc(76/1920*100vw);
    font-size: calc(32/1920*100vw);
    color: #fcea14
}

.ar .swiper_nav a p,
.ur .swiper_nav a p {
    background: url(../images/event/PUBG-MOBILE-Version-430/ar_nav1.html) center/auto 100% no-repeat;
    position: relative
}

.ar .swiper_nav a.act p,
.ur .swiper_nav a.act p {
    background: url(../images/event/PUBG-MOBILE-Version-430/ar_nav2.html) center/auto 100% no-repeat
}

.swiper_nav a span {
    display: none;
    width: calc(248/1920*100vw);
    height: calc(64/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/nav_text.png) center/100% 100% no-repeat;
    position: absolute;
    top: 50%;
    margin-top: calc(-38/1920*100vw);
    left: calc(45/1920*100vw);
    box-sizing: border-box;
    padding: calc(8/1920* 100vw) calc(30/1920* 100vw) calc(8/1920* 100vw) calc(27/1920* 100vw);
    font-size: calc(20/1920*100vw);
    color: #000;
    white-space: nowrap
}

.ar .swiper_nav a span,
.ur .swiper_nav a span {
    background: url(../images/event/PUBG-MOBILE-Version-430/ar_nav_text.html) center/100% 100% no-repeat;
    left: unset;
    right: calc(297/1920*100vw)
}

.pr .swiper_nav a span {
    font-size: calc(18/1920 * 100vw)
}

.ru .swiper_nav a span {
    font-size: calc(17/1920 * 100vw)
}

.swiper_nav a.act span {
    display: flex;
    align-items: center
}

.show-text {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center
}

.show-tips {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: break-spaces;
    width: 100%;
    line-height: calc(25/1920*100vw);
    padding-left: calc(0/1920*100vw);
    text-align: center
}

@-webkit-keyframes scrolling {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@-webkit-keyframes scrolling2 {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

.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 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    outline: 0;
    border: 0;
    position: absolute;
    top: 51%;
    left: 50%
}

.pop_close {
    cursor: pointer;
    position: absolute;
    top: calc(-39/1920*100vw);
    right: calc(0/1920*100vw);
    width: calc(39/1920*100vw);
    height: calc(39/1920*100vw);
    background: url(../images/event/PUBG-MOBILE-Version-430/pop_close.png) 0 center/auto 100% no-repeat
}

#vindex_play {
    width: calc(1334/1920*100vw);
    height: calc(750/1920*100vw);
    margin-left: calc(-667/1920*100vw);
    margin-top: calc(-375/1920*100vw);
    display: none;
    outline: 0;
    padding: 0
}

#vplay_con {
    width: 100%;
    height: 100%
}

#vindex_play .pop_con {
    padding: 0;
    width: 100%;
    height: 100%
}

#vindex_play .pop_close {
    top: calc(-52/1920*100vw);
    right: 0
}

::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

::-webkit-scrollbar-track {
    background-color: #070e1c;
    border-radius: 0;
    box-shadow: none
}

::-webkit-scrollbar-thumb {
    background-color: rgba(254, 218, 2);
    border-radius: 10px;
    box-shadow: none
}

div::-webkit-scrollbar {
    width: 2px !important;
    height: 2px !important
}

div::-webkit-scrollbar-track {
    background-color: #070e1c !important;
    border-radius: 0 !important;
    box-shadow: none
}

div::-webkit-scrollbar-thumb {
    background-color: rgba(254, 218, 2) !important;
    border-radius: 10px !important;
    box-shadow: none
}

@-webkit-keyframes fadeInBig {
    0% {
        transform: scale(1) translateZ(10px)
    }

    50% {
        transform: scale(.8) translateZ(10px)
    }

    100% {
        transform: scale(1) translateZ(10px)
    }
}

@keyframes fadeInBig {
    0% {
        transform: scale(1) translateZ(10px)
    }

    50% {
        transform: scale(.8) translateZ(10px)
    }

    100% {
        transform: scale(1) translateZ(10px)
    }
}

@-webkit-keyframes Arrow {
    0% {
        transform: translateY(16%)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(16%)
    }
}

@keyframes Arrow {
    0% {
        transform: translateY(16%)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(16%)
    }
}