@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%;
  font-size: 0.2rem; }

.mportrait html, .mportrait body {
  overflow: hidden; }
.mportrait .wrap .main_b {
  height: calc(100% - 4.92rem); }

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

.wrap {
  width: 100%;
  height: 100%;
  position: relative; }
  .wrap .main {
    width: 100%;
    height: 100%; }
  .wrap .main_t {
    background: url(../long_cache_30d/images/bg1.jpg) no-repeat 50% 0%/7.5rem auto;
    width: 100%;
    height: 4.92rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 .43rem .3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .wrap .main_t p {
      width: 100%;
      font-size: .3rem;
      line-height: .36rem;
      color: #ffffff;
      text-transform: uppercase; }
    .wrap .main_t div {
      position: relative;
      margin-top: .15rem;
      width: 100%; }
      .wrap .main_t div::after {
        content: "";
        background: url(../long_cache_30d/images/jiao.png) no-repeat 100%/100%;
        width: 6.89rem;
        height: .06rem;
        position: absolute;
        left: 50%;
        margin-left: -3.445rem;
        top: -0.1rem; }
      .wrap .main_t div::before {
        content: "";
        background: url(../long_cache_30d/images/jiao.png) no-repeat 100%/100%;
        width: 6.89rem;
        height: .06rem;
        position: absolute;
        left: 50%;
        margin-left: -3.445rem;
        -webkit-transform: scale(-1);
                transform: scale(-1);
        bottom: -0.1rem; }
    .wrap .main_t .t1 {
      color: #ffc02a;
      text-transform: none; }
    .wrap .main_t .t4 {
      font-size: .41rem;
      line-height: .48rem;
      color: #ffc02a; }
  .wrap .main_b {
    background: url(../long_cache_30d/images/bg2.jpg) no-repeat 50% 50%/cover;
    background-color: #555555;
    width: 100%;
    height: 7.69rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: .63rem .41rem 0 .43rem;
    position: relative; }
    .wrap .main_b::before {
      content: "";
      background: url(../long_cache_30d/images/role1.png) no-repeat 100%/100%;
      width: 7.5rem;
      height: 7.67rem;
      position: absolute;
      right: 0;
      top: 0;
      pointer-events: none; }
    .wrap .main_b::after {
      content: "";
      background: url(../long_cache_30d/images/role2.png) no-repeat 100%/100%;
      width: 6.27rem;
      height: 5.49rem;
      position: absolute;
      left: 0;
      bottom: 0;
      pointer-events: none; }
    .wrap .main_b .main_b_dec {
      background: url(../long_cache_30d/images/dec1.png) no-repeat 100%/100%;
      width: 1.5rem;
      height: 1.67rem;
      position: absolute;
      bottom: 0;
      right: 0;
      pointer-events: none; }
    .wrap .main_b > div {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: .39rem; }
    .wrap .main_b .touwrap {
      background: url(../long_cache_30d/images/ico_tou2.png) no-repeat 100%/100%;
      width: .96rem;
      height: .96rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: .04rem;
      position: relative; }
      .wrap .main_b .touwrap div {
        width: .88rem;
        height: .88rem;
        overflow: hidden; }
    .wrap .main_b .name_info {
      background: url(../long_cache_30d/images/bg_fri.png) no-repeat 100%/100%;
      width: 5.54rem;
      height: .96rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: .05rem; }
      .wrap .main_b .name_info p {
        width: 100%;
        font-size: .4rem;
        line-height: .5rem;
        color: #ffffff; }
        .wrap .main_b .name_info p:nth-child(2) {
          font-size: .3rem;
          line-height: .4rem;
          color: #acacad; }
    .wrap .main_b .mine {
      margin-top: 0; }
      .wrap .main_b .mine .touwrap {
        background: none; }
        .wrap .main_b .mine .touwrap::after {
          content: "";
          background: url(../long_cache_30d/images/ico_tou.png) no-repeat 100%/100%;
          width: .97rem;
          height: .91rem;
          position: absolute;
          left: 46%;
          top: 48%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
        .wrap .main_b .mine .touwrap div {
          width: .8rem;
          height: .8rem;
          background-color: #a0b9cc; }
      .wrap .main_b .mine .name_info {
        background: none;
        width: 5.6rem; }
      .wrap .main_b .mine .ico_team {
        background: url(../long_cache_30d/images/ico_team.png) no-repeat 100%/100%;
        width: .9rem;
        height: .9rem; }
    .wrap .main_b .namerec {
      background: url(../long_cache_30d/images/bg_rec.png) no-repeat 50% 50%/100% 100%;
      width: 6.53rem;
      min-height: 1.32rem;
      font-size: .4rem;
      line-height: .5rem;
      color: #ffbc1b;
      margin: .6rem auto .37rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: .1rem;
      text-align: center; }
      .wrap .main_b .namerec p {
        width: 100%; }
    .wrap .main_b .ico_team {
      background: url(../long_cache_30d/images/ico_team2.png) no-repeat 100%/100%;
      width: 1.63rem;
      height: 1.63rem;
      margin: 0 auto;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .wrap .main_b .ico_team span {
        width: .15rem;
        height: .15rem;
        border-radius: 50%;
        margin: 0 .1rem;
        background-color: #ffbc1b;
        font-size: 0;
        opacity: 0;
        -webkit-animation: blink 1.5s infinite;
                animation: blink 1.5s infinite; }
      .wrap .main_b .ico_team span:nth-child(1) {
        -webkit-animation-delay: 0s;
                animation-delay: 0s; }
      .wrap .main_b .ico_team span:nth-child(2) {
        -webkit-animation-delay: 0.3s;
                animation-delay: 0.3s; }
      .wrap .main_b .ico_team span:nth-child(3) {
        -webkit-animation-delay: 0.6s;
                animation-delay: 0.6s; }
@-webkit-keyframes blink {
  0%, 20% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes blink {
  0%, 20% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
    .wrap .main_b .btn_join {
      background: url(../long_cache_30d/images/btn_join.png) no-repeat 100%/100%;
      width: 6.64rem;
      height: .95rem;
      font-size: .4rem;
      line-height: .5rem;
      color: #010101;
      margin-top: .7rem;
      text-transform: uppercase; }
      .wrap .main_b .btn_join i {
        background: url(../long_cache_30d/images/ico_arr.png) no-repeat 100%/100%;
        width: .28rem;
        height: .33rem;
        margin: 0 .28rem; }

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

.pop {
  display: none;
  outline: none;
  position: relative;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  width: 5.92rem;
  height: 3.76rem;
  margin: -1.88rem -2.96rem; }
  .pop::after {
    content: "";
    background: url(../long_cache_30d/images/pop_bg.png?v=1.0) no-repeat 100%/100%;
    width: 6.71rem;
    height: 3.76rem;
    position: absolute;
    right: 0;
    top: 0; }
  .pop .inner {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%; }
  .pop .pop-title {
    width: 100%;
    height: .67rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    box-sizing: border-box; }
    .pop .pop-title p {
      font-size: .28rem;
      line-height: .52rem;
      color: #ffffff;
      position: relative; }
  .pop .pop-close {
    width: .32rem;
    height: .32rem;
    top: .18rem;
    right: .38rem;
    background: url(../long_cache_30d/images/pop_clo.png) no-repeat 100%/100%; }
  .pop .pop-contwrap {
    width: 100%;
    height: 3.1rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 .3rem; }
  .pop .pop-cont {
    width: 100%;
    height: 2.1rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .pop .pop-cont > p {
      width: 100%;
      font-size: .24rem;
      line-height: .32rem;
      color: #ffffff;
      text-align: center; }
  .pop .pop-btn {
    width: 100%;
    height: .53rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .pop .pop-btn a {
      width: 1.75rem;
      height: .53rem;
      margin: 0 .34rem;
      position: relative; }
      .pop .pop-btn a::after {
        content: "";
        background: url(../long_cache_30d/images/pop_ok.png) no-repeat 100%/100%;
        width: 1.75rem;
        height: .53rem;
        position: absolute;
        left: 0;
        top: 0; }
      .pop .pop-btn a p {
        position: relative;
        z-index: 2;
        font-size: .24rem;
        line-height: .3rem;
        color: #000000; }
      .pop .pop-btn a.pop-can::after {
        background-image: url(../long_cache_30d/images/pop_can.png); }
  .pop .chocoun {
    min-width: 2.06rem;
    height: .38rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 .4rem 0 .15rem;
    background-color: #1e1e25;
    position: relative;
    z-index: 3;
    margin-top: .15rem;
    font-size: .2rem;
    line-height: .38rem;
    color: #ffffff; }
    .pop .chocoun::after {
      content: "";
      background: url(../long_cache_30d/images/arr.png) no-repeat 100%/100%;
      width: .14rem;
      height: .13rem;
      position: absolute;
      top: 50%;
      margin-top: -.065rem;
      right: .08rem; }
    .pop .chocoun.onul ul {
      display: block; }
    .pop .chocoun ul {
      position: absolute;
      top: .38rem;
      left: 0;
      width: 100%;
      display: none; }
    .pop .chocoun li {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 .15rem;
      background-color: rgba(39, 39, 48, 0.88); }
      .pop .chocoun li.on {
        background-color: rgba(14, 19, 26, 0.88); }

@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 .total, .lang_zh .popruler {
  font-family: "Noto Sans SC", 'Microsoft JhengHei', 'PingFangTC-Regular', sans-serif;
  letter-spacing: 0; }

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

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

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

.lang_jp .warp, .lang_jp .pop, .lang_jp .total, .lang_jp .popruler {
  font-family: "Noto Sans JP", sans-serif; }

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

.lang_kr .warp, .lang_kr .pop, .lang_kr .total, .lang_kr .popruler {
  font-family: "Noto Sans KR", sans-serif; }

.lang_kr .agb {
  font-weight: bold; }
.lang_kr .pop .pop-btn a p {
  font-size: .2rem; }

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

/* lang_de */
.lang_de .wrap, .lang_de .pop, .lang_de .total, .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 .total, .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 .total, .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 .total, .lang_th .popruler {
  font-family: "th",Arial,Helvetica,sans-serif;
  letter-spacing: 0; }

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

/* lang_vi */
.lang_vi .wrap, .lang_vi .pop, .lang_vi .total, .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 .total, .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 .total, .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 .total, .lang_fr .popruler {
  font-family: "all",Arial,Helvetica,sans-serif; }

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

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

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

/* lang_tr */
.lang_tr .wrap, .lang_tr .pop, .lang_tr .total, .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 .total, .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_ar .wrap .main_b .btn_join i {
  -webkit-transform: scale(-1);
          transform: scale(-1); }

/* lang_my */
.lang_my .wrap, .lang_my .pop, .lang_my .total, .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 .total, .lang_uz .popruler {
  font-family: "uz",Arial,Helvetica,sans-serif; }

.lang_ur .wrap, .lang_ur .pop, .lang_ur .total, .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 .wrap .main_b .btn_join i {
  -webkit-transform: scale(-1);
          transform: scale(-1); }