.aplayer {
  font-family:Arial,Helvetica,sans-serif;
  margin:5px;
  box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 1px 5px 0 rgba(0,0,0,.1);
  border-radius:2px;
  overflow:hidden;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  line-height:normal;
  position:relative;
  background: var(--background-color-1);
}
.aplayer * {
  box-sizing:content-box
}
.aplayer svg {
  width:100%;
  height:100%
}
.aplayer svg circle,
.aplayer svg path {
  fill:#fff
}
.aplayer.aplayer-withlist .aplayer-info {
  border-bottom:1px solid  var(--border-color)
}
.aplayer.aplayer-withlist .aplayer-list {
  display:block
}
.aplayer.aplayer-withlist .aplayer-icon-order,
.aplayer.aplayer-withlist .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu {
  display:inline
}
.aplayer.aplayer-withlrc .aplayer-pic {
  height:90px;
  width:90px
}
.aplayer.aplayer-withlrc .aplayer-info {
  margin-left:90px;
  height:90px;
  padding:10px 7px 0
}
.aplayer.aplayer-withlrc .aplayer-lrc {
  display:block
}
.aplayer.aplayer-narrow {
  width:66px
}
.aplayer.aplayer-narrow .aplayer-info,
.aplayer.aplayer-narrow .aplayer-list {
  display:none
}
.aplayer.aplayer-narrow .aplayer-body,
.aplayer.aplayer-narrow .aplayer-pic {
  height:66px;
  width:66px
}
.aplayer.aplayer-fixed {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  margin:0;
  z-index:99;
  overflow:visible;
  max-width:400px;
  box-shadow:none
}
.aplayer.aplayer-fixed .aplayer-list {
  margin-bottom:65px;
  border:1px solid var(--border-color);
  border-bottom:none
}
.aplayer.aplayer-fixed .aplayer-body {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  margin:0;
  z-index:99;
  background:#ffffff00;
  padding-right:18px;
  transition:all .3s ease;
  max-width:400px
}
.aplayer.aplayer-fixed .aplayer-lrc {
  display:block;
  position:fixed;
  bottom:10px;
  left:0;
  right:0;
  margin:0;
  z-index:98;
  pointer-events:none;
  text-shadow:1px 1px 0 var(--background-color-1-transparent)
}
.aplayer.aplayer-fixed .aplayer-lrc:after,
.aplayer.aplayer-fixed .aplayer-lrc:before {
  display:none
}
.aplayer.aplayer-fixed .aplayer-info {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  transition:all .3s ease;
  border-bottom:none;
  border-top:1px solid  var(--border-color)
}
.aplayer.aplayer-fixed .aplayer-info .aplayer-music {
  width:calc(100% - 105px)
}
.aplayer.aplayer-fixed .aplayer-miniswitcher {
  display:block
}
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-info {
  display:block;
  -webkit-transform:scaleX(0);
  transform:scaleX(0)
}
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
  width:66px!important
}
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-miniswitcher .aplayer-icon {
  -webkit-transform:rotateY(0);
  transform:rotateY(0)
}
.aplayer.aplayer-fixed .aplayer-icon-back,
.aplayer.aplayer-fixed .aplayer-icon-forward,
.aplayer.aplayer-fixed .aplayer-icon-lrc,
.aplayer.aplayer-fixed .aplayer-icon-play {
  display:inline-block
}
.aplayer.aplayer-fixed .aplayer-icon-back,
.aplayer.aplayer-fixed .aplayer-icon-forward,
.aplayer.aplayer-fixed .aplayer-icon-menu,
.aplayer.aplayer-fixed .aplayer-icon-play {
  position:absolute;
  bottom:27px;
  width:20px;
  height:20px
}
.aplayer.aplayer-fixed .aplayer-icon-back {
  right:75px
}
.aplayer.aplayer-fixed .aplayer-icon-play {
  right:50px
}
.aplayer.aplayer-fixed .aplayer-icon-forward {
  right:25px
}
.aplayer.aplayer-fixed .aplayer-icon-menu {
  right:0
}
.aplayer.aplayer-arrow .aplayer-icon-loop,
.aplayer.aplayer-arrow .aplayer-icon-order,
.aplayer.aplayer-mobile .aplayer-icon-volume-down {
  display:none
}
.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-loading-icon {
  display:block
}
.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
  -webkit-transform:scale(1);
  transform:scale(1)
}
.aplayer .aplayer-body {
  position:relative
}
.aplayer .aplayer-icon {
  width:15px;
  height:15px;
  border:none;
  background-color:transparent;
  outline:none;
  cursor:pointer;
  opacity:.8;
  vertical-align:middle;
  padding:0;
  font-size:12px;
  margin:0;
  display:inline-block
}
.aplayer .aplayer-icon path {
  transition:all .2s ease-in-out
}
.aplayer .aplayer-icon-back,
.aplayer .aplayer-icon-forward,
.aplayer .aplayer-icon-lrc,
.aplayer .aplayer-icon-order,
.aplayer .aplayer-icon-play {
  display:none
}
.aplayer .aplayer-icon-lrc-inactivity svg {
  opacity:.4
}
.aplayer .aplayer-icon-forward {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
}
.aplayer .aplayer-lrc-content {
  display:none
}
.aplayer .aplayer-pic {
  position:relative;
  float:left;
  height:66px;
  width:66px;
  background-size:cover;
  background-position:50%;
  transition:all .3s ease;
  cursor:pointer
}
.aplayer .aplayer-pic:hover .aplayer-button {
  opacity:1
}
.aplayer .aplayer-pic .aplayer-button {
  position:absolute;
  border-radius:50%;
  opacity:.8;
  text-shadow:0 1px 1px rgba(0,0,0,.2);
  box-shadow:0 1px 1px rgba(0,0,0,.2);
  background:rgba(0,0,0,.2);
  transition:all .1s ease
}
.aplayer .aplayer-pic .aplayer-button path {
  fill:#fff
}
.aplayer .aplayer-pic .aplayer-hide {
  display:none
}
.aplayer .aplayer-pic .aplayer-play {
  width:26px;
  height:26px;
  border:2px solid #fff;
  bottom:50%;
  right:50%;
  margin:0 -15px -15px 0
}
.aplayer .aplayer-pic .aplayer-play svg {
  position:absolute;
  top:3px;
  left:4px;
  height:20px;
  width:20px
}
.aplayer .aplayer-pic .aplayer-pause {
  width:16px;
  height:16px;
  border:2px solid #fff;
  bottom:4px;
  right:4px
}
.aplayer .aplayer-pic .aplayer-pause svg {
  position:absolute;
  top:2px;
  left:2px;
  height:12px;
  width:12px
}
.aplayer .aplayer-info {
  margin-left:66px;
  padding:14px 7px 0 10px;
  height:66px;
  box-sizing:border-box;
  background: var(--background-color-1)
}
.aplayer .aplayer-info .aplayer-music {
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  margin:0 0 13px 5px;
  -webkit-user-select:text;
  -moz-user-select:text;
  -ms-user-select:text;
  user-select:text;
  cursor:default;
  padding-bottom:2px;
  height:20px
}
.aplayer .aplayer-info .aplayer-music .aplayer-title {
  font-size:14px
}
.aplayer .aplayer-info .aplayer-music .aplayer-author {
  font-size:12px;
  color: var(--text-color-3)
}
.aplayer .aplayer-info .aplayer-controller {
  position:relative;
  display:flex
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
  margin:0 0 0 5px;
  padding:4px 0;
  cursor:pointer!important;
  flex:1
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb {
  -webkit-transform:scale(1);
  transform:scale(1)
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {
  position:relative;
  height:2px;
  width:100%;
  background:#999
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  background:#bbb;
  height:2px;
  transition:all .5s ease
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  height:2px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
  position:absolute;
  top:0;
  right:5px;
  margin-top:-4px;
  margin-right:-10px;
  height:10px;
  width:10px;
  border-radius:50%;
  cursor:pointer;
  transition:all .3s ease-in-out;
  -webkit-transform:scale(0);
  transform:scale(0)
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time {
  position:relative;
  right:0;
  bottom:4px;
  height:17px;
  color:#999;
  font-size:11px;
  padding-left:7px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner {
  vertical-align:middle
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon {
  cursor:pointer;
  transition:all .2s ease
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {
  fill: var(--text-color-3);
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop {
  margin-right:2px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {
  fill: var(--primary-color);
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu,
.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu,
.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode {
  display:none
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap {
  position:relative;
  display:inline-block;
  margin-left:3px;
  cursor:pointer!important
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap {
  height:40px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap {
  position:absolute;
  bottom:15px;
  right:-3px;
  width:25px;
  height:0;
  z-index:99;
  overflow:hidden;
  transition:all .2s ease-in-out
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap.aplayer-volume-bar-wrap-active {
  height:40px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar {
  position:absolute;
  bottom:0;
  right:10px;
  width:5px;
  height:35px;
  background:#aaa;
  border-radius:2.5px;
  overflow:hidden
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume {
  position:absolute;
  bottom:0;
  right:0;
  width:5px;
  transition:all .1s ease
}
.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon {
  display:none
}
.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon svg {
  position:absolute;
  -webkit-animation:rotate 1s linear infinite;
  animation:rotate 1s linear infinite
}
.aplayer .aplayer-lrc {
  display:none;
  position:relative;
  height:30px;
  text-align:center;
  overflow:hidden;
  margin:-10px 0 7px
}
.aplayer .aplayer-lrc:before {
  top:0;
  height:10%;
  background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0));
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0)
}
.aplayer .aplayer-lrc:after,
.aplayer .aplayer-lrc:before {
  position:absolute;
  z-index:1;
  display:block;
  overflow:hidden;
  width:100%;
  content:" "
}
.aplayer .aplayer-lrc:after {
  bottom:0;
  height:33%;
  background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.8));
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ccffffff",GradientType=0)
}
.aplayer .aplayer-lrc p {
  font-size:12px;
  color: var(--text-color-3);
  line-height:16px!important;
  height:16px!important;
  padding:0!important;
  margin:0!important;
  transition:all .5s ease-out;
  opacity:.4;
  overflow:hidden
}
.aplayer .aplayer-lrc p.aplayer-lrc-current {
  opacity:1;
  overflow:visible;
  height:auto!important;
  min-height:16px
}
.aplayer .aplayer-lrc.aplayer-lrc-hide {
  display:none
}
.aplayer .aplayer-lrc .aplayer-lrc-contents {
  width:100%;
  transition:all .5s ease-out;
  -webkit-user-select:text;
  -moz-user-select:text;
  -ms-user-select:text;
  user-select:text;
  cursor:default
}
.aplayer .aplayer-list {
  overflow:auto;
  transition:all .5s ease;
  will-change:height;
  display:none;
  overflow:hidden
}
.aplayer .aplayer-list.aplayer-list-hide {
  max-height:0!important
}
.aplayer .aplayer-list ol {
  list-style-type:none;
  margin:0;
  padding:0;
  overflow-y:auto
}
.aplayer .aplayer-list ol::-webkit-scrollbar {
  width:5px
}
.aplayer .aplayer-list ol::-webkit-scrollbar-thumb {
  border-radius:3px;
  background-color:#eee
}
.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover {
  background-color:#ccc
}
.aplayer .aplayer-list ol li {
  position:relative;
  height:32px;
  line-height:32px;
  padding:0 15px;
  font-size:12px;
  border-top:1px solid  var(--border-color);
  cursor:pointer;
  transition:all .2s ease;
  overflow:hidden;
  margin:0
}
.aplayer .aplayer-list ol li:first-child {
  border-top:none
}
.aplayer .aplayer-list ol li:hover {
  background:var(--background-color-3);
}
.aplayer .aplayer-list ol li.aplayer-list-light {
  background: var(--background-color-3);
}
.aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur {
  display:inline-block
}
.aplayer .aplayer-list ol li .aplayer-list-cur {
  display:none;
  width:3px;
  height:22px;
  position:absolute;
  left:0;
  top:5px;
  cursor:pointer
}
.aplayer .aplayer-list ol li .aplayer-list-index {
  color: var(--text-color-3);
  margin-right:12px;
  cursor:pointer
}
.aplayer .aplayer-list ol li .aplayer-list-author {
  color: var(--text-color-3);
  float:right;
  cursor:pointer
}
.aplayer .aplayer-notice {
  opacity:0;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  font-size:12px;
  border-radius:4px;
  padding:5px 10px;
  transition:all .3s ease-in-out;
  overflow:hidden;
  color:#fff;
  pointer-events:none;
  background-color:#f4f4f5;
  color:#909399
}
.aplayer .aplayer-miniswitcher {
  display:none;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  height:100%;
  background: var(--border-color);
  width:18px;
  border-radius:0 2px 2px 0
}
.aplayer .aplayer-miniswitcher .aplayer-icon {
  height:100%;
  width:100%;
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg);
  transition:all .3s ease
}
.aplayer .aplayer-miniswitcher .aplayer-icon path {
  fill: var(--text-color-3);
}
.aplayer .aplayer-miniswitcher .aplayer-icon:hover path {
  fill: var(--primary-color);
}
@-webkit-keyframes aplayer-roll {
  0% {
    left:0
  }
  to {
    left:-100%
  }
}
@keyframes aplayer-roll {
  0% {
    left:0
  }
  to {
    left:-100%
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  to {
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn)
  }
}
@keyframes rotate {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  to {
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn)
  }
}

/*# sourceMappingURL=APlayer.min.css.map*/