.audio-player {
    cursor: pointer
}

.audio-player-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 24px;
    margin-right: 6px;
    vertical-align: middle;
    width: 24px
}

.audio-player.playing .audio-player-icon,.audio-player.ready .audio-player-icon {
    background-image: url("data:image/gif;base64,R0lGODlhHAAcAPABAP///wAAACH5BAkeAAEAIf8LTkVUU0NBUEUyLjADAQAAACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUALAAAAAAcABwAAAJPjI+py+0BIngUyvrkxE3zfn2LJypkiZyooaah0x6x+SazXbsRdd/6RttlcjJiEIgTwowWZVKD/DGgzB41WnT+rNosdFq9grss8ShMXqkZBQAh+QQJHgABACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUALAAAAAAcABwAAAJGjI+py+0PDZggPlptw3rTznCgIo5IaUrYZ67s6E5pnMHxfLe57eL9gjrtEsEDLfQiDoUy4NKYZK6QTdJTVVX+rFlp6qspAAAh+QQJHgABACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUALAAAAAAcABwAAAJQjI+py+1vgAQQTlrdzXrytn1LKCZkeZxooKbe00ZvJzGxOeM1nCO333PtaBjFT1jUXZLAofIGXTqbTGR0ag3KsNulTcuSVrtfaXkc5q7WjAIAOw==")
}

.audio-player.pause .audio-player-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAABGdBTUEAALGPC/xhBQAAAF1JREFUSA3tlcEKACAIQzX8/1+ujrLLEMXTPDWyiU8kt2LcH/mJ/8ianQ9LmL5XwWmiJqTjSGPcEQxxbzVDANSXQtpnCA7rSAP3pPq/QQNUrneognQm1QQhrRKj+Q9prwww1XTWTQAAAABJRU5ErkJggg==")
}

.page-header-desktop {
    background-image: linear-gradient(180deg,#111,transparent);
    color: #fff;
    min-height: 15px;
    right: 0;
    width: 100%;
    z-index: 20
}

.page-header-desktop-main {
    display: flex;
    justify-content: center;
    padding: 20px;
    position: relative
}

.page-header-desktop-icon img,.page-header-desktop-logo img {
    display: block;
    max-height: 35px;
    max-width: 35px;
    object-fit: contain
}

.page-header-desktop-title {
    text-align: center;
    padding: 0px; /* 内间距 */
    margin: 6px 0px 4px 10px; /* 外间距，上右下左 */
}

.page-header-desktop-icon,.page-header-desktop-right {
    position: absolute!important;
    top: 50%;
    transform: translateY(-50%)
}

.page-header-desktop-icon {
    left: 30px
}

.page-header-desktop-right {
    align-items: center;
    display: flex;
    right: 30px
}