html, .body {
  overflow-y: auto; }

.warp .rtop {
  height: .44rem;
  top: .24rem;
  right: .24rem;
  z-index: 9; }
  .warp .rtop .loged {
    color: #FFF;
    font-size: 0;
    text-shadow: 0 0 .02rem #060c18, 0 0 .02rem #060c18, 0 0 .02rem #060c18; }
    .warp .rtop .loged .uname {
      display: inline-block;
      vertical-align: top;
      font-size: .24rem;
      max-width: 1.8rem;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    .warp .rtop .loged a {
      color: #FFF;
      text-shadow: 0 0 .02rem #060c18, 0 0 .02rem #060c18, 0 0 .02rem #060c18;
      border-bottom: solid 1px #FFF;
      font-size: .24rem;
      margin: 0 .05rem; }
  .warp .rtop .btn_language, .warp .rtop .btn_log {
    background-image: url(../long_cache_30d/images/btn_lang.png);
    width: 1.63rem;
    height: .44rem;
    margin: 0 .15rem; }
    .warp .rtop .btn_language > span, .warp .rtop .btn_log > span {
      color: #1b2906;
      text-shadow: 0 0 .03rem #eeffc5;
      font-size: .24rem;
      line-height: 1; }
  .warp .rtop .ico_jt {
    background-image: url(../long_cache_30d/images/ico_jt.png);
    width: .24rem;
    height: .14rem;
    margin: .05rem 0 0 .05rem;
    position: relative; }
  .warp .rtop .btn_share {
    background-image: url(../long_cache_30d/images/btn_share.png);
    width: .43rem;
    height: .4rem;
    margin: 0 .15rem; }
.warp .language_ls {
  width: 2rem;
  background: #000;
  border-top: solid .03rem #ffb60e;
  top: 0.6rem;
  right: .78rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: .18rem;
  z-index: 6;
  display: none; }
  .warp .language_ls a {
    display: block;
    font-size: .24rem;
    line-height: .6rem;
    color: #a4a4a4; }
    .warp .language_ls a:hover, .warp .language_ls a.active {
      color: #fff551; }
  .warp .language_ls.show {
    display: block; }
.warp .btn_down {
  width: 1.2rem;
  top: 1.73rem;
  left: .48rem;
  left: calc(env(safe-area-inset-left) + .28rem);
  left: calc(constant(safe-area-inset-left) + .28rem);
  display: block; }
  .warp .btn_down .ico_down {
    background-image: url(../long_cache_30d/images/ico_down.png);
    width: 1.2rem;
    height: 1.3rem;
    display: block; }
  .warp .btn_down p {
    color: #ffffff;
    font-size: .28rem;
    line-height: 1;
    text-align: center;
    padding-top: .14rem;
    text-shadow: 0 0 .02rem #060c18, 0 0 .02rem #060c18; }

@media screen and (min-aspect-ratio: 1360 / 760) {
  .warp {
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: none; }
    .warp::-webkit-scrollbar {
      height: 0;
      display: none; }

  .wrap {
    background-position: 50% 0;
    margin-top: -2.93rem;
    height: calc(7.6rem + 2.93rem); }
    .wrap .main {
      top: 2.93rem;
      -webkit-transform: translate(-50%, 0%);
              transform: translate(-50%, 0%); } }