// .wxPopupDialog {
//   // position: relative;
//   overflow: initial;

//   // margin-top: -160px;
//   &::before {
//     position: absolute;
//     content: ' ';
//     top: -23px;
//     left: 50%;
//     margin-left: -50px;
//     display: inline-block;
//     background: url('../images/bell.png') no-repeat top center;
//     background-size: contain;
//     width: 100px;
//     height: 60px;
//   }
// }

.popupContainer {
  background: url('../images/message-top-bg.png') no-repeat top center;
  background-size: contain;
  border-radius: 20px;
  overflow: hidden;
  padding-bottom: 25px;

  &::before {
    position: absolute;
    content: ' ';
    top: -36px;
    left: 50%;
    margin-left: -61px;
    display: inline-block;
    background: url('../images/bell.png') no-repeat top center;
    background-size: contain;
    width: 123px;
    height: 71px;
  }

  &.popupContainerError {
    &::before {
      background: url('../images/error-icon.png') no-repeat top center;
      background-size: contain;
    }

    .container {
      padding: 16px 23px 0 !important;

      .cContent {
        padding-bottom: 25px;
      }
    }
  }

  .title1 {
    padding-top: 52px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    color: #131415;
    line-height: 30px;

    span {
      position: relative;
      z-index: 1;

      &::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
        width: 100%;
        height: 8px;
        background: linear-gradient(to right, rgba(45, 199, 170, 1), rgba(91, 236, 255, 0.20));
      }
    }
  }

  .popupTips {
    position: relative;
    font-size: 15px;
    color: #777777;
    line-height: 21px;


    // &::before {
    //   content: '';
    //   position: absolute;
    //   left: 0;
    //   bottom: 0;
    //   height: 54px;
    //   width: 100%;
    //   background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    // }

    .container {
      max-height: 400px;
      overflow-x: hidden;
      overflow-y: auto;
      padding: 16px 42px 0;
    }

    .cTitle {
      font-weight: 600;
      font-size: 15px;
      color: #333333;
      line-height: 21px;
    }

    .cContent {
      font-size: 15px;
      color: #777777;
      line-height: 25px;
      padding-bottom: 14px;

      span {
        color: #14BC9C;
        cursor: pointer;
        font-weight: 500;
      }
    }
  }

  .btnGroup {
    text-align: center;
  }

  .button {
    width: 260px;
    height: 39px;
    background: #2DC7AF;
    border-radius: 10px;
    font-weight: 600;
    font-size: 15px;
    color: #FFFFFF;
    line-height: 21px;
  }
}