@charset "UTF-8";
html, body, div, p, ul, li, dl, dt, dd, em, i, span, a, img, input, h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

em, strong {
  font-style: normal;
  display: inline; }

ul {
  list-style: none; }

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

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: none; }

.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; }

img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover; }

html, body {
  color: #fff;
  background-color: #000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 0.2rem;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100% !important; }

img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover; }

.warp {
  width: 100%;
  height: 100%; }

.wrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none; }
  .wrap::-webkit-scrollbar {
    height: 0;
    display: none; }

/*弹窗*/
.pop_mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 299; }

.pop {
  width: 90%;
  background: #FFF;
  border-radius: .2rem;
  position: relative;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .pop .text {
    color: #8b8b8b;
    font-size: .32rem;
    line-height: .48rem;
    padding: .5rem .3rem;
    text-align: center; }
  .pop .btn-ok {
    padding: .24rem 0;
    border-top: .01rem solid #8b8b8b;
    width: 100%;
    font-size: .4rem;
    color: #8b8b8b;
    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"); }
/* lang_zh */
.lang_zh .warp {
  font-family: "Noto Sans SC", 'Microsoft JhengHei', 'PingFangTC-Regular', sans-serif;
  letter-spacing: 0; }

.lang_zh .agb {
  font-weight: bold; }

/* lang_en */
.lang_en .warp {
  font-family: "all",Arial,Helvetica,sans-serif;
  letter-spacing: 0; }

.lang_en .agb {
  font-family: "all-bold"; }

/* lang_ru */
.lang_ru .warp {
  font-family: "ru",Arial,Helvetica,sans-serif;
  letter-spacing: 0; }

/* lang_de */
.lang_de .warp {
  font-family: "all",Arial,Helvetica,sans-serif; }

/* lang_hk */
.lang_hk .warp {
  font-family: 'Noto Sans TC', 'Microsoft JhengHei', 'PingFangTC-Regular', sans-serif;
  letter-spacing: 0; }

.lang_hk .agb {
  font-weight: bold; }

/* lang_tw */
.lang_tw .warp {
  font-family: 'Noto Sans TC', 'Microsoft JhengHei', 'PingFangTC-Regular', sans-serif;
  letter-spacing: 0; }

.lang_tw .agb {
  font-weight: bold; }

/* lang_th */
.lang_th .warp {
  font-family: "th",Arial,Helvetica,sans-serif;
  letter-spacing: 0; }

/* lang_vi */
.lang_vi .warp {
  font-family: "vi",Arial,Helvetica,sans-serif;
  letter-spacing: 0; }

/* lang_id */
.lang_id .warp {
  font-family: "all",Arial,Helvetica,sans-serif; }

/* lang_pt */
.lang_pt .warp {
  font-family: "all",Arial,Helvetica,sans-serif; }

/* lang_fr */
.lang_fr .warp {
  font-family: "all",Arial,Helvetica,sans-serif; }

/* lang_es */
.lang_es .warp {
  font-family: "all",Arial,Helvetica,sans-serif; }

/* lang_tr */
.lang_tr .warp {
  font-family: 'tr',Arial,Helvetica,sans-serif;
  letter-spacing: 0; }

/* lang_ar */
.lang_ar .warp {
  font-family: "ar",Arial,Helvetica,sans-serif;
  unicode-bidi: bidi-override;
  direction: rtl;
  letter-spacing: 0; }

/* lang_my */
.lang_my .warp {
  font-family: "all",Arial,Helvetica,sans-serif; }

/* lang_uz */
.lang_uz .warp {
  font-family: "uz",Arial,Helvetica,sans-serif; }

/* lang_ur */
.lang_ur .warp {
  font-family: "ar",Arial,Helvetica,sans-serif;
  unicode-bidi: bidi-override;
  direction: rtl;
  letter-spacing: 0; }

@media screen and (orientation: portrait) {
  .wrap {
    background: url(../long_cache_30d/images/bg_portrait.jpg) no-repeat center;
    background-size: 100% auto; }
    .wrap .portrait-img {
      width: 6.89rem;
      height: 3.47rem;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .wrap .landscape-img {
      display: none; }
    .wrap #downloadBtn {
      background: url(../long_cache_30d/images/download_portrait.png) no-repeat 100%/100%;
      width: 6.89rem;
      height: .66rem;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -3.445rem;
      margin-top: -1.0rem; } }
@media screen and (orientation: landscape) {
  .wrap {
    background: url(../long_cache_30d/images/bg_landscape.jpg) no-repeat center;
    background-size: 22rem auto; }
    .wrap .portrait-img {
      display: none; }
    .wrap .landscape-img {
      width: 11.22rem;
      height: 3.73rem;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .wrap #downloadBtn {
      background: url(../long_cache_30d/images/download_landscape.png) no-repeat 100%/100%;
      width: 6.9rem;
      height: .66rem;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -3.45rem;
      margin-top: -1.1rem; } }