@import url('./common.css');
.error-wrap {
  position: fixed;
  width: 100%;
  padding: 0 25px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.b-email {
  padding: 0 5px;
  color: #6C11FF;
}
@media (max-width: 750px) {
  .body-wrap {
    padding: 25px;
    margin: 0 auto;
  }
  .content-wrap {
    text-align: center;
    font-family: Roboto-Medium, Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #333;
  }
  .logo {
    background: url('../img/livu.png') no-repeat;
    background-size: 100%;
    width: 90px;
    height: 26px;
  }
  .title {
    font-size: 32px;
    padding: 45px 0 20px 0;
  }
  .content-icon-error {
    width: 90px;
    height: 97px;
    background: url('../img/livu_error.png') no-repeat;
    background-size: 100%;
    display: inline-block;
  }
  .des {
    font-size: 18px;
    color: #919191;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 25px;
    word-break: break-all;
  }
  .error-des {
    color: #626262;
    font-size: 18px;
    margin-top: -15px;
  }
  .footer-bt {
    display: inline-block;
    width:100%;
    height:50px;
    background: #FFC34A;
    border-radius:5px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    margin-top: 20px;
    color: #fff;
  }
  .c-bg img {
    max-width: 100%;
  }
  .footer-text {
    font-size: 12px;
    color: #C7CCCF;
    padding: 25px;
    text-align: center;
  }
}
@media (min-width: 750px) {
  .body-wrap {
    padding: 30px;
    max-width: 1024px;
    margin: 0 auto;
  }
  .content-wrap {
    text-align: center;
    font-family: Roboto-Medium, Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #333;
  }
  .logo {
    background: url('../img/livu.png') no-repeat;
    background-size: 100%;
    width: 132px;
    height: 38px;
  }
  .title {
    font-size: 56px;
    padding: 45px 0 20px 0;
  }
  .content-icon-error {
    width: 122px;
    height: 131px;
    background: url('../img/livu_error.png') no-repeat;
    background-size: 100%;
    display: inline-block;
  }
  .error-des {
    color: #626262;
    font-size: 24px;
    margin-top: -15px;
  }
  .des {
    font-size: 26px;
    color: #919191;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 25px;
    word-break: break-all;
  }
  .footer-bt {
    display: inline-block;
    width:380px;
    height:70px;
    background: #FFC34A;
    border-radius:5px;
    line-height: 70px;
    text-align: center;
    font-size: 26px;
    margin-top: 30px;
    margin-bottom: 20px;
    color: #fff;
  }
  .c-bg img {
    max-width: 100%;
  }
  .footer-text {
    font-size: 18px;
    color: #C7CCCF;
    padding: 25px;
    margin-top: 15px;
    text-align: center;
  }
}