.audio-wrapper{background-color:#fff;font-size:0;padding-bottom:2rem;min-height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box}.audio-wrapper img{width:100%}.audio-img-jump img{width:100%;display:block;border:none;outline:none}.audio-info{position:relative;overflow:hidden;background-color:#333}.audio-bg-img{position:absolute;height:100%;width:100%;left:0;top:0;background-size:cover;background-position:50%;-webkit-filter:blur(20px);-moz-filter:blur(20px);-ms-filter:blur(20px);filter:blur(20px);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.audio-info-inner{padding:2.106667rem .693333rem 1.066667rem;position:relative;z-index:1;background-color:rgba(0,0,0,.2)}.audio-info .audio-img{width:9.146667rem;height:9.146667rem;border-radius:.106667rem;-webkit-box-shadow:0 .053333rem 1.12rem 0 rgba(0,0,0,.3);box-shadow:0 .053333rem 1.12rem 0 rgba(0,0,0,.3);margin:0 auto;position:relative}.audio-info .audio-img img{border-radius:.106667rem;width:100%;height:100%}.audio-info .audio-img span{position:absolute;display:block;bottom:.3rem;right:.3rem;z-index:2;padding:0 .2254rem;background:#999591;color:#fff;font-size:.5797rem;border-radius:.2rem;line-height:1.4}.audio-title{color:#fff;font-size:1.066667rem;line-height:1.4;margin:1.76rem 0 1.466667rem}.audio-handle-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:1.493333rem}.audio-handle-inner span{color:#fff;font-size:.533333rem;line-height:1.4}.audio-progress{height:1px;background-color:hsla(0,0%,100%,.2);position:relative;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0 .453333rem}.audio-progress b{position:absolute;top:0;left:0;width:0;height:100%;background-color:hsla(0,0%,100%,.4)}.audio-played-progress{position:relative;display:block;z-index:2;height:100%;background-color:#fff;width:0}.audio-progress-btn{width:1.493333rem;height:1.493333rem;background-color:#fff;border-radius:50%;-webkit-transform:translateY(-50%) scale(.5);-ms-transform:translateY(-50%) scale(.5);transform:translateY(-50%) scale(.5);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;position:absolute;left:0;top:50%}.audio-btn{width:1.2rem;height:1.386667rem;padding:.533333rem;margin:0 auto}.loading-audio-wrapper{width:100%;height:100%}.la-ball-spin,.la-ball-spin>div{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.la-ball-spin{display:block;font-size:0;color:#fff}.la-ball-spin>div{display:inline-block;float:none;background-color:currentColor;border:0 solid}.la-ball-spin{width:1.706667rem;height:1.706667rem;margin:0 auto;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.la-ball-spin>div{position:absolute;top:50%;left:50%;width:.426667rem;height:.426667rem;margin-top:-.213333rem;margin-left:-.213333rem;border-radius:100%;-webkit-animation:ball-spin 1s ease-in-out infinite;animation:ball-spin 1s ease-in-out infinite}.la-ball-spin>div:first-child{top:5%;left:50%;-webkit-animation-delay:-1.125s;animation-delay:-1.125s}.la-ball-spin>div:nth-child(2){top:18.1801948466%;left:81.8198051534%;-webkit-animation-delay:-1.25s;animation-delay:-1.25s}.la-ball-spin>div:nth-child(3){top:50%;left:95%;-webkit-animation-delay:-1.375s;animation-delay:-1.375s}.la-ball-spin>div:nth-child(4){top:81.8198051534%;left:81.8198051534%;-webkit-animation-delay:-1.5s;animation-delay:-1.5s}.la-ball-spin>div:nth-child(5){top:94.9999999966%;left:50.0000000005%;-webkit-animation-delay:-1.625s;animation-delay:-1.625s}.la-ball-spin>div:nth-child(6){top:81.8198046966%;left:18.1801949248%;-webkit-animation-delay:-1.75s;animation-delay:-1.75s}.la-ball-spin>div:nth-child(7){top:49.9999750815%;left:5.0000051215%;-webkit-animation-delay:-1.875s;animation-delay:-1.875s}.la-ball-spin>div:nth-child(8){top:18.179464974%;left:18.1803700518%;-webkit-animation-delay:-2s;animation-delay:-2s}.audio-subject{margin-top:1.04rem;padding:0 .666667rem;position:relative}.audio-subject a{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.audio-section-title:before,.audio-subject:before{content:"";width:.106667rem;height:.746667rem;background-color:#fe2d68;position:absolute;top:0;left:0}.audio-subject .img{border-radius:.106667rem;overflow:hidden;width:5.12rem;height:5.12rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-right:.506667rem}.audio-subject .detail{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden}.audio-subject .name{font-size:.853333rem;line-height:1.4;color:#4a4a4a;margin:0 0 .053333rem;white-space:nowrap}.audio-subject .desc,.audio-subject .name{overflow:hidden;text-overflow:ellipsis;word-break:break-all}.audio-subject .desc{font-size:.64rem;color:#333;line-height:.9rem;height:2.6rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-bottom:.2rem}.audio-subject .num{color:#aaa;font-size:.586667rem;line-height:.8rem}.audio-detail{margin-top:1.28rem;padding:0 .666667rem}.audio-section-title{font-size:.853333rem;color:#333;line-height:1.2rem;position:relative;margin-bottom:.32rem;word-break:break-all}.audio-section-title:before{top:.26rem;left:-.666667rem}.audio-detail .time{font-size:.586667rem;line-height:.8rem;color:#aaa;display:block}.audio-content{font-size:16px;margin-top:.64rem}.audio-content img{max-width:100%}.audio-content span{font-size:inherit}.audio-replay{margin-top:1.28rem}.audio-replay .audio-section-title{padding:0 .666667rem}.audio-replay .audio-section-title:before{left:0}.audio-replay{padding-bottom:1rem}.audio-replay-list{padding:0 .693333rem}.audio-replay-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-bottom:1px solid #e0e0e0;padding:.724637rem 0 1.095rem}.audio-replay-item:last-child{border-bottom:0}.audio-replay-item .user-img{width:1.493333rem;height:1.493333rem;border-radius:50%;overflow:hidden;margin-right:.746667rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.audio-replay-item .repaly-details{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden}.audio-replay-item .replay-top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:.266667rem;height:1.12rem}.audio-replay-item .replay-top .name{color:#666;font-size:.8rem;line-height:1.12rem;max-width:11rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:.48rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.audio-replay-item.has-tag .replay-top .name{max-width:8rem}.audio-replay-item .replay-top .time{font-size:.533333rem;color:#999;margin-right:.38rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.audio-replay-item .replay-top .location{font-size:.533333rem;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.audio-replay-item .repaly-tag{width:2.133333rem}.audio-replay-item .replay-content{color:#333;font-size:.746667rem;line-height:1.4}.audio-replay-item img.custom-emoji-in-replys{display:inline-block;width:.9rem;height:auto;vertical-align:middle}.audio-replay-btn{color:#fff;font-size:.773333rem;line-height:1.866667rem;border-radius:.213333rem;background-color:#fe3a2c;height:1.866667rem;width:13.76rem;display:block;margin:0 auto;text-align:center}.audio-replay-empty{margin:1rem auto;width:45%;height:auto;display:block}@-webkit-keyframes ball-spin{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:1}80%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes ball-spin{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:1}80%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.audio-details-wrapper .hot-search{display:block;margin:0 auto;border-top:.533333rem solid #f6f6f6;border-bottom:.533333rem solid #f6f6f6}.audio-details-wrapper .hot-search-mask{display:block;max-width:720px}