@import '../../common/style/act/mixin/mixin.scss';

.press-act:not(.press-act--hidden-tip) {
  .press__buttons {
    justify-content: space-around;
  }

  &.press__main {
    flex: 1;
    width: 100%;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
  }

  // list背景
  .press__info {
    flex: 1;
    overflow-y: scroll;
    background: #fff;
  }

  // 额外信息+声明
  .press__extra {
    padding: .3rem .4rem;
    color: #9b9b9b;
    font-size: .24rem;
    line-height: .34rem;
  }

  .press__extra p,
  .press__extra view {
    text-align: left;
  }

  // 底部按钮区域 -------- start
  .press__button-wrap {
    position: relative;
    padding: .32rem .96rem;
    z-index: 10;
    background: #fff;
    border-top: .02rem solid #eae7e2;
  }

  .press__btn {
    position: relative;
    display: block;
  }

  .press__btn--maxlarge-primary {
    display: inline-block;
    margin: 0 .16rem;
    width: 3.34rem;
    height: .64rem;
    line-height: .64rem;
    text-align: center;
    font-size: .24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1e72ff;
    color: #fff;
    clip-path: polygon(3% 0, 100% 0, 100% 85%, 97% 100%, 0 100%, 0 15%);
  }

  .tip-comp-btn-maxlarge-secondary {
    display: block;
    margin: 0 .16rem;
    width: 2.2rem;
    height: .64rem;
    line-height: .6rem;
    font-size: .24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #a3a3a3;
    color: #e8e8e8;
    clip-path: polygon(3% 0, 100% 0, 100% 85%, 97% 100%, 0 100%, 0 15%);
  }

  .press__btn--large-primary {
    display: block;
    margin: 0 .16rem;
    width: 2.2rem;
    height: .64rem;
    line-height: .6rem;
    font-size: .24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1e72ff;
    color: #fff;
    clip-path: polygon(3% 0, 100% 0, 100% 85%, 97% 100%, 0 100%, 0 15%);
  }

  .press__btn--large-secondary {
    display: block;
    margin: 0 .16rem;
    width: 2.2rem;
    height: .64rem;
    line-height: .6rem;
    font-size: .24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #a3a3a3;
    color: #e8e8e8;
    clip-path: polygon(3% 0, 100% 0, 100% 85%, 97% 100%, 0 100%, 0 15%);
  }

  // 底部按钮区域 -------- end
}