colexiu-project/src/views/roleAuth/musicAuth/index.module.less

.musicAuth {
  background: url('../images/bg_top.png') no-repeat top left,
    url('../images/bg_center.png') no-repeat left 80%,
    url('../images/bg_bottom.png') no-repeat bottom right,
    url('../images/music_main.png') no-repeat top right;
  background-size: 212px 126px, 178px 223px, 171px 163px, 668px 406px;
  background-color: #fff;
  .txt {
    position: relative;
    z-index: 1;
    @apply pb-5;
    &::after {
      content: '';
      display: block;
      width: 100%;
      height: 13px;
      background: #cbfdd5;
      position: absolute;
      bottom: 15px;
      left: 0;
      z-index: -1;
      opacity: 0.63;
      @apply rounded-xl;
    }
  }

  .col {
    background: #ffffff;
    box-shadow: 0px 10px 36px 0px rgba(0, 0, 0, 0.13);
    border-radius: 10px;
    min-height: 197px;
  }

  :global {
    .el-dialog {
      --el-dialog-width: 379px !important;
    }
    .el-dialog__header,
    .el-dialog__body {
      padding: 0;
    }
  }
}