.custom-audio {
  width: 100%;
  user-select: none;
  border-radius: 5px;
  display: block;
  border-radius: 8px;
  padding: 19px 20px 19px 30px;
  border: 1px solid #dddddd;
  background: #9a9a9a;
  color: #ffffff;
  :global {
    .audio-name {
      width: 100%;
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 10px;
    }
    .audio-play-control {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 10px;
      .audio-control-other {
        position: relative;
        cursor: pointer;
        .audio-control-icon {
          width: 24px;
          height: 24px;
        }
      }
      .audio-control-center {
        height: 30px;
        .audio-control-play {
          cursor: pointer;
          font-size: 30px;
          margin: 0 40px;
        }
      }
    }
    .audio-progress-wrapper {
      flex: 1;
    }

    .audio-progress {
      margin: 0 10px;
      height: 19px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      position: relative;

      .slider-rail {
        height: 3px;
        width: 100%;
        background: rgba(222, 224, 227, 0.6);
        .slider-track {
          width: 100%;
          height: 3px;
          background: #ffffff;
          position: relative;
          .slider-round {
            background: #ffffff;
            display: block;
            height: 19px;
            width: 19px;
            position: absolute;
            left: 100%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            // opacity: 1;
            cursor: pointer;
            border-radius: 50%;
          }
        }
      }
    }
    .audio-duration {
      margin-top: 10px;
      line-height: 20px;
      .audio-control-left-current {
        margin-right: 6px;
        color: #ffffff;
      }

      .audio-control-left-duration {
        margin-left: 6px;
      }
    }
    .audio-multiple {
      cursor: pointer;
    }
  }
}
.custom-fixbox {
  position: fixed;
  top: 175px;
  right: 19px;
  z-index: 99;
  width: 500px;
  border-radius: 5px;
  :global {
    .custom-close {
      float: right;
      padding: 5px;
      color: #ffffff;
    }
  }
}
.fixed-left {
  border: 1px solid #dddddd;
  background: rgba(0, 0, 0, 0.6);
}
