.riAudio{display:flex;width:100%;color:#333;font-family:Arial,Helvetica,sans-serif;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;position:relative;--theme-color:#d72630}.riAudio .riAudio-artword{width:160px;height:160px;margin-right:15px}.riAudio .riAudio-artword .riAudio-figure{display:block;width:100%;height:100%;margin:0;padding:0;background-color:#f8f8f8}.riAudio .riAudio-artword .riAudio-pic{display:block;width:100%;height:100%;object-fit:cover}.riAudio .riAudio-content{flex:1}.riAudio .riAudio-content .riAudio-header{display:flex;align-items:center;padding:1px 0 1px}.riAudio .riAudio-content .riAudio-play{width:61px;height:61px;left:2px;top:0px;background:transparent url(/static/svg/play-sm.svg?ui) 0 -2px}.play .riAudio-content .riAudio-play{background-position:0 -116px}.loading .riAudio-content .riAudio-play{background-position:0 -60px}.yAudioS .riAudio-content .riAudio-play{width:38px;height:38px;border-radius:50%;color:#fff;background-color:var(--theme-color);margin-right:5px;cursor:not-allowed;position:relative}.plaSSSSSy .riAudio-content .riAudio-play{width:38px;height:38px;border-radius:50%;color:#fff;background-color:#222;margin-right:5px;cursor:not-allowed;position:relative}.riAudio.load .riAudio-content .riAudio-play{cursor:pointer}.riAudio .riAudio-content .riAudio-play svg{position:absolute;top:8px;left:10px;width:22px;height:22px}.riAudio .riAudio-content .riAudio-play svg path{fill:#fff}.riAudio .riAudio-content .riAudio-play__pause,.riAudio.play .riAudio-content .riAudio-play__playing{visibility:visible}.riAudio .riAudio-content .riAudio-play__playing,.riAudio.play .riAudio-content .riAudio-play__pause{visibility:hidden}.riAudio .riAudio-content .riAudio-play__playing{left:8px}.riAudio .riAudio-content .riAudio-container{flex:1;padding:8px}.riAudio .riAudio-content .riAudio-author{font-size:12px;color:#999;font-weight:300;margin:0}.riAudio .riAudio-content .riAudio-title{font-size:19px;margin:0}.riAudio .riAudio-content .riAudio-time{color:#ccc;font-size:12px;font-weight:100;line-height:1}.riAudio .riAudio-content .riAudio-main{width:100%;position:relative}.riAudio .riAudio-content .riAudio-waveform{width:100%;height:60px;cursor:pointer;opacity:0.8;transform:scaleY(0);transform-origin:left 75%;transition:all 0.3s ease-out;position:relative}.riAudio .riAudio-content .riAudio-waveform::before{content:'';position:absolute;top:0;left:var(--bar-left);width:1px;height:100%;opacity:0;background-color:var(--theme-color);transition:opacity 0.3s ease-out}.riAudio .riAudio-content .riAudio-waveform:hover,.riAudio.start .riAudio-content .riAudio-waveform,.riAudio .riAudio-content .riAudio-waveform:hover::before{opacity:1}.riAudio.load .riAudio-content .riAudio-waveform{transform:scaleY(1)}.riAudio .riAudio-content .riAudio-waveform .riAudio-pro{position:absolute;top:0;left:0;width:0;height:60px;overflow:hidden;background-color:transparent}.riAudio .riAudio-content .riAudio-current,.riAudio .riAudio-content .riAudio-total{position:absolute;top:28px;color:#fff;padding:3px 2px;font-size:12px;line-height:1;transform:scale(0.9);opacity:0;background-color:rgba(50,50,50,0.91)}.riAudio .riAudio-content .riAudio-current{left:0;z-index:9;color:var(--theme-color);transition:opacity 0.3s linear}.riAudio.start .riAudio-content .riAudio-current{opacity:1}.riAudio .riAudio-content .riAudio-total{color:#999;right:0}.riAudio.load .riAudio-content .riAudio-total{opacity:1;animation:opacity 0.6s linear}.riAudio .riAudio-content .riAudio-comments{width:100%;position:relative}.riAudio .riAudio-content .riAudio-wrapper{position:absolute;top:-15px;left:0;width:100%;height:12px;cursor:pointer}.riAudio .riAudio-content .riAudio-wrapper__item{position:absolute;top:0;left:10px;width:12px;height:12px;background-color:#222;background-repeat:no-repeat;background-size:cover}.riAudio .riAudio-content .riAudio-wrapper__item.current{border-radius:50%;box-shadow:1px 2px 6px #6c6c6c;z-index:9}.riAudio .riAudio-content .riAudio-popover{display:flex;width:100%;height:30px;line-height:30px;font-size:12px;box-sizing:border-box;transition:all 0.3s ease-out}.riAudio .riAudio-content .riAudio-popover-wrapper{position:absolute;top:4px;left:0;line-height:1;opacity:0;transition:top 0.25s,opacity 0.25s}.riAudio .riAudio-content .riAudio-wrapper.active ~ .riAudio-popover .riAudio-popover-wrapper{top:7px;opacity:1}.riAudio .riAudio-content .riAudio-popover-wrapper__user{display:block;float:left;color:var(--theme-color);padding:0 8px;text-decoration:none;position:relative}.riAudio .riAudio-content .riAudio-popover-wrapper__user::before{content:'';display:block;position:absolute;top:-12px;left:0;width:1px;height:200%;background-image:linear-gradient( rgba(255,85,0,0.95),rgba(255,85,0,0.1) )}.riAudio .riAudio-content .riAudio-popover-wrapper.right .riAudio-popover-wrapper__user{float:right}.riAudio .riAudio-content .riAudio-popover-wrapper.right,.riAudio .riAudio-content .riAudio-popover-wrapper.right .riAudio-popover-wrapper__user::before{right:0;left:auto}.riAudio .riAudio-content .riAudio-popover-wrapper__comment{color:#666;float:left;margin:0}.riAudio .riAudio-content .riAudio-comments-from{width:100%;height:0;opacity:0;padding:5px 5px 5px 25px;background-color:#f2f2f2;border:1px solid #e5e5e5;box-sizing:border-box;overflow:hidden;position:relative;transition:all 0.3s ease-out}.riAudio.start .riAudio-content .riAudio-comments-from,.riAudio.comment .riAudio-content .riAudio-comments-from{opacity:1;height:32px}.riAudio .riAudio-content .riAudio-comments-from::before{content:'';position:absolute;top:6px;left:6px;width:19px;height:19px;background-image:linear-gradient(135deg,#846170,#70929c)}.riAudio .riAudio-content .riAudio-comments-from__input{width:100%;height:20px;border-radius:0 4px 4px 0;padding:0 9px;font-size:12px;outline:none;cursor:pointer;border:1px solid #e5e5e5;border-left:none;box-sizing:border-box}.riAudio .riAudio-content .riAudio-footer{position:relative;box-sizing:border-box;margin-top:10px}.riAudio .riAudio-content .riAudio-list{border-radius:0 0 4px 4px;border:1px solid #f2f2f2;font-size:12px;overflow:hidden}.riAudio .riAudio-content .riAudio-list-container{max-height:150px;overflow-y:hidden;transition:max-height 0.3s}.riAudio .riAudio-content .riAudio-list-container.active{overflow-y:scroll;max-height:300px}.riAudio .riAudio-content .riAudio-list-wrapper{margin:0;padding:0;transition:all 0.6s}.riAudio .riAudio-content .riAudio-list-wrapper__item{width:100%;height:30px;display:flex;align-items:center;padding:0 5px;box-sizing:border-box;color:#ccc;cursor:not-allowed;border-bottom:1px solid #f2f2f2;transition:all 0.3s}.riAudio .riAudio-content .riAudio-list-wrapper__item:last-child{border-bottom:none}.riAudio .riAudio-content .riAudio-list-wrapper__item.active,.riAudio .riAudio-content .riAudio-list-wrapper__item:hover,.riAudio .riAudio-content .riAudio-more:hover{background-color:#f2f2f2}.riAudio .riAudio-content .riAudio-list-wrapper__item-img{display:block;width:20px;height:20px;margin-right:5px;opacity:0.5;transition:all 0.3s}.riAudio .riAudio-content .riAudio-list-wrapper__item-number{margin-right:5px;font-size:12px;line-height:1;color:#ccc;transition:all 0.3s}.riAudio .riAudio-content .riAudio-list-wrapper__item-content{flex:1;font-size:0}.riAudio .riAudio-content .riAudio-list-wrapper__item-user,.riAudio .riAudio-content .riAudio-list-wrapper__item-title{display:inline-block;font-size:12px;line-height:1;margin-right:5px}.riAudio .riAudio-content .riAudio-list-wrapper__item-title{color:#ccc;transition:all 0.3s}.riAudio .riAudio-content .riAudio-list-bar{position:absolute;top:4px;right:4px;width:6px;height:30px;background-color:#ccc;border-radius:6px;opacity:0;transition:opacity 0.6s}.riAudio .riAudio-content .riAudio-list-bar.active,.riAudio .riAudio-content .riAudio-list-container.active:hover .riAudio-list-bar{opacity:1}.riAudio .riAudio-content .riAudio-more{text-align:center;padding:5px 10px;color:#999;border:none;font-size:12px;cursor:pointer}.riAudio.load .riAudio-content .riAudio-list-wrapper__item{color:#999;cursor:pointer}.riAudio.load .riAudio-content .riAudio-list-wrapper__item-img{opacity:1}.riAudio.load .riAudio-content .riAudio-list-wrapper__item-number,.riAudio.load .riAudio-content .riAudio-list-wrapper__item-title{color:#333}.riAudio .riAudio-content .riAudio-list-wrapper__item.isload .riAudio-list-wrapper__item-number,.riAudio .riAudio-content .riAudio-list-wrapper__item.isload .riAudio-list-wrapper__item-title,.riAudio .riAudio-content .riAudio-list-wrapper__item.isload .riAudio-list-wrapper__item-user{color:#b5b5b5}.riAudio .riAudio-content .riAudio-list-wrapper__item.isload .riAudio-list-wrapper__item-img{opacity:0.5}.riAudio .riAudio-content .riAudio-list-wrapper__item.active .riAudio-list-wrapper__item-number .riAudio .riAudio-content .riAudio-list-wrapper__item.active .riAudio-list-wrapper__item-user,.riAudio .riAudio-content .riAudio-list-wrapper__item.active .riAudio-list-wrapper__item-title{color:var(--theme-color)}.riAudio .riAudio-content .riAudio-list-wrapper__item.active .riAudio-list-wrapper__item-img{opacity:1}.riAudio .riAudio-content .riAudio-list-container.active::-webkit-scrollbar{width:0;height:0}@keyframes opacity{0%{opacity:0}100%{opacity:1}}