.feed-wrapper[data-v-c5f9aa34]{width:144px;height:80px;background:rgba(17,24,39,.7);mix-blend-mode:normal;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:6px;opacity:1}.feed-wrapper .disabled[data-v-c5f9aa34]{pointer-events:none}.feed-wrapper .feedback-item[data-v-c5f9aa34]{height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;color:#fffffe;font-size:14px}.feed-wrapper .feedback-item[data-v-c5f9aa34]:hover{background:hsla(0,0%,100%,.2);border-radius:4px}.waterfall-item{position:relative;display:inline-block;vertical-align:top;padding:8px}.waterfall-item:hover .dislike-icon{opacity:1}.waterfall-item .dislike-icon{cursor:pointer;width:28px;height:28px;opacity:0;background:rgba(0,0,0,.3);border-radius:50%}.waterfall-item .dislike-icon span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.waterfall-item .dislike-icon .dislike{opacity:1}.waterfall-item .dislike-icon .dislike svg path{stroke:#fff}.waterfall-item .dislike-icon .dislike-hover{opacity:0}.waterfall-item .dislike-icon svg{width:16px}.waterfall-item .dislike-icon:hover .dislike{opacity:0}.waterfall-item .dislike-icon:hover .dislike-hover{opacity:1}.waterfall-item .feed-wrapper{opacity:0;top:3rem}.waterfall-item a.photo-item{position:relative;display:block;height:100%;background-color:rgba(0,0,0,.2);border-radius:10px;overflow:hidden}.waterfall-item a.photo-item:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:transparent;-webkit-transition:.3s ease;transition:.3s ease}.waterfall-item a.photo-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.waterfall-item a.photo-item:hover:after{background-color:rgba(0,0,0,.2)}.waterfall-item a.photo-item:hover .card-handler-box,.waterfall-item a.photo-item:hover .card-name{opacity:1}.waterfall-item .card-name{width:calc(90% - 80px);bottom:14px;left:12px;color:#fff;font-size:14px}.card-handler-box,.waterfall-item .card-name{position:absolute;opacity:0;-webkit-transition:.3s ease;transition:.3s ease;z-index:3}.card-handler-box{bottom:12px;right:12px}.card-handler-box .svg-cart,.card-handler-box .svg-star{padding:7px;width:28px;height:28px;background-color:rgba(0,0,0,.3);border-radius:50%;cursor:pointer}.card-handler-box .svg-cart svg,.card-handler-box .svg-star svg{width:16px;height:16px}.card-handler-box .svg-cart.selected svg path,.card-handler-box .svg-star.selected svg path{fill:#f59e0b}.card-handler-box .svg-cart svg path,.card-handler-box .svg-star svg path{fill:#fff}.card-handler-box .svg-cart .hover-tip,.card-handler-box .svg-star .hover-tip{left:50%;top:-28px;height:20px;line-height:20px;font-weight:400;padding:0 5px;font-size:12px;text-align:center;background-color:rgba(0,0,0,.5);white-space:nowrap;color:#fff;-webkit-transform:translate(-50%,5px);transform:translate(-50%,5px);-webkit-transition:.3s ease;transition:.3s ease;font-family:-apple-system,PingFang SC,Microsoft YaHei,STHeiti,sans-serif;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;opacity:0}.card-handler-box .svg-cart .hover-tip:after,.card-handler-box .svg-star .hover-tip:after{content:"";position:absolute;left:50%;bottom:-8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0,0,0,.5)}.card-handler-box .svg-cart:hover .hover-tip,.card-handler-box .svg-star:hover .hover-tip{opacity:1}.card-handler-box .svg-cart{margin-left:10px}.audio-envelope-card[data-v-7fec6c88]{width:100%}.audio-envelope-card .envelope-wrap[data-v-7fec6c88]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;height:24px;width:100%;position:relative}.audio-envelope-card .envelope-wrap canvas[data-v-7fec6c88]{height:100%;width:100%}.audio-item-wrapper[data-v-20d49ff3]{padding:16px;background-color:#fffffe;-webkit-box-shadow:0 0 1px 0 rgba(28,28,30,.23921568627450981);box-shadow:0 0 1px 0 rgba(28,28,30,.23921568627450981);-webkit-box-shadow:0 1px 2px 0 rgba(28,28,30,.0392156862745098);box-shadow:0 1px 2px 0 rgba(28,28,30,.0392156862745098)}.audio-item-wrapper[data-v-20d49ff3] .feed-wrapper{top:12px}.audio-item-wrapper .radius-badge[data-v-20d49ff3] svg path:first-of-type{d:path("M0 8C0 3.58172 3.58172 0 8 0H31L0 31V8Z")}.audio-item-wrapper .audio-item-inner .music-player-info[data-v-20d49ff3]{width:70px;height:70px;border-radius:6px}.audio-item-wrapper .audio-item-inner .audio-detail[data-v-20d49ff3]{width:calc(100% - 215px);padding-left:12px}.audio-item-wrapper .audio-item-inner .audio-detail .audio-detail-title .audio-title[data-v-20d49ff3]{font-size:16px;line-height:24px;color:#1f2937;display:block}.audio-item-wrapper .audio-item-inner .audio-detail .audio-detail-title .audio-title[data-v-20d49ff3]:hover{color:#e74b3b}.audio-item-wrapper .audio-item-inner .audio-detail .audio-detail-title p[data-v-20d49ff3]{color:#9ca3af;font-size:12px;line-height:20px;font-weight:400}.audio-item-wrapper .audio-item-inner .audio-detail .audio-detail-bottom[data-v-20d49ff3]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:5px}.audio-item-wrapper .audio-item-inner .audio-detail .audio-detail-bottom .audio-detail-info[data-v-20d49ff3]{padding:0 8px;line-height:22px;margin-left:12px;color:#6b7280;background:rgba(229,231,235,.24);font-size:12px}.audio-item-wrapper .audio-item-inner .audio-detail .audio-detail-bottom .audio-detail-info span[data-v-20d49ff3]{margin-right:10px}.audio-item-wrapper .audio-item-inner .audio-detail .audio-detail-bottom div[data-v-20d49ff3]{display:-webkit-box;display:-ms-flexbox;display:flex}.audio-item-wrapper .audio-item-inner .audio-detail .audio-detail-bottom div .legal-first[data-v-20d49ff3]{width:24px;height:22px}.audio-item-wrapper .audio-item-inner .audio-detail .audio-detail-bottom div .legal-first svg[data-v-20d49ff3]{width:100%;height:100%}.audio-item-wrapper .audio-item-inner .audio-detail .audio-detail-bottom div .legal-first-des[data-v-20d49ff3]{font-weight:700;text-align:center;color:#221400;width:70px;line-height:22px;border-radius:0 0 4px 0;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(133.89deg,#f9e4b2 -12.83%,#cb8d40 136.63%)}.audio-item-wrapper .audio-item-inner .audio-detail .audio-usergroup[data-v-20d49ff3]{margin-top:10px;row-gap:10px;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}.audio-item-wrapper .audio-item-inner .audio-detail .audio-usergroup span[data-v-20d49ff3]{border-radius:4px;padding:2px 6px;-ms-flex-negative:0;flex-shrink:0;font-size:12px;color:#fff}.audio-item-wrapper .audio-item-inner .audio-detail .audio-usergroup span.audio-source[data-v-20d49ff3]{background:linear-gradient(252.71deg,#33b1ff 13.13%,#158cff 53.23%,#2788ff 107.8%)}.audio-item-wrapper .audio-item-inner .audio-detail .audio-usergroup span.audio-collection[data-v-20d49ff3]{background:linear-gradient(242.78deg,#ffc01b 4.95%,#ffb72c 33.06%)}.audio-item-wrapper .audio-item-inner .audio-detail .audio-usergroup span.audio-vip[data-v-20d49ff3]{color:transparent;background-image:url(https://oss-xpc0.xpccdn.com/Upload/edu/2022/06/2062b046c24568a.svg);background-size:100% 100%}.audio-item-wrapper .audio-item-inner .audio-envelope-container .envelope[data-v-20d49ff3]{height:50px}.audio-item-wrapper .audio-item-inner .audio-btn-wrapper[data-v-20d49ff3]{width:165px;font-size:14px;color:#6b7280}.audio-item-wrapper .audio-item-bottom[data-v-20d49ff3]{min-height:26px;height:26px;overflow:hidden}.audio-item-wrapper .audio-item-bottom a[data-v-20d49ff3]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0 10px;background:#f3f4f6;border-radius:4px;font-size:12px;margin-right:10px;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;justify-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:20px;color:#6b7280}.audio-item-wrapper .audio-item-bottom a[data-v-20d49ff3]:hover{color:#9ca3af;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}@media screen and (max-width:730px){.audio-item-wrapper[data-v-20d49ff3]{padding:14px 16px 16px}.audio-item-wrapper .audio-item-inner .audio-envelope-container[data-v-20d49ff3]{margin-left:0}.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-addcart[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-buy[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-collection[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-download[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-share[data-v-20d49ff3]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 9px;border-radius:4px;height:32px;line-height:32px;margin-right:6px;font-size:12px}}@media screen and (min-width:731px) and (max-width:899px){.audio-item-wrapper[data-v-20d49ff3]{padding:34px 20px 20px}.audio-item-wrapper .audio-item-inner .audio-envelope-container[data-v-20d49ff3]{margin-left:270px}.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-addcart[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-buy[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-collection[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-download[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-share[data-v-20d49ff3]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 5px;border-radius:4px;height:32px;line-height:32px;margin-right:5px;font-size:12px}}@media screen and (max-width:769px){.audio-item-wrapper .audio-item-inner .audio-detail[data-v-20d49ff3]{width:calc(100% - 215px)}.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-share[data-v-20d49ff3]{display:none}}@media screen and (max-width:400px){.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper[data-v-20d49ff3]{font-size:12px}.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-addcart[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-buy[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-collection[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-download[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-share[data-v-20d49ff3]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 6px;border-radius:4px;height:32px;line-height:32px;margin-right:5px;font-size:12px}}@media screen and (max-width:375px){.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-addcart[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-buy[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-collection[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-download[data-v-20d49ff3]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 5px;border-radius:4px;height:32px;line-height:32px;margin-right:4px;font-size:12px}.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-addcart .svg-cart[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-addcart .svg-download[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-addcart .svg-star[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-buy .svg-cart[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-buy .svg-download[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-buy .svg-star[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-collection .svg-cart[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-collection .svg-download[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-collection .svg-star[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-download .svg-cart[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-download .svg-download[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-envelope-container .audio-btn-wrapper .btn-download .svg-star[data-v-20d49ff3]{width:14px;height:14px;margin-right:3px}}@media screen and (max-width:1100px){.audio-item-wrapper .audio-item-inner .audio-detail .audio-detail-title .audio-title[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-detail .audio-detail-title p[data-v-20d49ff3]{font-size:14px}.audio-item-wrapper .audio-item-inner .audio-btn-wrapper .fn-buttons a[data-v-20d49ff3],.audio-item-wrapper .audio-item-inner .audio-detail .audio-detail-bottom .audio-detail-info[data-v-20d49ff3]{margin-left:5px}.audio-item-wrapper .audio-item-inner .audio-btn-wrapper .fn-buttons .download-btn[data-v-20d49ff3]{width:60px;font-size:12px}}@media screen and (min-width:1025px) and (max-width:1130px){.commercial-icon[data-v-20d49ff3]{display:none!important}.audio-detail-info[data-v-20d49ff3]{margin-left:0!important}}@media screen and (min-width:1025px) and (max-width:1460px){.audio-detail-info span[data-v-20d49ff3]:last-of-type{display:none!important}}@media screen and (max-width:361px){.audio-item-wrapper[data-v-20d49ff3]{padding:14px 10px 16px!important}}.audio-item-wrapper[data-v-7e825911]{padding:16px;background-color:#fffffe;border-radius:8px;-webkit-box-shadow:0 0 1px 0 rgba(28,28,30,.23921568627450981);box-shadow:0 0 1px 0 rgba(28,28,30,.23921568627450981);-webkit-box-shadow:0 1px 2px 0 rgba(28,28,30,.0392156862745098);box-shadow:0 1px 2px 0 rgba(28,28,30,.0392156862745098)}.audio-item-wrapper[data-v-7e825911] .feed-wrapper{top:12px}.audio-item-wrapper .legal-first-des[data-v-7e825911]{font-weight:700;text-align:center;color:#221400;width:70px;line-height:22px;border-radius:0 0 4px 0;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(133.89deg,#f9e4b2 -12.83%,#cb8d40 136.63%)}.audio-item-wrapper[data-v-7e825911] span.play-btn{height:24px;width:24px}.photo-wall-default-item[data-v-e630db42]:after{content:"";position:absolute;height:100%;width:100%;background-image:url(https://oss-xpc0.xpccdn.com/Upload/edu/2021/12/2361c3f131a90e6.svg);background-repeat:no-repeat;background-size:93px 16px;background-position:50%}.fn-btn-bg[data-v-4689917c]{background:rgba(0,0,0,.3);border-radius:100%;height:28px;width:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;position:relative;z-index:10}.fn-btn-bg .hover-tip[data-v-4689917c]{left:50%;top:-28px;height:20px;line-height:20px;font-weight:400;padding:0 5px;font-size:12px;text-align:center;background-color:rgba(0,0,0,.5);white-space:nowrap;color:#fff;-webkit-transform:translate(-50%,5px);transform:translate(-50%,5px);-webkit-transition:.3s ease;transition:.3s ease;font-family:-apple-system,PingFang SC,Microsoft YaHei,STHeiti,sans-serif;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;opacity:0;border-radius:2px}.fn-btn-bg .hover-tip[data-v-4689917c]:after{content:"";position:absolute;left:50%;bottom:-8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0,0,0,.5)}.fn-btn-bg:hover .hover-tip[data-v-4689917c]{opacity:1}.fn-btn-bg-dislike[data-v-4689917c]{position:absolute}.bgyellow[data-v-421874a9]{background:linear-gradient(242.78deg,#ffc01b 4.95%,#ffb72c 33.06%)}a.illustration-item[data-v-196f9438]:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:transparent;-webkit-transition:.3s ease;transition:.3s ease}a.illustration-item[data-v-196f9438]:hover:after{background-color:rgba(0,0,0,.2)}.masonry-item[data-v-cd839322]{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.masonry-bottom[data-v-cd839322]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-top:-300px;padding-top:300px;min-height:100px;z-index:-1}.illustration-wall-default[data-v-1c8065f2]{--grid-gap-size:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:32px;gap:var(--grid-gap-size);width:100%}.illustration-wall-default-item[data-v-1c8065f2]:after{content:"";position:absolute;height:100%;width:100%;background-image:url(https://oss-xpc0.xpccdn.com/Upload/edu/2021/12/2361c3f131a90e6.svg);background-repeat:no-repeat;background-size:93px 16px;background-position:50%}.illustration-wall-default-item[data-v-1c8065f2]:nth-child(7n+1),.illustration-wall-default-item[data-v-1c8065f2]:nth-child(7n+2){grid-row:span 7}.illustration-wall-default-item[data-v-1c8065f2]:nth-child(7n+3){grid-row:span 6}.illustration-wall-default-item[data-v-1c8065f2]:nth-child(7n+4),.illustration-wall-default-item[data-v-1c8065f2]:nth-child(7n+5){grid-row:span 7}.illustration-wall-default-item[data-v-1c8065f2]:nth-child(7n+6){grid-row:span 6}.illustration-wall-default-item[data-v-1c8065f2]:nth-child(7n+7){grid-row:span 5}.illustration-wall-default-item[data-v-1c8065f2]:nth-child(n+30):nth-last-child(-n+9){grid-row:span 4}.illustration-wall-default-item[data-v-1c8065f2]:nth-child(n+30):nth-last-child(-n+6){grid-row:span 3}.illustration-wall-default-item[data-v-1c8065f2]:nth-child(n+30):nth-last-child(-n+3){grid-row:span 2}.listCard-container{width:100%!important;margin-left:0!important}.listCard-container .music-box{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.listCard-container .music-box .audio-item-wrapper{border-radius:10px}@media screen and (min-width:1536px){.listCard-container .stock-list-card-container{width:16.66667%}.detail-recommend-other .listCard-container .stock-list-card-container:nth-child(n+19){display:none}}@media screen and (min-width:1301px) and (max-width:1536px){.stock-list-card-container{padding:0 6px;width:20%}.detail-recommend-other .listCard-container .stock-list-card-container:nth-child(n+16){display:none}}@media screen and (min-width:1024px) and (max-width:1300px){.listCard-container{width:100%;margin-left:0}.listCard-container .stock-list-card-container{padding:0 6px;width:25%}.detail-recommend-other .listCard-container .stock-list-card-container:nth-child(n+13){display:none}}@media screen and (max-width:1279px) and (min-width:1024px){.listCard-container .stock-list-card-container{width:25%}.detail-recommend-other .listCard-container .stock-list-card-container:nth-child(n+13){display:none}}@media screen and (max-width:1023px) and (min-width:768px){.listCard-container{width:100%;margin-left:0}.listCard-container .stock-list-card-container{padding:0 6px;width:33.33333%}.detail-recommend-other .listCard-container .stock-list-card-container:nth-child(n+10){display:none}}@media screen and (max-width:767px){.listCard-container .stock-list-card-container{width:100%;margin-bottom:12px}.detail-recommend-other .listCard-container .stock-list-card-container:nth-child(n+4){display:none}.music-list-box .listCard-container{width:100%;margin-left:0}.recommend-cards .listCard-container{margin-left:0}.recommend-cards .listCard-container .stock-list-card-container{padding:0}}@media screen and (min-width:1600px){.sfx-container{grid-template-columns:repeat(4,minmax(0,1fr))}}