@charset "UTF-8";
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: none; }

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

body {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  outline: none;
  -webkit-tap-highlight-color: transparent; }

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

.pa {
  position: absolute;
  z-index: 5; }

.unck {
  pointer-events: none; }

.ck {
  pointer-events: auto; }

.bs100 {
  background-size: 100% 100%;
  background-repeat: no-repeat; }

html, body {
  color: #fff;
  background-color: #000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 0.2rem; }

.total {
  width: 100%;
  height: 100%;
  position: relative; }

.wrap {
  background: url(../images/bg.jpg) no-repeat 50% 50%/18.8rem auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }
  .wrap .main {
    width: 13.34rem;
    height: 7.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

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

.pop-guide {
  display: none;
  outline: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 9.68rem;
  height: 5.33rem;
  position: relative;
  background: url(../images/pop-bg.png) no-repeat 100%/100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: .33rem; }
  .pop-guide .pop-clo {
    background: url(../images/pop-clo.png) no-repeat 100%/100%;
    width: .47rem;
    height: .53rem;
    right: .36rem;
    top: -0.04rem; }
  .pop-guide .pop-tit {
    width: 100%;
    height: .49rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: .05rem; }
    .pop-guide .pop-tit p {
      font-size: .36rem;
      line-height: .29rem;
      color: #bde9f2;
      text-align: center;
      text-transform: uppercase; }
  .pop-guide .pop-cont {
    width: 100%;
    height: 4.08rem; }
    .pop-guide .pop-cont .des {
      width: 8.3rem;
      height: 1.04rem;
      margin: 0 auto;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .pop-guide .pop-cont .des p {
        font-size: .24rem;
        line-height: .32rem;
        color: #262626; }
    .pop-guide .pop-cont .imgwrap {
      width: 6.25rem;
      height: 2.79rem;
      margin: 0 auto; }
    .pop-guide .pop-cont .swiper {
      width: 100%;
      height: 3.8rem;
      overflow: hidden;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
      .pop-guide .pop-cont .swiper .swiper-wrapper {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
      .pop-guide .pop-cont .swiper .swiper-slide {
        width: 100%;
        height: 100%;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
    .pop-guide .pop-cont .swiper-pagination-bullet {
      background: url(../images/bul.png) no-repeat 100%/100%;
      width: .11rem;
      height: .11rem;
      border-radius: 0;
      margin: 0 .07rem;
      opacity: 1; }
    .pop-guide .pop-cont .swiper-pagination-bullet-active {
      background-image: url(../images/bul2.png); }
    .pop-guide .pop-cont .swiper-pagination {
      position: relative;
      margin: .06rem auto 0;
      height: .11rem; }
  .pop-guide .pop-btn a {
    background: no-repeat 100% / 100%;
    width: 2.03rem;
    height: .61rem;
    margin: 0 .16rem; }
    .pop-guide .pop-btn a p {
      font-size: .28rem;
      line-height: 1;
      color: #0f0f0f;
      text-transform: uppercase; }
    .pop-guide .pop-btn a:nth-child(1) {
      background-image: url(../images/btn_can.png); }
    .pop-guide .pop-btn a:nth-child(2) {
      background-image: url(../images/btn_go.png); }

@font-face {
  font-family: 'agbold';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/AgencyFB-Bold.ttf"); }
/* 英语 */
@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: '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 .wrap, .lang_zh .pop, .lang_zh .popall, .lang_zh .popruler {
  font-family: "Noto Sans SC", 'Microsoft JhengHei', 'PingFangTC-Regular', sans-serif;
  letter-spacing: 0; }

.lang_zh .pop-guide .pop-tit {
  padding-top: 0; }
.lang_zh .agb {
  font-weight: bold; }

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

.lang_en .agb {
  font-family: 'agbold'; }

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

.lang_ru .agb {
  font-weight: bold; }
.lang_ru .pop-guide .pop-btn a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: .06rem; }

/* lang_de */
.lang_de .wrap, .lang_de .pop, .lang_de .popall, .lang_de .popruler {
  font-family: "all",Arial,Helvetica,sans-serif; }

.lang_de .agb {
  font-family: 'agbold'; }

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

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

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

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

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

.lang_th .agb {
  font-weight: bold; }
.lang_th .pop-guide .pop-tit p {
  font-size: 0.414rem; }
.lang_th .pop-guide .pop-cont .des p {
  font-size: 0.276rem;
  line-height: 0.368rem; }
.lang_th .pop-guide .pop-btn a p {
  font-size: 0.322rem; }

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

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

/* lang_id */
.lang_id .wrap, .lang_id .pop, .lang_id .popall, .lang_id .popruler {
  font-family: "all",Arial,Helvetica,sans-serif; }

.lang_id .agb {
  font-family: 'agbold'; }

/* lang_pt */
.lang_pt .wrap, .lang_pt .pop, .lang_pt .popall, .lang_pt .popruler {
  font-family: "all",Arial,Helvetica,sans-serif; }

.lang_pt .agb {
  font-family: 'agbold'; }

/* lang_fr */
.lang_fr .wrap, .lang_fr .pop, .lang_fr .popall, .lang_fr .popruler {
  font-family: "all",Arial,Helvetica,sans-serif; }

.lang_fr .agb {
  font-family: 'agbold'; }
.lang_fr .pop-guide .pop-cont .des p {
  font-family: 'all';
  font-weight: bold; }

/* lang_es */
.lang_es .wrap, .lang_es .pop, .lang_es .popall, .lang_es .popruler {
  font-family: "all",Arial,Helvetica,sans-serif; }

.lang_es .agb {
  font-family: 'agbold'; }
.lang_es .pop-guide .pop-cont .des p {
  font-family: 'all';
  font-weight: bold; }

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

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

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

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

/* lang_my */
.lang_my .wrap, .lang_my .pop, .lang_my .popall, .lang_my .popruler {
  font-family: "all",Arial,Helvetica,sans-serif; }

.lang_my .agb {
  font-family: 'agbold'; }

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

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

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

.lang_ur .agb {
  font-weight: bold; }
.lang_ur .pop-guide .pop-tit {
  padding-top: 0; }
  .lang_ur .pop-guide .pop-tit p {
    position: relative;
    top: -0.05rem; }