.warp .dj-info {
  background: #141414;
  border: solid .03rem #FFF;
  width: 3.34rem;
  height: auto;
  position: absolute;
  z-index: 9;
  display: none; }
  .warp .dj-info .dj-box {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: .2rem .2rem .16rem; }
  .warp .dj-info .dj-bx {
    width: 2.08rem; }
    .warp .dj-info .dj-bx .name {
      color: #FFF;
      font-size: .22rem;
      line-height: .24rem; }
  .warp .dj-info .dj-dec {
    width: 100%;
    border-top: solid 1px rgba(133, 145, 158, 0.29);
    font-size: .18rem;
    line-height: .22rem;
    padding-top: .1rem;
    color: #a9acb2;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: .1rem; }
  .warp .dj-info .pimg {
    width: .7rem;
    height: .8rem;
    position: relative; }
    .warp .dj-info .pimg img {
      opacity: 1; }
    .warp .dj-info .pimg .ico-xs {
      background-image: url(../long_cache_30d/images/ico_xs.png);
      left: .05rem;
      bottom: .05rem; }
    .warp .dj-info .pimg.zs {
      background-image: url(../long_cache_30d/images/zs.png?v=1.0); }
    .warp .dj-info .pimg.fs {
      background-image: url(../long_cache_30d/images/fs.png?v=1.0); }
    .warp .dj-info .pimg.lv {
      background-image: url(../long_cache_30d/images/lv.png?v=1.0); }
    .warp .dj-info .pimg.ls {
      background-image: url(../long_cache_30d/images/ls.png?v=1.0); }
    .warp .dj-info .pimg.hs {
      background-image: url(../long_cache_30d/images/hs.png); }

.wrap {
  background: url(../long_cache_30d/images/bg_h.jpg) no-repeat 50% 50%;
  background-size: 18.8rem auto;
  width: 100%;
  height: 100%;
  position: relative; }
  .wrap.de106 .sence li > img {
    -webkit-animation: none;
            animation: none; }
  .wrap .main {
    width: 13.34rem;
    height: 7.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    overflow: hidden; }
  .wrap .title {
    background-image: url(../long_cache_30d/images/title-zh.png);
    width: 3.29rem;
    height: .61rem;
    top: .18rem;
    left: .2rem;
    left: calc(env(safe-area-inset-left));
    left: calc(constant(safe-area-inset-left)); }
  .wrap .dec {
    font-size: .22rem;
    line-height: .32rem;
    text-shadow: 0 0 .04rem #060c18;
    top: .86rem;
    left: .24rem;
    left: calc(env(safe-area-inset-left) + .04rem);
    left: calc(constant(safe-area-inset-left) + .04rem); }
  .wrap .time_rule {
    height: .24rem;
    line-height: .24rem;
    top: 1.21rem;
    left: .24rem;
    left: calc(env(safe-area-inset-left) + .04rem);
    left: calc(constant(safe-area-inset-left) + .04rem);
    color: #fbfef4;
    font-size: .18rem;
    text-shadow: 0 0 .04rem #060c18; }
    .wrap .time_rule .btn_rule {
      background-image: url(../long_cache_30d/images/btn_rule.png);
      width: .24rem;
      height: .24rem;
      margin: 0 .08rem 0 .02rem; }
    .wrap .time_rule .ico_djs {
      background-image: url(../long_cache_30d/images/ico_djs.png);
      width: .23rem;
      height: .24rem;
      margin-right: .02rem; }
  .wrap .rtop {
    height: .44rem;
    top: .2rem;
    right: .24rem; }
    .wrap .rtop .btn_lang {
      background-image: url(../long_cache_30d/images/btn_lang.png);
      width: 1.63rem;
      height: .44rem;
      color: #1b2906;
      font-size: .24rem;
      line-height: 1;
      text-shadow: 0 0 .02rem #eeffc5, 0 0 .02rem #eeffc5;
      margin-right: .54rem;
      display: none; }
    .wrap .rtop .ico_jt {
      background-image: url(../long_cache_30d/images/ico_jt.png);
      width: .24rem;
      height: .14rem;
      margin: .05rem 0 0 .05rem;
      position: relative; }
    .wrap .rtop .btn_share {
      background-image: url(../long_cache_30d/images/btn_share.png);
      width: .43rem;
      height: .4rem; }
  .wrap .btn_down {
    display: none; }
  .wrap .lott_wrap {
    background: rgba(0, 0, 0, 0.52);
    width: 5.12rem;
    height: .4rem;
    border-radius: .2rem;
    top: 1.56rem;
    left: 50%;
    margin-left: -2.56rem; }
    .wrap .lott_wrap .lott_list {
      width: 4.78rem;
      height: 100%;
      margin: 0 auto;
      overflow: hidden;
      white-space: nowrap;
      font-size: 0;
      position: relative; }
    .wrap .lott_wrap .item {
      display: inline-block;
      vertical-align: top;
      color: #eaeaea;
      font-size: .22rem;
      line-height: .4rem;
      padding: 0 .2rem; }
      .wrap .lott_wrap .item span {
        color: #fff551; }
    .wrap .lott_wrap .str_move {
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
  .wrap .prog {
    width: 1.86rem;
    left: 11.76rem;
    top: .7rem; }
    .wrap .prog_bg {
      background: url(../long_cache_30d/images/prog_bg.png) no-repeat 100%/100%;
      width: .49rem;
      height: 6.04rem;
      top: 0;
      left: .49rem;
      pointer-events: none; }
      .wrap .prog_bg .per {
        background: url(../long_cache_30d/images/prog_cur.png) no-repeat 50% 100%/0.49rem auto;
        width: 100%;
        left: 0;
        bottom: 0; }
    .wrap .prog_jl {
      padding-top: .36rem; }
      .wrap .prog_jl li {
        margin-bottom: .07rem;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        position: relative; }
        .wrap .prog_jl li.nlq .prog_jl_img:before {
          content: "";
          background: url(../long_cache_30d/images/ico_lock.png) no-repeat 100%/100%;
          width: .11rem;
          height: .13rem;
          position: absolute;
          top: .04rem;
          left: .05rem; }
        .wrap .prog_jl li.klq:before {
          content: "";
          background: url(../long_cache_30d/images/klq.png) no-repeat 100%/100%;
          width: .82rem;
          height: .89rem;
          position: absolute;
          top: -0.12rem;
          left: -0.12rem; }
        .wrap .prog_jl li.klq .prog_jl_img:before {
          content: "";
          background: url(../long_cache_30d/images/redot.png) no-repeat 100%/100%;
          width: .11rem;
          height: .11rem;
          position: absolute;
          top: -.05rem;
          right: -.05rem; }
        .wrap .prog_jl li.ylq .prog_jl_img:after {
          content: "";
          background: url(../long_cache_30d/images/ico_ylq.png) no-repeat 100%/100%;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 5; }
        .wrap .prog_jl li:last-child .prog_jl_img .dj-info {
          top: unset;
          bottom: 0; }
      .wrap .prog_jl_img {
        width: .58rem;
        height: .65rem;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: relative; }
        .wrap .prog_jl_img img {
          width: 90%; }
        .wrap .prog_jl_img .num {
          color: #efefef;
          font-size: .18rem;
          line-height: 1;
          bottom: .04rem;
          right: .05rem; }
        .wrap .prog_jl_img .ico-xs {
          background-image: url(../long_cache_30d/images/ico_xs.png);
          width: .14rem;
          height: .14rem;
          bottom: .05rem;
          left: .05rem; }
        .wrap .prog_jl_img:hover .dj-info {
          display: block; }
        .wrap .prog_jl_img .dj-info {
          top: 0;
          right: .63rem; }
          .wrap .prog_jl_img .dj-info .ico-xs {
            width: .14rem;
            height: .14rem; }
        .wrap .prog_jl_img.zs {
          background-image: url(../long_cache_30d/images/prog_zs.png); }
        .wrap .prog_jl_img.fs {
          background-image: url(../long_cache_30d/images/prog_fs.png); }
        .wrap .prog_jl_img.lv {
          background-image: url(../long_cache_30d/images/prog_lv.png); }
        .wrap .prog_jl_img.ls {
          background-image: url(../long_cache_30d/images/prog_ls.png); }
        .wrap .prog_jl_img.hs {
          background-image: url(../long_cache_30d/images/prog_hs.png); }
      .wrap .prog_jl_num {
        color: #fff551;
        font-size: .24rem;
        margin-left: .3rem;
        text-shadow: 0 0 .04rem #060c18, 0 0 .02rem #060c18;
        margin-top: -.08rem; }
    .wrap .prog_cur {
      width: 80%;
      text-align: center;
      margin-top: -0.04rem; }
      .wrap .prog_cur_text {
        color: #fbffe6;
        font-size: .2rem;
        line-height: .3rem;
        text-shadow: 0 0 .04rem #060c18, 0 0 .02rem #060c18; }
      .wrap .prog_cur_num {
        color: #fff551;
        font-size: .36rem;
        line-height: 1;
        text-shadow: 0 0 .04rem #060c18, 0 0 .02rem #060c18; }
  .wrap .btns {
    width: 7.48rem;
    top: 6.08rem;
    left: 50%;
    margin-left: -3.74rem; }
    .wrap .btns li {
      width: 3.74rem;
      height: 1.3rem;
      position: relative; }
      .wrap .btns li a:nth-child(1) {
        width: 2.84rem;
        height: .67rem;
        position: relative;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-bottom: .05rem; }
        .wrap .btns li a:nth-child(1).btn_open:before {
          background-image: url(../long_cache_30d/images/btn_open.png);
          display: none; }
        .wrap .btns li a:nth-child(1).btn_open span {
          color: #531000; }
        .wrap .btns li a:nth-child(1).btn_open.over:before {
          display: block; }
        .wrap .btns li a:nth-child(1).btn_open.over .lig {
          opacity: 0; }
        .wrap .btns li a:nth-child(1).btn_my:before {
          background-image: url(../long_cache_30d/images/btn_my.png); }
        .wrap .btns li a:nth-child(1).btn_my span {
          color: #0d206f; }
        .wrap .btns li a:nth-child(1)::before {
          content: "";
          background-repeat: no-repeat;
          background-size: 100% 100%;
          width: 3.57rem;
          height: 1.2rem;
          position: absolute;
          top: -0.2rem;
          left: -0.37rem;
          pointer-events: none; }
        .wrap .btns li a:nth-child(1).redot:after {
          content: "";
          background: url(../long_cache_30d/images/redot.png) no-repeat 100%/100%;
          width: .2rem;
          height: .2rem;
          position: absolute;
          top: -0.02rem;
          right: .24rem; }
        .wrap .btns li a:nth-child(1) span {
          position: relative;
          font-size: .34rem;
          line-height: .36rem; }
        .wrap .btns li a:nth-child(1) input {
          font-size: 2.0rem;
          float: left;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background: none;
          border: 0;
          opacity: 0;
          z-index: 5; }
        .wrap .btns li a:nth-child(1) .lig {
          background: url(../long_cache_30d/images/lig_spr.png) no-repeat;
          background-size: 16.8rem auto;
          background-position: -12.7rem -5.43rem;
          width: 4rem;
          height: 1.5rem;
          position: absolute;
          top: -0.41rem;
          left: -0.58rem;
          pointer-events: none;
          opacity: 1; }
      .wrap .btns li .txt, .wrap .btns li .btn_zy {
        color: #fff;
        font-size: .2rem;
        line-height: .3rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        top: .83rem; }
        .wrap .btns li .txt span, .wrap .btns li .btn_zy span {
          color: #fff551; }
      .wrap .btns li .btn_zy {
        border-bottom: solid 1px #FFF; }
    .wrap .btns .open_tips {
      background-image: url(../long_cache_30d/images/open_tip.png);
      width: 2.56rem;
      height: .78rem;
      color: #1b2906;
      font-size: .18rem;
      line-height: .2rem;
      top: -0.8rem;
      left: -1.2rem;
      pointer-events: none;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: .05rem .13rem .19rem; }
      .wrap .btns .open_tips > div {
        width: 100%;
        height: 100%;
        text-align: center; }
  .wrap .sence {
    width: 100%;
    height: 100%;
    pointer-events: none; }
    .wrap .sence li {
      position: absolute;
      pointer-events: auto; }
      .wrap .sence li > img {
        -webkit-animation: shine 0.8s ease infinite alternate;
                animation: shine 0.8s ease infinite alternate; }
        .wrap .sence li > img:hover + .dj-info {
          display: block; }
      .wrap .sence li:nth-child(1) {
        width: .58rem;
        height: .72rem;
        top: 2.08rem;
        left: 3.47rem;
        -webkit-animation: sence 1.5s 0.1s ease-in-out alternate infinite;
                animation: sence 1.5s 0.1s ease-in-out alternate infinite; }
        .wrap .sence li:nth-child(1) .dj-info {
          top: -0.2rem;
          left: .7rem; }
      .wrap .sence li:nth-child(2) {
        width: 1.58rem;
        height: 2.02rem;
        top: 3.43rem;
        left: 3.37rem;
        -webkit-animation: sence 1.5s 0.45s ease-in-out alternate infinite;
                animation: sence 1.5s 0.45s ease-in-out alternate infinite; }
        .wrap .sence li:nth-child(2) .dj-info {
          top: -1.36rem;
          left: -0.4rem; }
      .wrap .sence li:nth-child(3) {
        width: 1.83rem;
        height: 1.59rem;
        top: 1.9rem;
        left: 8.36rem;
        -webkit-animation: sence 1.5s 0.25s ease-in-out alternate infinite;
                animation: sence 1.5s 0.25s ease-in-out alternate infinite; }
        .wrap .sence li:nth-child(3) .dj-info {
          top: 0.4rem;
          right: 2.0rem; }
      .wrap .sence li:nth-child(4) {
        width: 1.02rem;
        height: 1.38rem;
        top: 3.69rem;
        left: 8.35rem;
        -webkit-animation: sence 1.5s 0.6s ease-in-out alternate infinite;
                animation: sence 1.5s 0.6s ease-in-out alternate infinite; }
        .wrap .sence li:nth-child(4) .dj-info {
          top: -1.36rem;
          left: -1.4rem; }
      .wrap .sence li .btn_det {
        background-image: url(../long_cache_30d/images/btn_det.png);
        width: .2rem;
        height: .2rem;
        top: 0;
        right: -.3rem; }
        .wrap .sence li .btn_det:before {
          content: "";
          width: .44rem;
          height: .44rem;
          position: absolute;
          top: -0.12rem;
          left: -0.12rem; }

@-webkit-keyframes sence {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0.15rem);
            transform: translateY(0.15rem); } }

@keyframes sence {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0.15rem);
            transform: translateY(0.15rem); } }
@-webkit-keyframes shine {
  0% {
    -webkit-filter: brightness(1) drop-shadow(0 0 0.04rem #feec72);
            filter: brightness(1) drop-shadow(0 0 0.04rem #feec72); }
  100% {
    -webkit-filter: brightness(1.15) drop-shadow(0 0 0.2rem #feec72);
            filter: brightness(1.15) drop-shadow(0 0 0.2rem #feec72); } }
@keyframes shine {
  0% {
    -webkit-filter: brightness(1) drop-shadow(0 0 0.04rem #feec72);
            filter: brightness(1) drop-shadow(0 0 0.04rem #feec72); }
  100% {
    -webkit-filter: brightness(1.15) drop-shadow(0 0 0.2rem #feec72);
            filter: brightness(1.15) drop-shadow(0 0 0.2rem #feec72); } }
.pop {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: none;
  outline: none;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url(../long_cache_30d/images/pop_bg2.png);
  width: 5.99rem;
  height: 3.71rem;
  margin: -1.85rem 0 0 -3.0rem; }
  .pop:after {
    content: "";
    position: absolute;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../long_cache_30d/images/pop_bg2_lig.png);
    width: 6.94rem;
    height: 4.15rem;
    top: -0.2rem;
    left: -0.43rem;
    z-index: 5; }
  .pop .close {
    background-image: url(../long_cache_30d/images/close.png);
    width: .92rem;
    height: .92rem;
    top: -0.1rem;
    right: -.9rem; }
  .pop .tit {
    height: .61rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: .12rem;
    font-size: .36rem;
    color: #feffe9;
    line-height: 1.1; }
  .pop .textwrap {
    height: 1.98rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: .2rem .2rem 0; }
    .pop .textwrap .text {
      color: #2d4d17;
      font-size: .26rem;
      line-height: .38rem;
      text-align: center; }
  .pop .btns a {
    width: 2.43rem;
    height: .59rem;
    position: relative;
    margin: 0 .08rem; }
    .pop .btns a span {
      position: relative;
      font-size: .26rem; }
    .pop .btns a:before {
      content: "";
      background-repeat: no-repeat;
      background-size: 100% 100%;
      width: 2.62rem;
      height: .83rem;
      position: absolute;
      top: -0.07rem;
      left: -0.1rem; }
    .pop .btns a.btn_qd:before {
      background-image: url(../long_cache_30d/images/btn_qd.png); }
    .pop .btns a.btn_qd span {
      color: #854105; }
    .pop .btns a.btn_qx:before {
      background-image: url(../long_cache_30d/images/btn_qx.png); }
    .pop .btns a.btn_qx span {
      color: #053b85; }
  .pop .os-scrollbar {
    width: 0.04rem !important;
    right: 0 !important;
    top: 0 !important;
    padding: 0; }
  .pop .os-scrollbar-track {
    width: 0.04rem !important;
    background: none !important;
    overflow: hidden;
    border-radius: 0 !important; }
  .pop .os-scrollbar-handle {
    background: #6e895a !important;
    overflow: hidden;
    border-radius: 0 !important; }
  .pop.pop-myegg {
    background-image: url(../long_cache_30d/images/pop_bg1.png);
    width: 8.48rem;
    height: 5.24rem;
    margin: -2.62rem 0 0 -4.24rem; }
    .pop.pop-myegg::after {
      background-image: url(../long_cache_30d/images/pop_bg1_lig.png);
      width: 9.82rem;
      height: 5.87rem;
      top: -0.28rem;
      left: -0.62rem; }
    .pop.pop-myegg .tit {
      height: .85rem;
      padding-top: .2rem;
      font-size: .4rem; }
    .pop.pop-myegg .myegg {
      width: 8.06rem;
      height: 3.84rem;
      overflow: hidden;
      overflow-y: auto;
      margin: .11rem auto 0;
      text-align: center; }
      .pop.pop-myegg .myegg-table {
        width: 100%;
        border-collapse: collapse; }
      .pop.pop-myegg .myegg .td1, .pop.pop-myegg .myegg .td3 {
        width: 30%; }
      .pop.pop-myegg .myegg .td2 {
        width: 40%; }
      .pop.pop-myegg .myegg th {
        height: .43rem;
        background: #c3dd7c;
        color: #457423;
        font-size: .2rem;
        vertical-align: middle;
        font-weight: normal; }
      .pop.pop-myegg .myegg td {
        color: #283420;
        font-size: .2rem;
        height: .59rem;
        border-top: solid 1px rgba(102, 120, 52, 0.46);
        vertical-align: middle; }
      .pop.pop-myegg .myegg tr:nth-child(1) td {
        border-top: solid 1px rgba(102, 120, 52, 0); }
      .pop.pop-myegg .myegg .btn_copy {
        background-image: url(../long_cache_30d/images/btn_copy.png);
        width: .22rem;
        height: .24rem;
        margin: 0 .06rem; }
      .pop.pop-myegg .myegg .btn_fill, .pop.pop-myegg .myegg .btn_modify, .pop.pop-myegg .myegg .btn_changed {
        width: 1.6rem;
        height: .44rem;
        margin: 0 auto;
        font-size: .19rem;
        line-height: 1; }
      .pop.pop-myegg .myegg .btn_fill, .pop.pop-myegg .myegg .btn_modify {
        background-image: url(../long_cache_30d/images/btn_fill.png);
        color: #681c00; }
      .pop.pop-myegg .myegg .btn_changed {
        background-image: url(../long_cache_30d/images/btn_changed.png);
        color: #545444; }
      .pop.pop-myegg .myegg .loginwrap {
        display: none; }
      .pop.pop-myegg .myegg.unlogin {
        overflow: hidden; }
        .pop.pop-myegg .myegg.unlogin tr {
          display: none; }
          .pop.pop-myegg .myegg.unlogin tr:nth-child(1) {
            display: table-row; }
            .pop.pop-myegg .myegg.unlogin tr:nth-child(1) td {
              border-bottom: solid 1px rgba(102, 120, 52, 0.46); }
        .pop.pop-myegg .myegg.unlogin .loginwrap {
          height: 2.8rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .pop.pop-myegg .myegg.unlogin .loginwrap p {
            color: #283420;
            font-size: .3rem;
            line-height: .4rem; }
            .pop.pop-myegg .myegg.unlogin .loginwrap p span {
              color: #5bb01f;
              border-bottom: solid 1px #5bb01f; }
  .pop.pop-guide {
    background-image: url(../long_cache_30d/images/pop_bg5.png);
    width: 9.88rem;
    height: 6.24rem;
    margin: -3.12rem 0 0 -4.94rem; }
    .pop.pop-guide:before {
      content: "";
      background: url(../long_cache_30d/images/pop_bg5_lig2.png) no-repeat 100%/100%;
      width: 11.17rem;
      height: 6.87rem;
      position: absolute;
      top: -0.28rem;
      left: -0.62rem;
      pointer-events: none; }
    .pop.pop-guide::after {
      background-image: url(../long_cache_30d/images/pop_bg5_lig.png);
      width: 11.17rem;
      height: 6.87rem;
      top: -0.28rem;
      left: -0.62rem; }
    .pop.pop-guide .tit {
      height: .85rem;
      padding-top: .2rem;
      font-size: .4rem; }
    .pop.pop-guide .guide_in {
      overflow: hidden;
      height: 4.7rem;
      position: relative;
      margin-top: .3rem; }
      .pop.pop-guide .guide_in .os-scrollbar {
        right: 0.3rem !important; }
      .pop.pop-guide .guide_in a {
        color: #2d4d17;
        border-bottom: solid 1px #2d4d17; }
    .pop.pop-guide .guide {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
      margin-top: .1rem; }
      .pop.pop-guide .guide li {
        width: 2.95rem;
        height: auto;
        background: #6e895a;
        border-radius: .04rem;
        margin: 0 .06rem;
        position: relative;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: .1rem .07rem; }
        .pop.pop-guide .guide li .text {
          color: #eefee3;
          font-size: .18rem;
          line-height: .26rem; }
          .pop.pop-guide .guide li .text a {
            color: #eefee3;
            border-bottom: solid 1px #eefee3;
            word-break: break-all; }
        .pop.pop-guide .guide li .img {
          position: relative;
          margin: .1rem auto 0; }
        .pop.pop-guide .guide li:nth-child(1) .img {
          width: 2.41rem; }
        .pop.pop-guide .guide li:nth-child(2) .img {
          width: 2.81rem; }
        .pop.pop-guide .guide li:nth-child(3) .img {
          width: 1.86rem; }
    .pop.pop-guide .txt {
      width: 9.14rem;
      color: #2d4d17;
      font-size: .2rem;
      line-height: .26rem;
      margin: 0 auto; }
  .pop.pop-detail {
    background-image: url(../long_cache_30d/images/pop_bg5.png);
    width: 9.88rem;
    height: 6.24rem;
    margin: -3.12rem 0 0 -4.94rem; }
    .pop.pop-detail:before {
      content: "";
      background: url(../long_cache_30d/images/pop_bg5_lig2.png) no-repeat 100%/100%;
      width: 11.17rem;
      height: 6.87rem;
      position: absolute;
      top: -0.28rem;
      left: -0.62rem;
      pointer-events: none; }
    .pop.pop-detail::after {
      background-image: url(../long_cache_30d/images/pop_bg5_lig.png);
      width: 11.17rem;
      height: 6.87rem;
      top: -0.28rem;
      left: -0.62rem; }
    .pop.pop-detail .detail_tab {
      padding-top: .18rem; }
      .pop.pop-detail .detail_tab a {
        width: 3.16rem;
        height: .58rem;
        font-size: .4rem;
        line-height: .44rem;
        color: #c7f47f;
        margin: 0 .15rem; }
        .pop.pop-detail .detail_tab a.active {
          background-image: url(../long_cache_30d/images/tab_bg.png);
          color: #2e610a; }
    .pop.pop-detail .detail_item {
      margin: .3rem auto 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-top: 1px; }
    .pop.pop-detail .detail_lc {
      height: 4.4rem;
      position: relative; }
      .pop.pop-detail .detail_lc .os-scrollbar {
        right: 0.3rem !important; }
    .pop.pop-detail .lc {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
      margin-top: .1rem; }
      .pop.pop-detail .lc li {
        width: 2.95rem;
        height: auto;
        background: #6e895a;
        border-radius: .04rem;
        margin: 0 .06rem;
        position: relative;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: .1rem .07rem; }
        .pop.pop-detail .lc li .text {
          color: #eefee3;
          font-size: .18rem;
          line-height: .26rem; }
        .pop.pop-detail .lc li .img {
          position: relative;
          margin: .1rem auto; }
        .pop.pop-detail .lc li:nth-child(1) .img {
          width: 2.41rem; }
        .pop.pop-detail .lc li:nth-child(2) .img {
          width: 2.41rem; }
        .pop.pop-detail .lc li:nth-child(3) .img {
          width: 2.07rem; }
    .pop.pop-detail .txt {
      width: 9.14rem;
      color: #2d4d17;
      font-size: .2rem;
      line-height: .26rem;
      margin: 0 auto; }
    .pop.pop-detail .btn_detrule {
      color: #2d4d17;
      font-size: .2rem;
      line-height: .26rem;
      border-bottom: solid 1px #2d4d17;
      bottom: .36rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
    .pop.pop-detail .rule {
      width: 8.74rem;
      height: 4.5rem;
      margin: .1rem auto 0;
      position: relative;
      padding: 0 .2rem; }
      .pop.pop-detail .rule li {
        color: #2d4d17;
        font-size: .2rem;
        line-height: .32rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .pop.pop-detail .rule li:not(:last-child) {
          padding-bottom: .1rem; }
    .pop.pop-detail .gl_table {
      width: 100%;
      border-collapse: collapse;
      border: solid 1px #2d4d17;
      text-align: center;
      font-size: .2rem;
      line-height: .24rem; }
      .pop.pop-detail .gl_table th {
        padding: .1rem 0;
        vertical-align: middle;
        border: solid 1px #2d4d17;
        font-weight: normal;
        background: #2d4d17;
        color: #c7f47f; }
      .pop.pop-detail .gl_table td {
        vertical-align: middle;
        border: solid 1px #2d4d17;
        padding: .1rem 0; }
      .pop.pop-detail .gl_table .td1, .pop.pop-detail .gl_table .td3 {
        width: 32%; }
      .pop.pop-detail .gl_table .td2, .pop.pop-detail .gl_table .td4 {
        width: 18%; }
    .pop.pop-detail .county_table {
      width: 100%;
      border-collapse: collapse;
      border: solid 1px #2d4d17;
      text-align: center;
      font-size: .2rem;
      line-height: .24rem; }
      .pop.pop-detail .county_table td {
        width: 25%;
        vertical-align: middle;
        border: solid 1px #2d4d17;
        padding: .1rem 0; }
  .pop.pop-rule {
    background-image: url(../long_cache_30d/images/pop_bg3.png);
    width: 8.48rem;
    height: 6.24rem;
    margin: -3.12rem 0 0 -4.24rem; }
    .pop.pop-rule::after {
      background-image: url(../long_cache_30d/images/pop_bg3_lig.png);
      width: 9.82rem;
      height: 6.87rem;
      top: -0.28rem;
      left: -0.62rem; }
    .pop.pop-rule .tit {
      height: .85rem;
      padding-top: .2rem;
      font-size: .4rem; }
    .pop.pop-rule .rule {
      width: 7.24rem;
      height: 4.3rem;
      margin: .4rem auto 0;
      position: relative;
      padding: 0 .2rem; }
      .pop.pop-rule .rule li {
        color: #2d4d17;
        font-size: .2rem;
        line-height: .32rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .pop.pop-rule .rule li:not(:last-child) {
          padding-bottom: .1rem; }
    .pop.pop-rule .county_table {
      width: 100%;
      border-collapse: collapse;
      border: solid 1px #2d4d17;
      text-align: center;
      font-size: .2rem;
      line-height: .24rem; }
      .pop.pop-rule .county_table td {
        width: 25%;
        vertical-align: middle;
        border: solid 1px #2d4d17;
        padding: .1rem 0; }
  .pop.pop-login {
    background-image: url(../long_cache_30d/images/pop_bg4.png);
    width: 8.48rem;
    height: 6.24rem;
    margin: -3.12rem 0 0 -4.24rem; }
    .pop.pop-login::after {
      background-image: url(../long_cache_30d/images/pop_bg4_lig.png);
      width: 9.82rem;
      height: 6.87rem;
      top: -0.28rem;
      left: -0.62rem; }
    .pop.pop-login .tit {
      height: .85rem;
      padding-top: .2rem;
      font-size: .4rem; }
    .pop.pop-login .login_box {
      width: 6.78rem;
      margin: .3rem auto 0; }
    .pop.pop-login .login_hd {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      height: .75rem;
      padding-bottom: .18rem;
      border-bottom: solid 1px rgba(102, 120, 52, 0.46); }
      .pop.pop-login .login_hd .logo {
        width: .75rem;
        height: .75rem; }
      .pop.pop-login .login_hd .txt {
        width: 5.88rem;
        min-height: .75rem;
        line-height: 1;
        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: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .pop.pop-login .login_hd .txt p {
          width: 100%;
          color: #2d4d17; }
          .pop.pop-login .login_hd .txt p:nth-child(1) {
            color: #2d4d17;
            font-size: .34rem;
            line-height: 1; }
          .pop.pop-login .login_hd .txt p:nth-child(2) {
            font-size: .22rem;
            line-height: .24rem; }
    .pop.pop-login .login_bd {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: .19rem; }
    .pop.pop-login .login_code {
      width: 2.76rem;
      height: 3.09rem;
      background: #5e9138;
      border-radius: .04rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: .18rem 0 .15rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .pop.pop-login .login_code .code {
        width: 2.37rem;
        height: 2.37rem;
        background: #FFF;
        border-radius: .08rem; }
      .pop.pop-login .login_code .txt {
        color: #f0e6bd;
        font-size: .18rem;
        line-height: .24rem; }
    .pop.pop-login .login_sty {
      width: 3.73rem;
      height: 3.09rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .pop.pop-login .login_sty a {
        width: 100%;
        height: .66rem;
        background: #374b1e;
        border-radius: .05rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: relative;
        color: #ffffff;
        font-size: .22rem;
        line-height: .26rem; }
        .pop.pop-login .login_sty a:before {
          content: "";
          background-repeat: no-repeat;
          background-size: 100% 100%;
          width: .4rem;
          position: absolute;
          top: 50%;
          left: .18rem;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .pop.pop-login .login_sty a.fb:before {
          background-image: url(../long_cache_30d/images/ico_facebook.png);
          height: .4rem; }
        .pop.pop-login .login_sty a.gg:before {
          background-image: url(../long_cache_30d/images/ico_google.png);
          height: .4rem; }
        .pop.pop-login .login_sty a.ios:before {
          background-image: url(../long_cache_30d/images/ico_apple.png);
          height: .43rem; }
        .pop.pop-login .login_sty a.twi:before {
          background-image: url(../long_cache_30d/images/ico_twitter.png);
          height: .34rem; }
    .pop.pop-login .login_tips {
      color: #2d4d17;
      font-size: .22rem;
      line-height: 1;
      padding-top: .24rem; }
      .pop.pop-login .login_tips .btn_step {
        color: #2d4d17; }
      .pop.pop-login .login_tips .jt {
        background-image: url(../long_cache_30d/images/jt2.png);
        width: .16rem;
        height: .23rem;
        -webkit-animation: jt 1s linear infinite alternate;
                animation: jt 1s linear infinite alternate; }
  .pop.pop-step {
    background-image: url(../long_cache_30d/images/pop_bg3.png);
    width: 8.48rem;
    height: 6.24rem;
    margin: -3.12rem 0 0 -4.24rem; }
    .pop.pop-step::after {
      background-image: url(../long_cache_30d/images/pop_bg3_lig.png);
      width: 9.82rem;
      height: 6.87rem;
      top: -0.28rem;
      left: -0.62rem; }
    .pop.pop-step .tit {
      height: .85rem;
      padding-top: .2rem;
      font-size: .4rem; }
    .pop.pop-step .step_ul {
      margin-top: .44rem; }
      .pop.pop-step .step_ul li {
        background: #6e895a;
        width: 2.38rem;
        height: 3.45rem;
        border-radius: .05rem;
        margin: 0 .08rem; }
  .pop.pop-fill, .pop.pop-modify {
    background-image: url(../long_cache_30d/images/pop_bg4.png);
    width: 8.48rem;
    height: 6.24rem;
    margin: -3.12rem 0 0 -4.24rem; }
    .pop.pop-fill::after, .pop.pop-modify::after {
      background-image: url(../long_cache_30d/images/pop_bg4_lig.png);
      width: 9.82rem;
      height: 6.87rem;
      top: -0.28rem;
      left: -0.62rem; }
    .pop.pop-fill .tit, .pop.pop-modify .tit {
      height: .85rem;
      padding-top: .2rem;
      font-size: .4rem; }
    .pop.pop-fill .info, .pop.pop-modify .info {
      width: 7.2rem;
      overflow: hidden;
      margin: .13rem auto .16rem;
      color: #2d4d17;
      font-size: .24rem;
      line-height: .28rem; }
      .pop.pop-fill .info li, .pop.pop-modify .info li {
        height: .37rem;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: .07rem; }
      .pop.pop-fill .info .lab, .pop.pop-modify .info .lab {
        width: 2.26rem; }
      .pop.pop-fill .info .text, .pop.pop-modify .info .text {
        width: 4.94rem; }
      .pop.pop-fill .info input, .pop.pop-fill .info select, .pop.pop-modify .info input, .pop.pop-modify .info select {
        width: 100%;
        height: 100%;
        border: 0;
        color: #f5f6b3;
        font-size: .24rem;
        border-radius: .05rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 .1rem; }
      .pop.pop-fill .info input, .pop.pop-modify .info input {
        background: rgba(39, 73, 15, 0.72); }
      .pop.pop-fill .info .sel, .pop.pop-modify .info .sel {
        height: .37rem;
        border-radius: .05rem;
        position: relative; }
        .pop.pop-fill .info .sel:after, .pop.pop-modify .info .sel:after {
          content: "";
          background: url(../long_cache_30d/images/ico_sel.png) no-repeat 100%/100%;
          width: .15rem;
          height: .07rem;
          position: absolute;
          top: 50%;
          right: .13rem;
          margin-top: -.035rem;
          pointer-events: none; }
        .pop.pop-fill .info .sel select, .pop.pop-modify .info .sel select {
          float: left;
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          background: rgba(39, 73, 15, 0.72); }
    .pop.pop-fill .p1box, .pop.pop-modify .p1box {
      height: .54rem; }
    .pop.pop-fill .p1, .pop.pop-modify .p1 {
      width: 7.2rem;
      color: #2d4d17;
      font-size: .2rem;
      line-height: .27rem;
      margin: 0 auto;
      white-space: nowrap; }
      .pop.pop-fill .p1 span, .pop.pop-modify .p1 span {
        border-bottom: solid 1px #2d4d17; }
    .pop.pop-fill .agree, .pop.pop-modify .agree {
      color: #2d4d17;
      font-size: .2rem;
      margin: .04rem 0 .12rem; }
      .pop.pop-fill .agree input, .pop.pop-modify .agree input {
        background: none;
        background: url(../long_cache_30d/images/agree_df.png) no-repeat 100%/100%;
        width: .28rem;
        height: .23rem;
        position: relative;
        top: .03rem;
        border: 0;
        border-radius: 0; }
        .pop.pop-fill .agree input:checked, .pop.pop-modify .agree input:checked {
          background-image: url(../long_cache_30d/images/agree_on.png); }
      .pop.pop-fill .agree span, .pop.pop-modify .agree span {
        border-bottom: solid 1px #2d4d17;
        line-height: .24rem; }
  .pop.pop-gift {
    background: none;
    width: 13.34rem;
    height: 4.44rem;
    margin: -2.22rem 0 0 -6.67rem; }
    .pop.pop-gift::before {
      content: "";
      background: url(../long_cache_30d/images/pop_gift_bg.png) no-repeat 100%/100%;
      width: 20.04rem;
      height: 5.8rem;
      position: absolute;
      top: -0.68rem;
      left: -3.35rem;
      pointer-events: none; }
    .pop.pop-gift::after {
      background: none; }
    .pop.pop-gift .tit {
      height: 0.83rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-top: .14rem;
      color: #feffe9;
      font-size: .4rem;
      line-height: 1.2;
      position: relative; }
    .pop.pop-gift .gifts {
      margin-top: 1.0rem; }
      .pop.pop-gift .gifts li .img {
        width: 1.2rem;
        height: 1.33rem;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin: 0 .1rem;
        position: relative; }
        .pop.pop-gift .gifts li .img .ico-xs {
          background-image: url(../long_cache_30d/images/ico_xs.png);
          width: .2rem;
          height: .2rem;
          bottom: .05rem;
          left: .05rem; }
        .pop.pop-gift .gifts li .img .num {
          color: #FFF;
          font-size: .24rem;
          line-height: 1;
          position: absolute;
          bottom: .03rem;
          right: .04rem; }
        .pop.pop-gift .gifts li .img:hover .dj-info {
          display: block; }
        .pop.pop-gift .gifts li .img .dj-info {
          bottom: 1.37rem;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%); }
          .pop.pop-gift .gifts li .img .dj-info .ico-xs {
            width: .14rem;
            height: .14rem; }
        .pop.pop-gift .gifts li .img.zs {
          background-image: url(../long_cache_30d/images/zs.png); }
        .pop.pop-gift .gifts li .img.fs {
          background-image: url(../long_cache_30d/images/fs.png); }
        .pop.pop-gift .gifts li .img.ls {
          background-image: url(../long_cache_30d/images/ls.png); }
        .pop.pop-gift .gifts li .img.lv {
          background-image: url(../long_cache_30d/images/lv.png); }
        .pop.pop-gift .gifts li .img.hs {
          background-image: url(../long_cache_30d/images/hs.png); }
    .pop.pop-gift .btns {
      width: 2.6rem;
      left: 50%;
      margin-left: -1.3rem;
      bottom: -0.76rem; }
    .pop.pop-gift .clicktip {
      width: 10rem;
      color: #c9c9c9;
      font-size: .2rem;
      line-height: .3rem;
      text-align: center;
      left: 50%;
      bottom: -1.2rem;
      margin-left: -5rem;
      pointer-events: none; }
  .pop.pop-photo {
    width: 7.48rem;
    height: 6.2rem;
    background: none;
    margin: -3.1rem 0 0 -3.74rem; }
    .pop.pop-photo:after {
      background: none; }
    .pop.pop-photo .close {
      background-image: url(../long_cache_30d/images/close2.png);
      width: .39rem;
      height: .39rem;
      top: .08rem;
      right: -0.7rem; }
    .pop.pop-photo .photo_scan {
      background-image: url(../long_cache_30d/images/photo_scan.png);
      position: relative;
      width: 4.18rem;
      height: 4.18rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: .04rem; }
      .pop.pop-photo .photo_scan:before {
        content: "";
        background: rgba(0, 0, 0, 0.7);
        width: 4.1rem;
        height: 4.1rem;
        position: absolute;
        top: .04rem;
        left: .04rem; }
      .pop.pop-photo .photo_scan .photo_line {
        background-image: url(../long_cache_30d/images/photo_line.png);
        width: 4.18rem;
        height: 1.05rem;
        top: 0;
        left: 0;
        -webkit-animation: photo 1s linear infinite;
                animation: photo 1s linear infinite; }
      .pop.pop-photo .photo_scan .photo_exm {
        color: #FFF;
        font-size: .2rem;
        line-height: .26rem;
        top: .15rem;
        left: .18rem; }
      .pop.pop-photo .photo_scan .photo_txt {
        width: 100%;
        color: #FFF;
        font-size: .2rem;
        line-height: .26rem;
        text-align: center;
        left: 0;
        bottom: .1rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: .08rem; }
      .pop.pop-photo .photo_scan input {
        font-size: 4.0rem;
        float: left;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: none;
        border: 0;
        opacity: 0;
        z-index: 5; }
    .pop.pop-photo .photo_btn {
      width: 7.48rem; }
      .pop.pop-photo .photo_btn a {
        width: 2.84rem;
        height: .67rem;
        position: relative;
        margin: 0 .45rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-bottom: .05rem; }
        .pop.pop-photo .photo_btn a::before {
          content: "";
          background-repeat: no-repeat;
          background-size: 100% 100%;
          width: 3.57rem;
          height: 1.2rem;
          position: absolute;
          top: -0.2rem;
          left: -0.37rem;
          pointer-events: none; }
        .pop.pop-photo .photo_btn a span {
          position: relative;
          font-size: .34rem;
          line-height: .36rem; }
        .pop.pop-photo .photo_btn a input {
          font-size: 2.0rem;
          float: left;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background: none;
          border: 0;
          opacity: 0;
          z-index: 5; }
        .pop.pop-photo .photo_btn a.btn_pz:before {
          background-image: url(../long_cache_30d/images/btn_open.png); }
        .pop.pop-photo .photo_btn a.btn_pz span {
          color: #531000; }
        .pop.pop-photo .photo_btn a.btn_xc:before {
          background-image: url(../long_cache_30d/images/btn_my.png); }
        .pop.pop-photo .photo_btn a.btn_xc span {
          color: #0d206f; }
    .pop.pop-photo .photo_tip {
      color: #FFF;
      font-size: .22rem;
      line-height: .3rem;
      padding: .1rem .4rem 0;
      height: 1.1rem;
      text-align: center; }
      .pop.pop-photo .photo_tip span {
        color: #fff551; }
  .pop.pop-photo-again, .pop.pop-photo-get {
    width: 5.03rem;
    height: 7.2rem;
    background: none;
    margin: -3.6rem 0 0 -2.51rem; }
    .pop.pop-photo-again:after, .pop.pop-photo-get:after {
      background: none; }
    .pop.pop-photo-again .close, .pop.pop-photo-get .close {
      background-image: url(../long_cache_30d/images/close2.png);
      width: .39rem;
      height: .39rem;
      top: .08rem;
      right: -0.7rem; }
    .pop.pop-photo-again .photo_in, .pop.pop-photo-get .photo_in {
      width: 5.03rem;
      height: 6.12rem;
      position: relative;
      margin-bottom: .3rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .pop.pop-photo-again .photo_img, .pop.pop-photo-get .photo_img {
      position: relative;
      width: 100%;
      height: 100%; }
      .pop.pop-photo-again .photo_img img, .pop.pop-photo-get .photo_img img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
    .pop.pop-photo-again .photo_btn, .pop.pop-photo-get .photo_btn {
      width: 7.48rem;
      margin-left: -1.22rem;
      position: relative; }
      .pop.pop-photo-again .photo_btn a, .pop.pop-photo-get .photo_btn a {
        width: 2.84rem;
        height: .67rem;
        position: relative;
        margin: 0 .45rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-bottom: .05rem; }
        .pop.pop-photo-again .photo_btn a::before, .pop.pop-photo-get .photo_btn a::before {
          content: "";
          background-repeat: no-repeat;
          background-size: 100% 100%;
          width: 3.57rem;
          height: 1.2rem;
          position: absolute;
          top: -0.2rem;
          left: -0.37rem;
          pointer-events: none; }
        .pop.pop-photo-again .photo_btn a span, .pop.pop-photo-get .photo_btn a span {
          position: relative;
          font-size: .34rem;
          line-height: .36rem; }
        .pop.pop-photo-again .photo_btn a.btn_pz:before, .pop.pop-photo-get .photo_btn a.btn_pz:before {
          background-image: url(../long_cache_30d/images/btn_open.png); }
        .pop.pop-photo-again .photo_btn a.btn_pz span, .pop.pop-photo-get .photo_btn a.btn_pz span {
          color: #531000; }
        .pop.pop-photo-again .photo_btn a.btn_xc:before, .pop.pop-photo-get .photo_btn a.btn_xc:before {
          background-image: url(../long_cache_30d/images/btn_my.png); }
        .pop.pop-photo-again .photo_btn a.btn_xc span, .pop.pop-photo-get .photo_btn a.btn_xc span {
          color: #0d206f; }
  .pop.pop-photo-get {
    height: 7.4rem;
    margin-top: -3.7rem; }
    .pop.pop-photo-get .photo_in {
      margin-bottom: .1rem; }
    .pop.pop-photo-get .photo_img .photo_pl {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: .16rem .22rem; }
    .pop.pop-photo-get .photo_jl {
      width: 1.09rem;
      height: 1.17rem;
      top: 0;
      right: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: .23rem;
      z-index: 9; }
      .pop.pop-photo-get .photo_jl .ico-xs {
        width: .18rem;
        height: .18rem;
        bottom: .25rem;
        left: .25rem; }
      .pop.pop-photo-get .photo_jl .num {
        color: #FFF;
        font-size: .18rem;
        line-height: 1;
        bottom: .25rem;
        right: .25rem; }
      .pop.pop-photo-get .photo_jl:hover .dj-info {
        display: block; }
      .pop.pop-photo-get .photo_jl .dj-info {
        top: .2rem;
        right: 0.94rem; }
        .pop.pop-photo-get .photo_jl .dj-info .ico-xs {
          left: .05rem;
          bottom: .04rem; }
      .pop.pop-photo-get .photo_jl.zs {
        background-image: url(../long_cache_30d/images/pl_zs.png); }
      .pop.pop-photo-get .photo_jl.ls {
        background-image: url(../long_cache_30d/images/pl_ls.png); }
      .pop.pop-photo-get .photo_jl.fs {
        background-image: url(../long_cache_30d/images/pl_fs.png); }
      .pop.pop-photo-get .photo_jl.lv {
        background-image: url(../long_cache_30d/images/pl_lv.png); }
      .pop.pop-photo-get .photo_jl.hs {
        background-image: url(../long_cache_30d/images/pl_hs.png); }
    .pop.pop-photo-get .photo_box {
      position: relative; }
    .pop.pop-photo-get .btn_save {
      background-image: url(../long_cache_30d/images/btn_save.png);
      width: .47rem;
      height: .42rem;
      right: .18rem;
      top: 5.5rem;
      z-index: 9;
      display: none; }
    .pop.pop-photo-get .shareimg {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 5;
      opacity: 0;
      -webkit-touch-callout: default !important;
      -webkit-user-select: auto !important;
      -moz-user-select: auto !important;
       -ms-user-select: auto !important;
           user-select: auto !important; }
    .pop.pop-photo-get .photo_copy {
      color: #FFF;
      font-size: .22rem;
      line-height: .3rem;
      text-align: center;
      margin-bottom: .12rem; }
      .pop.pop-photo-get .photo_copy span {
        color: #fff551; }
      .pop.pop-photo-get .photo_copy .btn_copy {
        background-image: url(../long_cache_30d/images/btn_copy2.png);
        width: .26rem;
        height: .28rem;
        margin: 0 .06rem; }
      .pop.pop-photo-get .photo_copy .share_text {
        border-bottom: solid 1px #FFF;
        margin: 0 .06rem; }
  .pop.pop-share .share_btn {
    margin-top: .14rem;
    height: 2.64rem; }
    .pop.pop-share .share_btn a {
      width: 1.16rem;
      height: 1.16rem;
      margin: 0 .28rem; }
  .pop.pop-unai, .pop.pop-unlogin {
    background-image: url(../long_cache_30d/images/pop_bg3.png);
    width: 8.48rem;
    height: 5.54rem;
    margin: -2.77rem 0 0 -4.24rem; }
    .pop.pop-unai::after, .pop.pop-unlogin::after {
      background-image: url(../long_cache_30d/images/pop_bg3_lig.png);
      width: 9.82rem;
      height: 6.17rem;
      top: -0.28rem;
      left: -0.62rem; }
    .pop.pop-unai .tit, .pop.pop-unlogin .tit {
      height: .85rem;
      padding-top: .2rem;
      font-size: .4rem; }
    .pop.pop-unai .box, .pop.pop-unlogin .box {
      height: 3.4rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: .2rem; }
      .pop.pop-unai .box .text, .pop.pop-unai .box .cdkey, .pop.pop-unlogin .box .text, .pop.pop-unlogin .box .cdkey {
        width: 100%;
        color: #2d4d17;
        font-size: .26rem;
        line-height: .34rem;
        text-align: center;
        padding: 0 .5rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
      .pop.pop-unai .box .cdkey, .pop.pop-unlogin .box .cdkey {
        margin-top: .15rem; }
      .pop.pop-unai .box .img, .pop.pop-unlogin .box .img {
        width: 1.32rem;
        height: 1.46rem;
        margin: .2rem 0 .1rem;
        position: relative; }
        .pop.pop-unai .box .img .ico-xs, .pop.pop-unlogin .box .img .ico-xs {
          background-image: url(../long_cache_30d/images/ico_xs.png);
          width: .2rem;
          height: .2rem;
          bottom: .05rem;
          left: .05rem; }
        .pop.pop-unai .box .img .num, .pop.pop-unlogin .box .img .num {
          color: #FFF;
          font-size: .24rem;
          line-height: 1;
          position: absolute;
          bottom: .03rem;
          right: .04rem; }
        .pop.pop-unai .box .img:hover .dj-info, .pop.pop-unlogin .box .img:hover .dj-info {
          display: block; }
        .pop.pop-unai .box .img .dj-info, .pop.pop-unlogin .box .img .dj-info {
          bottom: 1.5rem;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%); }
          .pop.pop-unai .box .img .dj-info .ico-xs, .pop.pop-unlogin .box .img .dj-info .ico-xs {
            width: .14rem;
            height: .14rem; }
        .pop.pop-unai .box .img.zs, .pop.pop-unlogin .box .img.zs {
          background-image: url(../long_cache_30d/images/zs.png); }
        .pop.pop-unai .box .img.fs, .pop.pop-unlogin .box .img.fs {
          background-image: url(../long_cache_30d/images/fs.png); }
        .pop.pop-unai .box .img.ls, .pop.pop-unlogin .box .img.ls {
          background-image: url(../long_cache_30d/images/ls.png); }
        .pop.pop-unai .box .img.lv, .pop.pop-unlogin .box .img.lv {
          background-image: url(../long_cache_30d/images/lv.png); }
        .pop.pop-unai .box .img.hs, .pop.pop-unlogin .box .img.hs {
          background-image: url(../long_cache_30d/images/hs.png); }
      .pop.pop-unai .box .btn_click, .pop.pop-unlogin .box .btn_click {
        color: #2d4d17;
        font-size: .26rem;
        line-height: .34rem;
        border-bottom: solid 1px #2d4d17; }
    .pop.pop-unai .btn_copy, .pop.pop-unlogin .btn_copy {
      background-image: url(../long_cache_30d/images/btn_copy.png);
      width: .22rem;
      height: .24rem;
      margin: 0 .06rem; }
  .pop.pop-privacy {
    background-image: url(../long_cache_30d/images/pop_bg3.png);
    width: 8.48rem;
    height: 6.24rem;
    margin: -3.12rem 0 0 -4.24rem; }
    .pop.pop-privacy::after {
      background-image: url(../long_cache_30d/images/pop_bg3_lig.png);
      width: 9.82rem;
      height: 6.87rem;
      top: -0.28rem;
      left: -0.62rem; }
    .pop.pop-privacy .tit {
      height: .85rem;
      padding-top: .2rem;
      font-size: .4rem; }
    .pop.pop-privacy .box {
      width: 7.24rem;
      height: 4.3rem;
      margin: .4rem auto 0;
      position: relative; }
      .pop.pop-privacy .box iframe {
        width: 100%;
        height: 100%; }

.copy-suc {
  background: url(../long_cache_30d/images/copy-suc-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%);
  display: none;
  z-index: 1000; }
  .copy-suc p {
    height: 100%;
    color: #FFF;
    font-size: 0.26rem; }

@-webkit-keyframes jt {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(0.04rem);
            transform: translateX(0.04rem); } }

@keyframes jt {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(0.04rem);
            transform: translateX(0.04rem); } }
@-webkit-keyframes photo {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(2.4rem);
            transform: translateY(2.4rem); } }
@keyframes photo {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(2.4rem);
            transform: translateY(2.4rem); } }
/* lang_zh */
.zh .warp {
  font-family: "Noto Sans SC", 'Microsoft JhengHei', 'PingFangTC-Regular', sans-serif;
  letter-spacing: 0; }

.zh .agb {
  font-weight: bold; }
.zh .wrap .title {
  background-image: url(../long_cache_30d/images/title-zh.png);
  width: 4.19rem;
  height: .78rem;
  top: .08rem; }

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

.en .agb {
  font-family: "all-bold"; }
.en .wrap .btns li a:nth-child(1) span {
  font-size: .32rem;
  line-height: .4rem; }
.en .wrap .title {
  background-image: url(../long_cache_30d/images/title-en.png);
  width: 4.97rem;
  height: .63rem;
  top: .16rem; }

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

.ru .wrap .btns li a:nth-child(1) span {
  font-size: .32rem; }
.ru .wrap .title {
  background-image: url(../long_cache_30d/images/title-ru.png);
  width: 4.46rem;
  height: .68rem;
  top: .12rem; }
.ru .pop.pop-photo-get .photo_copy {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
.ru .pop.pop-photo-get .photo_copy .share_text {
  font-size: .2rem; }

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

.de .wrap .btns li a:nth-child(1) span {
  font-size: .28rem; }
.de .wrap .title {
  background-image: url(../long_cache_30d/images/title-de.png);
  width: 5.7rem;
  height: .82rem;
  top: .04rem; }

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

.pt .wrap .title {
  background-image: url(../long_cache_30d/images/title-pt.png);
  width: 5.91rem;
  height: .71rem;
  top: .18rem; }

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

.fr .wrap .title {
  background-image: url(../long_cache_30d/images/title-fr.png);
  width: 4.96rem;
  height: .65rem;
  top: .16rem; }
.fr .pop.pop-detail .detail_tab a {
  font-size: .3rem; }

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

.es .wrap .title {
  background-image: url(../long_cache_30d/images/title-es.png);
  width: 6.13rem;
  height: .65rem;
  top: .16rem; }

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

.tr .wrap .title {
  background-image: url(../long_cache_30d/images/title-tr.png);
  width: 2.44rem;
  height: .76rem;
  top: .08rem; }

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

.ar .wrap .prog_jl_num {
  font-size: .2rem;
  direction: rtl; }
.ar .wrap .rtop, .ar .wrap .prog {
  direction: ltr; }
.ar .wrap .prog_jl_img .dj-info, .ar .wrap .prog_cur, .ar .wrap .rtop .btn_language {
  direction: rtl; }
.ar .pop.pop-photo-get .photo_img .photo_pl_xx span {
  margin: 0 0 0 .09rem; }
.ar .pop.pop-fill .agree input, .ar .pop.pop-modify .agree input {
  margin: 0 0 0 .05rem; }
.ar .pop.pop-login .login_tips .jt {
  background-image: url(../long_cache_30d/images/jt2_ar.png);
  margin-right: .06rem; }
.ar .pop.pop-fill .info .sel:after, .ar .pop.pop-modify .info .sel:after {
  right: unset;
  left: .13rem; }
.ar .wrap .btns li a:nth-child(1) span {
  font-size: .24rem; }
.ar .pop.pop-login .login_sty a {
  padding: 0 .26rem 0 0; }
.ar .pop.pop-login .login_sty a:before {
  left: unset;
  right: .1rem; }
.ar .wrap .rtop .btn_language span {
  position: relative;
  top: -0.03rem; }
.ar .wrap .rtop .ico_jt {
  margin: .05rem .05rem 0 0; }
.ar .wrap .title {
  background-image: url(../long_cache_30d/images/title-ar.png);
  width: 4.32rem;
  height: .83rem;
  top: .06rem; }
.ar .wrap .btns .open_tips {
  left: -0.8rem; }
.ar .wrap .prog_cur_num {
  font-size: .32rem; }
.ar .pop.pop-photo-again .photo_btn, .ar .pop.pop-photo-get .photo_btn {
  margin: 0 -1.22rem 0 0; }

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

.uz .wrap .btns li a:nth-child(1) span {
  font-size: .25rem; }
.uz .wrap .title {
  background-image: url(../long_cache_30d/images/title-uz.png);
  width: 3.14rem;
  height: .72rem;
  top: .12rem; }
.uz .wrap .prog_jl_num {
  font-size: .2rem; }

@supports (-webkit-background-clip: text) {
  .wrap .rtop .btn_language > span, .wrap .rtop .btn_log > span {
    background: -webkit-linear-gradient(#eeffc5, #eeffc5);
    background-clip: text;
    -webkit-text-fill-color: #1b2906;
    -webkit-text-stroke: 0.03rem transparent; }

  .wrap .prog_jl_num {
    background: -webkit-linear-gradient(#060c18, #060c18);
    background-clip: text;
    -webkit-text-fill-color: #fff551;
    -webkit-text-stroke: 0.03rem transparent; }

  .wrap .prog_cur_text {
    background: -webkit-linear-gradient(#060c18, #060c18);
    background-clip: text;
    -webkit-text-fill-color: #fbffe6;
    -webkit-text-stroke: 0.03rem transparent; }

  .wrap .prog_cur_num {
    background: -webkit-linear-gradient(#060c18, #060c18);
    background-clip: text;
    -webkit-text-fill-color: #fff551;
    -webkit-text-stroke: 0.03rem transparent; }

  .wrap.de106 .rtop .btn_language > span, .wrap.de106 .rtop .btn_log > span, .wrap.de106 .prog_jl_num, .wrap.de106 .prog_cur_text, .wrap.de106 .prog_cur_num {
    background: none;
    background-clip: initial;
    -webkit-text-fill-color: initial;
    -webkit-text-stroke: initial; }

  .wrap.mini .rtop .btn_language > span, .wrap.mini .rtop .btn_log > span, .wrap.mini .prog_jl_num, .wrap.mini .prog_cur_text, .wrap.mini .prog_cur_num {
    background: none;
    background-clip: initial;
    -webkit-text-fill-color: initial;
    -webkit-text-stroke: initial; } }