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

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

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

ul {
  list-style: none; }

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

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  -webkit-appearance: none; }

input, textarea, select {
  *font-size: 100%; }

a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  color: #fff; }

* {
  outline: none; }

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

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center; }

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

.upp {
  text-transform: uppercase; }

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

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

.warp, .wrap {
  width: 10.8rem;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  position: relative; }

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

.topbar {
  width: 10.8rem;
  height: 1.34rem;
  background: #000;
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -5.4rem;
  z-index: 99;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 .4rem 0 .35rem; }
  .topbar .logo {
    width: 2.42rem; }
  .topbar .links a {
    color: #cac0a9;
    font-size: .3rem;
    line-height: .48rem; }
  .topbar .links .btn_home {
    margin-right: .78rem; }

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

.warp.pc .btn_upload {
  pointer-events: none; }

.wrap .main {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 1px;
  background: url(../long_cache_30d/images/bg.jpg) no-repeat 50% 1.34rem;
  background-size: 10.8rem auto; }
.wrap .slogan {
  width: 6.24rem;
  height: 3.16rem;
  top: 4.57rem;
  left: 2.28rem; }
.wrap .btns {
  width: .54rem;
  top: 1.52rem;
  right: .32rem; }
  .wrap .btns a {
    display: block;
    width: .54rem;
    position: relative;
    margin-bottom: .28rem; }
    .wrap .btns a i {
      display: block;
      width: .54rem;
      height: .54rem; }
  .wrap .btns p {
    width: 1.04rem;
    color: #fff2c6;
    font-size: .3rem;
    line-height: 1.2;
    text-align: center;
    text-shadow: -1px 0 0 #000, 0 -1px 0 #000, 1px 0 0 #000, 0 1px 0 #000;
    position: relative;
    margin: .04rem -.25rem 0;
    text-align: center; }
.wrap .btn_music.playing i {
  -webkit-animation: music 10s linear infinite;
          animation: music 10s linear infinite; }
@-webkit-keyframes music {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg); } }
@keyframes music {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg); } }
.wrap .btn_music i {
  background-image: url(../long_cache_30d/images/btn_music.png); }
.wrap .btn_rule i {
  background-image: url(../long_cache_30d/images/btn_rule.png); }
.wrap .btn_language i {
  background-image: url(../long_cache_30d/images/btn_lang.png); }
.wrap .language_ls {
  width: 1.0rem;
  background: #000;
  border-top: solid .03rem #ffb60e;
  top: 4.0rem;
  right: .98rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .2rem .1rem;
  z-index: 6;
  display: none;
  font-family: 'all-bold'; }
  .wrap .language_ls a {
    display: block;
    font-size: .4rem;
    line-height: .8rem;
    color: #a4a4a4;
    text-align: center; }
    .wrap .language_ls a.on, .wrap .language_ls a:hover {
      color: #ffb60e; }
    .wrap .language_ls a:not(:last-child) {
      border-bottom: solid 1px #a4a4a4; }
  .wrap .language_ls.show {
    display: block; }
.wrap .upload {
  width: 10.47rem;
  height: 4.36rem;
  margin: 7.85rem auto 0;
  position: relative; }
.wrap .btn_upload {
  background: url(../long_cache_30d/images/btn_upload.png) no-repeat 100%/100%;
  width: 100%;
  height: 100%;
  display: block;
  position: relative; }
  .wrap .btn_upload .file {
    width: 100%;
    height: 100%;
    font-size: 100%;
    outline: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer; }
.wrap .upload_box {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 .3rem;
  text-align: center;
  top: 3.06rem;
  left: 0; }
  .wrap .upload_box .upload_text {
    color: #b68c40;
    font-size: .45rem;
    line-height: .55rem; }
  .wrap .upload_box .upload_tip {
    color: #4d2e11;
    font-size: .26rem;
    line-height: .32rem;
    padding-top: .1rem; }
.wrap .poster {
  width: 100%;
  margin-top: .52rem;
  position: relative; }
  .wrap .poster_hd {
    height: auto;
    position: relative; }
  .wrap .poster_tit {
    line-height: .45rem; }
    .wrap .poster_tit i {
      width: .66rem;
      height: .15rem; }
    .wrap .poster_tit .il {
      background-image: url(../long_cache_30d/images/il.png); }
    .wrap .poster_tit .ir {
      background-image: url(../long_cache_30d/images/ir.png); }
    .wrap .poster_tit span {
      color: #f6f1ca;
      font-size: .35rem;
      line-height: .45rem;
      margin: 0 .18rem; }
  .wrap .poster .btn_ref {
    height: .45rem;
    top: 0;
    right: .16rem; }
    .wrap .poster .btn_ref:before {
      content: "";
      background: url(../long_cache_30d/images/ico_ref.png) no-repeat 100%/100%;
      width: .27rem;
      height: .25rem;
      position: relative;
      top: .03rem;
      margin: 0 .1rem; }
    .wrap .poster .btn_ref span {
      color: #b5a17e;
      font-size: .35rem;
      line-height: .45rem; }
  .wrap .poster_ul {
    margin-top: .29rem; }
    .wrap .poster_ul li {
      background: url(../long_cache_30d/images/poster_pic.png) no-repeat 100%/100%;
      width: 2.47rem;
      height: 4.16rem;
      margin: 0 .09rem; }
      .wrap .poster_ul li .poster_img {
        width: 2.12rem;
        height: 3.77rem;
        position: relative; }
        .wrap .poster_ul li .poster_img img {
          height: 100%; }
      .wrap .poster_ul li .poster_cov1, .wrap .poster_ul li .poster_cov2 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0; }
        .wrap .poster_ul li .poster_cov1 img, .wrap .poster_ul li .poster_cov2 img {
          height: 100%; }
      .wrap .poster_ul li .poster_tip {
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        padding: .04rem;
        bottom: .6rem;
        left: .04rem;
        color: #ffd26a;
        font-size: .2rem;
        -webkit-transform: scale(0.85);
                transform: scale(0.85);
        -webkit-transform-origin: 0% 0%;
                transform-origin: 0% 0%;
        border-radius: .06rem; }
.wrap .tips {
  color: #b5a17e;
  font-size: .35rem;
  line-height: .49rem;
  text-align: center;
  padding: .88rem .3rem .56rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .wrap .tips span {
    color: #f5a824;
    font-size: .49rem;
    margin: 0 .1rem; }
.wrap .record {
  width: 100%;
  top: 7.16rem;
  line-height: .55rem;
  left: 0;
  text-align: center; }
  .wrap .record a {
    color: #f8a824;
    font-size: .35rem;
    border-bottom: solid 1px #f8a824; }
  .wrap .record span {
    color: #f8a824;
    font-size: .35rem; }
.wrap .privacy a {
  color: #b5a17e;
  font-size: .35rem;
  line-height: .55rem;
  border-bottom: solid 1px #b5a17e; }

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

.pop {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: none;
  outline: none;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .pop .btn_close {
    background-image: url(../long_cache_30d/images/close.png);
    width: .44rem;
    height: .44rem;
    top: .44rem;
    right: .4rem; }
    .pop .btn_close:before {
      content: "";
      width: .64rem;
      height: .44rem;
      position: absolute;
      top: -0.1rem;
      left: -0.1rem; }
  .pop .tit {
    color: #000;
    font-size: .72rem;
    line-height: .92rem;
    padding-top: .88rem; }
    .pop .tit.line {
      background: url(../long_cache_30d/images/tit_line.png) no-repeat;
      background-size: 7.31rem auto;
      background-position: 50% 100%;
      padding-bottom: .4rem; }
  .pop .textwrap {
    margin-top: .3rem;
    height: 4.6rem; }
    .pop .textwrap .text {
      max-height: 100%;
      color: #100d07;
      font-size: .36rem;
      line-height: .48rem;
      padding: 0 .7rem;
      text-align: center;
      overflow: hidden;
      overflow-y: auto;
      scrollbar-width: none; }
      .pop .textwrap .text::-webkit-scrollbar {
        height: 0;
        display: none; }
      .pop .textwrap .text span {
        color: #f87813; }
  .pop .os-scrollbar {
    width: 0.06rem !important;
    right: 0.3rem !important;
    top: 0 !important;
    padding: 0; }
  .pop .os-scrollbar-track {
    width: 0.06rem !important;
    background: #FFF !important;
    overflow: hidden;
    border-radius: 0.03rem !important; }
  .pop .os-scrollbar-handle {
    background: #000 !important;
    overflow: hidden;
    border-radius: 0.03rem !important; }
  .pop_ai {
    background-image: url(../long_cache_30d/images/pop_ai_bg.png);
    width: 9.12rem;
    height: 12.84rem;
    margin: -6.42rem 0 0 -4.56rem;
    padding-top: 0; }
    .pop_ai .img_wrap {
      position: relative;
      margin-bottom: .66rem; }
      .pop_ai .img_wrap .btn_prev, .pop_ai .img_wrap .btn_next {
        width: .46rem;
        height: .78rem;
        position: absolute;
        top: 50%;
        margin-top: -0.39rem; }
      .pop_ai .img_wrap .btn_prev {
        background-image: url(../long_cache_30d/images/btn_prev.png);
        left: -0.28rem; }
      .pop_ai .img_wrap .btn_next {
        background-image: url(../long_cache_30d/images/btn_next.png);
        right: -0.28rem; }
    .pop_ai .img_sel {
      width: 7.68rem;
      margin: 0 auto;
      padding-top: 1.32rem;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -3.84rem;
      pointer-events: none;
      opacity: 0; }
      .pop_ai .img_sel.show {
        pointer-events: auto;
        opacity: 1; }
      .pop_ai .img_sel .img_upload {
        width: 4.0rem;
        height: 4.0rem;
        margin: 0 auto;
        overflow: hidden;
        -webkit-mask-image: url(../long_cache_30d/images/mask1.png);
                mask-image: url(../long_cache_30d/images/mask1.png);
        -webkit-mask-size: 4.0rem auto;
                mask-size: 4.0rem auto; }
      .pop_ai .img_sel .upload_img {
        width: 100%;
        height: 100%; }
      .pop_ai .img_sel .upload_tip {
        height: 1.18rem;
        color: #4e381e;
        font-size: .44rem;
        line-height: .56rem;
        text-align: center;
        margin: .56rem 0 .06rem; }
      .pop_ai .img_sel .btn_ai {
        background-image: url(../long_cache_30d/images/btn_ai.png);
        width: 7.45rem;
        height: 1.57rem;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-bottom: .03rem; }
        .pop_ai .img_sel .btn_ai span {
          color: #FFF;
          font-size: .75rem; }
    .pop_ai .img_swiper {
      width: 7.0rem;
      overflow: hidden; }
      .pop_ai .img_swiper .swiper-slide {
        width: 1.65rem;
        height: 2.93rem; }
      .pop_ai .img_swiper .img {
        background-image: url(../long_cache_30d/images/img_pic.png);
        width: 1.65rem;
        height: 2.93rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-bottom: .02rem; }
        .pop_ai .img_swiper .img img {
          width: 1.43rem;
          height: 2.62rem;
          -webkit-filter: grayscale(100%);
                  filter: grayscale(100%);
          cursor: pointer; }
        .pop_ai .img_swiper .img.on img {
          -webkit-filter: grayscale(0);
                  filter: grayscale(0); }
    .pop_ai .ai_wait {
      width: 8.47rem;
      height: 100%;
      margin: 0 auto;
      padding-top: 1.08rem;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -4.235rem;
      pointer-events: none;
      opacity: 0; }
      .pop_ai .ai_wait.show {
        pointer-events: auto;
        opacity: 1; }
    .pop_ai .ai_imgwrap {
      width: 8.47rem;
      height: 8.21rem;
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: solid 1px #907444;
      background: #f2e6d1;
      padding-top: .1rem; }
    .pop_ai .ai_swiper {
      width: 100%;
      height: 7.34rem;
      overflow: hidden; }
      .pop_ai .ai_swiper .img {
        width: 8.26rem;
        height: 4.65rem;
        overflow: hidden;
        margin: 0 auto; }
        .pop_ai .ai_swiper .img img {
          height: 100%; }
      .pop_ai .ai_swiper .desc {
        width: 8.26rem;
        height: 2.5rem;
        color: #100d07;
        font-size: .36rem;
        line-height: .48rem;
        margin: .25rem auto 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 .1rem;
        overflow: hidden;
        overflow-y: auto; }
      .pop_ai .ai_swiper .os-scrollbar {
        width: 0.12rem !important;
        right: 0 !important;
        top: 0 !important; }
      .pop_ai .ai_swiper .os-scrollbar-track {
        width: 0.12rem !important;
        background: #f8f1e4 !important;
        overflow: hidden;
        border-radius: 0.06rem !important; }
      .pop_ai .ai_swiper .os-scrollbar-handle {
        background: #d4c4b1 !important;
        overflow: hidden;
        border-radius: 0.06rem !important; }
      .pop_ai .ai_swiper .os-theme-dark > .os-scrollbar, .pop_ai .ai_swiper .os-theme-light > .os-scrollbar {
        width: 0.12rem !important;
        padding: 0; }
    .pop_ai .ai_paganation {
      margin: .27rem auto .22rem; }
      .pop_ai .ai_paganation .swiper-pagination-bullet {
        width: .28rem;
        height: .28rem;
        background: #848484;
        opacity: 1;
        margin: 0 .15rem; }
      .pop_ai .ai_paganation .swiper-pagination-bullet-active {
        background: #f3720e; }
    .pop_ai .ai_tip, .pop_ai .progress_tip {
      color: #100d07;
      font-size: .3rem;
      line-height: .36rem;
      text-align: center; }
    .pop_ai .progress_tip1 {
      margin-top: .8rem; }
    .pop_ai .ai_progress {
      width: 3.68rem;
      height: .2rem;
      margin: .32rem auto; }
      .pop_ai .ai_progress .ai_progress_bg {
        width: 100%;
        height: 100%;
        border-radius: .1rem;
        background: #5c5c5c; }
      .pop_ai .ai_progress .ai_progress_cur {
        height: 100%;
        background: #ef6c0e;
        border-radius: .1rem; }
    .pop_ai.adv {
      background-image: url(../long_cache_30d/images/pop_ai_bg2.png);
      height: 10.98rem;
      margin-top: -5.49rem; }
      .pop_ai.adv .ai_imgwrap {
        height: 4.89rem; }
      .pop_ai.adv .ai_swiper {
        height: 8.6rem; }
      .pop_ai.adv .ai_swiper .desc {
        margin-top: 1.0rem; }
      .pop_ai.adv .progress_tip, .pop_ai.adv .ai_progress {
        display: none; }
      .pop_ai.adv .ai_paganation {
        position: absolute;
        width: 100%;
        top: 5.18rem;
        left: 0;
        margin: 0; }
      .pop_ai.adv .os-scrollbar-track {
        background: #f2e6d1 !important; }
  .pop_share_pic {
    background: #020200;
    width: 100vw;
    height: 100%;
    top: 0 !important;
    margin-left: -50vw;
    overflow: hidden; }
    .pop_share_pic .btn_close {
      background-image: url(../long_cache_30d/images/btn_close.png);
      top: 50%;
      margin-top: -9.0rem;
      right: 0.3rem; }
    .pop_share_pic .share_in {
      width: 100%;
      height: 100%; }
    .pop_share_pic .wx_tip {
      background-image: url(../long_cache_30d/images/wx_tip.png);
      width: 9.12rem;
      height: 1.61rem;
      font-size: .36rem;
      position: absolute;
      left: 50%;
      top: -.28rem;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      .pop_share_pic .wx_tip p {
        width: 100%;
        height: 100%;
        color: #100d07;
        font-size: .46rem; }
      .pop_share_pic .wx_tip .tip_close {
        background-image: url(../long_cache_30d/images/close.png);
        width: .44rem;
        height: .44rem;
        top: .3rem;
        right: .4rem; }
    .pop_share_pic .share_imgwrap {
      width: 8.44rem;
      height: 15rem;
      margin: .4rem auto .66rem;
      position: relative; }
      .pop_share_pic .share_imgwrap:before {
        content: '';
        background: url(../long_cache_30d/images/pop_share_pic.png) no-repeat 100%/100%;
        width: 8.94rem;
        height: 15.63rem;
        position: absolute;
        top: -0.31rem;
        left: -0.24rem;
        pointer-events: none; }
    .pop_share_pic .share_img {
      width: 100%;
      height: 100%;
      position: relative; }
      .pop_share_pic .share_img img {
        width: 100%; }
      .pop_share_pic .share_img .poster_cov1, .pop_share_pic .share_img .poster_cov2 {
        position: absolute;
        top: 0;
        left: 0; }
    .pop_share_pic .certificateBox_share_img {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0; }
    .pop_share_pic .poster_tip {
      width: 60%;
      background: rgba(0, 0, 0, 0.7);
      padding: .1rem;
      bottom: 2.0rem;
      left: .34rem;
      color: #ffd26a;
      font-size: .3rem;
      border-radius: .06rem; }
    .pop_share_pic .share_btns {
      width: 100%; }
      .pop_share_pic .share_btns a {
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 4.37rem;
        height: 1.08rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin: 0 .11rem;
        font-size: .33rem;
        line-height: .4rem; }
      .pop_share_pic .share_btns .btn_regenerata {
        background-image: url(../long_cache_30d/images/btn_regenerata.png); }
        .pop_share_pic .share_btns .btn_regenerata span {
          color: #b9a481; }
      .pop_share_pic .share_btns .btn_save {
        background-image: url(../long_cache_30d/images/btn_save.png); }
        .pop_share_pic .share_btns .btn_save span {
          color: #FFF; }
      .pop_share_pic .share_btns .jt {
        background-image: url(../long_cache_30d/images/jt.png);
        width: .33rem;
        height: .12rem;
        margin-right: .15rem; }
    .pop_share_pic .btn_news {
      background-image: url(../long_cache_30d/images/btn_news.png);
      width: 1.27rem;
      height: 1.34rem;
      width: 1.67rem;
      height: 1.76rem;
      right: -0.78rem;
      bottom: 2.94rem;
      right: -.98rem;
      bottom: 2.72rem;
      color: #FFF;
      font-size: .36rem;
      line-height: .44rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 .2rem;
      text-align: center; }
    .pop_share_pic .share_pt {
      padding-top: .4rem; }
      .pop_share_pic .share_pt .ico_share {
        background-image: url(../long_cache_30d/images/ico_share.png);
        width: .4rem;
        height: .4rem;
        margin-right: .2rem; }
      .pop_share_pic .share_pt span {
        color: #b9a481;
        font-size: .39rem;
        pointer-events: none;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
  .pop_rule {
    background-image: url(../long_cache_30d/images/pop_rule_bg.png);
    width: 9.12rem;
    height: 12.84rem;
    margin: -6.42rem 0 0 -4.56rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .pop_rule .tit {
      padding-top: 1.5rem; }
    .pop_rule .rule_ls {
      width: 100%;
      height: 8.6rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 .7rem;
      margin-top: .6rem; }
      .pop_rule .rule_ls li {
        color: #100d07;
        font-size: .36rem;
        line-height: .48rem; }
        .pop_rule .rule_ls li:not(:last-child) {
          padding-bottom: .12rem; }
  .pop_bigimg {
    background-image: none;
    width: 8rem;
    height: 14.14rem;
    border: solid .05rem #f6efde;
    margin: -7.07rem 0 0 -4rem; }
    .pop_bigimg .btn_close {
      background-image: url(../long_cache_30d/images/btn_close.png);
      top: -.1rem;
      right: -.64rem; }
    .pop_bigimg .bigimg {
      height: 100%;
      overflow: hidden;
      background: #FFF;
      position: relative; }
      .pop_bigimg .bigimg img {
        height: 100%; }
      .pop_bigimg .bigimg .poster_cov1, .pop_bigimg .bigimg .poster_cov2 {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0; }
      .pop_bigimg .bigimg .poster_tip {
        width: 60%;
        background: rgba(0, 0, 0, 0.7);
        padding: .1rem;
        bottom: 2.8rem;
        left: .34rem;
        color: #ffd26a;
        font-size: .3rem;
        border-radius: .06rem; }
  .pop_comm {
    background-image: url(../long_cache_30d/images/pop_comm_bg.png);
    width: 9.12rem;
    height: 7.88rem;
    margin: -3.94rem 0 0 -4.56rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pop_upload {
    background-image: url(../long_cache_30d/images/pop_comm_bg.png);
    width: 9.12rem;
    height: 7.88rem;
    margin: -3.94rem 0 0 -4.56rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .pop_upload .textwrap {
      height: 3.4rem;
      margin-bottom: .3rem; }
    .pop_upload .btns {
      width: 7.94rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 0 auto; }
      .pop_upload .btns a {
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 3.88rem;
        height: .96rem;
        font-size: .36rem;
        line-height: 1.2; }
      .pop_upload .btns .btn_qx {
        background-image: url(../long_cache_30d/images/btn_regenerata.png); }
        .pop_upload .btns .btn_qx span {
          color: #b9a481; }
      .pop_upload .btns .btn_qd {
        background-image: url(../long_cache_30d/images/btn_save.png); }
        .pop_upload .btns .btn_qd span {
          color: #FFF; }
  .pop_record {
    background-image: url(../long_cache_30d/images/pop_record.png);
    width: 9.12rem;
    height: 12.84rem;
    margin: -6.42rem 0 0 -4.56rem; }
    .pop_record .record_tit {
      color: #000000;
      font-size: .72rem;
      line-height: .92rem;
      padding-top: .7rem;
      text-align: center; }
    .pop_record .record_wrap {
      width: 100%;
      margin-top: .1rem; }
      .pop_record .record_wrap.nothing .record_list {
        display: none; }
      .pop_record .record_wrap.nothing .record_nothing {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .pop_record .record_list {
      width: 5.86rem;
      margin: 0 auto;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .pop_record .record_list li {
        background: url(../long_cache_30d/images/record_pic.png) no-repeat 100%/100%;
        width: 2.81rem;
        height: 4.76rem;
        margin-top: .28rem;
        position: relative; }
        .pop_record .record_list li .bigimg {
          width: 2.44rem;
          height: 4.34rem;
          position: relative; }
          .pop_record .record_list li .bigimg img {
            height: 100%; }
      .pop_record .record_list .poster_cov1, .pop_record .record_list .poster_cov2 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0; }
        .pop_record .record_list .poster_cov1 img, .pop_record .record_list .poster_cov2 img {
          height: 100%; }
      .pop_record .record_list .poster_tip {
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        padding: .04rem;
        bottom: .66rem;
        left: .06rem;
        color: #ffd26a;
        font-size: .2rem;
        -webkit-transform: scale(0.85);
                transform: scale(0.85);
        -webkit-transform-origin: 0% 0%;
                transform-origin: 0% 0%;
        border-radius: .06rem; }
    .pop_record .record_nothing {
      width: 100%;
      height: 10.08rem;
      text-align: center;
      padding: 0 .4rem;
      color: #100d07;
      font-size: .3rem;
      line-height: .36rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: none; }
  .pop_example {
    background-image: url(../long_cache_30d/images/pop_ai_bg.png);
    width: 9.12rem;
    height: 12.84rem;
    margin: -6.42rem 0 0 -4.56rem;
    padding-top: 0; }
    .pop_example .tit {
      padding-top: .5rem; }
    .pop_example .example_txs {
      height: 3.92rem;
      padding-top: .36rem;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start; }
      .pop_example .example_txs li {
        width: 3.42rem; }
    .pop_example .example_tx_img {
      width: 3.05rem;
      height: 2.92rem;
      margin: 0 auto; }
    .pop_example .example_tx_txt {
      line-height: .4rem;
      padding-top: .2rem; }
      .pop_example .example_tx_txt .ico_rg {
        background-image: url(../long_cache_30d/images/ico_rg.png);
        width: .29rem;
        height: .24rem;
        margin: 0 .03rem; }
      .pop_example .example_tx_txt span {
        color: #000000;
        font-size: .3rem;
        max-width: 2.5rem; }
    .pop_example .btn_know {
      background-image: url(../long_cache_30d/images/btn_know.png);
      width: 4.37rem;
      height: 1.08rem;
      margin: .34rem auto 0;
      position: relative; }
      .pop_example .btn_know span {
        color: #FFF;
        font-size: .33rem;
        line-height: 1.2; }
      .pop_example .btn_know .file {
        width: 100%;
        height: 100%;
        font-size: 100%;
        outline: 0;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer; }
    .pop_example .example_pravicy {
      width: 7.31rem;
      height: 4.0rem;
      margin: 0 auto .3rem;
      padding: 0 .5rem; }
      .pop_example .example_pravicy .os-scrollbar {
        width: 0.12rem !important;
        right: 0 !important;
        top: 0 !important; }
      .pop_example .example_pravicy .os-scrollbar-track {
        width: 0.12rem !important;
        background: #FFF !important;
        overflow: hidden;
        border-radius: 0.06rem !important; }
      .pop_example .example_pravicy .os-scrollbar-handle {
        background: #d4c4b1 !important;
        overflow: hidden;
        border-radius: 0.06rem !important; }
      .pop_example .example_pravicy .os-theme-dark > .os-scrollbar, .pop_example .example_pravicy .os-theme-light > .os-scrollbar {
        width: 0.12rem !important;
        padding: 0; }
      .pop_example .example_pravicy_txt {
        color: #000000;
        font-size: .3rem;
        line-height: .48rem; }
        .pop_example .example_pravicy_txt a {
          color: #000;
          border-bottom: solid 1px #000; }
      .pop_example .example_pravicy .tit {
        margin-bottom: .2rem; }
    .pop_example .example_pravicy_agree {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin: .2rem 0 0 .8rem; }
      .pop_example .example_pravicy_agree label {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
        .pop_example .example_pravicy_agree label input {
          background: url(../long_cache_30d/images/check.png) no-repeat 100%/100%;
          width: .35rem;
          height: .35rem;
          margin: 0 .13rem;
          border: 0;
          border-radius: 0; }
          .pop_example .example_pravicy_agree label input:checked {
            background-image: url(../long_cache_30d/images/checked.png); }
        .pop_example .example_pravicy_agree label a, .pop_example .example_pravicy_agree label span {
          color: #000000;
          font-size: .3rem;
          line-height: .35rem; }
        .pop_example .example_pravicy_agree label a {
          border-bottom: solid 1px #000;
          max-width: 7.0rem; }
    .pop_example .btns {
      margin-top: .4rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .pop_example .btns a {
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 3.56rem;
        height: .88rem;
        font-size: .36rem;
        line-height: 1.2; }
      .pop_example .btns .btn_qx {
        background-image: url(../long_cache_30d/images/btn_regenerata.png); }
        .pop_example .btns .btn_qx span {
          color: #b9a481; }
      .pop_example .btns .btn_qd {
        background-image: url(../long_cache_30d/images/btn_save.png); }
        .pop_example .btns .btn_qd span {
          color: #FFF; }

.pop_tips {
  background: url(../long_cache_30d/images/pop_tips_bg.png) no-repeat 100%/100%;
  width: 6.07rem;
  height: 0.96rem;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1000;
  display: none;
  text-align: center; }
  .pop_tips p {
    height: 100%;
    color: #FFF;
    font-size: 0.4rem; }

.clipavatar {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1001;
  display: none; }
  .clipavatar.show {
    display: block; }
  .clipavatar .btn_close {
    background-image: url(../long_cache_30d/images/btn_close.png);
    width: .44rem;
    height: .44rem;
    top: .3rem;
    right: .3rem;
    z-index: 99; }
  .clipavatar .cliparea {
    width: 100%;
    height: 10.8rem;
    margin: 0 auto;
    overflow: hidden;
    position: relative; }
  .clipavatar .btn_clip {
    background: #fd8111;
    border-radius: .38rem;
    width: 3.79rem;
    height: .76rem;
    margin: .4rem auto 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #FFF;
    font-size: .36rem; }

/* 英语 */
@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.ttf") 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 .wrapper {
  font-family: "Noto Sans SC", 'Microsoft JhengHei', 'PingFangTC-Regular', sans-serif;
  letter-spacing: 0; }

.lang_zh .agb {
  font-weight: bold; }
.lang_zh .wrap .slogan {
  background-image: url(../long_cache_30d/images/title_zh.png); }
.lang_zh .pop_share_pic .wx_tip p {
  font-size: .55rem; }

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

.lang_en .agb {
  font-family: "all-bold"; }
.lang_en .wrap .slogan {
  background-image: url(../long_cache_30d/images/title_en.png); }
.lang_en .pop_share_pic .wx_tip p {
  font-size: .60rem; }

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

.lang_ru .wrap .slogan {
  background-image: url(../long_cache_30d/images/title_ru.png); }
.lang_ru .pop_ai .progress_tip1 {
  margin-top: .5rem; }

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

.lang_th .topbar .links a {
  font-size: 0.345rem; }
.lang_th .wrap .slogan {
  background-image: url(../long_cache_30d/images/title_th.png); }
.lang_th .wrap .btns p {
  font-size: 0.345rem; }
.lang_th .wrap .record a {
  font-size: 0.4025rem; }
.lang_th .wrap .upload_box .upload_text {
  font-size: 0.5175rem; }
.lang_th .wrap .upload_box .upload_tip {
  font-size: 0.299rem; }
.lang_th .wrap .poster_tit span {
  font-size: 0.4025rem; }
.lang_th .wrap .poster .btn_ref span {
  font-size: 0.4025rem; }
.lang_th .wrap .tips {
  font-size: 0.4025rem; }
.lang_th .wrap .privacy a {
  font-size: 0.4025rem; }
.lang_th .pop .tit {
  font-size: 0.828rem; }
.lang_th .pop .textwrap .text {
  font-size: 0.414rem; }
.lang_th .pop_ai .img_sel .upload_tip {
  font-size: 0.506rem; }
.lang_th .pop_ai .ai_tip, .lang_th .pop_ai .progress_tip {
  font-size: 0.345rem; }
.lang_th .pop_ai .ai_swiper .desc {
  font-size: 0.414rem; }
.lang_th .pop_ai .img_sel .btn_ai span {
  font-size: 0.8625rem; }
.lang_th .pop_share_pic .share_btns a {
  font-size: 0.46rem; }
.lang_th .pop_share_pic .btn_news {
  font-size: 0.368rem;
  line-height: 1; }
.lang_th .pop_rule .rule_ls li {
  font-size: 0.414rem; }
.lang_th .pop_record .record_nothing {
  font-size: 0.345rem; }
.lang_th .pop_share_pic .btn_news {
  font-size: .38rem; }
.lang_th .pop_share_pic .wx_tip p {
  font-size: .75rem; }

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

.lang_id .wrap .slogan {
  background-image: url(../long_cache_30d/images/title_id.png); }
.lang_id .pop_share_pic .wx_tip p {
  font-size: .55rem; }

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

.lang_pt .wrap .slogan {
  background-image: url(../long_cache_30d/images/title_pt.png); }
.lang_pt .pop_share_pic .btn_news {
  font-size: .32rem;
  line-height: 1.1; }
.lang_pt .pop_share_pic .wx_tip p {
  font-size: .55rem; }

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

.lang_fr .wrap .slogan {
  background-image: url(../long_cache_30d/images/title_fr.png); }

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

.lang_es .wrap .slogan {
  background-image: url(../long_cache_30d/images/title_es.png); }
.lang_es .pop_share_pic .btn_news {
  font-size: .3rem;
  line-height: 1.1; }
.lang_es .pop_share_pic .wx_tip p {
  font-size: .55rem; }

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

.lang_tr .wrap .slogan {
  background-image: url(../long_cache_30d/images/title_tr.png); }
.lang_tr .pop_share_pic .wx_tip p {
  font-size: .55rem; }

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

.lang_ar .wrap .slogan {
  background-image: url(../long_cache_30d/images/title_ar.png);
  left: 2.28rem; }
.lang_ar .pop .os-scrollbar {
  right: unset !important;
  left: 0.4rem !important; }
.lang_ar .pop_example .os-scrollbar {
  right: unset !important;
  left: 0 !important; }
.lang_ar .pop_share_pic .share_pt .ico_share {
  margin: 0 0 0 .2rem; }
.lang_ar .pop_share_pic .share_btns .jt {
  margin: 0 0 0 .15rem; }
.lang_ar .topbar .links .btn_home {
  margin: 0 0 0 .78rem; }
.lang_ar .clipavatar {
  direction: ltr; }
  .lang_ar .clipavatar .btn_clip {
    direction: rtl; }
.lang_ar .pop_example .example_pravicy_agree {
  margin: .2rem .7rem 0 0; }
.lang_ar .pop_share_pic .wx_tip p {
  font-size: .55rem; }

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

.lang_ur .wrap .slogan {
  background-image: url(../long_cache_30d/images/title_ar.png);
  left: 2.28rem; }
.lang_ur .pop .os-scrollbar {
  right: unset !important;
  left: 0.4rem !important; }
.lang_ur .pop_example .os-scrollbar {
  right: unset !important;
  left: 0 !important; }
.lang_ur .pop_share_pic .share_pt .ico_share {
  margin: 0 0 0 .2rem; }
.lang_ur .pop_share_pic .share_btns .jt {
  margin: 0 0 0 .15rem; }
.lang_ur .topbar .links .btn_home {
  margin: 0 0 0 .78rem; }
.lang_ur .clipavatar {
  direction: ltr; }
  .lang_ur .clipavatar .btn_clip {
    direction: rtl; }
.lang_ur .pop_example .example_pravicy_agree {
  margin: .2rem .7rem 0 0; }

/* lang_my */
.lang_my .wrapper {
  font-family: "mm";
  letter-spacing: 0; }

.lang_my .pop_ai .ai_tip, .lang_my .pop_ai .progress_tip {
  line-height: .5rem; }
.lang_my .pop_ai .ai_progress {
  margin-top: .82rem; }
.lang_my .pop_ai .ai_swiper .desc {
  line-height: .64rem; }
.lang_my .pop_ai .img_sel .btn_ai span {
  font-size: .5rem; }
.lang_my .pop_share_pic .btn_news span {
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }
.lang_my .pop_rule .rule_ls li {
  line-height: .64rem; }
  .lang_my .pop_rule .rule_ls li:not(:last-child) {
    padding-bottom: .2rem; }
.lang_my .pop_example .example_tx_txt span {
  font-size: .2rem; }
.lang_my .pop_example .example_pravicy_agree label a, .lang_my .pop_example .example_pravicy_agree label span {
  line-height: .5rem; }
.lang_my .pop_example .example_pravicy {
  height: 3.2rem;
  margin-top: .3rem; }

@media screen and (min-aspect-ratio: 750 / 1400) {
  .wrap {
    overflow-y: auto;
    scrollbar-width: none; }
    .wrap::-webkit-scrollbar {
      height: 0;
      display: none; }
    .wrap .main {
      height: 20.54rem; } }
@media screen and (min-aspect-ratio: 1080 / 1284) {
  .pop_record {
    background-image: url(../long_cache_30d/images/pop_record.png);
    width: calc(912 / 1584 * 100vh);
    height: calc(1284 / 1584 * 100vh);
    margin: calc(-642 / 1584 * 100vh) 0 0 calc(-456 / 1584 * 100vh); }
    .pop_record .btn_close {
      background-image: url(../long_cache_30d/images/close.png);
      width: calc(44 / 1584 * 100vh);
      height: calc(44 / 1584 * 100vh);
      top: calc(44 / 1584 * 100vh);
      right: calc(40 / 1584 * 100vh); }
      .pop_record .btn_close:before {
        content: "";
        width: calc(64 / 1584 * 100vh);
        height: calc(44 / 1584 * 100vh);
        position: absolute;
        top: calc(-10 / 1584 * 100vh);
        left: calc(-10 / 1584 * 100vh); }
    .pop_record .tit {
      color: #000;
      font-size: calc(72 / 1584 * 100vh);
      line-height: calc(92 / 1584 * 100vh);
      padding-top: calc(88 / 1584 * 100vh); }
      .pop_record .tit.line {
        background: url(../long_cache_30d/images/tit_line.png) no-repeat;
        background-size: calc(731 / 1584 * 100vh) auto;
        background-position: 50% 100%;
        padding-bottom: calc(40 / 1584 * 100vh); }
    .pop_record .textwrap {
      margin-top: calc(30 / 1584 * 100vh);
      height: calc(460 / 1584 * 100vh); }
      .pop_record .textwrap .text {
        max-height: 100%;
        color: #100d07;
        font-size: calc(36 / 1584 * 100vh);
        line-height: calc(48 / 1584 * 100vh);
        padding: 0 calc(70 / 1584 * 100vh);
        text-align: center;
        overflow: hidden;
        overflow-y: auto;
        scrollbar-width: none; }
        .pop_record .textwrap .text::-webkit-scrollbar {
          height: 0;
          display: none; }
        .pop_record .textwrap .text span {
          color: #f87813; }
    .pop_record .record_tit {
      color: #000000;
      font-size: calc(72 / 1584 * 100vh);
      line-height: calc(92 / 1584 * 100vh);
      padding-top: calc(70 / 1584 * 100vh);
      text-align: center; }
    .pop_record .record_wrap {
      width: 100%;
      margin-top: calc(10 / 1584 * 100vh); }
      .pop_record .record_wrap.nothing .record_list {
        display: none; }
      .pop_record .record_wrap.nothing .record_nothing {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .pop_record .record_list {
      width: calc(586 / 1584 * 100vh);
      margin: 0 auto;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .pop_record .record_list li {
        background: url(../long_cache_30d/images/record_pic.png) no-repeat 100%/100%;
        width: calc(281 / 1584 * 100vh);
        height: calc(476 / 1584 * 100vh);
        margin-top: calc(28 / 1584 * 100vh);
        position: relative; }
        .pop_record .record_list li .bigimg {
          width: calc(244 / 1584 * 100vh);
          height: calc(434 / 1584 * 100vh);
          position: relative; }
          .pop_record .record_list li .bigimg img {
            height: 100%; }
      .pop_record .record_list .poster_cov1,
      .pop_record .record_list .poster_cov2 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0; }
        .pop_record .record_list .poster_cov1 img,
        .pop_record .record_list .poster_cov2 img {
          height: 100%; }
      .pop_record .record_list .poster_tip {
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        padding: calc(4 / 1584 * 100vh);
        bottom: calc(66 / 1584 * 100vh);
        left: calc(6 / 1584 * 100vh);
        color: #ffd26a;
        font-size: calc(20 / 1584 * 100vh);
        -webkit-transform: scale(0.85);
                transform: scale(0.85);
        -webkit-transform-origin: 0% 0%;
                transform-origin: 0% 0%;
        border-radius: calc(6 / 1584 * 100vh); }
    .pop_record .record_nothing {
      width: 100%;
      height: calc(1008 / 1584 * 100vh);
      text-align: center;
      padding: 0 calc(40 / 1584 * 100vh);
      color: #100d07;
      font-size: calc(30 / 1584 * 100vh);
      line-height: calc(36 / 1584 * 100vh);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: none; }
  .pop_rule {
    background-image: url(../long_cache_30d/images/pop_rule_bg.png);
    width: calc(912 / 1284 * 100vh);
    height: calc(1284 / 1284 * 100vh);
    margin: calc(-642 / 1284 * 100vh) 0 0 calc(-456 / 1284 * 100vh);
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .pop_rule .btn_close {
      background-image: url(../long_cache_30d/images/close.png);
      width: calc(44 / 1284 * 100vh);
      height: calc(44 / 1284 * 100vh);
      top: calc(44 / 1284 * 100vh);
      right: calc(40 / 1284 * 100vh); }
      .pop_rule .btn_close:before {
        content: "";
        width: calc(64 / 1284 * 100vh);
        height: calc(44 / 1284 * 100vh);
        position: absolute;
        top: calc(-10 / 1284 * 100vh);
        left: calc(-10 / 1284 * 100vh); }
    .pop_rule .tit {
      color: #000;
      font-size: calc(72 / 1284 * 100vh);
      line-height: calc(92 / 1284 * 100vh);
      padding-top: calc(88 / 1284 * 100vh); }
      .pop_rule .tit.line {
        background: url(../long_cache_30d/images/tit_line.png) no-repeat;
        background-size: calc(731 / 1284 * 100vh) auto;
        background-position: 50% 100%;
        padding-bottom: calc(40 / 1284 * 100vh); }
    .pop_rule .textwrap {
      margin-top: calc(30 / 1284 * 100vh);
      height: calc(460 / 1284 * 100vh); }
      .pop_rule .textwrap .text {
        max-height: 100%;
        color: #100d07;
        font-size: calc(36 / 1284 * 100vh);
        line-height: calc(48 / 1284 * 100vh);
        padding: 0 calc(70 / 1284 * 100vh);
        text-align: center;
        overflow: hidden;
        overflow-y: auto;
        scrollbar-width: none; }
        .pop_rule .textwrap .text::-webkit-scrollbar {
          height: 0;
          display: none; }
        .pop_rule .textwrap .text span {
          color: #f87813; }
    .pop_rule .tit {
      padding-top: calc(150 / 1284 * 100vh); }
    .pop_rule .rule_ls {
      width: 100%;
      height: calc(860 / 1284 * 100vh);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 calc(70 / 1284 * 100vh);
      margin-top: calc(60 / 1284 * 100vh); }
      .pop_rule .rule_ls li {
        color: #100d07;
        font-size: calc(36 / 1284 * 100vh);
        line-height: calc(48 / 1284 * 100vh); }
        .pop_rule .rule_ls li:not(:last-child) {
          padding-bottom: calc(12 / 1284 * 100vh); }
  .pop_ai {
    background-image: url(../long_cache_30d/images/pop_ai_bg.png);
    width: calc(912 / 1284 * 100vh);
    height: calc(1284 / 1284 * 100vh);
    margin: calc(-642 / 1284 * 100vh) 0 0 calc(-456 / 1284 * 100vh);
    padding-top: 0;
    /* adv 变体 */ }
    .pop_ai .btn_close {
      background-image: url(../long_cache_30d/images/close.png);
      width: calc(44 / 1284 * 100vh);
      height: calc(44 / 1284 * 100vh);
      top: calc(44 / 1284 * 100vh);
      right: calc(40 / 1284 * 100vh); }
      .pop_ai .btn_close:before {
        content: "";
        width: calc(64 / 1284 * 100vh);
        height: calc(44 / 1284 * 100vh);
        position: absolute;
        top: calc(-10 / 1284 * 100vh);
        left: calc(-10 / 1284 * 100vh); }
    .pop_ai .tit {
      color: #000;
      font-size: calc(72 / 1284 * 100vh);
      line-height: calc(92 / 1284 * 100vh);
      padding-top: calc(88 / 1284 * 100vh); }
      .pop_ai .tit.line {
        background: url(../long_cache_30d/images/tit_line.png) no-repeat;
        background-size: calc(731 / 1284 * 100vh) auto;
        background-position: 50% 100%;
        padding-bottom: calc(40 / 1284 * 100vh); }
    .pop_ai .textwrap {
      margin-top: calc(30 / 1284 * 100vh);
      height: calc(460 / 1284 * 100vh); }
      .pop_ai .textwrap .text {
        max-height: 100%;
        color: #100d07;
        font-size: calc(36 / 1284 * 100vh);
        line-height: calc(48 / 1284 * 100vh);
        padding: 0 calc(70 / 1284 * 100vh);
        text-align: center;
        overflow: hidden;
        overflow-y: auto;
        scrollbar-width: none; }
        .pop_ai .textwrap .text::-webkit-scrollbar {
          height: 0;
          display: none; }
        .pop_ai .textwrap .text span {
          color: #f87813; }
    .pop_ai .img_wrap {
      position: relative;
      margin-bottom: calc(66 / 1284 * 100vh); }
      .pop_ai .img_wrap .btn_prev,
      .pop_ai .img_wrap .btn_next {
        width: calc(46 / 1284 * 100vh);
        height: calc(78 / 1284 * 100vh);
        position: absolute;
        top: 50%;
        margin-top: calc(-39 / 1284 * 100vh); }
      .pop_ai .img_wrap .btn_prev {
        background-image: url(../long_cache_30d/images/btn_prev.png);
        left: calc(-28 / 1284 * 100vh); }
      .pop_ai .img_wrap .btn_next {
        background-image: url(../long_cache_30d/images/btn_next.png);
        right: calc(-28 / 1284 * 100vh); }
    .pop_ai .img_sel {
      width: calc(768 / 1284 * 100vh);
      margin: 0 auto;
      padding-top: calc(132 / 1284 * 100vh);
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: calc(-384 / 1284 * 100vh);
      pointer-events: none;
      opacity: 0; }
      .pop_ai .img_sel.show {
        pointer-events: auto;
        opacity: 1; }
      .pop_ai .img_sel .img_upload {
        width: calc(400 / 1284 * 100vh);
        height: calc(400 / 1284 * 100vh);
        margin: 0 auto;
        overflow: hidden;
        -webkit-mask-image: url(../long_cache_30d/images/mask1.png);
                mask-image: url(../long_cache_30d/images/mask1.png);
        -webkit-mask-size: calc(400 / 1284 * 100vh) auto;
                mask-size: calc(400 / 1284 * 100vh) auto; }
      .pop_ai .img_sel .upload_img {
        width: 100%;
        height: 100%; }
      .pop_ai .img_sel .upload_tip {
        height: calc(118 / 1284 * 100vh);
        color: #4e381e;
        font-size: calc(44 / 1284 * 100vh);
        line-height: calc(56 / 1284 * 100vh);
        text-align: center;
        margin: calc(56 / 1284 * 100vh) 0 calc(6 / 1284 * 100vh); }
      .pop_ai .img_sel .btn_ai {
        background-image: url(../long_cache_30d/images/btn_ai.png);
        width: calc(745 / 1284 * 100vh);
        height: calc(157 / 1284 * 100vh);
        margin: 0 auto;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-bottom: calc(3 / 1284 * 100vh); }
        .pop_ai .img_sel .btn_ai span {
          color: #fff;
          font-size: calc(75 / 1284 * 100vh); }
    .pop_ai .img_swiper {
      width: calc(700 / 1284 * 100vh);
      overflow: hidden; }
      .pop_ai .img_swiper .swiper-slide {
        width: calc(165 / 1284 * 100vh);
        height: calc(293 / 1284 * 100vh); }
      .pop_ai .img_swiper .img {
        background-image: url(../long_cache_30d/images/img_pic.png);
        width: calc(165 / 1284 * 100vh);
        height: calc(293 / 1284 * 100vh);
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-bottom: calc(2 / 1284 * 100vh); }
        .pop_ai .img_swiper .img img {
          width: calc(143 / 1284 * 100vh);
          height: calc(262 / 1284 * 100vh);
          -webkit-filter: grayscale(100%);
                  filter: grayscale(100%);
          cursor: pointer; }
        .pop_ai .img_swiper .img.on img {
          -webkit-filter: grayscale(0);
                  filter: grayscale(0); }
    .pop_ai .ai_wait {
      width: calc(847 / 1284 * 100vh);
      height: 100%;
      margin: 0 auto;
      padding-top: calc(108 / 1284 * 100vh);
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: calc(-423.5 / 1284 * 100vh);
      pointer-events: none;
      opacity: 0; }
      .pop_ai .ai_wait.show {
        pointer-events: auto;
        opacity: 1; }
    .pop_ai .ai_imgwrap {
      width: calc(847 / 1284 * 100vh);
      height: calc(821 / 1284 * 100vh);
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: solid calc(1 / 1284 * 100vh) #907444;
      background: #f2e6d1;
      padding-top: calc(10 / 1284 * 100vh); }
    .pop_ai .ai_swiper {
      width: 100%;
      height: calc(734 / 1284 * 100vh);
      overflow: hidden; }
      .pop_ai .ai_swiper .img {
        width: calc(826 / 1284 * 100vh);
        height: calc(465 / 1284 * 100vh);
        overflow: hidden;
        margin: 0 auto; }
        .pop_ai .ai_swiper .img img {
          height: 100%; }
      .pop_ai .ai_swiper .desc {
        width: calc(826 / 1284 * 100vh);
        height: calc(250 / 1284 * 100vh);
        color: #100d07;
        font-size: calc(36 / 1284 * 100vh);
        line-height: calc(48 / 1284 * 100vh);
        margin: calc(25 / 1284 * 100vh) auto 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 calc(10 / 1284 * 100vh);
        overflow: hidden;
        overflow-y: auto; }
      .pop_ai .ai_swiper .os-scrollbar,
      .pop_ai .ai_swiper .os-theme-dark > .os-scrollbar,
      .pop_ai .ai_swiper .os-theme-light > .os-scrollbar {
        width: calc(12 / 1284 * 100vh) !important;
        right: 0 !important;
        top: 0 !important;
        padding: 0; }
      .pop_ai .ai_swiper .os-scrollbar-track {
        width: calc(12 / 1284 * 100vh) !important;
        background: #f8f1e4 !important;
        border-radius: calc(6 / 1284 * 100vh) !important; }
      .pop_ai .ai_swiper .os-scrollbar-handle {
        background: #d4c4b1 !important;
        border-radius: calc(6 / 1284 * 100vh) !important; }
    .pop_ai .ai_paganation {
      margin: calc(27 / 1284 * 100vh) auto calc(22 / 1284 * 100vh); }
      .pop_ai .ai_paganation .swiper-pagination-bullet {
        width: calc(28 / 1284 * 100vh);
        height: calc(28 / 1284 * 100vh);
        background: #848484;
        opacity: 1;
        margin: 0 calc(15 / 1284 * 100vh); }
      .pop_ai .ai_paganation .swiper-pagination-bullet-active {
        background: #f3720e; }
    .pop_ai .ai_tip,
    .pop_ai .progress_tip {
      color: #100d07;
      font-size: calc(30 / 1284 * 100vh);
      line-height: calc(36 / 1284 * 100vh);
      text-align: center; }
    .pop_ai .progress_tip1 {
      margin-top: calc(80 / 1284 * 100vh); }
    .pop_ai .ai_progress {
      width: calc(368 / 1284 * 100vh);
      height: calc(20 / 1284 * 100vh);
      margin: calc(32 / 1284 * 100vh) auto calc(32 / 1284 * 100vh); }
      .pop_ai .ai_progress .ai_progress_bg {
        width: 100%;
        height: 100%;
        border-radius: calc(10 / 1284 * 100vh);
        background: #5c5c5c; }
      .pop_ai .ai_progress .ai_progress_cur {
        height: 100%;
        background: #ef6c0e;
        border-radius: calc(10 / 1284 * 100vh); }
    .pop_ai.adv {
      background-image: url(../long_cache_30d/images/pop_ai_bg2.png);
      height: calc(1098 / 1284 * 100vh);
      margin-top: calc(-549 / 1284 * 100vh); }
      .pop_ai.adv .ai_imgwrap {
        height: calc(489 / 1284 * 100vh); }
      .pop_ai.adv .ai_swiper {
        height: calc(860 / 1284 * 100vh); }
      .pop_ai.adv .ai_swiper .desc {
        margin-top: calc(100 / 1284 * 100vh); }
      .pop_ai.adv .progress_tip,
      .pop_ai.adv .ai_progress {
        display: none; }
      .pop_ai.adv .ai_paganation {
        position: absolute;
        width: 100%;
        top: calc(518 / 1284 * 100vh);
        left: 0;
        margin: 0; }
      .pop_ai.adv .os-scrollbar-track {
        background: #f2e6d1 !important; }
  .pop_example {
    background-image: url(../long_cache_30d/images/pop_ai_bg.png);
    width: calc(912 / 1284 * 100vh);
    height: calc(1284 / 1284 * 100vh);
    margin: calc(-642 / 1284 * 100vh) 0 0 calc(-456 / 1284 * 100vh);
    padding-top: 0; }
    .pop_example .btn_close {
      background-image: url(../long_cache_30d/images/close.png);
      width: calc(44 / 1284 * 100vh);
      height: calc(44 / 1284 * 100vh);
      top: calc(44 / 1284 * 100vh);
      right: calc(40 / 1284 * 100vh); }
      .pop_example .btn_close:before {
        content: "";
        width: calc(64 / 1284 * 100vh);
        height: calc(44 / 1284 * 100vh);
        position: absolute;
        top: calc(-10 / 1284 * 100vh);
        left: calc(-10 / 1284 * 100vh); }
    .pop_example .tit {
      color: #000;
      font-size: calc(72 / 1284 * 100vh);
      line-height: calc(92 / 1284 * 100vh);
      padding-top: calc(70 / 1284 * 100vh); }
      .pop_example .tit.line {
        background: url(../long_cache_30d/images/tit_line.png) no-repeat;
        background-size: calc(731 / 1284 * 100vh) auto;
        background-position: 50% 100%;
        padding-bottom: calc(40 / 1284 * 100vh); }
    .pop_example .example_txs {
      height: calc(392 / 1284 * 100vh);
      padding-top: calc(36 / 1284 * 100vh);
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start; }
      .pop_example .example_txs li {
        width: calc(342 / 1284 * 100vh); }
    .pop_example .example_tx_img {
      width: calc(305 / 1284 * 100vh);
      height: calc(292 / 1284 * 100vh);
      margin: 0 auto; }
    .pop_example .example_tx_txt {
      line-height: calc(40 / 1284 * 100vh);
      padding-top: calc(20 / 1284 * 100vh); }
      .pop_example .example_tx_txt .ico_rg {
        background-image: url(../long_cache_30d/images/ico_rg.png);
        width: calc(29 / 1284 * 100vh);
        height: calc(24 / 1284 * 100vh);
        margin: 0 calc(3 / 1284 * 100vh); }
      .pop_example .example_tx_txt span {
        color: #000000;
        font-size: calc(30 / 1284 * 100vh);
        max-width: calc(250 / 1284 * 100vh); }
    .pop_example .btn_know {
      background-image: url(../long_cache_30d/images/btn_know.png);
      width: calc(437 / 1284 * 100vh);
      height: calc(108 / 1284 * 100vh);
      margin: calc(34 / 1284 * 100vh) auto 0;
      position: relative; }
      .pop_example .btn_know span {
        color: #FFF;
        font-size: calc(33 / 1284 * 100vh);
        line-height: 1.2; }
      .pop_example .btn_know .file {
        width: 100%;
        height: 100%;
        font-size: 100%;
        outline: 0;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer; }
    .pop_example .example_pravicy {
      width: calc(731 / 1284 * 100vh);
      height: calc(400 / 1284 * 100vh);
      margin: 0 auto calc(30 / 1284 * 100vh);
      padding: 0 calc(50 / 1284 * 100vh); }
      .pop_example .example_pravicy .os-scrollbar {
        width: calc(12 / 1284 * 100vh) !important;
        right: 0 !important;
        top: 0 !important; }
      .pop_example .example_pravicy .os-scrollbar-track {
        width: calc(12 / 1284 * 100vh) !important;
        background: #FFF !important;
        overflow: hidden;
        border-radius: calc(6 / 1284 * 100vh) !important; }
      .pop_example .example_pravicy .os-scrollbar-handle {
        background: #d4c4b1 !important;
        overflow: hidden;
        border-radius: calc(6 / 1284 * 100vh) !important; }
      .pop_example .example_pravicy .os-theme-dark > .os-scrollbar,
      .pop_example .example_pravicy .os-theme-light > .os-scrollbar {
        width: calc(12 / 1284 * 100vh) !important;
        padding: 0; }
      .pop_example .example_pravicy_txt {
        color: #000000;
        font-size: calc(30 / 1284 * 100vh);
        line-height: calc(48 / 1284 * 100vh); }
        .pop_example .example_pravicy_txt a {
          color: #000;
          border-bottom: solid 1px #000; }
      .pop_example .example_pravicy .tit {
        margin-bottom: calc(20 / 1284 * 100vh); }
    .pop_example .example_pravicy_agree {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin: calc(20 / 1284 * 100vh) 0 0 calc(80 / 1284 * 100vh); }
      .pop_example .example_pravicy_agree label {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
        .pop_example .example_pravicy_agree label input {
          background: url(../long_cache_30d/images/check.png) no-repeat 100%/100%;
          width: calc(35 / 1284 * 100vh);
          height: calc(35 / 1284 * 100vh);
          margin: 0 calc(13 / 1284 * 100vh); }
          .pop_example .example_pravicy_agree label input:checked {
            background-image: url(../long_cache_30d/images/checked.png); }
        .pop_example .example_pravicy_agree label a,
        .pop_example .example_pravicy_agree label span {
          color: #000000;
          font-size: calc(30 / 1284 * 100vh);
          line-height: calc(35 / 1284 * 100vh); }
        .pop_example .example_pravicy_agree label a {
          border-bottom: solid 1px #000;
          max-width: calc(700 / 1284 * 100vh); }
    .pop_example .btns {
      margin-top: calc(40 / 1284 * 100vh);
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .pop_example .btns a {
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: calc(356 / 1284 * 100vh);
        height: calc(88 / 1284 * 100vh);
        font-size: calc(36 / 1284 * 100vh);
        line-height: 1.2; }
      .pop_example .btns .btn_qx {
        background-image: url(../long_cache_30d/images/btn_regenerata.png); }
        .pop_example .btns .btn_qx span {
          color: #b9a481; }
      .pop_example .btns .btn_qd {
        background-image: url(../long_cache_30d/images/btn_save.png); }
        .pop_example .btns .btn_qd span {
          color: #FFF; } }
@media screen and (min-aspect-ratio: 1080 / 1414) {
  .pop_bigimg {
    background-image: none;
    width: calc(800 / 1414 * 100vh);
    height: calc(1414 / 1414 * 100vh);
    border: solid calc(5 / 1414 * 100vh) #f6efde;
    margin: calc(-707 / 1414 * 100vh) 0 0 calc(-400 / 1414 * 100vh); }
    .pop_bigimg .btn_close {
      background-image: url(../long_cache_30d/images/close.png);
      width: calc(44 / 1414 * 100vh);
      height: calc(44 / 1414 * 100vh);
      top: calc(44 / 1414 * 100vh);
      right: calc(40 / 1414 * 100vh); }
      .pop_bigimg .btn_close:before {
        content: "";
        width: calc(64 / 1414 * 100vh);
        height: calc(44 / 1414 * 100vh);
        position: absolute;
        top: calc(-10 / 1414 * 100vh);
        left: calc(-10 / 1414 * 100vh); }
    .pop_bigimg .tit {
      color: #000;
      font-size: calc(72 / 1414 * 100vh);
      line-height: calc(92 / 1414 * 100vh);
      padding-top: calc(88 / 1414 * 100vh); }
      .pop_bigimg .tit.line {
        background: url(../long_cache_30d/images/tit_line.png) no-repeat;
        background-size: calc(731 / 1414 * 100vh) auto;
        background-position: 50% 100%;
        padding-bottom: calc(40 / 1414 * 100vh); }
    .pop_bigimg .textwrap {
      margin-top: calc(30 / 1414 * 100vh);
      height: calc(460 / 1414 * 100vh); }
      .pop_bigimg .textwrap .text {
        max-height: 100%;
        color: #100d07;
        font-size: calc(36 / 1414 * 100vh);
        line-height: calc(48 / 1414 * 100vh);
        padding: 0 calc(70 / 1414 * 100vh);
        text-align: center;
        overflow: hidden;
        overflow-y: auto;
        scrollbar-width: none; }
        .pop_bigimg .textwrap .text::-webkit-scrollbar {
          height: 0;
          display: none; }
        .pop_bigimg .textwrap .text span {
          color: #f87813; }
    .pop_bigimg .btn_close {
      background-image: url(../long_cache_30d/images/btn_close.png);
      top: calc(-10 / 1414 * 100vh);
      right: calc(-64 / 1414 * 100vh); }
    .pop_bigimg .bigimg {
      height: 100%;
      overflow: hidden;
      background: #fff;
      position: relative; }
      .pop_bigimg .bigimg img {
        height: 100%; }
      .pop_bigimg .bigimg .poster_cov1,
      .pop_bigimg .bigimg .poster_cov2 {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0; }
      .pop_bigimg .bigimg .poster_tip {
        width: 60%;
        background: rgba(0, 0, 0, 0.7);
        padding: calc(10 / 1414 * 100vh);
        bottom: calc(280 / 1414 * 100vh);
        left: calc(34 / 1414 * 100vh);
        color: #ffd26a;
        font-size: calc(30 / 1414 * 100vh);
        border-radius: calc(6 / 1414 * 100vh); } }
@media screen and (min-aspect-ratio: 1080 / 1900) {
  .pop_share_pic .btn_close {
    background-image: url(../long_cache_30d/images/close.png);
    width: calc(44 / 1414 * 100vh);
    height: calc(44 / 1414 * 100vh);
    top: calc(44 / 1414 * 100vh);
    right: calc(40 / 1414 * 100vh); }
    .pop_share_pic .btn_close:before {
      content: "";
      width: calc(64 / 1414 * 100vh);
      height: calc(44 / 1414 * 100vh);
      position: absolute;
      top: calc(-10 / 1414 * 100vh);
      left: calc(-10 / 1414 * 100vh); }
  .pop_share_pic .tit {
    color: #000;
    font-size: calc(72 / 1414 * 100vh);
    line-height: calc(92 / 1414 * 100vh);
    padding-top: calc(88 / 1414 * 100vh); }
    .pop_share_pic .tit.line {
      background: url(../long_cache_30d/images/tit_line.png) no-repeat;
      background-size: calc(731 / 1414 * 100vh) auto;
      background-position: 50% 100%;
      padding-bottom: calc(40 / 1414 * 100vh); }
  .pop_share_pic .textwrap {
    margin-top: calc(30 / 1414 * 100vh);
    height: calc(460 / 1414 * 100vh); }
    .pop_share_pic .textwrap .text {
      max-height: 100%;
      color: #100d07;
      font-size: calc(36 / 1414 * 100vh);
      line-height: calc(48 / 1414 * 100vh);
      padding: 0 calc(70 / 1414 * 100vh);
      text-align: center;
      overflow: hidden;
      overflow-y: auto;
      scrollbar-width: none; }
      .pop_share_pic .textwrap .text::-webkit-scrollbar {
        height: 0;
        display: none; }
      .pop_share_pic .textwrap .text span {
        color: #f87813; }
  .pop_share_pic .btn_close {
    background-image: url(../long_cache_30d/images/btn_close.png);
    top: 50%;
    margin-top: calc(-900 / 2200 * 100vh);
    right: calc(30 / 2200 * 100vh); }
  .pop_share_pic .share_in {
    width: 100%;
    height: 100%; }
  .pop_share_pic .wx_tip {
    background-image: url(../long_cache_30d/images/wx_tip.png);
    width: calc(912 / 2200 * 100vh);
    height: calc(161 / 2200 * 100vh);
    font-size: calc(36 / 2200 * 100vh);
    position: absolute;
    left: 50%;
    top: calc(-28 / 2200 * 100vh);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    .pop_share_pic .wx_tip p {
      width: 100%;
      height: 100%;
      color: #100d07;
      font-size: calc(46 / 2200 * 100vh); }
    .pop_share_pic .wx_tip .tip_close {
      background-image: url(../long_cache_30d/images/close.png);
      width: calc(44 / 2200 * 100vh);
      height: calc(44 / 2200 * 100vh);
      top: calc(30 / 2200 * 100vh);
      right: calc(40 / 2200 * 100vh); }
  .pop_share_pic .share_imgwrap {
    width: calc(844 / 2200 * 100vh);
    height: calc(1500 / 2200 * 100vh);
    margin: calc(40 / 2200 * 100vh) auto calc(66 / 2200 * 100vh);
    position: relative; }
    .pop_share_pic .share_imgwrap:before {
      content: '';
      background: url(../long_cache_30d/images/pop_share_pic.png) no-repeat 100%/100%;
      width: calc(894 / 2200 * 100vh);
      height: calc(1563 / 2200 * 100vh);
      position: absolute;
      top: calc(-31 / 2200 * 100vh);
      left: calc(-24 / 2200 * 100vh);
      pointer-events: none; }
  .pop_share_pic .share_img {
    width: 100%;
    height: 100%;
    position: relative; }
    .pop_share_pic .share_img img {
      width: 100%; }
    .pop_share_pic .share_img .poster_cov1,
    .pop_share_pic .share_img .poster_cov2 {
      position: absolute;
      top: 0;
      left: 0; }
  .pop_share_pic .certificateBox_share_img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .pop_share_pic .poster_tip {
    width: 60%;
    background: rgba(0, 0, 0, 0.7);
    padding: calc(10 / 2200 * 100vh);
    bottom: calc(200 / 2200 * 100vh);
    left: calc(34 / 2200 * 100vh);
    color: #ffd26a;
    font-size: calc(30 / 2200 * 100vh);
    border-radius: calc(6 / 2200 * 100vh); }
  .pop_share_pic .share_btns {
    width: 100%; }
    .pop_share_pic .share_btns a {
      background-repeat: no-repeat;
      background-size: 100% 100%;
      width: calc(437 / 2200 * 100vh);
      height: calc(108 / 2200 * 100vh);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin: 0 calc(11 / 2200 * 100vh);
      font-size: calc(33 / 2200 * 100vh);
      line-height: calc(40 / 2200 * 100vh); }
    .pop_share_pic .share_btns .btn_regenerata {
      background-image: url(../long_cache_30d/images/btn_regenerata.png); }
      .pop_share_pic .share_btns .btn_regenerata span {
        color: #b9a481; }
    .pop_share_pic .share_btns .btn_save {
      background-image: url(../long_cache_30d/images/btn_save.png); }
      .pop_share_pic .share_btns .btn_save span {
        color: #fff; }
    .pop_share_pic .share_btns .jt {
      background-image: url(../long_cache_30d/images/jt.png);
      width: calc(33 / 2200 * 100vh);
      height: calc(12 / 2200 * 100vh);
      margin-right: calc(15 / 2200 * 100vh); }
  .pop_share_pic .btn_news {
    background-image: url(../long_cache_30d/images/btn_news.png);
    width: calc(167 / 2200 * 100vh);
    height: calc(176 / 2200 * 100vh);
    right: calc(-98 / 2200 * 100vh);
    bottom: calc(272 / 2200 * 100vh);
    color: #fff;
    font-size: calc(36 / 2200 * 100vh);
    line-height: calc(44 / 2200 * 100vh);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 calc(20 / 2200 * 100vh);
    text-align: center; }
  .pop_share_pic .share_pt {
    padding-top: calc(40 / 2200 * 100vh); }
    .pop_share_pic .share_pt .ico_share {
      background-image: url(../long_cache_30d/images/ico_share.png);
      width: calc(40 / 2200 * 100vh);
      height: calc(40 / 2200 * 100vh);
      margin-right: calc(20 / 2200 * 100vh); }
    .pop_share_pic .share_pt span {
      color: #b9a481;
      font-size: calc(39 / 2200 * 100vh);
      pointer-events: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; } }