.speaker-popup-mask{background-color:rgba(0,0,0,.45);display:-webkit-box;display:-ms-flexbox;display:flex;top:0;right:0;bottom:0;left:0;position:fixed;z-index:1200;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.speaker-popup-mask .speaker-popup{background-color:var(--background-color-1,hsla(0,0%,94%,.5));border-radius:1rem 1rem 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:70vh;max-width:36rem;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.speaker-popup-mask .speaker-popup .popup-head{-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:1px solid var(--active-background-color,hsla(0,0%,90%,.5));justify-content:space-between;padding:1rem 1.2rem}.speaker-popup-mask .speaker-popup .popup-head,.speaker-popup-mask .speaker-popup .popup-head h4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.speaker-popup-mask .speaker-popup .popup-head h4{font-size:1.1rem;margin:0}.speaker-popup-mask .speaker-popup .popup-head h4 .icon{color:#26b609;margin-right:.4rem}.speaker-popup-mask .speaker-popup .popup-head .icon-close{background-color:var(--active-background-color,hsla(0,0%,90%,.5));border-radius:50%;color:var(--gray-color,#999);font-size:1rem;height:2rem;line-height:2rem;padding:0;text-align:center;width:2rem}.speaker-popup-mask .speaker-popup .speaker-list{list-style:none;margin:0;overflow-y:auto;padding:0}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--active-background-color,hsla(0,0%,90%,.5));gap:.8rem;padding:.5rem 1.2rem;position:relative}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item.active{background-color:var(--active-background-color,hsla(0,0%,90%,.5));-webkit-box-shadow:inset 3px 0 0 #26b609;box-shadow:inset 3px 0 #26b609}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .user-face{background-color:var(--active-background-color,hsla(0,0%,90%,.5));border-radius:50%;cursor:pointer;height:3rem;line-height:3rem;min-width:3rem;overflow:hidden;position:relative;text-align:center;width:3rem}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .user-face img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .user-face .icon-speaker{color:var(--gray-color,#999);font-size:1.6rem}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .user-face .preview-overlay{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:rgba(0,0,0,.35);justify-content:center}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .user-face .preview-overlay .icon{color:#fff;font-size:1rem}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .user-face .preview-overlay.playing{background-color:rgba(38,182,9,.35)}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .list-content{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .list-content h4{font-size:1rem;line-height:1.4rem;margin:0}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .list-content h4 small{color:var(--gray-color,#999);font-size:.75rem;margin-left:.3rem}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .list-content p{color:var(--gray-color,#999);display:-webkit-box;font-size:.8rem;-webkit-line-clamp:1;line-clamp:1;line-height:1.2rem;margin:.2rem 0 .4rem;-webkit-box-orient:vertical;overflow:hidden;text-indent:0}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .list-content .btn-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;gap:.6rem;justify-content:flex-end}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .list-content .btn-bar .preview-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--active-background-color,hsla(0,0%,90%,.5));border:none;border-radius:999px;color:var(--color,#222);font-size:.8rem;gap:.2rem;height:1.6rem;line-height:1.6rem;margin-right:auto;padding:0 .6rem}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .list-content .btn-bar .preview-btn .icon{font-size:.75rem}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .list-content .btn-bar .price{color:#ff4d4f;font-size:.9rem}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .list-content .btn-bar .price small{font-size:.7rem}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .list-content .btn-bar .price.free{color:#26b609}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .list-content .btn-bar button{background-color:#26b609;border:none;border-radius:999px;color:#fff;font-size:.8rem;height:1.6rem;line-height:1.6rem}.speaker-popup-mask .speaker-popup .speaker-list .speaker-item .list-content .btn-bar button:disabled{background-color:var(--gray-color,#999);cursor:default}.speaker-popup-mask .speaker-popup .speaker-list .null-tips{color:var(--gray-color,#999);padding:2rem 1rem;text-align:center}