h5-colexiu/src/teacher/music/upload/message-tip/index.module.less

.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;
  }

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

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

  .title1 {
    padding-top: 57px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #000000;

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

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

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


    // &::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: 300px;
      overflow-x: hidden;
      overflow-y: auto;
      padding: 0 20px 0;
    }

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

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

      &.cContentBottom {
        padding-bottom: 0;
      }

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

  .button {
    padding: 0 32px;
    width: calc(100% - 70px);
    margin: 0 auto;
    height: 40px;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 22px;
  }
}