.response-tpl-page {
  &-content {
    // background: url('./assets/@{status}.png') no-repeat center;
    width: 100%;
    height: calc(75vh);

    &.p-403 {
      background: url('./assets/403.png') no-repeat center;
    }

    &.p-401 {
      background: url('./assets/401.png') no-repeat center;
    }

    &.p-404 {
      background: url('./assets/404.png') no-repeat center;
    }

    &.p-500 {
      background: url('./assets/500.png') no-repeat center;
    }

    &-operate {
      position: relative;
      top: calc(65%);

      &-message-sorry {
        font-size: 20px;
        color: #505568;
        text-align: center;
        // > span {
        //   color: #526ecc;
        //   text-decoration: underline;
        //   cursor: pointer;
        // }
      }

      &-message-tip {
        font-size: 16px;
        color: #A8ADBD;
        text-align: center;
      }

      &-message-btn {
        color: #526ecc;
        text-decoration: underline;
        cursor: pointer;
        text-align: center;
      }
    }
  }
}