classroom-app/src/views/activation-code/modal/code-dialog/index.module.less

.codeDialog {
  width: 305px;
  background: linear-gradient( 89deg, #D0EFF7 0%, #D9F9DC 100%);
  position: relative;
  border-radius: 12px;
}

.header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;

  .leftTitle {
    position: absolute;
    top: 16px;
    left: 16px;

    img {
      height: 29px;
      width: auto;
    }

    &.info {
      img {
        height: 26px;
      }
    }
  }

  .rightTitle {
    position: absolute;
    right: 0;
    top: -23px;
    width: 133px;
    height: 118px;

    img {
      width: inherit;
      height: inherit;
    }
  }
}

.body {
  position: relative;
  z-index: 10;
  padding: 61px 6px 6px;
}

.container {
  border-radius: 12px;
  border: 1px solid #FFFFFF;
}

.section {
  background: #FFFFFF;
  border-radius: 12px;
  margin: 4px;
  padding: 15px 14px;

  .content {
    font-size: 15px;
    color: #666666;
    line-height: 23px;

    span {
      // color: #2B85FF;
    }
  }

  .btnGroup {
    padding: 20px 55px 0;

    .imgBtn {
      width: 148px;
      height: 48px;
      margin-bottom: -8px;
    }

    :global {
      .van-button {
        padding: 0;
        font-weight: 400;
        font-size: 16px;
        color: #FFFFFF;
      }
    }
  }
}