.page-title {
    margin-top: .55rem;
}

.content {
    height: 2.24rem;
    background: #fafafa;
    padding-top: .58rem;
}

.current-time {
    font-size: .28rem;
    color: #000;
    text-align: center;
    margin-bottom: .52rem;
}

.play-time {
    width: 90%;
    margin-top: .08rem;
    display: flex;
    justify-content: space-between;
    font-size: .15rem;
    color: #666;
}

.tip {
    padding: 0 .17rem;
    margin-top: .18rem;
    font-size: .15rem;
    color: #999;
    line-height: .23rem;
}

.btn-area {
    padding-top: 1.4rem;
}

.btn-play {
    background: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/pausing.png) no-repeat center;
    width: .83rem;
    height: .83rem;
    background-size: 100% 100%;
    margin: 0 auto;
}

.playing {
    padding: 0 .9rem;
    display: flex;
    justify-content: space-between;
}

.btn-stop {
    background: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/recording.png) no-repeat center;
    width: .83rem;
    height: .83rem;
    background-size: 100% 100%;
}

.btn-pause {
    background: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/playing.png) no-repeat center;
    width: .83rem;
    height: .83rem;
    background-size: 100% 100%;
}

.swan-slider {
    width: 80%;
}