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

i {
  font-style: normal; }

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

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

.bgm {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  z-index: -1; }

.loadvideo {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  z-index: -99; }

.warp, .wrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }

.warp .logo {
  width: .93rem;
  height: .69rem;
  top: .26rem;
  left: 44px;
  z-index: 9; }
  .warp .logo.iphonetask {
    left: 0;
    left: calc(constant(safe-area-inset-left)) !important;
    left: calc(env(safe-area-inset-left)) !important; }
.warp .txlist {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 1px; }

.wrap .main {
  width: 100%;
  height: 100%;
  overflow: hidden; }
.wrap .vbox {
  width: 100%;
  height: 100%; }
  .wrap .vbox video {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
    -o-object-position: center center;
       object-position: center center; }
.wrap .date {
  top: .8rem;
  right: .26rem;
  font-size: .2rem;
  line-height: .3rem;
  color: #fff5d1;
  z-index: 9; }
.wrap .rtop {
  top: .26rem;
  right: .26rem;
  z-index: 9; }
  .wrap .rtop a {
    width: .48rem;
    height: .48rem;
    margin-right: .16rem; }
  .wrap .rtop .btn-skip {
    width: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 .23rem 0 .48rem;
    position: relative;
    display: none; }
    .wrap .rtop .btn-skip::before {
      content: "";
      background: url(../images/btn_skipbe.png) no-repeat 100%/100%;
      width: .48rem;
      height: .48rem;
      position: absolute;
      left: 0;
      top: 0; }
    .wrap .rtop .btn-skip::after {
      content: "";
      background: url(../images/btn_skipaf.png) no-repeat 100%/100%;
      width: .23rem;
      height: .48rem;
      position: absolute;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      right: 0;
      top: 0; }
    .wrap .rtop .btn-skip p {
      height: .48rem;
      background: url(../images/btn_skiprep.png) no-repeat 100%/100% 100%; }
    .wrap .rtop .btn-skip span {
      font-size: .24rem;
      line-height: .44rem;
      color: #ffe4bb;
      padding-left: .1rem; }
  .wrap .rtop .btn-replay {
    background-image: url(../images/btn-replay.png);
    display: none; }
  .wrap .rtop .btn-share {
    background-image: url(../images/btn-share.png); }
  .wrap .rtop .btn-music {
    background: url(../images/music.png) no-repeat;
    background-size: 1.36rem auto;
    background-position: -0.1rem -0.1rem; }
    .wrap .rtop .btn-music.playing {
      background-position: -0.78rem -0.1rem; }
  .wrap .rtop .btn-returnbr {
    background: url(../images/btn-returnbr.png) no-repeat 100%/100%;
    width: .34rem;
    height: .34rem; }
  .wrap .rtop .btn-clo {
    background-image: url(../images/btn-clo.png); }
  .wrap .rtop.dt .btn-skip span {
    color: #d8dceb; }
  .wrap .rtop.dt .btn-replay {
    background-image: url(../images/btn-replay-dt.png); }
  .wrap .rtop.dt .btn-share {
    background-image: url(../images/btn-share-dt.png); }
  .wrap .rtop.dt .btn-music {
    background: url(../images/music-dt.png) no-repeat;
    background-size: 1.36rem auto;
    background-position: -0.1rem -0.1rem; }
    .wrap .rtop.dt .btn-music.playing {
      background-position: -0.78rem -0.1rem; }
.wrap .rollover {
  max-width: 7.5rem;
  color: white;
  font-size: .24rem;
  line-height: .48rem;
  bottom: .3rem;
  left: .9rem;
  text-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2), 0 0 0.2rem rgba(0, 0, 0, 0.2), 0 0 0.2rem rgba(0, 0, 0, 0.2);
  opacity: 0;
  pointer-events: none; }
.wrap .trantip {
  width: 1.71rem;
  height: 1.25rem;
  left: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: .05rem;
  top: 1.18rem;
  z-index: 9; }
  .wrap .trantip.iphonetask {
    left: 0;
    left: calc(constant(safe-area-inset-left)) !important;
    left: calc(env(safe-area-inset-left)) !important; }
  .wrap .trantip .anibptranag {
    background: url(../images/css_dh.png) no-repeat -0.1rem -0.1rem/11.2rem auto;
    width: 2.6rem;
    height: 2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none; }
  .wrap .trantip p {
    width: 1.52rem;
    font-size: .23rem;
    line-height: .25rem;
    color: #8c481e;
    text-align: center;
    position: relative;
    z-index: 2; }
  .wrap .trantip i {
    background: url(../images/ico_tran.png) no-repeat 100%/100%;
    width: 1.37rem;
    height: .46rem;
    display: block;
    position: relative;
    z-index: 2; }

#ani2, #ani3, #ani4, #ani5, #ani6, #ani7, #ani8 {
  width: 15rem;
  height: 9rem;
  position: absolute;
  left: 51.3%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.95);
          transform: translate(-50%, -50%) scale(0.95); }
  #ani2 canvas, #ani3 canvas, #ani4 canvas, #ani5 canvas, #ani6 canvas, #ani7 canvas, #ani8 canvas {
    width: 100%;
    height: 100%; }

#ani3 {
  left: 51.8%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.885);
          transform: translate(-50%, -50%) scale(0.885); }

#ani2 {
  background: url(https://www.pubgmobile.com/images/event/br/ani2.png) no-repeat 100%/100%; }

#ani3 {
  background: url(https://www.pubgmobile.com/images/event/br/ani3.png) no-repeat 100%/100%; }

#ani4 {
  background: url(https://www.pubgmobile.com/images/event/br/ani4.png) no-repeat 100%/100%; }

#ani5 {
  background: url(https://www.pubgmobile.com/images/event/br/ani4.png) no-repeat 100%/100%; }

#ani6 {
  background: url(https://www.pubgmobile.com/images/event/br/ani6.png) no-repeat 100%/100%; }

#ani7 {
  background: url(https://www.pubgmobile.com/images/event/br/ani7.png) no-repeat 100%/100%; }

#ani8 {
  background: url(https://www.pubgmobile.com/images/event/br/ani8.png) no-repeat 100%/100%; }

#ani8 {
  left: 51.6%;
  top: 48.5%;
  -webkit-transform: translate(-50%, -50%) scale(0.84);
          transform: translate(-50%, -50%) scale(0.84); }

.player-container-id-dimensions {
  position: absolute;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  -o-object-position: center center;
     object-position: center center;
  top: 0;
  left: 0; }
  .player-container-id-dimensions .vjs-poster {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
    -o-object-position: center center;
       object-position: center center;
    background: no-repeat 50% 50% / cover; }
  .player-container-id-dimensions .vjs-control-bar, .player-container-id-dimensions .vjs-errors-dialog, .player-container-id-dimensions .vjs-error-display, .player-container-id-dimensions .vjs-modal-dialog {
    display: none !important; }

.page {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  background: no-repeat 50% 50% / cover; }
  .page video {
    position: absolute;
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
    -o-object-position: center center;
       object-position: center center;
    top: 0;
    left: 0;
    visibility: hidden;
    pointer-events: none; }
  .page .btn-prev {
    left: .67rem;
    bottom: .14rem;
    background: url(../images/btn_prev.png) no-repeat 100%/100%;
    width: 2.53rem;
    height: .49rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: .3rem;
    padding-top: .04rem; }
@-webkit-keyframes prev {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-0.1rem);
            transform: translateX(-0.1rem);
    opacity: 0.3; } }
@keyframes prev {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-0.1rem);
            transform: translateX(-0.1rem);
    opacity: 0.3; } }
    .page .btn-prev .text {
      color: #342f73;
      font-size: .3rem;
      margin-left: .05rem;
      position: relative; }
    .page .btn-prev .jt {
      background-image: url(../images/jt-prev.png);
      width: .22rem;
      height: .2rem;
      position: relative; }
    .page .btn-prev:before {
      content: "";
      background: url(../images/btn_prev_lig.png) no-repeat 100%/100% 100%;
      width: 1.49rem;
      height: .36rem;
      pointer-events: none;
      position: absolute;
      top: -0.1rem;
      right: .5rem; }
  .page .btn-next {
    right: .27rem;
    right: .67rem;
    bottom: .14rem;
    background: url(../images/btn_next.png) no-repeat 100%/100%;
    width: 2.53rem;
    height: .49rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: .3rem;
    padding-top: .04rem;
    z-index: 6; }
@-webkit-keyframes next {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0.1rem);
            transform: translateX(0.1rem);
    opacity: 0.3; } }
@keyframes next {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0.1rem);
            transform: translateX(0.1rem);
    opacity: 0.3; } }
    .page .btn-next .text {
      color: #342f73;
      font-size: .3rem;
      margin-right: .05rem;
      position: relative; }
    .page .btn-next .jt {
      background-image: url(../images/jt.png);
      width: .24rem;
      height: .24rem;
      position: relative; }
    .page .btn-next:before {
      content: "";
      background: url(../images/btn_next_lig.png) no-repeat 100%/100% 100%;
      width: 1.43rem;
      height: .42rem;
      pointer-events: none;
      position: absolute;
      top: -0.05rem;
      right: .5rem; }
  .page .btn-lt, .page .btn-rt {
    width: .45rem;
    height: .7rem;
    position: absolute;
    top: 70%;
    margin-top: -0.35rem;
    z-index: 9;
    opacity: 0; }
  .page .btn-lt {
    left: -0.62rem;
    -webkit-animation: btnlfani .8s infinite;
            animation: btnlfani .8s infinite; }
@-webkit-keyframes btnlfani {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-0.1rem);
            transform: translateX(-0.1rem); } }
@keyframes btnlfani {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-0.1rem);
            transform: translateX(-0.1rem); } }
  .page .btn-rt {
    right: -0.62rem;
    -webkit-animation: btnrtani .8s infinite;
            animation: btnrtani .8s infinite; }
@-webkit-keyframes btnrtani {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(0.1rem);
            transform: translateX(0.1rem); } }
@keyframes btnrtani {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(0.1rem);
            transform: translateX(0.1rem); } }
  .page .tit {
    font-size: .6rem;
    line-height: 1.15;
    position: relative;
    z-index: 2;
    opacity: 0;
    top: -0.3rem;
    color: transparent;
    -webkit-background-clip: text;
    background-position: 68% 0%;
    background-size: 7.15rem auto;
    -webkit-filter: drop-shadow(0 0.05rem 0.05rem rgba(23, 17, 56, 0.8));
            filter: drop-shadow(0 0.05rem 0.05rem rgba(23, 17, 56, 0.8)); }
  .page .text-1 {
    font-size: .24rem;
    line-height: .48rem;
    padding-top: .16rem;
    position: relative;
    z-index: 2;
    opacity: 0;
    top: -0.24rem; }
  .page.wow .btn-prev {
    left: .67rem;
    bottom: .22rem;
    background: url(../images/btn_prev_wow.png) no-repeat 100%/100%;
    width: 2.14rem;
    height: .6rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0; }
@keyframes next {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0.1rem);
            transform: translateX(0.1rem);
    opacity: 0.3; } }
    .page.wow .btn-prev .text {
      color: #0a5174;
      font-size: .3rem;
      margin-left: .05rem;
      position: relative; }
    .page.wow .btn-prev .jt {
      background-image: url(../images/jt-prev-wow.png);
      width: .21rem;
      height: .22rem;
      position: relative; }
    .page.wow .btn-prev::before {
      background: none; }
  .page.wow .btn-next {
    right: .67rem;
    bottom: .22rem;
    background: url(../images/btn_next_wow.png) no-repeat 100%/100%;
    width: 2.14rem;
    height: .6rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0; }
@keyframes next {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0.1rem);
            transform: translateX(0.1rem);
    opacity: 0.3; } }
    .page.wow .btn-next .text {
      color: #0a5174;
      font-size: .3rem;
      margin-right: .05rem;
      position: relative; }
    .page.wow .btn-next .jt {
      background-image: url(../images/jt-wow.png);
      width: .21rem;
      height: .22rem;
      position: relative; }
    .page.wow .btn-next::before {
      background: none; }
  .page.wow .btn-lt, .page.wow .btn-rt {
    width: .55rem;
    height: .7rem;
    position: absolute;
    top: 50%;
    margin-top: -0.25rem;
    z-index: 9;
    opacity: 0; }
  .page.wow .btn-lt {
    left: -0.62rem; }
  .page.wow .btn-rt {
    right: -0.62rem; }
  .page.wow .tit {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(22, 62, 127, 0.3)), color-stop(80%, rgba(22, 62, 127, 0.3)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(22, 62, 127, 0.3) 20%, rgba(22, 62, 127, 0.3) 80%, rgba(0, 0, 0, 0) 100%);
    border-radius: .2rem;
    position: relative;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .page.wow .tit::before {
      content: "";
      background: url(../images/wow-line1.png) no-repeat 100%/100%;
      width: 1.85rem;
      height: .04rem;
      position: absolute;
      left: 30%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      top: 0;
      z-index: 2; }
    .page.wow .tit::after {
      content: "";
      background: url(../images/wow-line2.png) no-repeat 100%/100%;
      width: 1.85rem;
      height: .04rem;
      position: absolute;
      left: 60%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      bottom: 0;
      z-index: 2; }
    .page.wow .tit i {
      background: url(../images/dec_wow.png) no-repeat 100%/100%;
      width: .35rem;
      height: .29rem;
      position: absolute;
      left: -0.37rem;
      top: -0.18rem; }
    .page.wow .tit span {
      color: transparent;
      -webkit-background-clip: text;
      font-size: .54rem;
      line-height: .48rem;
      -webkit-filter: drop-shadow(0 0.05rem 0.05rem rgba(0, 0, 0, 0.33));
              filter: drop-shadow(0 0.05rem 0.05rem rgba(0, 0, 0, 0.33));
      background-position: -4.91rem -1.85rem;
      background-size: 9.11rem auto;
      position: relative;
      padding: .05rem 0;
      padding-right: .3rem; }
  .page.wow .text-1 {
    font-size: .24rem;
    line-height: .4rem;
    text-shadow: 0 0.02rem 0.02rem rgba(0, 0, 0, 0.33); }
  .page.dt .date {
    color: #d8dceb; }
  .page.dt .btn-prev {
    left: .7rem;
    bottom: .25rem;
    background: url(../images/btn_prev_dt.png) no-repeat 100%/100%;
    width: 1.79rem;
    height: .43rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0; }
@keyframes next {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0.1rem);
            transform: translateX(0.1rem);
    opacity: 0.3; } }
    .page.dt .btn-prev .text {
      color: #544420;
      font-size: .26rem;
      margin-left: .05rem;
      position: relative; }
    .page.dt .btn-prev .jt {
      background-image: url(../images/jt-prev-dt.png);
      width: .22rem;
      height: .21rem;
      position: relative; }
    .page.dt .btn-prev::before {
      background: none; }
  .page.dt .btn-next {
    right: .7rem;
    bottom: .25rem;
    background: url(../images/btn_next_dt.png) no-repeat 100%/100%;
    width: 1.79rem;
    height: .43rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0; }
@keyframes next {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0.1rem);
            transform: translateX(0.1rem);
    opacity: 0.3; } }
    .page.dt .btn-next .text {
      color: #544420;
      font-size: .26rem;
      margin-right: .05rem;
      position: relative; }
    .page.dt .btn-next .jt {
      background-image: url(../images/jt-dt.png);
      width: .22rem;
      height: .21rem;
      position: relative; }
    .page.dt .btn-next::before {
      background: none; }
  .page.dt .btn-lt, .page.dt .btn-rt {
    width: .52rem;
    height: .79rem;
    position: absolute;
    top: 50%;
    margin-top: -0.1rem;
    z-index: 9;
    opacity: 0; }
  .page.dt .btn-lt {
    left: -0.62rem; }
  .page.dt .btn-rt {
    right: -0.62rem; }
  .page.dt .tit {
    text-align: center;
    margin: 0 auto;
    position: relative; }
    .page.dt .tit span {
      font-size: .54rem;
      line-height: .6rem;
      position: relative;
      background-image: -webkit-gradient(linear, left top, right top, from(#ffe89f), color-stop(50%, #e4c66a), to(#ffe288));
      background-image: linear-gradient(to right, #ffe89f 0%, #e4c66a 50%, #ffe288 100%);
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
      background-clip: text; }
      .page.dt .tit span::before {
        content: "";
        background: url(../images/dt-line1.png) no-repeat 100%/100%;
        width: .14rem;
        height: .14rem;
        position: absolute;
        left: -0.07rem;
        top: -0.07rem;
        z-index: 2; }
      .page.dt .tit span::after {
        content: "";
        background: url(../images/dt-line2.png) no-repeat 100%/100%;
        width: .14rem;
        height: .14rem;
        position: absolute;
        right: -0.07rem;
        bottom: -0.07rem;
        z-index: 2; }
  .page.dt .text-1 {
    font-size: .22rem;
    line-height: .36rem;
    text-shadow: 0 0.08rem 0.08rem rgba(0, 0, 0, 0.33); }
  .page.active {
    visibility: visible;
    z-index: 5; }
    .page.active .tit {
      -webkit-transition: opacity 0.3s linear, top 0.3s linear;
      transition: opacity 0.3s linear, top 0.3s linear;
      opacity: 1;
      top: 0; }
      .page.active .tit.tit7 {
        -webkit-transition-delay: 0.6s;
                transition-delay: 0.6s; }
    .page.active .text-1 {
      -webkit-transition: opacity .3s linear .3s, top .3s linear .3s;
      transition: opacity .3s linear .3s, top .3s linear .3s;
      opacity: 1;
      top: 0; }
    .page.active .share-btn {
      -webkit-transition: opacity 0.3s linear, bottom 0.3s linear;
      transition: opacity 0.3s linear, bottom 0.3s linear;
      -webkit-transition-delay: 0.6s;
              transition-delay: 0.6s;
      bottom: 0.24rem;
      opacity: 1; }
    .page.active .letters {
      -webkit-transition: opacity 0.3s linear, bottom 0.3s linear;
      transition: opacity 0.3s linear, bottom 0.3s linear;
      opacity: 1;
      bottom: 0;
      -webkit-transition-delay: 0.6s;
              transition-delay: 0.6s; }
    .page.active .btn-lt, .page.active .btn-rt {
      -webkit-transition: opacity 0.3s linear;
      transition: opacity 0.3s linear;
      opacity: 1;
      -webkit-transition-delay: 0.9s;
              transition-delay: 0.9s; }
    .page.active .rew2wrap {
      -webkit-transition: opacity 0.3s linear;
      transition: opacity 0.3s linear;
      opacity: 1;
      -webkit-transition-delay: 0.9s;
              transition-delay: 0.9s; }
  .page.hide .texts {
    display: none; }
  .page.hide .box {
    display: none; }

canvas {
  width: 100%;
  height: 100%; }

.anibox {
  width: 13.34rem;
  height: 7.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none; }
  .anibox canvas {
    width: 100%;
    height: 100%; }
  .anibox .de_peo {
    background: url(../images/peo_dt.png) no-repeat 100%/100%;
    width: 20rem;
    height: 13.34rem;
    position: absolute;
    left: 48%;
    top: 53%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .anibox .de_peo1 {
    background: url(../images/peo_dt2.png) no-repeat 100%/100%;
    width: 20rem;
    height: 13.34rem;
    position: absolute;
    left: 50%;
    top: 54%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

#ani11 {
  width: 22rem;
  height: 7.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(https://www.pubgmobile.com/images/event/mr/ani11.png) no-repeat 100%/100%; }

#ani12 {
  width: 15rem;
  height: 9rem;
  position: absolute;
  left: 80%;
  top: 60%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(https://www.pubgmobile.com/images/event/mr/ani12.png) no-repeat 100%/100%; }

#ani21 {
  width: 14rem;
  height: 8rem;
  position: absolute;
  left: 80%;
  top: 60%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(https://www.pubgmobile.com/images/event/mr/ani21.png) no-repeat 100%/100%; }

#ani22 {
  width: 10rem;
  height: 7rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(https://www.pubgmobile.com/images/event/mr/ani22.png) no-repeat 100%/100%; }

#ani23 {
  width: 15rem;
  height: 9rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(https://www.pubgmobile.com/images/event/mr/ani23.png) no-repeat 100%/100%; }

#ani31 {
  width: 8rem;
  height: 13.34rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(https://www.pubgmobile.com/images/event/mr/ani31.png) no-repeat 100%/100%; }

#ani32 {
  width: 15rem;
  height: 9rem;
  position: absolute;
  left: 48%;
  top: 49%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(https://www.pubgmobile.com/images/event/mr/ani32.png) no-repeat 100%/100%; }

#aniw2, #aniw3, #aniw4, #aniw5, #aniw6, #aniw7, #aniw8 {
  width: 15rem;
  height: 9rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.91);
          transform: translate(-50%, -50%) scale(0.91); }

#aniw2 {
  background: url(https://www.pubgmobile.com/images/event/h5wow/WOW-2.png) no-repeat 100%/100%; }

#aniw3 {
  background: url(https://www.pubgmobile.com/images/event/h5wow/WOW-3.png) no-repeat 100%/100%;
  left: 49.7%; }

#aniw4 {
  background: url(https://www.pubgmobile.com/images/event/h5wow/WOW-4.png) no-repeat 100%/100%; }

#aniw5 {
  background: url(https://www.pubgmobile.com/images/event/h5wow/WOW-5.png) no-repeat 100%/100%;
  left: 50.05%;
  -webkit-transform: translate(-50%, -50%) scale(0.925);
          transform: translate(-50%, -50%) scale(0.925); }

#aniw6 {
  left: 51.5%;
  top: 48%;
  -webkit-transform: translate(-50%, -50%) scale(0.85);
          transform: translate(-50%, -50%) scale(0.85);
  background: url(https://www.pubgmobile.com/images/event/h5wow/WOW-8.png) no-repeat 100%/100%; }

#aniw7 {
  background: url(https://www.pubgmobile.com/images/event/h5wow/WOW-6.png) no-repeat 100%/100%;
  -webkit-transform: translate(-50%, -50%) scale(0.93);
          transform: translate(-50%, -50%) scale(0.93); }

#aniw8 {
  background: url(https://www.pubgmobile.com/images/event/h5wow/WOW-7.png) no-repeat 100%/100%;
  left: 49.8%;
  top: 49%;
  -webkit-transform: translate(-50%, -50%) scale(0.92);
          transform: translate(-50%, -50%) scale(0.92); }

.btn_start_wow {
  background: url(../images/btn_start_wow.png) no-repeat 100%/100%;
  width: 3.02rem;
  height: .62rem;
  left: 50%;
  margin-left: -1.51rem;
  bottom: .5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: .1rem; }
  .btn_start_wow span {
    font-size: .27rem;
    line-height: .35rem;
    color: #74450e; }

.btn_start_dt {
  background: url(../images/btn_start_dt.png) no-repeat 100%/100%;
  width: 3.92rem;
  height: .73rem;
  left: 50%;
  margin-left: -1.51rem;
  bottom: .5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: .1rem;
  -webkit-animation: dtani .6s linear infinite alternate;
          animation: dtani .6s linear infinite alternate; }
  .btn_start_dt span {
    font-size: .3rem;
    line-height: .35rem;
    color: #dce3f4; }
@-webkit-keyframes dtani {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); } }
@keyframes dtani {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); } }
.page1_1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: no-repeat 50% 50% / cover; }
  .page1_1 #aniwow {
    width: 100%;
    height: 100%; }
    .page1_1 #aniwow canvas {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .page1_1 .title {
    width: 10.8rem;
    height: 1.85rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;
    background: url(../images/title/en.png) no-repeat 100%/100%; }

.page1_0 {
  background-image: url(../images/video.jpg); }
  .page1_0 .btn-review {
    width: 7.91rem;
    height: 1.08rem;
    left: 50%;
    top: 50%;
    margin: 1.9rem 0 0 -3.95rem; }
    .page1_0 .btn-review span {
      color: #ffe5b0;
      font-size: .28rem; }
@-webkit-keyframes review {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }
@keyframes review {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }
  .page1_0 #anibr {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .page1_0 #anibr canvas {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .page1_0 .rewwrap {
    width: 4.3rem;
    height: 1.51rem;
    bottom: 1.4rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    .page1_0 .rewwrap::after {
      content: "";
      background: url(../images/rew_cov.png) no-repeat 100%/100%;
      width: 4.28rem;
      height: 1.51rem;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .page1_0 .rewwrap > p {
      width: 2.9rem;
      font-size: .2rem;
      line-height: .32rem;
      color: #ffffff;
      text-align: center;
      text-shadow: 0 0.04rem 0.04rem rgba(37, 37, 37, 0.45);
      text-align: center;
      margin: 0 auto;
      position: relative;
      z-index: 2; }
    .page1_0 .rewwrap .rewul {
      width: 100%;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      position: relative;
      z-index: 2; }
      .page1_0 .rewwrap .rewul li {
        width: .82rem;
        margin: 0 .05rem;
        position: relative; }
        .page1_0 .rewwrap .rewul li:hover .dj-info {
          display: block; }
        .page1_0 .rewwrap .rewul li:nth-child(1) .imgwrap {
          position: relative; }
          .page1_0 .rewwrap .rewul li:nth-child(1) .imgwrap::after {
            content: "";
            background: url(../images/pz_lig.png) no-repeat 100%/100%;
            width: 2.04rem;
            height: .75rem;
            position: absolute;
            left: -.11rem;
            bottom: -0.1rem; }
      .page1_0 .rewwrap .rewul .dj-info {
        background: #000;
        border: solid 1px #bcd0df;
        width: 3.4rem;
        height: auto;
        left: 50%;
        margin-left: -1.7rem;
        top: -1.1rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: .14rem;
        z-index: 9;
        display: none; }
      .page1_0 .rewwrap .rewul .dj-box {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
      .page1_0 .rewwrap .rewul .dj-img {
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: .72rem;
        height: .72rem;
        position: relative; }
        .page1_0 .rewwrap .rewul .dj-img.zs {
          background-image: url(../images/pic-zs.png); }
        .page1_0 .rewwrap .rewul .dj-img.lvs {
          background-image: url(../images/pic-lvs.png); }
        .page1_0 .rewwrap .rewul .dj-img img {
          width: 90%; }
      .page1_0 .rewwrap .rewul .dj-bx {
        width: 2.05rem; }
      .page1_0 .rewwrap .rewul .dj-name {
        width: 100%;
        color: #ffffff;
        font-size: .22rem;
        line-height: .28rem; }
      .page1_0 .rewwrap .rewul .imgwrap {
        background: url(../images/zs.png) no-repeat 100%/100%;
        width: .82rem;
        height: .82rem;
        margin-bottom: .03rem;
        position: relative; }
        .page1_0 .rewwrap .rewul .imgwrap img {
          width: 90%; }
        .page1_0 .rewwrap .rewul .imgwrap .num {
          font-size: .2rem;
          line-height: 1;
          color: #ffffff;
          -webkit-transform: scale(0.8);
                  transform: scale(0.8);
          -webkit-transform-origin: 100% 100%;
                  transform-origin: 100% 100%;
          position: absolute;
          right: .08rem;
          bottom: .04rem;
          font-family: 'all-bold'; }
      .page1_0 .rewwrap .rewul p {
        font-size: .2rem;
        line-height: .21rem;
        color: #fff2e2;
        text-align: center;
        text-shadow: 0 0.04rem 0.04rem rgba(37, 37, 37, 0.45); }
  .page1_0 .reviewwrap {
    width: 100%;
    bottom: .4rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .page1_0 .btn-review1 {
    width: 3.77rem;
    height: .76rem;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: .05rem;
    -webkit-transform: scale(0.86);
            transform: scale(0.86); }
    .page1_0 .btn-review1.gray {
      background: no-repeat 100% / 100%;
      background-image: url(../images/btn_1_gray.png); }
      .page1_0 .btn-review1.gray .anidt {
        display: none; }
      .page1_0 .btn-review1.gray i {
        background-image: url(../images/btn_1_ico_gray.png); }
      .page1_0 .btn-review1.gray span {
        color: rgba(0, 0, 0, 0.7); }
    .page1_0 .btn-review1 .anidt {
      width: 5rem;
      height: 2rem;
      position: absolute;
      background: url(../images/css_dt.png) no-repeat -0.1rem -0.1rem/20.8rem auto;
      left: 52%;
      top: 47%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      pointer-events: none; }
    .page1_0 .btn-review1 span {
      font-size: .32rem;
      line-height: .4rem;
      color: #8c481e;
      position: relative;
      z-index: 2; }
    .page1_0 .btn-review1 i {
      background: url(../images/btn_1_ico.png) no-repeat 100%/100%;
      width: .75rem;
      height: .53rem;
      margin-right: .15rem;
      position: relative;
      z-index: 2; }
  .page1_0 .btn-review2 {
    width: 4.12rem;
    height: .88rem;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: .1rem;
    margin: 0 -.1rem;
    top: -.08rem;
    -webkit-transform: scale(0.86);
            transform: scale(0.86); }
    .page1_0 .btn-review2 .anijd {
      width: 5rem;
      height: 2rem;
      position: absolute;
      background: url(../images/css_jd.png) no-repeat -0.1rem -2.3rem/20.8rem auto;
      left: 50%;
      top: 28%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      pointer-events: none; }
    .page1_0 .btn-review2 i {
      background: url(../images/btn_2_ico.png) no-repeat 100%/100%;
      width: .69rem;
      height: .53rem;
      position: relative;
      z-index: 2;
      margin-right: .15rem; }
    .page1_0 .btn-review2 span {
      font-size: .32rem;
      line-height: .4rem;
      color: #8c481e;
      position: relative;
      z-index: 2; }
  .page1_0 .btn-review3 {
    width: 3.77rem;
    height: .76rem;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: .05rem;
    -webkit-transform: scale(0.86);
            transform: scale(0.86); }
    .page1_0 .btn-review3.gray {
      background: no-repeat 100% / 100%;
      background-image: url(../images/btn_3_gray.png); }
      .page1_0 .btn-review3.gray .aniwow {
        display: none; }
      .page1_0 .btn-review3.gray i {
        background-image: url(../images/btn_3_ico_gray.png); }
      .page1_0 .btn-review3.gray span {
        color: rgba(0, 0, 0, 0.7); }
    .page1_0 .btn-review3 .aniwow {
      width: 5rem;
      height: 2rem;
      background: url(../images/css_wow.png) no-repeat -0.1rem -0.1rem/20.8rem auto;
      position: absolute;
      left: 48%;
      top: 25%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      pointer-events: none; }
    .page1_0 .btn-review3 span {
      font-size: .32rem;
      line-height: .4rem;
      color: #8c481e;
      position: relative;
      z-index: 2; }
    .page1_0 .btn-review3 i {
      background: url(../images/btn_3_ico.png) no-repeat 100%/100%;
      width: .7rem;
      height: .53rem;
      margin-right: .1rem;
      position: relative;
      z-index: 2; }

.page2_0 .texts, .page5_0 .texts, .page6_0 .texts {
  width: 4.7rem;
  top: 1.35rem;
  right: .63rem; }
  .page2_0 .texts:before, .page5_0 .texts:before, .page6_0 .texts:before {
    content: "";
    background: url(../images/p2-mask.png) no-repeat 100%/100% 100%;
    width: 11.43rem;
    height: 13.34rem;
    position: absolute;
    right: -4.93rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .page2_0 .texts::after, .page5_0 .texts::after, .page6_0 .texts::after {
    content: "";
    background: url(../images/dec_rg.png) no-repeat 100%/100%;
    width: 2.44rem;
    height: 3.43rem;
    position: absolute;
    top: -0.13rem;
    right: -0.63rem; }
.page2_0 .btn-lt, .page5_0 .btn-lt, .page6_0 .btn-lt {
  background-image: url(../images/dark-l.png); }
.page2_0 .btn-rt, .page5_0 .btn-rt, .page6_0 .btn-rt {
  background-image: url(../images/dark-r.png); }
.page2_0 .tit, .page5_0 .tit, .page6_0 .tit {
  background-image: url(../images/bak-clip1.png);
  background-position: -1.32rem -2.63rem; }
.page2_0 .text-1, .page5_0 .text-1, .page6_0 .text-1 {
  color: #ffffff; }
  .page2_0 .text-1 span, .page5_0 .text-1 span, .page6_0 .text-1 span {
    font-size: .32rem;
    color: #ffbd82; }

.page3_0 .texts, .page4_0 .texts {
  width: 7rem;
  left: calc(44px + 0.74rem);
  bottom: 0.95rem; }
  .page3_0 .texts.iphonetask, .page4_0 .texts.iphonetask {
    left: .74rem;
    left: calc(constant(safe-area-inset-left) + 0.74rem) !important;
    left: calc(env(safe-area-inset-left) + 0.74rem) !important; }
  .page3_0 .texts:before, .page4_0 .texts:before {
    content: "";
    background: url(../images/p3-mask.png) no-repeat 100%/100% 100%;
    width: 22rem;
    height: 6.66rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -1.25rem; }
  .page3_0 .texts::after, .page4_0 .texts::after {
    content: "";
    background: url(../images/dec_lf.png) no-repeat 100%/100%;
    width: 2.44rem;
    height: 3.43rem;
    position: absolute;
    top: -0.15rem;
    left: -0.74rem; }
.page3_0 .tit, .page4_0 .tit {
  background-image: url(../images/bak-clip2.png);
  background-size: 9.02rem auto;
  background-position: -2.96rem -2.52rem; }
.page3_0 .text-1, .page4_0 .text-1 {
  color: rgba(255, 255, 255, 0.8); }
  .page3_0 .text-1 span, .page4_0 .text-1 span {
    font-size: .36rem;
    color: rgba(255, 189, 130, 0.8); }
.page3_0 .btn-lt, .page4_0 .btn-lt {
  background-image: url(../images/dark-l.png); }
.page3_0 .btn-rt, .page4_0 .btn-rt {
  background-image: url(../images/dark-r.png); }

.page5_0 .texts {
  width: 5.1rem; }

.page4_0 .texts {
  width: 6rem;
  left: .72rem;
  left: calc(44px + 0.72rem); }
  .page4_0 .texts.iphonetask {
    left: 0.72rem;
    left: calc(constant(safe-area-inset-left) + 0.72rem) !important;
    left: calc(env(safe-area-inset-left) + 0.72rem) !important; }
  .page4_0 .texts::after {
    left: -0.72rem; }

.page7_0 .box {
  width: 100%;
  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: .76rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: rgba(0, 0, 0, 0.2); }
  .page7_0 .box .in {
    position: relative;
    height: 3.6rem; }
    .page7_0 .box .in:before {
      content: "";
      background: url(../images/p6-mask.png) no-repeat 100%/100% 100%;
      width: 22rem;
      height: 7.21rem;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      top: -1.32rem; }
.page7_0 .tit {
  background-image: url(../images/bak-clip3.png);
  background-size: 12.3rem auto;
  background-position: -2.67rem -2.88rem;
  text-align: center; }
.page7_0 .inlist {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1rem;
  text-align: center; }
.page7_0 .innofri {
  width: 13.34rem;
  height: 100vh;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
.page7_0 .inncon {
  width: 10rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: .76rem; }
  .page7_0 .inncon p {
    font-size: .24rem;
    line-height: .3rem;
    color: #ffffff;
    text-shadow: none; }
.page7_0 .txlist {
  width: 9.19rem;
  position: relative;
  margin: 0 auto; }
  .page7_0 .txlist::after {
    content: "";
    background: url(../images/txk-line.png) no-repeat 50% 50%/9.19rem auto;
    width: 9.19rem;
    height: 1.62rem;
    position: absolute;
    top: -0.3rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .page7_0 .txlist .tx-swiper {
    width: 3.13rem;
    height: 1.32rem;
    margin: 0 auto;
    padding-bottom: .04rem;
    padding-top: .05rem; }
  .page7_0 .txlist .swiper-slide {
    width: 1.08rem;
    height: 1.04rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 1px;
    position: relative; }
    .page7_0 .txlist .swiper-slide .tx {
      width: .76rem;
      height: .76rem;
      border-radius: 50%;
      position: relative;
      margin: 0 auto;
      -webkit-transform: scale(0.84);
              transform: scale(0.84); }
      .page7_0 .txlist .swiper-slide .tx img {
        height: 100%;
        border-radius: 50%;
        overflow: hidden; }
      .page7_0 .txlist .swiper-slide .tx:after {
        content: "";
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-image: url(../images/txk.png);
        width: .85rem;
        height: .85rem;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .page7_0 .txlist .swiper-slide .tx::before {
        content: "";
        background-color: rgba(30, 18, 88, 0.5);
        width: .85rem;
        height: .85rem;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        border-radius: 50%;
        z-index: 2; }
    .page7_0 .txlist .swiper-slide .name {
      white-space: nowrap;
      color: #ffbd82;
      font-size: .36rem;
      line-height: 1.05;
      bottom: -0.3rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      text-align: center;
      display: none; }
    .page7_0 .txlist .swiper-slide.swiper-slide-next, .page7_0 .txlist .swiper-slide.swiper-slide-prev {
      -webkit-animation: txani .6s infinite alternate;
              animation: txani .6s infinite alternate; }
@-webkit-keyframes txani {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0.94);
            transform: scale(0.94); } }
@keyframes txani {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0.94);
            transform: scale(0.94); } }
    .page7_0 .txlist .swiper-slide.swiper-slide-active .tx {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1); }
      .page7_0 .txlist .swiper-slide.swiper-slide-active .tx::before {
        display: none; }
    .page7_0 .txlist .swiper-slide.swiper-slide-active .name {
      display: block; }
.page7_0 .infowrap {
  margin-top: .15rem; }
.page7_0 .info {
  position: relative;
  display: none; }
  .page7_0 .info li {
    margin: 0 .3rem;
    line-height: 1;
    text-align: center;
    text-shadow: 0 0.02rem 0.24rem rgba(255, 237, 214, 0.39); }
    .page7_0 .info li .txt {
      font-size: .24rem;
      line-height: 1.45;
      text-align: center;
      color: #ffffff; }
      .page7_0 .info li .txt span {
        font-size: .36rem;
        color: #ffbd82; }
.page7_0 .text-1 {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 0.02rem 0.24rem rgba(255, 237, 214, 0.39); }

.page8_0 .texts {
  width: 6.5rem;
  left: .33rem;
  left: calc(44px + 0.33rem);
  top: 1.26rem; }
  .page8_0 .texts.iphonetask {
    left: .74rem;
    left: calc(constant(safe-area-inset-left) + 0.33rem) !important;
    left: calc(env(safe-area-inset-left) + 0.33rem) !important; }
  .page8_0 .texts:before {
    content: "";
    background: url(../images/p7-mask.png) no-repeat 100%/100% 100%;
    width: 11.43rem;
    height: 13.34rem;
    position: absolute;
    left: -4.75rem;
    top: -4.26rem; }
  .page8_0 .texts::after {
    content: "";
    background: url(../images/dec_lf.png) no-repeat 100%/100%;
    width: 2.44rem;
    height: 3.43rem;
    position: absolute;
    top: -0.13rem;
    left: -0.33rem; }
.page8_0 .rew2wrap {
  width: 4.3rem;
  height: 1.51rem;
  bottom: 1.25rem;
  right: .45rem;
  opacity: 0; }
  .page8_0 .rew2wrap::after {
    content: "";
    background: url(../images/rew_cov.png) no-repeat 100%/100%;
    width: 4.28rem;
    height: 1.51rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .page8_0 .rew2wrap > p {
    width: 2.9rem;
    font-size: .2rem;
    line-height: .32rem;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 0.04rem 0.04rem rgba(37, 37, 37, 0.45);
    margin: 0 auto;
    position: relative;
    z-index: 2; }
  .page8_0 .rew2wrap .rewul {
    width: 100%;
    position: relative;
    z-index: 2; }
    .page8_0 .rew2wrap .rewul li {
      width: .82rem;
      margin: 0 .05rem;
      position: relative; }
      .page8_0 .rew2wrap .rewul li:hover .dj-info {
        display: block; }
      .page8_0 .rew2wrap .rewul li:nth-child(1) .imgwrap {
        position: relative; }
        .page8_0 .rew2wrap .rewul li:nth-child(1) .imgwrap::after {
          content: "";
          background: url(../images/pz_lig.png) no-repeat 100%/100%;
          width: 2.04rem;
          height: .75rem;
          position: absolute;
          left: -.11rem;
          bottom: -0.1rem; }
      .page8_0 .rew2wrap .rewul li:nth-child(3) .dj-info {
        left: inherit;
        right: 0;
        margin-left: 0; }
    .page8_0 .rew2wrap .rewul .dj-info {
      background: #000;
      border: solid 1px #bcd0df;
      width: 3.4rem;
      height: auto;
      left: 50%;
      margin-left: -1.7rem;
      top: -1.1rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: .14rem;
      z-index: 9;
      display: none; }
    .page8_0 .rew2wrap .rewul .dj-box {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .page8_0 .rew2wrap .rewul .dj-img {
      background-repeat: no-repeat;
      background-size: 100% 100%;
      width: .72rem;
      height: .72rem;
      position: relative; }
      .page8_0 .rew2wrap .rewul .dj-img.zs {
        background-image: url(../images/pic-zs.png); }
      .page8_0 .rew2wrap .rewul .dj-img.lvs {
        background-image: url(../images/pic-lvs.png); }
      .page8_0 .rew2wrap .rewul .dj-img img {
        width: 90%; }
    .page8_0 .rew2wrap .rewul .dj-bx {
      width: 2.05rem; }
    .page8_0 .rew2wrap .rewul .dj-name {
      width: 100%;
      color: #ffffff;
      font-size: .22rem;
      line-height: .28rem; }
    .page8_0 .rew2wrap .rewul .imgwrap {
      background: url(../images/zs.png) no-repeat 100%/100%;
      width: .82rem;
      height: .82rem;
      margin-bottom: .03rem;
      position: relative; }
      .page8_0 .rew2wrap .rewul .imgwrap img {
        width: 90%; }
      .page8_0 .rew2wrap .rewul .imgwrap .num {
        font-size: .2rem;
        line-height: 1;
        color: #ffffff;
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        position: absolute;
        right: .08rem;
        bottom: .04rem;
        font-family: 'all-bold'; }
    .page8_0 .rew2wrap .rewul p {
      font-size: .2rem;
      line-height: .21rem;
      color: #fff2e2;
      text-align: center;
      text-shadow: 0 0.04rem 0.04rem rgba(37, 37, 37, 0.45); }
.page8_0 .tit {
  background-image: url(../images/bak-clip2.png);
  background-size: 9.02rem auto;
  background-position: -2.87rem -2.52rem; }
.page8_0 .text-1 {
  color: rgba(255, 255, 255, 0.8);
  padding-top: .03rem;
  line-height: .42rem; }
  .page8_0 .text-1 span {
    font-size: .36rem;
    color: rgba(255, 189, 130, 0.8); }
.page8_0 .letters {
  color: #b09f7d;
  font-size: .18rem;
  letter-spacing: .2rem;
  text-indent: .06rem;
  padding-top: .12rem;
  opacity: 0;
  position: relative;
  bottom: 0.3rem; }
.page8_0 .share-btn {
  background-image: url(../images/share-btn.png);
  width: 3.85rem;
  height: 1.01rem;
  bottom: 0.25rem;
  right: .67rem;
  opacity: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: .05rem; }
  .page8_0 .share-btn .anishare {
    background: url(../images/css_share.png) no-repeat -5.3rem -12.6rem/20.8rem auto;
    width: 5rem;
    height: 2.3rem;
    position: absolute;
    left: 49%;
    top: 35%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none; }
  .page8_0 .share-btn span {
    color: #372774;
    font-size: .28rem;
    position: relative;
    z-index: 2; }

.page2_1 .texts, .page4_1 .texts, .page6_1 .texts, .page7_1 .texts {
  width: 5.45rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: .7rem; }
.page2_1 .shad, .page4_1 .shad, .page6_1 .shad, .page7_1 .shad {
  width: 5.45rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: .7rem;
  opacity: 0.8; }
  .page2_1 .shad i, .page4_1 .shad i, .page6_1 .shad i, .page7_1 .shad i {
    background: url(../images/p2-mask-wow.png?v=1.0) no-repeat 100%/100% 100%;
    width: 9.03rem;
    height: 7.5rem;
    position: absolute;
    right: -2.3rem;
    top: 50%;
    margin-top: -3.75rem;
    pointer-events: none;
    z-index: 2; }
.page2_1 .btn-lt, .page4_1 .btn-lt, .page6_1 .btn-lt, .page7_1 .btn-lt {
  background-image: url(../images/dark-l-wow.png); }
.page2_1 .btn-rt, .page4_1 .btn-rt, .page6_1 .btn-rt, .page7_1 .btn-rt {
  background-image: url(../images/dark-r-wow.png); }
.page2_1 .tit, .page4_1 .tit, .page6_1 .tit, .page7_1 .tit {
  width: 120%; }
  .page2_1 .tit span, .page4_1 .tit span, .page6_1 .tit span, .page7_1 .tit span {
    background-image: url(../images/bak-clip1-wow.png);
    background-position: -1.32rem -2.63rem; }
.page2_1 .text-1, .page4_1 .text-1, .page6_1 .text-1, .page7_1 .text-1 {
  color: #ffffff; }
  .page2_1 .text-1 span, .page4_1 .text-1 span, .page6_1 .text-1 span, .page7_1 .text-1 span {
    font-size: .28rem;
    color: #e6cf74; }

.page3_1 .texts {
  width: 5.5rem;
  left: calc(44px + 0.62rem);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  .page3_1 .texts.iphonetask {
    left: .42rem;
    left: calc(constant(safe-area-inset-left) + 0.62rem) !important;
    left: calc(env(safe-area-inset-left) + 0.62rem) !important; }
.page3_1 .shad {
  width: 5.5rem;
  left: calc(44px + 0.62rem);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0.8; }
  .page3_1 .shad.iphonetask {
    left: .62rem;
    left: calc(constant(safe-area-inset-left) + 0.62rem) !important;
    left: calc(env(safe-area-inset-left) + 0.62rem) !important; }
  .page3_1 .shad i {
    background: url(../images/p3-mask-wow.png?v=1.0) no-repeat 100%/100% 100%;
    width: 9.03rem;
    height: 7.5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: -2.3rem;
    z-index: 2; }
.page3_1 .btn-lt {
  background-image: url(../images/dark-l-wow.png); }
.page3_1 .btn-rt {
  background-image: url(../images/dark-r-wow.png); }
.page3_1 .tit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .page3_1 .tit span {
    background-image: url(../images/bak-clip1-wow.png);
    background-position: -1.32rem -2.63rem; }
.page3_1 .text-1 {
  color: #ffffff; }
  .page3_1 .text-1 span {
    font-size: .28rem;
    color: #e6cf74; }

.page4_1 .texts {
  left: initial;
  right: .7rem;
  width: 4rem; }
.page4_1 .text-1 {
  color: #ffffff; }
  .page4_1 .text-1 span {
    font-size: .28rem;
    color: #e6cf74; }

.page5_1 .texts, .page6_1 .texts {
  width: 5rem;
  right: initial;
  left: calc(44px + 0.82rem);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  .page5_1 .texts.iphonetask, .page6_1 .texts.iphonetask {
    left: .82rem;
    left: calc(constant(safe-area-inset-left) + 0.82rem) !important;
    left: calc(env(safe-area-inset-left) + 0.82rem) !important; }
.page5_1 .shad, .page6_1 .shad {
  width: 5rem;
  right: initial;
  left: calc(44px + 0.82rem);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0.8; }
  .page5_1 .shad.iphonetask, .page6_1 .shad.iphonetask {
    left: .82rem;
    left: calc(constant(safe-area-inset-left) + 0.82rem) !important;
    left: calc(env(safe-area-inset-left) + 0.82rem) !important; }
  .page5_1 .shad i, .page6_1 .shad i {
    background: url(../images/p6-mask-wow.png) no-repeat 100%/100% 100%;
    width: 13.34rem;
    height: 7.5rem;
    position: absolute;
    top: 50%;
    margin-top: -3.75rem;
    right: -8.4rem;
    z-index: 2; }
    .page5_1 .shad i:after, .page6_1 .shad i:after {
      content: "";
      background-color: rgba(25, 28, 41, 0.7);
      width: 13.34rem;
      height: 7.5rem;
      position: absolute;
      top: 50%;
      margin-top: -3.75rem;
      right: 13.34rem; }
.page5_1 .btn-lt, .page6_1 .btn-lt {
  background-image: url(../images/dark-l-wow.png); }
.page5_1 .btn-rt, .page6_1 .btn-rt {
  background-image: url(../images/dark-r-wow.png); }
.page5_1 .tit, .page6_1 .tit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .page5_1 .tit span, .page6_1 .tit span {
    background-image: url(../images/bak-clip1-wow.png);
    background-position: -1.32rem -2.63rem; }
.page5_1 .text-1, .page6_1 .text-1 {
  color: #ffffff; }
  .page5_1 .text-1 span, .page6_1 .text-1 span {
    font-size: .28rem;
    color: #e6cf74; }

.page6_1 .texts {
  width: 4rem; }

.page8_1 .texts {
  width: 8.7rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: .87rem; }
  .page8_1 .texts:before {
    content: "";
    background: url(../images/p7-mask-wow.png) no-repeat 100%/100% 100%;
    width: 9.79rem;
    height: 3.68rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -0.87rem;
    z-index: 2; }
.page8_1 .btn-lt {
  background-image: url(../images/dark-l-wow.png); }
.page8_1 .btn-rt {
  background-image: url(../images/dark-r-wow.png); }
.page8_1 .tit {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  width: 100%; }
  .page8_1 .tit span {
    background-image: url(../images/bak-clip1-wow.png);
    background-position: -1.32rem -2.63rem;
    text-align: center;
    padding-right: 0 !important; }
.page8_1 .text-1 {
  color: #ffffff;
  text-align: center; }
  .page8_1 .text-1 span {
    font-size: .28rem;
    color: #e6cf74; }
.page8_1 .share-btn {
  background-image: url(../images/share-btn-wow.png);
  width: 2.84rem;
  height: .78rem;
  bottom: 0.24rem;
  right: .34rem;
  opacity: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: .05rem; }
  .page8_1 .share-btn span {
    color: #0b4f7a;
    font-size: .24rem; }

.page1_2 {
  background-image: url(../images/video_dt.jpg); }

.page2_2 {
  background-image: url(../images/page1-dt.jpg); }
  .page2_2 .texts {
    width: 8.8rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: .7rem; }
    .page2_2 .texts::after {
      content: "";
      background: url(../images/bg_txet.png) no-repeat 100%/100%;
      width: 13.36rem;
      height: 6.26rem;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .page2_2 .btn-lt {
    background-image: url(../images/dark-l-dt.png); }
  .page2_2 .btn-rt {
    background-image: url(../images/dark-r-dt.png); }
  .page2_2 .tit span {
    -webkit-filter: drop-shadow(0 0 0.05rem rgba(99, 96, 107, 0.57));
            filter: drop-shadow(0 0 0.05rem rgba(99, 96, 107, 0.57)); }
  .page2_2 .text-1 {
    color: #ffffff;
    text-align: center;
    text-shadow: 0 0.05rem 0.05rem rgba(27, 45, 69, 0.33); }
    .page2_2 .text-1 span {
      font-size: .36rem;
      color: #ffe288; }

.page3_2 {
  background-image: url(../images/page2-dt.jpg); }
  .page3_2 .texts {
    width: 4.8rem;
    right: .64rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .page3_2 .btn-lt {
    background-image: url(../images/dark-l-dt.png); }
  .page3_2 .btn-rt {
    background-image: url(../images/dark-r-dt.png); }
  .page3_2 .tit {
    width: 110%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .page3_2 .tit span {
      -webkit-filter: drop-shadow(0 0 0.05rem rgba(99, 96, 107, 0.57));
              filter: drop-shadow(0 0 0.05rem rgba(99, 96, 107, 0.57)); }
  .page3_2 .text-1 {
    color: #ffffff;
    text-shadow: 0 0.05rem 0.05rem rgba(27, 45, 69, 0.33); }
    .page3_2 .text-1 span {
      font-size: .36rem;
      color: #ffe288; }
    .page3_2 .text-1 i {
      margin-bottom: .1rem;
      display: block; }

.page4_2 {
  background-image: url(../images/page3-dt.jpg); }
  .page4_2 .texts {
    width: 3.0rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: calc(44px + 0.54rem); }
    .page4_2 .texts.iphonetask {
      left: .54rem;
      left: calc(constant(safe-area-inset-left) + 0.54rem) !important;
      left: calc(env(safe-area-inset-left) + 0.54rem) !important; }
  .page4_2 .tit {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .page4_2 .tit span {
      -webkit-filter: drop-shadow(0 0 0.05rem rgba(99, 96, 107, 0.57));
              filter: drop-shadow(0 0 0.05rem rgba(99, 96, 107, 0.57)); }
  .page4_2 .btn-lt {
    background-image: url(../images/dark-l-dt.png); }
  .page4_2 .btn-rt {
    background-image: url(../images/dark-r-dt.png); }
  .page4_2 .text-1 {
    color: #ffffff;
    text-shadow: 0 0.05rem 0.05rem rgba(27, 45, 69, 0.33); }
    .page4_2 .text-1 span {
      font-size: .36rem;
      color: #ffe288; }
    .page4_2 .text-1 i {
      margin-bottom: .1rem;
      display: block; }
  .page4_2 .share-btn {
    background-image: url(../images/share-btn-dt.png);
    width: 2.76rem;
    height: .66rem;
    bottom: 0.24rem;
    right: .33rem;
    opacity: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: .05rem; }
    .page4_2 .share-btn span {
      color: #544420;
      font-size: .26rem; }

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

.pop {
  background: url(../images/pop-comm-bg.png) no-repeat 100%/100%;
  width: 9rem;
  height: 4.78rem;
  margin: -2.26rem -5.14rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.18rem .16rem .46rem 1.5rem;
  display: none;
  outline: none;
  position: relative; }
  .pop::before {
    content: "";
    background: url(../images/pop_lig.png) no-repeat 100%/100%;
    width: 10.16rem;
    height: 9.18rem;
    position: absolute;
    top: -2rem;
    left: -.4rem;
    pointer-events: none; }
  .pop img {
    display: block;
    width: 100%;
    height: auto; }
  .pop .os-scrollbar {
    right: 0 !important;
    top: 0 !important; }
  .pop .os-scrollbar-track {
    width: 0.06rem;
    background: rgba(34, 92, 87, 0.2) !important;
    overflow: hidden;
    border-radius: 0.03rem !important; }
  .pop .os-scrollbar-handle {
    background: #2d5c5e !important;
    overflow: hidden;
    border-radius: 0.03rem !important; }
  .pop .os-theme-dark > .os-scrollbar, .pop .os-theme-light > .os-scrollbar {
    padding: 0; }
  .pop .close {
    background-image: url(../images/close.png);
    width: .39rem;
    height: .41rem;
    top: 0.1rem;
    right: -0.39rem; }
  .pop .hd {
    height: .89rem; }
    .pop .hd p {
      width: 100%;
      text-align: center;
      color: #fee4d4; }
      .pop .hd p:nth-child(1) {
        font-size: .34rem;
        line-height: .36rem; }
      .pop .hd p:nth-child(2) {
        font-size: .2rem;
        line-height: .26rem; }
  .pop .textwrap {
    color: #7f4b2a;
    font-size: .3rem;
    line-height: .36rem;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 .4rem;
    height: 2.4rem; }
  .pop .btns a {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 2.01rem;
    height: .59rem;
    font-size: .26rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: .05rem;
    margin: 0 .34rem; }
  .pop .btn-no, .pop .ylq {
    background-image: url(../images/btn-no.png);
    color: #3c6fcc; }
  .pop .btn-ok, .pop .klq {
    background-image: url(../images/btn-ok.png);
    color: #ab551f; }
  .pop .dlq {
    background-image: url(../images/btn-no.png);
    color: #3c6fcc; }
  .pop.pop-comm2 p {
    width: 100%;
    text-align: center; }
  .pop.pop-sure .textwrap {
    height: 2rem; }
  .pop.pop-sure .txwrap {
    margin-top: .2rem; }
    .pop.pop-sure .txwrap .btn_tx {
      background: url(../images/btn_tx.png) no-repeat -0.1rem -0.1rem/0.92rem auto;
      width: .26rem;
      height: .27rem;
      position: relative;
      top: -0.05rem; }
      .pop.pop-sure .txwrap .btn_tx.on {
        background-position: -0.56rem -0.1rem; }
    .pop.pop-sure .txwrap span {
      font-size: .2rem;
      line-height: .27rem;
      color: #8b5431; }
  .pop.pop-sel .textwrap {
    padding: 0; }
  .pop.pop-sel .sel-list {
    margin-top: .27rem; }
    .pop.pop-sel .sel-list li {
      width: 1.16rem;
      height: 1.16rem;
      border-radius: .04rem 0 .04rem 0;
      margin: 0 .07rem;
      position: relative;
      background: no-repeat 50% 50% / 1.26rem auto; }
      .pop.pop-sel .sel-list li::before {
        content: "";
        background: url(../images/sel-def.png?v=1.0) no-repeat 100%/100% 100%;
        width: 1.21rem;
        height: 1.21rem;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .pop.pop-sel .sel-list li:first-child::after {
        content: "";
        background: url(../images/lig-1.png) no-repeat 100%/100%;
        width: .37rem;
        height: .4rem;
        position: absolute;
        left: -.13rem;
        bottom: .02rem; }
      .pop.pop-sel .sel-list li:last-child::after {
        content: "";
        background: url(../images/lig-2.png) no-repeat 100%/100%;
        width: .32rem;
        height: .45rem;
        position: absolute;
        right: -0.13rem;
        top: -0.12rem; }
      .pop.pop-sel .sel-list li img {
        width: 90%; }
      .pop.pop-sel .sel-list li.fs {
        background-image: url(../images/pic-fs.png); }
      .pop.pop-sel .sel-list li.zs {
        background-image: url(../images/pic-zs.png); }
      .pop.pop-sel .sel-list li.on {
        background-image: url(../images/sel-on.png); }
  .pop.pop-get .textwrap, .pop.pop-commsel .textwrap {
    padding: 0; }
  .pop.pop-get .get-list, .pop.pop-get .get-list2, .pop.pop-commsel .get-list, .pop.pop-commsel .get-list2 {
    margin-top: .27rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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; }
    .pop.pop-get .get-list li, .pop.pop-get .get-list2 li, .pop.pop-commsel .get-list li, .pop.pop-commsel .get-list2 li {
      width: 1.16rem;
      height: 1.16rem;
      border-radius: .04rem 0 .04rem 0;
      margin: 0 .07rem;
      position: relative;
      background: no-repeat 50% 50% / 1.26rem auto; }
      .pop.pop-get .get-list li:hover .dj-info, .pop.pop-get .get-list2 li:hover .dj-info, .pop.pop-commsel .get-list li:hover .dj-info, .pop.pop-commsel .get-list2 li:hover .dj-info {
        display: block; }
      .pop.pop-get .get-list li::before, .pop.pop-get .get-list2 li::before, .pop.pop-commsel .get-list li::before, .pop.pop-commsel .get-list2 li::before {
        content: "";
        background: url(../images/sel-def.png?v=1.0) no-repeat 100%/100% 100%;
        width: 1.21rem;
        height: 1.21rem;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .pop.pop-get .get-list li img, .pop.pop-get .get-list2 li img, .pop.pop-commsel .get-list li img, .pop.pop-commsel .get-list2 li img {
        width: 90%; }
      .pop.pop-get .get-list li.fs, .pop.pop-get .get-list2 li.fs, .pop.pop-commsel .get-list li.fs, .pop.pop-commsel .get-list2 li.fs {
        background-image: url(../images/pic-fs.png); }
      .pop.pop-get .get-list li.zs, .pop.pop-get .get-list2 li.zs, .pop.pop-commsel .get-list li.zs, .pop.pop-commsel .get-list2 li.zs {
        background-image: url(../images/pic-zs.png); }
      .pop.pop-get .get-list li .num, .pop.pop-get .get-list2 li .num, .pop.pop-commsel .get-list li .num, .pop.pop-commsel .get-list2 li .num {
        position: absolute;
        right: .05rem;
        bottom: .05rem;
        color: #fff;
        font-size: .2rem;
        line-height: 1; }
  .pop.pop-get .get-list2 li, .pop.pop-commsel .get-list2 li {
    margin: 0 .16rem; }
  .pop.pop-get .dj-info, .pop.pop-commsel .dj-info {
    background: #000;
    border: solid 1px #bcd0df;
    width: 3.4rem;
    height: auto;
    left: 50%;
    margin-left: -1.7rem;
    top: -1.1rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: .14rem;
    z-index: 9;
    display: none; }
  .pop.pop-get .dj-box, .pop.pop-commsel .dj-box {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .pop.pop-get .dj-img, .pop.pop-commsel .dj-img {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: .72rem;
    height: .72rem;
    position: relative; }
    .pop.pop-get .dj-img.zs, .pop.pop-commsel .dj-img.zs {
      background-image: url(../images/pic-zs.png); }
    .pop.pop-get .dj-img.lvs, .pop.pop-commsel .dj-img.lvs {
      background-image: url(../images/pic-lvs.png); }
    .pop.pop-get .dj-img img, .pop.pop-commsel .dj-img img {
      width: 90%; }
  .pop.pop-get .dj-bx, .pop.pop-commsel .dj-bx {
    width: 2.05rem; }
  .pop.pop-get .dj-name, .pop.pop-commsel .dj-name {
    width: 100%;
    color: #ffffff;
    font-size: .22rem;
    line-height: .28rem; }
  .pop.pop-get #anilig {
    width: 12rem;
    height: 6rem;
    position: absolute;
    left: -1rem;
    top: -.1rem;
    pointer-events: none;
    background: url(https://www.pubgmobile.com/images/event/br/anilig.png) no-repeat 100%/100%; }
  .pop.pop-get .textwrap {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative; }
    .pop.pop-get .textwrap::-webkit-scrollbar {
      width: 0;
      display: none; }
  .pop.pop-get .get-list2 {
    max-width: 100%;
    max-height: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .pop.pop-get .get-list2 li {
      width: 1.3rem;
      height: 1.3rem;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      background: none !important;
      overflow: hidden;
      border-radius: 0;
      margin: 0 .1rem; }
      .pop.pop-get .get-list2 li:first-child {
        margin-left: 0.05rem; }
      .pop.pop-get .get-list2 li:last-child {
        margin-right: 0.05rem; }
      .pop.pop-get .get-list2 li .num {
        bottom: .1rem;
        right: .1rem; }
      .pop.pop-get .get-list2 li .anirew {
        background: url(../images/css_rew.png) no-repeat -9.7rem -0.1rem/12.8rem auto;
        width: 3rem;
        height: 3rem;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        pointer-events: none; }
  .pop-rul {
    background-image: url(../images/pop-rul-bg.png);
    width: 8.76rem;
    height: 4.48rem;
    margin: -2.24rem -4.38rem;
    padding: .18rem .22rem .23rem .18rem; }
    .pop-rul::before {
      background-image: url(../images/pop_lig2.png);
      width: 10.96rem;
      height: 9.18rem;
      left: -1.4rem; }
    .pop-rul .hd p:nth-child(1) {
      font-size: .38rem;
      line-height: .45rem; }
    .pop-rul .textwrap {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin-top: .1rem;
      height: 2.95rem;
      box-sizing: border-box;
      padding: 0 .4rem 0 .2rem; }
      .pop-rul .textwrap .os-scrollbar {
        width: 0.05rem !important;
        right: 0.17rem !important;
        top: 0.62rem !important;
        padding: 0 !important; }
      .pop-rul .textwrap .os-scrollbar-track {
        width: 0.05rem !important;
        height: 2.15rem !important;
        background: #b99576 !important;
        overflow: hidden;
        border-radius: 0rem !important; }
      .pop-rul .textwrap .os-scrollbar-handle {
        background: #8a502c !important;
        overflow: hidden;
        border-radius: 0rem !important; }
      .pop-rul .textwrap .os-theme-dark > .os-scrollbar, .pop-rul .textwrap .os-theme-light > .os-scrollbar {
        padding: 0; }
    .pop-rul table {
      width: 7.76rem;
      height: 1.05rem;
      background-color: #eed8c7;
      font-size: .2rem;
      line-height: .3rem;
      color: #9a5c34;
      margin-bottom: .13rem; }
      .pop-rul table tr {
        height: .35rem; }
        .pop-rul table tr:nth-child(2) td {
          width: .73rem;
          background-color: #d1a181;
          color: #743d1a;
          border: .02rem solid #eed8c7; }
          .pop-rul table tr:nth-child(2) td:nth-child(1) {
            width: 1.7rem;
            background-color: #a47657; }
          .pop-rul table tr:nth-child(2) td:not(:first-child) {
            font-family: 'all-bold'; }
        .pop-rul table tr:nth-child(3) td {
          width: .73rem;
          background-color: #debfaa;
          color: #743d1a;
          border: .02rem solid #eed8c7; }
          .pop-rul table tr:nth-child(3) td:nth-child(1) {
            width: 1.7rem;
            background-color: #a47657; }
          .pop-rul table tr:nth-child(3) td:not(:first-child) {
            font-family: 'all-bold'; }
    .pop-rul .rulul {
      width: 6.8rem;
      margin: 0 auto; }
      .pop-rul .rulul li {
        font-size: .22rem;
        line-height: .26rem;
        color: #9a5c34;
        position: relative;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-left: .28rem;
        text-align: left; }
        .pop-rul .rulul li:not(:last-child) {
          margin-bottom: .23rem; }
        .pop-rul .rulul li span {
          position: absolute;
          left: 0;
          top: 0; }
  .pop-pic {
    background: none;
    width: 10.8rem;
    height: 5.6rem;
    margin: -2.8rem 0 0 -5.4rem;
    padding: 0; }
    .pop-pic .close {
      top: 0;
      right: -0.5rem; }
    .pop-pic .tipbg {
      background: url(../images/tipbg.png) no-repeat center/5.9rem auto;
      height: 1.08rem;
      width: 5.9rem;
      color: #ffe4bb;
      font-size: .24rem;
      line-height: .3rem;
      text-align: center;
      top: 50%;
      left: 50%;
      margin-left: -2.95rem;
      margin-top: -0.64rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 .1rem; }
      .pop-pic .tipbg .text {
        height: 100%; }
        .pop-pic .tipbg .text p {
          width: 100%; }
  .pop-picwow {
    background: none;
    width: 10.8rem;
    height: 5.6rem;
    margin: -2.8rem 0 0 -5.4rem;
    padding: 0; }
    .pop-picwow::before {
      background: none; }
    .pop-picwow .close {
      top: 0;
      right: -0.5rem; }
    .pop-picwow .tipbg {
      background: url(../images/tipbg.png) no-repeat center/5.95rem auto;
      height: 1.12rem;
      width: 5.95rem;
      color: #0addfe;
      font-size: .24rem;
      line-height: .3rem;
      text-align: center;
      top: 50%;
      left: 50%;
      margin-left: -2.975rem;
      margin-top: -0.56rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 .1rem; }
      .pop-picwow .tipbg .text {
        height: 100%; }
        .pop-picwow .tipbg .text p {
          width: 100%; }
  .pop-picdt {
    background: none;
    width: 10.8rem;
    height: 5.6rem;
    margin: -2.8rem 0 0 -5.4rem;
    padding: 0; }
    .pop-picdt::before {
      background: none; }
    .pop-picdt .close {
      top: 0;
      right: -0.5rem; }
    .pop-picdt .tipbg {
      background: url(../images/tipbg.png) no-repeat center/5.94rem auto;
      height: 1.11rem;
      width: 5.94rem;
      color: #dce3f4;
      font-size: .24rem;
      line-height: .3rem;
      text-align: center;
      top: 50%;
      left: 50%;
      margin-left: -2.975rem;
      margin-top: -0.55rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 .1rem; }
      .pop-picdt .tipbg .text {
        height: 100%; }
        .pop-picdt .tipbg .text p {
          width: 100%; }
  .pop-dh {
    background-image: url(../images/pop-dh-bg.png);
    width: 9.64rem;
    height: 4.52rem;
    margin: -2.26rem -5.3rem;
    padding: .18rem .16rem .23rem 1.12rem; }
    .pop-dh::before {
      background-image: url(../images/pop_lig2.png);
      width: 10.96rem;
      height: 9.18rem;
      left: -0.5rem; }
    .pop-dh .textwrap {
      width: 100%;
      height: 3.3rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0;
      position: relative;
      z-index: 2; }
    .pop-dh .hd .btn_rul {
      background: url(../images/btn_tip.png) no-repeat 100%/100%;
      width: .31rem;
      height: .31rem;
      display: inline-block;
      margin-left: .08rem;
      position: relative;
      top: .02rem; }
    .pop-dh .dhlf {
      width: 3.34rem;
      height: 100%;
      margin-right: .2rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-bottom: .1rem; }
      .pop-dh .dhlf .ico-tran {
        background: url(../images/ico_tran2.png) no-repeat 100%/100%;
        width: 3.34rem;
        height: .8rem;
        margin-bottom: .05rem;
        position: relative; }
        .pop-dh .dhlf .ico-tran .icoani {
          background: url(../images/css_bp.png) no-repeat -0.1rem -0.1rem/6rem auto;
          width: 1.8rem;
          height: 1rem;
          position: absolute;
          left: 0.13rem;
          top: -0.05rem; }
      .pop-dh .dhlf > p {
        width: 100%;
        font-size: .2rem;
        line-height: .27rem;
        color: #90542e;
        text-align: center; }
        .pop-dh .dhlf > p:nth-child(3), .pop-dh .dhlf > p:nth-child(2) {
          font-size: .23rem;
          line-height: .28rem; }
        .pop-dh .dhlf > p:nth-child(3) {
          margin-bottom: .07rem; }
        .pop-dh .dhlf > p i {
          display: inline-block;
          margin-right: .05rem; }
          .pop-dh .dhlf > p i.bp {
            background: url(../images/bp.png) no-repeat 100%/100%;
            width: .28rem;
            height: .25rem; }
          .pop-dh .dhlf > p i.ag {
            background: url(../images/ag.png) no-repeat 100%/100%;
            width: .28rem;
            height: .2rem; }
        .pop-dh .dhlf > p span:nth-child(1) {
          margin-right: .05rem; }
        .pop-dh .dhlf > p span:nth-child(3) {
          color: #61100c;
          width: .9rem;
          text-align: left;
          display: inline-block; }
      .pop-dh .dhlf .inpwrap {
        background: url(../images/bg_inp.png) no-repeat 100%/100%;
        width: 1.62rem;
        height: .34rem;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-right: .07rem; }
        .pop-dh .dhlf .inpwrap .btn_sub {
          background: url(../images/btn_sub.png) no-repeat 100%/100%;
          width: .34rem;
          height: .34rem; }
        .pop-dh .dhlf .inpwrap .btn_add {
          background: url(../images/btn_add.png) no-repeat 100%/100%;
          width: .34rem;
          height: .34rem; }
        .pop-dh .dhlf .inpwrap input {
          width: .9rem;
          height: 100%;
          color: #fff2e5;
          text-align: center;
          border: 0;
          background: none;
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          font-size: .2rem;
          line-height: .24rem;
          pointer-events: none; }
          .pop-dh .dhlf .inpwrap input::-webkit-input-placeholder {
            color: #fff2e5; }
          .pop-dh .dhlf .inpwrap input::-moz-placeholder {
            color: #fff2e5; }
          .pop-dh .dhlf .inpwrap input::-ms-input-placeholder {
            color: #fff2e5; }
      .pop-dh .dhlf .btn_max {
        background: url(../images/btn_max.png) no-repeat 100%/100%;
        width: .55rem;
        height: .34rem; }
        .pop-dh .dhlf .btn_max span {
          font-size: .2rem;
          line-height: .24rem;
          color: #92552e; }
      .pop-dh .dhlf .btn_dh {
        background: url(../images/btn_dh.png) no-repeat 100%/100%;
        width: 1.38rem;
        height: .4rem;
        margin-top: .13rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-top: .02rem;
        position: relative; }
        .pop-dh .dhlf .btn_dh span {
          font-size: .2rem;
          line-height: .3rem;
          color: #ab551f;
          text-align: center;
          position: relative;
          z-index: 2; }
        .pop-dh .dhlf .btn_dh .anidh2 {
          background: url(../images/css_dh2.png) no-repeat -0.1rem -5rem/6.6rem auto;
          width: 2rem;
          height: .5rem;
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          pointer-events: none; }
        .pop-dh .dhlf .btn_dh.gray {
          background-image: url(../images/btn_dh2.png);
          pointer-events: none; }
          .pop-dh .dhlf .btn_dh.gray span {
            color: #ffffff; }
          .pop-dh .dhlf .btn_dh.gray .anidh2 {
            display: none; }
    .pop-dh .dhrg {
      width: 4.35rem;
      height: 100%;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .pop-dh .dhrg .inner {
        width: 4.12rem;
        height: 2.9rem;
        background-color: #eed8c7;
        border-radius: .15rem 0 .15rem 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: .02rem;
        position: relative; }
      .pop-dh .dhrg .dh_tit {
        font-size: .26rem;
        line-height: .3rem;
        color: #90542e;
        text-align: center;
        height: .4rem;
        width: 100%; }
      .pop-dh .dhrg .dh_t {
        height: .42rem;
        position: relative;
        margin-bottom: .02rem; }
        .pop-dh .dhrg .dh_t div {
          background-color: #a77452;
          height: 100%; }
        .pop-dh .dhrg .dh_t p {
          font-size: .2rem;
          color: #eed8c7;
          line-height: .21rem; }
        .pop-dh .dhrg .dh_t .td1 {
          width: 1.94rem; }
        .pop-dh .dhrg .dh_t .td2 {
          width: 1.3rem;
          margin: 0 .02rem; }
          .pop-dh .dhrg .dh_t .td2 p {
            -webkit-transform: scale(0.9);
                    transform: scale(0.9); }
        .pop-dh .dhrg .dh_t .td3 {
          width: .8rem; }
      .pop-dh .dhrg .dhulwrap {
        height: 1.5rem; }
        .pop-dh .dhrg .dhulwrap .os-scrollbar {
          width: 0.05rem !important;
          right: -0.23rem !important;
          top: -0.4rem !important;
          padding: 0 !important; }
        .pop-dh .dhrg .dhulwrap .os-scrollbar-track {
          width: 0.05rem !important;
          height: 1.95rem !important;
          background: #b99677 !important;
          overflow: hidden;
          border-radius: 0rem !important; }
        .pop-dh .dhrg .dhulwrap .os-scrollbar-handle {
          background: #8a502c !important;
          overflow: hidden;
          border-radius: 0rem !important; }
        .pop-dh .dhrg .dhulwrap .os-theme-dark > .os-scrollbar, .pop-dh .dhrg .dhulwrap .os-theme-light > .os-scrollbar {
          padding: 0; }
        .pop-dh .dhrg .dhulwrap.os-host-overflow {
          overflow: visible !important; }
      .pop-dh .dhrg .dhul {
        border: 1px solid #d2b4a0; }
        .pop-dh .dhrg .dhul li {
          width: 100%;
          background-color: #d7b9a4;
          min-height: .51rem; }
          .pop-dh .dhrg .dhul li:nth-child(2n) {
            background-color: #c4a28a; }
        .pop-dh .dhrg .dhul .td1 {
          width: 1.9rem;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding-left: .02rem; }
          .pop-dh .dhrg .dhul .td1 p {
            width: 1.05rem;
            text-align: left;
            -webkit-transform: scale(0.9);
                    transform: scale(0.9);
            -webkit-transform-origin: 0 50%;
                    transform-origin: 0 50%; }
        .pop-dh .dhrg .dhul .td2 {
          width: 1.3rem;
          margin: 0 .02rem; }
        .pop-dh .dhrg .dhul .td3 {
          width: .8rem; }
        .pop-dh .dhrg .dhul p {
          font-size: .2rem;
          line-height: .26rem;
          color: #90542e; }
        .pop-dh .dhrg .dhul .tx {
          margin-right: .05rem;
          position: relative;
          width: .43rem;
          height: .43rem;
          border-radius: .02rem 0 .02rem 0;
          background: url(../images/bg_tx.png) no-repeat 100%/100%; }
          .pop-dh .dhrg .dhul .tx::after {
            content: "";
            background: url(../images/txk2.png) no-repeat 100%/100%;
            width: .45rem;
            height: .45rem;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%); }
      .pop-dh .dhrg .myinfo {
        background: url(../images/bg_my.png) no-repeat 100%/100%;
        width: 4.12rem;
        height: .52rem;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
        .pop-dh .dhrg .myinfo .td1 {
          width: 1.9rem;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding-left: .02rem; }
          .pop-dh .dhrg .myinfo .td1 p {
            width: 1.05rem;
            text-align: left;
            -webkit-transform: scale(0.9);
                    transform: scale(0.9);
            -webkit-transform-origin: 0 50%;
                    transform-origin: 0 50%; }
        .pop-dh .dhrg .myinfo .td2 {
          width: 1.3rem;
          margin: 0 .02rem; }
        .pop-dh .dhrg .myinfo .td3 {
          width: .8rem; }
        .pop-dh .dhrg .myinfo p {
          font-size: .2rem;
          line-height: .26rem;
          color: #61100c; }
        .pop-dh .dhrg .myinfo .tx {
          margin-right: .05rem;
          position: relative;
          width: .43rem;
          height: .43rem;
          border-radius: .02rem 0 .02rem 0;
          background: url(../images/bg_tx.png) no-repeat 100%/100%; }
          .pop-dh .dhrg .myinfo .tx::after {
            content: "";
            background: url(../images/txk2.png) no-repeat 100%/100%;
            width: .45rem;
            height: .45rem;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%); }

.picbox {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: 0;
  position: relative;
  background-color: #251641; }
  .picbox::-webkit-scrollbar {
    opacity: 0;
    width: 0; }
  .picbox .bgpic {
    width: 100%; }
  .picbox .mainpic {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .picbox .inner {
    position: relative;
    width: 100%; }
    .picbox .inner::after {
      content: "";
      background: url(../images/piclig.png) no-repeat 50% 0/100% auto;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
  .picbox .pic-tit {
    width: 10.78rem;
    height: 2.74rem;
    top: 5.56rem;
    left: 50%;
    margin: 0 0 0 -5.39rem;
    pointer-events: none;
    background: url(../images/title/en.png) no-repeat 100%/100%; }
  .picbox .logo {
    background: url(../images/logo.png) no-repeat 100%/100%;
    width: 1.21rem;
    height: .9rem; }
  .picbox .pic {
    margin-top: -0.04rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .picbox .pic .tit {
      font-size: .55rem;
      line-height: 1.1;
      position: relative;
      color: transparent;
      -webkit-background-clip: text;
      background-position: -1.98rem -2.81rem;
      background-size: 10.54rem auto;
      background-image: url(../images/pic-clip.png);
      margin-bottom: .2rem;
      position: relative;
      z-index: 2; }
    .picbox .pic .texts {
      position: relative; }
      .picbox .pic .texts .text-1 {
        font-size: .27rem;
        line-height: .45rem;
        color: #ffffff;
        position: relative;
        z-index: 2; }
        .picbox .pic .texts .text-1 span {
          color: #ffbd82; }
  .picbox .pic1 {
    min-height: 10.93rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: .24rem .23rem 3.5rem 5.56rem; }
    .picbox .pic1 .tit {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-right: .25rem; }
    .picbox .pic1::before {
      content: "";
      background: url(../images/pic2.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 17.76rem;
      position: absolute;
      left: 0;
      top: -3.65rem; }
    .picbox .pic1 .pic-line {
      background: url(../images/pic2_line.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 5rem;
      position: absolute;
      left: 0;
      bottom: 0; }
    .picbox .pic1 .texts::after {
      content: "";
      background: url(../images/pic_rg.png) no-repeat 50% 0/3.87rem auto;
      width: 3.87rem;
      height: 6.2rem;
      position: absolute;
      top: -0.24rem;
      right: -0.23rem; }
  .picbox .pic2 {
    min-height: 7.75rem;
    padding: .24rem 5.25rem 3rem .62rem; }
    .picbox .pic2::before {
      content: "";
      background: url(../images/pic3.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 13.48rem;
      position: absolute;
      left: 0;
      top: -3.45rem; }
    .picbox .pic2 .pic-line {
      background: url(../images/pic3_line.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 4.555rem;
      position: absolute;
      left: 0;
      bottom: 0.22rem; }
    .picbox .pic2 .texts::after {
      content: "";
      background: url(../images/pic_lf.png) no-repeat 100%/100%;
      width: 3.91rem;
      height: 5.5rem;
      position: absolute;
      top: -0.24rem;
      left: -0.62rem; }
  .picbox .pic3 {
    min-height: 8.37rem;
    padding: .24rem .52rem 3rem 5.36rem; }
    .picbox .pic3::before {
      content: "";
      background: url(../images/pic4.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 10.89rem;
      position: absolute;
      left: 0;
      top: -2.61rem; }
    .picbox .pic3 .texts::after {
      content: "";
      background: url(../images/pic_rg.png) no-repeat 100%/100%;
      width: 3.87rem;
      height: 6.3rem;
      position: absolute;
      top: -0.23rem;
      right: -0.52rem; }
    .picbox .pic3 .pic-line {
      background: url(../images/pic4_line.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 2.83rem;
      position: absolute;
      left: 0;
      bottom: -0.11rem; }
  .picbox .pic4 {
    min-height: 11.6rem;
    padding: 5.84rem 1.3rem 0; }
    .picbox .pic4::before {
      content: "";
      background: url(../images/pic5.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 21.63rem;
      position: absolute;
      left: 0;
      top: -1.57rem; }
    .picbox .pic4 .pic-line {
      background: url(../images/pic5_line.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 4.21rem;
      position: absolute;
      left: 0;
      bottom: 0; }
    .picbox .pic4 .texts .tit {
      text-align: center; }
  .picbox .pic5 {
    min-height: 10.4rem;
    padding: .24rem .3rem 2.9rem 4.51rem; }
    .picbox .pic5::before {
      content: "";
      background: url(../images/pic6.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 27.39rem;
      position: absolute;
      left: 0;
      top: -5.88rem; }
    .picbox .pic5 .pic-line {
      background: url(../images/pic6_line.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 5.32rem;
      position: absolute;
      left: 0;
      bottom: -0.66rem; }
    .picbox .pic5 .tit {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-right: .2rem; }
    .picbox .pic5 .texts::after {
      content: "";
      background: url(../images/pic_rg.png) no-repeat 100%/100%;
      width: 3.87rem;
      height: 6.3rem;
      position: absolute;
      top: -0.24rem;
      right: -0.23rem; }
  .picbox .pic_cor {
    position: relative;
    background: url(../images/pic_2.jpg) no-repeat 100%/100% 100%;
    width: 10.8rem; }
  .picbox .pic6 {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    padding-top: 6.06rem;
    padding-bottom: 1.11rem; }
    .picbox .pic6::before {
      content: "";
      background: url(../images/pic7.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 10.27rem;
      position: absolute;
      left: 0;
      top: -2.21rem; }
    .picbox .pic6 .tit {
      text-align: center; }
      .picbox .pic6 .tit::before {
        content: "";
        width: 10.8rem;
        height: 20.03rem;
        position: absolute;
        left: 0;
        top: -0.5rem; }
    .picbox .pic6 .info {
      margin-top: .15rem;
      position: relative;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      z-index: 2; }
      .picbox .pic6 .info li {
        width: 3.25rem;
        margin: .35rem .4rem;
        line-height: 1; }
        .picbox .pic6 .info li .tx {
          width: .94rem;
          height: .94rem;
          position: relative;
          margin: 0 auto; }
          .picbox .pic6 .info li .tx img {
            height: 100%;
            border-radius: 50%;
            overflow: hidden; }
          .picbox .pic6 .info li .tx:after {
            content: "";
            background: url(../images/txk.png) no-repeat 100%/100% 100%;
            width: 1.02rem;
            height: 1.02rem;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%); }
        .picbox .pic6 .info li .name {
          width: 100%;
          color: #ffbd82;
          font-size: .24rem;
          line-height: 1;
          margin: .1rem 0;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          text-align: center; }
        .picbox .pic6 .info li .txt {
          width: 100%;
          font-size: .23rem;
          line-height: .31rem;
          color: #ffffff;
          text-align: center; }
          .picbox .pic6 .info li .txt span {
            color: #ffbd82; }
    .picbox .pic6 .text-1 {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 1.3rem;
      font-size: .3rem;
      line-height: .6rem; }
      .picbox .pic6 .text-1 span {
        font-size: .41rem;
        color: #ffbd82; }
  .picbox .pic7 {
    padding: 0 2.3rem 0; }
    .picbox .pic7 .texts {
      text-align: center; }
      .picbox .pic7 .texts .text-1 {
        font-size: .3rem;
        line-height: .6rem; }
        .picbox .pic7 .texts .text-1 span {
          font-size: .41rem;
          color: #ffbd82; }
  .picbox .pic_last {
    background: url(../images/pic_3.jpg) no-repeat 100%/100%;
    width: 10.8rem;
    height: 11.96rem; }

.picboxwow {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: 0;
  position: relative;
  background-color: #052e55; }
  .picboxwow::-webkit-scrollbar {
    opacity: 0;
    width: 0; }
  .picboxwow .bgpic {
    width: 100%; }
  .picboxwow .mainpic {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .picboxwow .inner {
    position: relative;
    width: 100%; }
    .picboxwow .inner::after {
      content: "";
      background: url(../images/piclig.png) no-repeat 50% 0/100% auto;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
  .picboxwow .pic-tit {
    width: 10.8rem;
    height: 1.85rem;
    left: 50%;
    top: 1.21rem;
    margin-left: -5.4rem;
    pointer-events: none;
    background: url(../images/title/en.png) no-repeat 100%/100%; }
  .picboxwow .logo {
    background: url(../images/logo.png) no-repeat 50% 0/1.21rem auto;
    width: 1.21rem;
    height: .91rem;
    display: none; }
  .picboxwow .pic {
    margin-top: -0.04rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .picboxwow .pic .texts {
      position: relative; }
      .picboxwow .pic .texts .text-1 {
        font-size: .27rem;
        line-height: .45rem;
        color: #ffffff;
        position: relative;
        z-index: 2; }
        .picboxwow .pic .texts .text-1 span {
          color: #e6cf74;
          word-break: break-all; }
    .picboxwow .pic .pic-line {
      z-index: 2; }
  .picboxwow .pic1 {
    min-height: 11.54rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 4rem 6.1rem 2.8rem .85rem; }
    .picboxwow .pic1::before {
      content: "";
      background: url(../images/pic1.png?v=1.0) no-repeat 100%/100%;
      width: 10.8rem;
      height: 12.64rem;
      position: absolute;
      left: 0;
      top: 0rem; }
    .picboxwow .pic1 .pic-line {
      background: url(../images/pic1_line.png) no-repeat 100%/100%;
      width: 9.02rem;
      height: 2.26rem;
      position: absolute;
      left: 1.41rem;
      bottom: 1.06rem; }
  .picboxwow .pic2 {
    min-height: 8.62rem;
    padding: 0rem 6.1rem 3.7rem .85rem; }
    .picboxwow .pic2::before {
      content: "";
      background: url(../images/pic2.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 11.39rem;
      position: absolute;
      left: 0;
      top: -3.74rem; }
    .picboxwow .pic2 .pic-line {
      background: url(../images/pic2_line.png) no-repeat 100%/100%;
      width: 9.89rem;
      height: 2.23rem;
      position: absolute;
      left: .45rem;
      bottom: 1.66rem; }
  .picboxwow .pic3 {
    min-height: 9.37rem;
    padding: 0rem .35rem 0rem 6.65rem; }
    .picboxwow .pic3::before {
      content: "";
      background: url(../images/pic3.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 23.8rem;
      position: absolute;
      left: 0;
      top: -10.25rem; }
    .picboxwow .pic3 .pic-line {
      background: url(../images/pic3_line.png) no-repeat 100%/100%;
      width: 9.7rem;
      height: 2.48rem;
      position: absolute;
      left: .98rem;
      bottom: 1.49rem; }
  .picboxwow .pic4 {
    min-height: 9.58rem;
    padding: 0rem 6.2rem 0 .85rem; }
    .picboxwow .pic4::before {
      content: "";
      background: url(../images/pic4.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 25.6rem;
      position: absolute;
      left: 0;
      top: -7.37rem; }
    .picboxwow .pic4 .pic-line {
      background: url(../images/pic4_line.png) no-repeat 100%/100%;
      width: 10.18rem;
      height: 2.59rem;
      position: absolute;
      left: .75rem;
      bottom: .98rem; }
    .picboxwow .pic4 .texts .tit {
      text-align: center; }
  .picboxwow .pic5 {
    min-height: 8.8rem;
    padding: 0rem 6.2rem 0rem .85rem; }
    .picboxwow .pic5::before {
      content: "";
      background: url(../images/pic5.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 17.3rem;
      position: absolute;
      left: 0;
      top: -6.38rem; }
    .picboxwow .pic5 .pic-line {
      background: url(../images/pic5_line.png) no-repeat 100%/100%;
      width: 8.87rem;
      height: 1.86rem;
      position: absolute;
      left: 1.56rem;
      bottom: 1.08rem; }
  .picboxwow .pic6 {
    min-height: 9.26rem;
    padding: 0rem .35rem 0rem 6.6rem; }
    .picboxwow .pic6::before {
      content: "";
      background: url(../images/pic6.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 16.19rem;
      position: absolute;
      left: 0;
      top: -6.63rem; }
    .picboxwow .pic6 .pic-line {
      background: url(../images/pic6_line.png) no-repeat 100%/100%;
      width: 9.9rem;
      height: 2.24rem;
      position: absolute;
      left: .64rem;
      bottom: .05rem; }
  .picboxwow .pic7 {
    min-height: 12.2rem;
    padding: 0rem 1.9rem; }
    .picboxwow .pic7::before {
      content: "";
      background: url(../images/pic7.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 15.29rem;
      position: absolute;
      left: 0;
      bottom: 0; }
    .picboxwow .pic7 .texts {
      text-align: center; }

.picboxdt {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: 0;
  position: relative;
  background-color: #121728; }
  .picboxdt::-webkit-scrollbar {
    opacity: 0;
    width: 0; }
  .picboxdt .bgpic {
    width: 100%; }
  .picboxdt .mainpic {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .picboxdt .inner {
    position: relative;
    width: 100%; }
  .picboxdt .pic-tit {
    width: 10.80rem;
    height: 1.54rem;
    top: 4.53rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    pointer-events: none;
    background: url(../images/title/en.png) no-repeat 100%/100%; }
  .picboxdt .logo {
    background: url(../images/logo.png) no-repeat 100%/100%;
    width: 1.21rem;
    height: .9rem; }
  .picboxdt .pic {
    margin-top: -0.04rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .picboxdt .pic .texts {
      position: relative; }
      .picboxdt .pic .texts .text-1 {
        font-size: .27rem;
        line-height: .45rem;
        color: #ffffff;
        position: relative;
        z-index: 2; }
        .picboxdt .pic .texts .text-1 span {
          color: #e6cf74; }
  .picboxdt .pic1 {
    min-height: 8.83rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5.85rem 1.1rem 0; }
    .picboxdt .pic1::before {
      content: "";
      background: url(../images/pic1.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 8.83rem;
      position: absolute;
      left: 0;
      top: 0rem; }
    .picboxdt .pic1 .texts .text-1 {
      text-align: center; }
  .picboxdt .pic2 {
    min-height: 5.82rem;
    padding: 0rem .72rem 0rem 5.57rem; }
    .picboxdt .pic2::before {
      content: "";
      background: url(../images/pic2.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 13.04rem;
      position: absolute;
      left: 0;
      top: -5.73rem; }
    .picboxdt .pic2 .pic-line {
      background: url(../images/sm2.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 9.95rem;
      position: absolute;
      left: 0;
      top: -3.2rem; }
  .picboxdt .pic3 {
    min-height: 8.9rem;
    padding: 0rem 5.17rem 0rem .75rem; }
    .picboxdt .pic3::before {
      content: "";
      background: url(../images/pic3.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 14.8rem;
      position: absolute;
      left: 0;
      top: -5.29rem; }
    .picboxdt .pic3 .pic-line {
      background: url(../images/sm3.png) no-repeat 100%/100%;
      width: 3.34rem;
      height: 3.28rem;
      position: absolute;
      top: -3.08rem;
      right: 0; }
  .picboxdt .pic4 {
    min-height: 9.58rem;
    padding: 0rem 5.17rem 0rem .75rem; }
    .picboxdt .pic4::before {
      content: "";
      background: url(../images/pic4.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 13.92rem;
      position: absolute;
      left: 0;
      top: -5.77rem; }
    .picboxdt .pic4 .pic-line {
      background: url(../images/sm4.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 4.99rem;
      position: absolute;
      left: 0;
      top: -5.32rem; }
    .picboxdt .pic4 .texts .tit {
      text-align: center; }
  .picboxdt .pic5 {
    min-height: 3.12rem;
    padding: 0rem 2rem 0; }
    .picboxdt .pic5::before {
      content: "";
      background: url(../images/pic5.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 13.75rem;
      position: absolute;
      left: 0;
      top: -8.83rem; }
    .picboxdt .pic5 .pic-line {
      background: url(../images/sm5.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 9.99rem;
      position: absolute;
      left: 0;
      top: -6.71rem; }
    .picboxdt .pic5 .texts .text-1 {
      text-align: center; }
  .picboxdt .pic6 {
    min-height: 2.24rem;
    padding: 0rem 2rem 0; }
    .picboxdt .pic6::before {
      content: "";
      background: url(../images/pic6.png) no-repeat 100%/100%;
      width: 10.8rem;
      height: 8.52rem;
      position: absolute;
      left: 0;
      bottom: 0; }
    .picboxdt .pic6 .texts .text-1 {
      color: #dfc972;
      text-align: center; }

#sharePic {
  height: auto;
  overflow-y: hidden; }
  #sharePic .bulidimg {
    top: 0;
    left: 0; }
  #sharePic .pic .tit {
    color: #e2ab6c;
    background-image: none; }

/* 英语 */
@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_zh .pop-pic .pic .texts .text-1, .lang_zh .pop-pic .pic5 .text-1 {
  font-size: .3rem;
  line-height: .58rem; }
.lang_zh .picbox .pic-tit {
  background-image: url(../images/title/zh.png); }
.lang_zh .page4_2 .share-btn {
  padding-top: 0; }
.lang_zh .btn_start_wow {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: .02rem; }
.lang_zh .page1_1 .title, .lang_zh .picboxwow .pic-tit {
  background-image: url(../images/title/zh.png); }
.lang_zh .picboxdt .pic-tit {
  background-image: url(../images/title/zh.png); }

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

.lang_en .agb {
  font-family: "all-bold"; }
.lang_en .picbox .pic-tit {
  background-image: url(../images/title/en.png); }
.lang_en .page6_0 .text-1 {
  font-size: .2rem;
  line-height: .35rem; }
.lang_en .wrap .rollover {
  font-family: 'all';
  font-weight: bold; }
.lang_en .page .text-1 {
  line-height: .42rem; }
.lang_en .pop-dh .dhrg .myinfo .td1 p, .lang_en .pop-dh .dhrg .dhul .td1 p, .lang_en .page8_0 .text-1 span:nth-child(1), .lang_en .page .text-1, .lang_en .picbox .pic .texts .text-1, .lang_en .picbox .pic6 .info {
  font-family: 'all';
  font-weight: bold; }

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

.lang_ru .picbox .pic-tit {
  background-image: url(../images/title/ru.png); }
.lang_ru .page .text-1 {
  line-height: .4rem; }
.lang_ru .page1_1 .title, .lang_ru .picboxwow .pic-tit {
  background-image: url(../images/title/ru.png); }
.lang_ru .picboxdt .pic-tit {
  background-image: url(../images/title/ru.png); }

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

.lang_de .agb {
  font-weight: bold; }
.lang_de .picbox .pic-tit {
  background-image: url(../images/title/de.png); }
.lang_de .page .text-1 {
  font-size: .22rem;
  line-height: .4rem; }
.lang_de .pop-dh .dhrg .dh_t .td2 p {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 120%;
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }
.lang_de .page1_1 .title, .lang_de .picboxwow .pic-tit {
  background-image: url(../images/title/de.png); }
.lang_de .picboxdt .pic-tit {
  background-image: url(../images/title/de.png); }

/* 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_hk .picbox .pic-tit {
  background-image: url(../images/title/hk.png); }
.lang_hk .pop-pic .pic .texts .text-1, .lang_hk .pop-pic .pic5 .text-1 {
  font-size: .3rem;
  line-height: .58rem; }
.lang_hk .page1_0 .btn-review1 span, .lang_hk .page1_0 .btn-review2 span, .lang_hk .page1_0 .btn-review3 span {
  font-size: .2rem; }
.lang_hk .page1_1 .title, .lang_hk .picboxwow .pic-tit {
  background-image: url(../images/title/hk.png); }
.lang_hk .picboxdt .pic-tit {
  background-image: url(../images/title/hk.png); }

/* 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_tw .picbox .pic-tit {
  background-image: url(../images/title/tw.png); }
.lang_tw .pop-pic .pic .texts .text-1, .lang_tw .pop-pic .pic5 .text-1 {
  font-size: .3rem;
  line-height: .58rem; }
.lang_tw .page1_1 .title, .lang_tw .picboxwow .pic-tit {
  background-image: url(../images/title/tw.png); }
.lang_tw .picboxdt .pic-tit {
  background-image: url(../images/title/tw.png); }

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

.lang_th .picbox .pic-tit {
  background-image: url(../images/title/th.png); }
.lang_th .wrap .date {
  font-size: 0.2645rem; }
.lang_th .page .text-1 {
  font-size: 0.276rem; }
.lang_th .page1_1 .title, .lang_th .picboxwow .pic-tit {
  background-image: url(../images/title/th.png); }
.lang_th .picboxdt .pic-tit {
  background-image: url(../images/title/th.png); }

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

.lang_vi .agb {
  font-weight: bold; }
.lang_vi .picbox .pic-tit {
  background-image: url(../images/title/vi.png); }
.lang_vi .page .text-1 {
  line-height: .42rem; }
.lang_vi .page1_1 .title, .lang_vi .picboxwow .pic-tit {
  background-image: url(../images/title/vi.png); }
.lang_vi .picboxdt .pic-tit {
  background-image: url(../images/title/vi.png); }

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

.lang_id .agb {
  font-family: "all-bold"; }
.lang_id .picbox .pic-tit {
  background-image: url(../images/title/id.png); }
.lang_id .page .text-1 {
  line-height: .42rem; }
.lang_id .pop-dh .dhrg .myinfo .td1 p, .lang_id .pop-dh .dhrg .dhul .td1 p, .lang_id .page8_0 .text-1 span:nth-child(1), .lang_id .page .text-1, .lang_id .picbox .pic .texts .text-1, .lang_id .picbox .pic6 .info {
  font-family: 'all';
  font-weight: bold; }
.lang_id .page1_1 .title, .lang_id .picboxwow .pic-tit {
  background-image: url(../images/title/id.png); }
.lang_id .picboxdt .pic-tit {
  background-image: url(../images/title/id.png); }

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

.lang_pt .agb {
  font-weight: bold; }
.lang_pt .picbox .pic-tit {
  background-image: url(../images/title/pt.png); }
.lang_pt .pop-dh .dhrg .dh_t .td2 p {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 120%;
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }
.lang_pt .page1_0 .btn-review1 span, .lang_pt .page1_0 .btn-review2 span, .lang_pt .page1_0 .btn-review3 span {
  font-size: .25rem; }
.lang_pt .page .tit {
  font-size: .5rem; }
.lang_pt .page .text-1 {
  line-height: .42rem; }
.lang_pt .page1_1 .title, .lang_pt .picboxwow .pic-tit {
  background-image: url(../images/title/pt.png); }
.lang_pt .picboxdt .pic-tit {
  background-image: url(../images/title/pt.png); }

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

.lang_fr .agb {
  font-weight: bold; }
.lang_fr .picbox .pic-tit {
  background-image: url(../images/title/fr.png); }
.lang_fr .page1_1 .title, .lang_fr .picboxwow .pic-tit {
  background-image: url(../images/title/fr.png); }
.lang_fr .picboxdt .pic-tit {
  background-image: url(../images/title/fr.png); }

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

.lang_es .agb {
  font-weight: bold; }
.lang_es .picbox .pic-tit {
  background-image: url(../images/title/es.png); }
.lang_es .page .tit {
  font-size: .45rem; }
.lang_es .page .text-1 {
  line-height: .42rem; }
.lang_es .page1_1 .title, .lang_es .picboxwow .pic-tit {
  background-image: url(../images/title/es.png); }
.lang_es .picboxdt .pic-tit {
  background-image: url(../images/title/es.png); }

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

.lang_tr .picbox .pic-tit {
  background-image: url(../images/title/tr.png); }
.lang_tr .page1_1 .title, .lang_tr .picboxwow .pic-tit {
  background-image: url(../images/title/tr.png); }
.lang_tr .picboxdt .pic-tit {
  background-image: url(../images/title/tr.png); }
.lang_tr .page2_2 .texts {
  width: 8.7rem; }

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

.lang_ar .picbox .pic-tit {
  background-image: url(../images/title/ar.png); }
.lang_ar .page1_0 .reviewwrap {
  direction: ltr; }
  .lang_ar .page1_0 .reviewwrap a {
    direction: rtl; }
.lang_ar .page1_0 .btn-review1 i, .lang_ar .page1_0 .btn-review2 i, .lang_ar .page1_0 .btn-review3 i {
  margin-right: 0;
  margin-left: .15rem; }
.lang_ar .page1_0 .btn-review1 i {
  margin-right: 0;
  margin-left: .1rem; }
.lang_ar .pop-dh .dhlf {
  margin-right: 0;
  margin-left: .2rem; }
.lang_ar .pop-dh .dhlf .inpwrap {
  margin-right: 0;
  margin-left: .07rem; }
.lang_ar .pop-dh .hd .btn_rul {
  margin-left: 0;
  margin-right: .08rem; }
.lang_ar .pop-dh .dhlf > p i {
  margin-right: 0;
  margin-left: .05rem; }
.lang_ar .pop-rul .rulul li {
  text-align: right; }
.lang_ar .pop-dh .dhlf > p span:nth-child(3) {
  text-align: right; }
.lang_ar .page1_1 .title, .lang_ar .picboxwow .pic-tit {
  background-image: url(../images/title/ar.png); }
.lang_ar .picboxdt .pic-tit {
  background-image: url(../images/title/ar.png); }
.lang_ar .page5_1 .text-1 span, .lang_ar .page7_1 .text-1 span {
  white-space: nowrap; }
.lang_ar .page5_1 .text-1 .thrsort {
  white-space: inherit; }
  .lang_ar .page5_1 .text-1 .thrsort i {
    white-space: nowrap; }

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

.lang_my .agb {
  font-family: "all-bold"; }
.lang_my .picbox .pic-tit {
  background-image: url(../images/title/ms.png); }
.lang_my .page .tit {
  font-size: .45rem; }
.lang_my .page .text-1 {
  line-height: .42rem; }
.lang_my .pop-dh .dhrg .myinfo .td1 p, .lang_my .pop-dh .dhrg .dhul .td1 p, .lang_my .page8_0 .text-1 span:nth-child(1), .lang_my .page .text-1, .lang_my .picbox .pic .texts .text-1, .lang_my .picbox .pic6 .info {
  font-family: 'all';
  font-weight: bold; }
.lang_my .page1_1 .title, .lang_my .picboxwow .pic-tit {
  background-image: url(../images/title/my.png); }
.lang_my .picboxdt .pic-tit {
  background-image: url(../images/title/my.png); }

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

.lang_uz .picbox .pic-tit {
  background-image: url(../images/title/uz.png?v=1.2); }
.lang_uz .page .text-1 {
  line-height: .4rem; }
.lang_uz .pop-dh .dhlf .btn_max span {
  -webkit-transform: scale(0.7);
          transform: scale(0.7); }
.lang_uz .pop-dh .dhrg .dh_t .td2 p {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 120%;
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }
.lang_uz .page1_1 .title, .lang_uz .picboxwow .pic-tit {
  background-image: url(../images/title/uz.png?v=1.0); }
.lang_uz .picboxdt .pic-tit {
  background-image: url(../images/title/uz.png); }

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

.lang_ur .picbox .pic-tit {
  background-image: url(../images/title/ur.png); }
.lang_ur .page1_0 .reviewwrap {
  direction: ltr; }
  .lang_ur .page1_0 .reviewwrap a {
    direction: rtl; }
.lang_ur .page1_0 .btn-review1 i, .lang_ur .page1_0 .btn-review2 i, .lang_ur .page1_0 .btn-review3 i {
  margin-right: 0;
  margin-left: .15rem; }
.lang_ur .page1_0 .btn-review1 i {
  margin-right: 0;
  margin-left: .1rem; }
.lang_ur .pop-dh .dhlf {
  margin-right: 0;
  margin-left: .2rem; }
.lang_ur .pop-dh .dhlf .inpwrap {
  margin-right: 0;
  margin-left: .07rem; }
.lang_ur .pop-dh .hd .btn_rul {
  margin-left: 0;
  margin-right: .08rem; }
.lang_ur .pop-dh .dhlf > p i {
  margin-right: 0;
  margin-left: .05rem; }
.lang_ur .pop-rul .rulul li {
  text-align: right; }
.lang_ur .pop-dh .dhlf .btn_max span {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  width: 170%;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
.lang_ur .page .tit {
  font-size: .5rem; }
.lang_ur .pop-dh .dhlf > p span:nth-child(3) {
  text-align: right; }
.lang_ur .page1_1 .title, .lang_ur .picboxwow .pic-tit {
  background-image: url(../images/title/ur.png); }
.lang_ur .picboxdt .pic-tit {
  background-image: url(../images/title/ur.png); }
.lang_ur .page5_1 .text-1 span, .lang_ur .page7_1 .text-1 span {
  white-space: nowrap; }
.lang_ur .page5_1 .text-1 .thrsort {
  white-space: inherit; }
  .lang_ur .page5_1 .text-1 .thrsort i {
    white-space: nowrap; }

.__login_pass {
  z-index: 999; }
  .__login_pass img {
    width: auto; }