.container-fluid[data-v-7e08b850]{min-height:100vh;padding:32px 0 150px;position:relative;width:100%;box-sizing:border-box}.titlebox[data-v-7e08b850]{width:100%;color:#fff;margin-top:50px;margin-bottom:30px;padding:0 96px}.titlebox .r[data-v-7e08b850]{width:100%;display:flex;align-items:center;justify-content:flex-start;margin-top:18px}.titlebox .r label[data-v-7e08b850]{color:#fff;font-weight:400;font-size:16px;line-height:28px;margin-right:20px;flex-shrink:0}.titlebox .r[data-v-7e08b850] .el-checkbox-group,.titlebox .r[data-v-7e08b850] .el-radio-group{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-checkbox,.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-radio,.titlebox .r[data-v-7e08b850] .el-radio-group .el-checkbox,.titlebox .r[data-v-7e08b850] .el-radio-group .el-radio{height:24px;line-height:24px;background-color:#181a23;border:1px solid #4e5058;color:#a4a9b4;padding:0 12px;margin:3px 8px 3px 0;display:flex;align-items:center;justify-content:center;border-radius:2px;overflow:hidden;position:relative}.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-checkbox .el-checkbox__input,.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-checkbox .el-radio__input,.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-radio .el-checkbox__input,.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-radio .el-radio__input,.titlebox .r[data-v-7e08b850] .el-radio-group .el-checkbox .el-checkbox__input,.titlebox .r[data-v-7e08b850] .el-radio-group .el-checkbox .el-radio__input,.titlebox .r[data-v-7e08b850] .el-radio-group .el-radio .el-checkbox__input,.titlebox .r[data-v-7e08b850] .el-radio-group .el-radio .el-radio__input{display:none}.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-checkbox .el-checkbox__label,.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-checkbox .el-radio__label,.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-radio .el-checkbox__label,.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-radio .el-radio__label,.titlebox .r[data-v-7e08b850] .el-radio-group .el-checkbox .el-checkbox__label,.titlebox .r[data-v-7e08b850] .el-radio-group .el-checkbox .el-radio__label,.titlebox .r[data-v-7e08b850] .el-radio-group .el-radio .el-checkbox__label,.titlebox .r[data-v-7e08b850] .el-radio-group .el-radio .el-radio__label{padding:0;margin:0;font-size:14px;line-height:24px}.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-checkbox:hover,.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-radio:hover,.titlebox .r[data-v-7e08b850] .el-radio-group .el-checkbox:hover,.titlebox .r[data-v-7e08b850] .el-radio-group .el-radio:hover{border:1px solid var(--color-primary-2)}.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-checkbox.is-checked,.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-radio.is-checked,.titlebox .r[data-v-7e08b850] .el-radio-group .el-checkbox.is-checked,.titlebox .r[data-v-7e08b850] .el-radio-group .el-radio.is-checked{border:1px solid var(--color-primary-2);background:#181a23}.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-checkbox.is-checked .el-radio__label,.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-radio.is-checked .el-radio__label,.titlebox .r[data-v-7e08b850] .el-radio-group .el-checkbox.is-checked .el-radio__label,.titlebox .r[data-v-7e08b850] .el-radio-group .el-radio.is-checked .el-radio__label{color:#fff}.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-checkbox.is-checked:after,.titlebox .r[data-v-7e08b850] .el-checkbox-group .el-radio.is-checked:after,.titlebox .r[data-v-7e08b850] .el-radio-group .el-checkbox.is-checked:after,.titlebox .r[data-v-7e08b850] .el-radio-group .el-radio.is-checked:after{content:"";width:0;height:0;border-top:4px solid var(--color-primary-2);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;position:absolute;right:-4px;bottom:-4px;transform:rotate(-45deg)}.casebox[data-v-7e08b850]{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-column-gap:24px;grid-row-gap:24px;padding:0 96px}.casebox .musiclist[data-v-7e08b850]{cursor:pointer;transition:all .3s ease}.casebox .musiclist .cover[data-v-7e08b850]{aspect-ratio:1;border-radius:12px;overflow:hidden;position:relative}.casebox .musiclist .cover img[data-v-7e08b850]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;z-index:0}.casebox .musiclist .cover .hoverbox[data-v-7e08b850]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.casebox .musiclist .cover .hoverbox .pb[data-v-7e08b850]{width:24px;height:24px;background:hsla(0,0%,100%,.4);display:flex;align-items:center;justify-content:center;border-radius:50%}.casebox .musiclist .cover .hoverbox .pb i[data-v-7e08b850]{color:#fff;font-size:14px}.casebox .musiclist h4[data-v-7e08b850]{font-size:16px;font-family:PingFang SC;font-style:normal;font-weight:400;line-height:28px;color:#f9f9f9;margin-top:12px;margin-bottom:0}.casebox .musiclist[data-v-7e08b850]:hover{transform:scale(1.02)}.casebox .musiclist:hover .hoverbox[data-v-7e08b850]{opacity:1}.empty[data-v-7e08b850]{width:100%;text-align:center;color:#999;margin-top:100px}.page-indexer[data-v-7e08b850]{display:flex;align-items:center;justify-content:flex-end;min-height:24px;margin-top:12px;padding:0 96px}.page-indexer[data-v-7e08b850] .el-pagination .more,.page-indexer[data-v-7e08b850] .el-pagination .number,.page-indexer[data-v-7e08b850] .el-pagination button{background:transparent;color:#fff}.page-indexer[data-v-7e08b850] .el-pagination .more.active,.page-indexer[data-v-7e08b850] .el-pagination .more:hover,.page-indexer[data-v-7e08b850] .el-pagination .number.active,.page-indexer[data-v-7e08b850] .el-pagination .number:hover,.page-indexer[data-v-7e08b850] .el-pagination button.active,.page-indexer[data-v-7e08b850] .el-pagination button:hover{color:var(--color-primary-2)}