:root[theme=light][data-v-31e775d7]{--bgColor:#fff --textColor:#323237;--smallColor:#666;--vipTextColor:#32323c;--vipYearColor:#eee;--btnColor:#e1e1e1;--vipInfoColor:#666;--ipColor:#afafaf;--borderColor:#32323c;--conThoColor:#32323c;--wrapColor:#rgba(255,255,255,.8);--subjColor:#32323c;--fieldColor:#666;--radioColor:#bdbdbd;--radiotextColor:#32323c;--textareaBackground:#e1e1e1;--textareaText:#878787;--numberColor:#666;--toastBgColor:#c9c9c9;--toastText:#32323c;--toastSuccess:#d2d2d2;--content:#32323c;--toastTextColor:#32323c;--battleBgColor:#f5f5f5;--battleTitleColor:#32323c;--battleTextColor:grey;--tertiary-text:grey;--primary-text:#32323c;--ruleTitleText:#32323d;--ruleText:#666;--rule-cell-bgColor:#d2d2d2;--sendMoneyRuleBgColor:#f5f5f5}:root[theme=dark][data-v-31e775d7]{--bgColor:#151515;--textColor:#fff;--smallColor:#bdbdbd;--vipTextColor:#fff;--vipYearColor:#292929;--btnColor:#373737;--vipInfoColor:#8f8f8f;--ipColor:#818181;--borderColor:#fff;--conThoColor:#fff;--wrapColor:#303030;--fieldColor:#bdbdbd;--subjColor:#fff;--radioColor:#323237;--radiotextColor:#fff;--textareaBackground:#373737;--textareaText:##8f8f8f;--numberColor:#bdbdbd;--toastBgColor:#5a5a5a;--toastText:#fff;--toastSuccess:#3d3d3d;--content:#fff;--toastTextColor:#fff;--battleBgColor:#212121;--battleTitleColor:#fff;--battleTextColor:#8f8f8f;--tertiary-text:#8f8f8f;--primary-text:#fff;--ruleTitleText:#fff;--ruleText:#bdbdbd;--rule-cell-bgColor:#3d3d3d;--sendMoneyRuleBgColor:#212121}.hot-top-mix-wrap[data-v-31e775d7]{padding:16px 0}.hot-top-mix-wrap .tit-wrap .title[data-v-31e775d7]{flex:1;font-size:24px;font-weight:700;line-height:32px}.hot-top-mix-wrap .tit-wrap .play-btn-wrap[data-v-31e775d7]{background:#ffffff29;border-radius:100px;cursor:pointer;height:32px;min-width:98px;padding-left:12px;padding-right:8px}.hot-top-mix-wrap .tit-wrap .play-btn-wrap .paly[data-v-31e775d7]{color:var(--textColor);font-size:14px;font-weight:500;margin-right:4px}.hot-top-mix-wrap .list-wrap[data-v-31e775d7]{margin-top:16px}.hot-top-mix-wrap .list-wrap .song-list-wrap[data-v-31e775d7]{display:grid;gap:8px;-moz-column-gap:20px;column-gap:20px;grid-auto-flow:column;grid-template-columns:repeat(4,minmax(auto,1fr));grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(3,1fr);height:280px}@media (max-width:766px){.hot-top-mix-wrap .list-wrap .song-list-wrap[data-v-31e775d7]{grid-template-columns:repeat(1,1fr)}}@media (min-width:768px) and (max-width:1023px){.hot-top-mix-wrap .list-wrap .song-list-wrap[data-v-31e775d7]{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px) and (max-width:1279.97px){.hot-top-mix-wrap .list-wrap .song-list-wrap[data-v-31e775d7]{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px) and (max-width:1399.97px){.hot-top-mix-wrap .list-wrap .song-list-wrap[data-v-31e775d7]{grid-template-columns:repeat(3,1fr)}}@media (min-width:1400px) and (max-width:1919.97px){.hot-top-mix-wrap .list-wrap .song-list-wrap[data-v-31e775d7]{grid-template-columns:repeat(4,1fr)}}@media (min-width:1920px) and (max-width:2559px){.hot-top-mix-wrap .list-wrap .song-list-wrap[data-v-31e775d7]{grid-template-columns:repeat(5,1fr)}}@media (min-width:2560px){.hot-top-mix-wrap .list-wrap .song-list-wrap[data-v-31e775d7]{grid-template-columns:repeat(6,1fr)}}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item[data-v-31e775d7]{overflow:hidden;padding:8px;position:relative;transition:all .5s}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item[data-v-31e775d7]:hover{background:#ffffff14;border-radius:12px}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item:hover .expand-box[data-v-31e775d7]{width:24px}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item:hover .img-wrap[data-v-31e775d7]{position:relative}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item:hover .img-wrap .img-btn[data-v-31e775d7]{display:flex;opacity:1}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item .img-wrap[data-v-31e775d7]{border-radius:4px;margin-right:8px;overflow:hidden;position:relative}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item .img-wrap .img-btn[data-v-31e775d7]{background:#0000005c;border-radius:4px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .5s}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item .img-wrap .img-btn .p-btn[data-v-31e775d7]{cursor:pointer}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item .img[data-v-31e775d7]{border-radius:4px;flex:0 0 72px;height:72px}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item .idx-wrap[data-v-31e775d7]{flex:0 0 24px;margin:0 8px}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item .idx-wrap .idx[data-v-31e775d7]{color:var(--textColor);font-size:15px;font-weight:500;line-height:22px}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item .idx-wrap .status[data-v-31e775d7]{color:var(--app-primary-color);font-size:8px;font-weight:400;line-height:14px;margin-top:2px}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item .info-wrap[data-v-31e775d7]{flex:1;overflow:hidden}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item .info-wrap .song-name[data-v-31e775d7]{color:var(--textColor);font-size:14px;font-weight:500;line-height:20px;max-width:188px}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item .info-wrap .artist-wrap[data-v-31e775d7]{color:#8f8f8f;flex:1;font-size:12px;font-weight:400;line-height:16px;margin-top:4px;overflow:hidden}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item .info-wrap .artist-wrap .vip-icon[data-v-31e775d7]{flex:0 0 24px;height:16px;margin-right:4px}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item .info-wrap .artist-wrap .quality-icon[data-v-31e775d7]{flex:0 0 40px;height:16px;margin-right:4px}.hot-top-mix-wrap .list-wrap .song-list-wrap .song-item .expand-box[data-v-31e775d7]{cursor:pointer;overflow:hidden;transition:all .5s;width:0}.search-class[data-v-31e775d7]{margin-top:0;padding:0}