classroom-music-activation/miniprogram/components/apply-refound/apply-refound.less

/* components/apply-refound/apply-refound.wxss */
.useRefound-pop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;

  .useRefound-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .useRefound-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient( 180deg, #FFDEE7 0%, #FFFFFF 12%, #FFFFFF 100%);
    background-color: #fff;
    border-radius: 32rpx 32rpx 0rpx 0rpx;
    .icon-close {
      position: absolute;
      right: 44rpx;
      top: 44rpx;
      width: 30rpx;
      height: 30rpx;
    }
    .use-title {
      font-weight: 600;
      font-size: 36rpx;
      color: #000000;
      line-height: 50rpx;
      padding-top: 34rpx;
      padding-bottom: 30rpx;
      text-align: center;
    }
    .use-form {
      background: #F7F8F9;
      border-radius: 20rpx;
      textarea {
        padding: 24rpx;
        height: 180rpx;
        font-size: 30rpx;
        width: 100%;
        margin: 0;
        line-height: 46rpx;
        box-sizing: border-box;
        &::placeholder {
          color: #AAAAAA;
        }
      }
      .num {
        padding-right: 24rpx;
        padding-bottom: 24rpx;
        text-align: right;
        font-size: 28rpx;
        color: #AAAAAA;
        line-height: 40rpx;
      }
    }
    .use-form__input {
      margin: 0 40rpx 0;
      background: #FFFFFF;
      border-radius: 20rpx;
      margin-bottom: 48rpx;
      display: flex;
      flex-direction: column;
      .title {
        display: inline;
        font-size: 30rpx;
        color: #131415;
        padding-bottom: 24rpx;
        .red {
          color: #F44541;
        }
        .sencd {
          color: #AAAAAA;
        }
      }
      input {
        padding: 20rpx 16rpx;
        background: #F7F8F9;
        border-radius: 16rpx;
        font-size: 30rpx;
        &::placeholder {
          color: #AAAAAA;
        }
      }
    }
    .btnSection {
      padding: 0 32rpx 58rpx;
      button {
        margin: 0;
        width: 100%;
        background: linear-gradient( 270deg, #FF204B 0%, #FE5B71 100%);
        border-radius: 78rpx;
        padding: 22rpx 84rpx;
        font-weight: 500;
        font-size: 32rpx;
        color: #fff;
        line-height: 44rpx;
      }
    }
  }
}