.aplayer {
	padding:5px 10px;
	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: var(--radius);
    background: unset;
    font-family: 'catfont';
    margin: 0;
}
.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;
	padding:5px 0
}
.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;
    border-radius: 50%;
    height: 3.5rem;
    width: 3.5rem;
    margin: 0 1rem 0 0.5rem;
    box-shadow: var(--box-shadow);
    border: 0.75rem solid var(--main);
}

@media (max-width:650px) {
    .aplayer .aplayer-pic {
        margin: 0;
    }
}
.aplayer .aplayer-pic:before {
    content: "";
    background-image: url(data:image/webp;base64,UklGRjgEAABXRUJQVlA4WAoAAAAwAAAAJwAAQAAAQUxQSJsCAAANkC3btmk78+Datn1j27Zt+8m2bdu2eW3btqLDzTiZ8wsigoEAJHGQ2hzoDvcKADAykEs4jUIEZMjMOTUvyvT1vrBImGmkY7voxl9SGX3BnRqIcAgAWreZo9RToGCoGvbbDRp1PWmgRkHOtfv9AdrGSEHAQJSIEiAJTh7W+TeEOQo4qAxfqEZKAUIzHVU4aEC6xXCkP2x31GeQ6Wc9yXNuHHhnKLCC8IXXL3cy9o383Ywq1ipK7Rx7vf/ZBH0q8CU+jSobCMiLuQHQKp4gFfncwJ8g2bIDJc2SgeDAf6n3bZ7BUBghtoOzRSrBJghZTYx8E2mERj+NFJPjyyzNWseRTFjMaeT5pZ6iENKaWzqRGPmE9tD/FYmQ5G3RPYgEkNHMp4FEEDObWljlkQjJbSTdgigmLBTouY9+IBAc2G8FbQK/lpEISW0M/RMoBC6liX7fNxQCX/u5Ud/4eorJCW+GeFrFUgh8TFv9gc8pUq7mc5Mx90QKQXw8xn7gRYqUi2hkN+s8Rcqqo/t3ZOIIijn+QW+7I8u1+JTjqhJHdmh/kODACNf7uG8qvExw0DIbDxgfuv+OwMyUXd1kfvVoMJocwwdVzrI8uz+a4JJwQ3eG3endUegSluGuWk9wPLk1Ht+Q4c55jbS/uCYJ30DLHm0xzO7O0niC5sI+/8lmt3cFockw4gmredbnLjwhEOGC8QyrU0+eaHg8z8oWmZ9q9WwNlpwG7uZtNnIa1WQOh6WWfysfCZLJvRcpsIPW8ufGuANM7Ln8E5ZC1rwLjQHGzVhrEoT8yaB2wtoeAG1P8E+PiMjJVC+cOgwAZHs0G7Ej/LRkbtdfXG4K2FAkdf7VSTIW0LHbexQAlC7E4+vSztOgZiX8DLRnRespcwEAAFZQOCB2AQAA8AgAnQEqKABBAD6dQJxJJaOioSzVXHCwE4lpABPXn2w6C3Oo+S/sqDmsWoZiH9Zt+H+afkcioFGpzc13WuEmja3p8K8RyYArE5Z9RdNuZyAA/t1JoFGje1c7ACd/4srf9DdDIumfJcSyqqCCL+F8T/6CjM7unB5jvnf1vp6Oh+aKj6K2Cy7M+Ag+OJ+4OEWnmP4KGPKYLbaun1yFEY0/T5jw4p88GKa7XOZP8iWvCGP8ktofKbe8jxgAAYAW6/0DNI6Fb1kHYPZl5j7nPXcM97UTKJsKX9OiR03nua+YcMN/Qy7tfCCced8Uo7FvIyOQEuP45XgU48ru2FpibCW7tbnPpwBBWRiEZjZl5kOYk6B+vn354RbssuOX+AWafzfSkW19R0kqBsvne5bydHpoFGzKhZbSqI8yMiV38r1VX96jlV0Q8H8dYnp8f2vN29dk5M38/KIYmKTLz+v0P97wylEcvhuzKlUDHFIzodl93En+pegQAAA=);
    width: calc(100% + 4rem);
    height: calc(100% + 4rem);
    position: absolute;
    left: -2.2rem;
    top: -2.2rem;
    background-size: 1.5rem;
    background-repeat: no-repeat;
    z-index: 2;
    background-position: 70% 0;
    transition: 0.5s;
    align-items: center;
}
.aplayer .aplayer-pic:after {
    content: "";
    background-image: url(data:image/webp;base64,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);
    width: calc(100% + 2rem);
    height: calc(100% + 2rem);
    position: absolute;
    left: -1rem;
    top: -1rem;
    background-size: contain;
    background-repeat: no-repeat;
    animation: rotate 5s linear infinite paused;
}
.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 7px 0;
    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:center;
	width:calc(100% - 25px);
	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
}
.aplayer .aplayer-info .aplayer-music .aplayer-title {
	color:var(--main);
	font-size:14px
}
.aplayer .aplayer-info .aplayer-music .aplayer-author {
	font-size:12px;
	color:var(--main);
	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 {
	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;
}
.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 {
	display:none;
	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-60);
}
.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)
}
}