@import "../common/index.less";

.ph-page-fail {
  text-align: center;
  padding-top: 112px;
  padding-bottom: 20px;

  &.is-pad {
    padding-top: @r * 146px;
    padding-bottom: @r * 20px;

    .fail-image {
      width: @r * 208px;
      margin: 0 auto;
    }

    .fail-text {
      margin-top: @r * 20px;
      font-size: @r * 24px;
      line-height: @r * 30px;
    }

    .reload-btn {
      height: @r * 66px;
      font-size: @r * 28px;
      line-height: @r * 66px;
      border-radius: @r * 33px;
      margin: @r * 178px auto 0;
      width: 80%;
    }
  }

  .fail-image {
    width: 208px;
    margin: 0 auto;
  }

  .fail-text {
    margin-top: 10px;
    color: #b5b7bd;
    font-size: 16px;
    line-height: 30px;
  }

  .reload-btn {
    display: block;
    overflow: hidden;
    height: 56px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 56px;
    text-align: center;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: nowrap;
    background-color: #ffbb0a;
    border-radius: 28px;
    border: none;
    padding: 0 75px;
    margin: 14px auto 0;
    outline: 0;

    touch-action: manipulation;
  }
}