@media screen and (max-width: 650px) {
    .aplayer-time-inner,
    .aplayer .aplayer-info .aplayer-music .aplayer-author{
        display: none;
    }
}


.aplayer {
    margin: 0.5rem 0;
    background: var(--O);
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: normal;
    position: relative;
    box-shadow: none;
    border-radius: 0.5rem;
}
.aplayer * {
	box-sizing:content-box
}
.aplayer svg {
	width:100%;
	height:100%;
    pointer-events: none;
}
.aplayer svg circle,.aplayer svg path {
	fill:var(--main)
}
.aplayer.aplayer-withlist .aplayer-list {
	display:block
}
.aplayer.aplayer-withlist .aplayer-info .aplayer-lrc,.aplayer.aplayer-withlist .aplayer-info .aplayer-music {
	width:calc(100% - 25px)
}
.aplayer.aplayer-withlist .aplayer-body {
	padding:5px 0 30px
}
.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 {
	display:none;
	width:22px;
	height:22px;
	cursor:pointer;
	background:0 0;
	border:none;
	vertical-align:middle;
	padding:0;
	margin:0
}
.aplayer .aplayer-icon-forward {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.aplayer .aplayer-lrc-content {
	display:none
}
.aplayer .aplayer-pic {
    position: relative;
    float: left;
    background-size: cover;
    background-position: 50%;
    cursor: pointer;
    height: 5rem;
    width: 5rem;
    margin: 0;
    box-shadow: var(--box-shadow);
}
.aplayer .aplayer-pic .aplayer-button {
	position:absolute;
	border-radius:50%;
	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-play {
    display: none;
}
.aplayer .aplayer-pic .aplayer-pause {
    display: none;
}
.aplayer .aplayer-info {
    padding: 7px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 5rem;
    height: 5rem;
    box-sizing: border-box;
}
.aplayer .aplayer-info .aplayer-music {
    display: flex;
    align-items: flex-start;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: default;
    flex-direction: column;
}
.aplayer .aplayer-info .aplayer-music .aplayer-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color:var(--main);
	max-width: 35vw;
	font-size:14px
}
.aplayer .aplayer-info .aplayer-music .aplayer-author {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size:12px;
	color:var(--main);
	max-width: 35vw;
	opacity:.8
}
.aplayer .aplayer-info .aplayer-controller {
	display:flex;
	align-items:center
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
	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:4px;
	width:100%;
	background:#cdcdcd;
	border-radius:100px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	background:#aaa;
	height:4px;
	transition:all .5s ease;
	border-radius:100px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	height:4px;
	border-radius:100px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
	position:absolute;
	top:0;
	right:5px;
	margin-top:-3px;
	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 {
	right:0;
	color:#999;
	font-size:12px;
	line-height:1;
	padding-left:7px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .main-button {
	display:block;
	position:absolute;
	top:15px;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	right:3px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .main-button .aplayer-icon {
    margin-right: 1rem;
	height:25px;
	width:25px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .main-button .aplayer-icon-play {
	display:inline-block
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .other-button {
	position:absolute;
	display:flex;
	justify-content:space-between;
	padding:0 5px;
	left:0;
	right:0;
	bottom:3px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon .aplayer-icon-lrc {
	display:none
}
.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: block;
    margin: 1rem;
    width: calc(100% - 25px);
    position: relative;
    height: 1.5rem;
    overflow: hidden;
    display: none;
}
.aplayer .aplayer-lrc p {
	font-size:12px;
	color:var(--main);
	opacity:.7;
	line-height:16px!important;
	height:16px!important;
	padding:0!important;
	margin:0!important;
	opacity:0;
	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%;
	-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;
	cursor:pointer;
	transition:all .2s ease;
	overflow:hidden;
	margin:1px 0;
	border-radius:5px
}
.aplayer .aplayer-list ol li:first-child {
	border-top:none
}
.aplayer .aplayer-list ol li.aplayer-list-light,
.aplayer .aplayer-list ol li:hover {
	background:var(--theme-80);
}
.aplayer .aplayer-list ol li.aplayer-list-light span,
.aplayer .aplayer-list ol li:hover span {
	color:#fff;
}
.aplayer .aplayer-list ol li .aplayer-list-title {
	color:var(--main)
}
.aplayer .aplayer-list ol li .aplayer-list-index {
	color:var(--main);
	opacity:.8;
	margin-right:12px;
	cursor:pointer
}
.aplayer .aplayer-list ol li .aplayer-list-author {
	color:var(--main);
	opacity:.8;
	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;
	pointer-events:none;
	background-color:var(--background-color);
	color:var(--main)
}
@-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)
}
}