// 样式前缀变量
$prefix: pct;

// 横版样式覆盖
.tip-hori {
  .#{$prefix}-record-cash__wrap {
    flex-direction: row-reverse;
    background: linear-gradient(265deg, #e8f0ff -7.79%, #f7fdff 118.05%);

    &--empty {
      padding-bottom: .36rem;
    }
  }

  .#{$prefix}-record-cash__go-back {
    display: flex;
    height: .76rem;
    font-size: .3rem;
    background: #fff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .05);
  }

  .#{$prefix}-record-cash__record-detail {
    width: 7.5rem;
    height: 7.5rem;
    padding-left: 1.5rem;
    margin-left: -1.5rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-project/fission-password/component/record-bg-hori.png) no-repeat center;
    background-size: contain;
  }

  .#{$prefix}-record-cash__expire-time {
    margin: 1.52rem auto 1rem;
  }

  .#{$prefix}-record-cash__point-wrap {
    margin-bottom: 1.14rem;
  }

  .#{$prefix}-record-cash__award-wish {
    display: none;
  }

  .#{$prefix}-record-cash__record-item {
    padding: .2rem .24rem .2rem .24rem;
    margin-bottom: .08rem;
    margin-left: 0;
    border-radius: .04rem;
    background: rgba(255, 255, 255, .6);
  }

  .#{$prefix}-record-cash__record-desc {
    font-size: .22rem;
    color: #000;
  }

  .#{$prefix}-record-cash__record-text {
    font-size: .18rem;
    color: #85817c;
  }

  .#{$prefix}-record-cash__record-time {
    font-size: .18rem;
    color: #85817c;
  }

  .#{$prefix}-record-cash__record-list {
    padding-top: .76rem;
    padding-left: calc(1.2rem + constant(safe-area-inset-left));
    padding-left: calc(1.2rem + env(safe-area-inset-left));
  }

  .#{$prefix}-record-cash__tab-wrap {
    height: .72rem;
    border: 0;
    justify-content: flex-start;
  }

  .#{$prefix}-record-cash__tab-item {
    min-width: 1.2rem;
    line-height: .72rem;
    flex: initial;
    margin-right: .52rem;

    &:last-child {
      margin-right: 0;
    }

    &--active {
      &::after {
        width: .8rem;
        height: .04rem;
        border-radius: 0;
      }
    }
  }

  .#{$prefix}-record-cash__record-tip {
    font-size: .2rem;
    padding: .16rem .4rem .16rem .04rem;
  }

  .#{$prefix}-record-cash__record-empty-wrap {
    border-radius: .04rem;
    background: rgba(255, 255, 255, .8);
  }

  .#{$prefix}-record-cash__return-button {
    display: none;
  }
}