.cd[data-v-3ea578b4]{display:flex;padding:24px;border-bottom:1px solid #f2f6fc}.cd:hover .cover[data-v-3ea578b4] .el-image{transition:-webkit-transform .9s;transition:transform .9s;transition:transform .9s,-webkit-transform .9s;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}.cd:hover .cover[data-v-3ea578b4] .el-image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.cd:hover .cover .plagBgDiv[data-v-3ea578b4]{transition:-webkit-transform .9s;transition:transform .9s;transition:transform .9s,-webkit-transform .9s;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}.cd:hover .cover .plagBgDiv .playBg[data-v-3ea578b4]{-webkit-animation:musicTransform-3ea578b4 5s linear infinite;animation:musicTransform-3ea578b4 5s linear infinite}.cd:hover .cover[data-v-3ea578b4] .mod_cover{transition:-webkit-transform .9s;transition:transform .9s;transition:transform .9s,-webkit-transform .9s;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);background:rgba(0,0,0,.2)}.cd:hover .cover[data-v-3ea578b4] .mod_cover i{background:#f0f0f0;color:#4a4a4a}.cd:hover .info .recordName[data-v-3ea578b4]{font-weight:600}.cd[data-v-3ea578b4]:hover{box-shadow:0 1px 6px 0 rgba(0,0,0,.2);border-color:#eee;transition:all .3s ease-in-out}.cd .cover[data-v-3ea578b4]{padding-right:10px;flex-shrink:0;position:relative}.cd .cover a[data-v-3ea578b4]{display:block;width:100%;height:100%}.cd .cover a .mod_cover[data-v-3ea578b4]{position:absolute;left:0;top:0;transition:.5s;z-index:11}.cd .cover a .mod_cover i[data-v-3ea578b4]{position:absolute;width:70px;height:70px;border-radius:50%;left:50%;top:50%;margin-left:-35px;margin-top:-35px;display:flex;justify-content:center;align-items:center;font-size:28px;-webkit-transform:scale(.7) translateZ(0);transform:scale(.7) translateZ(0);background:rgba(0,0,0,0);color:rgba(0,0,0,0);transition:.5s}.cd .cover a .mod_cover i[data-v-3ea578b4]:before{margin-left:4px;margin-top:2px}.cd .cover .play[data-v-3ea578b4]{position:relative;border-radius:4px;overflow-x:visible}.cd .cover .play .playBg[data-v-3ea578b4]{position:absolute;top:0;left:25px;z-index:-1}.cd .cover .play[data-v-3ea578b4] .el-image img{transition:-webkit-transform .9s;transition:transform .9s;transition:transform .9s,-webkit-transform .9s}.cd .cover img[data-v-3ea578b4]{width:100%;border-radius:2px;cursor:pointer;display:block}.cd .cover .date[data-v-3ea578b4]{position:absolute;background:rgba(0,0,0,.4);bottom:0;right:0;font-size:14px;color:#fff;line-height:22px;padding:0 2px}.cd .listcover[data-v-3ea578b4]:before{position:absolute;content:"";display:block;width:80%;height:86%;background:#d6d9dc;border-radius:4px;border:1px solid hsla(0,0%,59.2%,.12);top:7%;right:5px;z-index:5}.cd .listcover[data-v-3ea578b4]:after{position:absolute;content:"";display:block;width:80%;height:75%;background:#e7e9f0;border-radius:4px;opacity:.6;border:1px solid hsla(0,0%,59.2%,.12);top:12.5%;right:0;z-index:1}.cd .listcover img[data-v-3ea578b4]{z-index:10;position:relative}.cd .themone[data-v-3ea578b4]{position:relative;padding-right:20px}.cd .themone .el-image[data-v-3ea578b4]{z-index:10;position:relative}.cd .themone[data-v-3ea578b4]:before{position:absolute;content:"";display:block;width:230px;height:204px;background:#d6d9dc;border-radius:4px;border:1px solid hsla(0,0%,59.2%,.12);top:10px;right:8px;z-index:5}.cd .themone[data-v-3ea578b4]:after{position:absolute;content:"";display:block;width:200px;height:177px;background:#e7e9f0;border-radius:4px;opacity:.6;border:1px solid hsla(0,0%,59.2%,.12);top:24px;right:0;z-index:1}.cd .info[data-v-3ea578b4]{padding-left:40px;flex-grow:0;box-sizing:border-box;width:100%;overflow:hidden}.cd .info h3[data-v-3ea578b4]{font-size:20px;font-weight:400;margin:0 0 9px 0;line-height:32px;cursor:pointer;justify-content:space-between;display:flex}.cd .info h3 a[data-v-3ea578b4]{text-decoration:none;color:#303133}.cd .info h3 .time span[data-v-3ea578b4]{font-size:14px;color:#787a80;font-weight:400}.cd .info h3 .time .num[data-v-3ea578b4]{display:none}.cd .info h3 .time .shoucang[data-v-3ea578b4]{display:none;color:#f56c6c}.cd .info .infolist[data-v-3ea578b4]{color:#787a80}.cd .info .infolist p[data-v-3ea578b4]{font-size:14px;line-height:22px;margin:6px 0 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-v-3ea578b4] .highLight{color:#e0a113}@-webkit-keyframes musicTransform-3ea578b4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes musicTransform-3ea578b4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.nullstatus[data-v-d7b77370]{font-size:14px;padding:100px 0 0 0;color:#c0c4cc;line-height:26px;display:flex;justify-content:center;flex-direction:column;align-items:center;height:80%}.nullstatus img[data-v-d7b77370]{width:273px;margin-bottom:18px}.voice[data-v-760a3c80]{cursor:pointer;font-size:12px;line-height:22px;color:#787a80;background:#f9f9fb;border-radius:15px;display:flex;justify-content:center;align-items:center;padding:4px 12px 4px 8px;margin-left:14px;font-weight:300}.iconContainer[data-v-5d393f5c]{display:inline-flex;align-items:center;vertical-align:bottom;cursor:pointer}.iconContainer i[data-v-5d393f5c]{color:#787a80;font-size:20px;margin-right:5px}.artist[data-v-d5e950b4]{width:1200px;margin:40px auto 0 auto;position:relative;z-index:1;min-height:calc(100vh - 130px);display:flex;flex-direction:column}.artist .info[data-v-d5e950b4]{display:flex}.artist .info .cover[data-v-d5e950b4]{width:224px;padding-right:90px;flex-shrink:0}.artist .info .cover img[data-v-d5e950b4]{width:100%;height:224px;border-radius:50%}.artist .info h1[data-v-d5e950b4]{font-size:28px;line-height:45px;color:#303133;margin:0}.artist .info h5[data-v-d5e950b4]{font-size:16px;line-height:26px;color:#303133;margin:0}.artist .info .introduce[data-v-d5e950b4]{margin-top:38px;display:flex;flex-wrap:wrap}.artist .info .introduce .item[data-v-d5e950b4]{width:50%;font-size:16px;line-height:26px;color:#787a80;margin-bottom:6px}.artist .info .introduce .item em[data-v-d5e950b4]{font-style:normal;color:#303133;margin-left:20px}.artist .info .box[data-v-d5e950b4]{font-size:16px;color:#787a80;line-height:26px;margin-top:50px;overflow:hidden}.artist .info .box[data-v-d5e950b4] .iconContainer{display:inline-block;vertical-align:middle}.artist .info .box[data-v-d5e950b4] .iconContainer:hover i{color:#e0a113}.artist .info .box .more[data-v-d5e950b4]{display:none}.artist .info .clamp[data-v-d5e950b4]{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;position:relative}.artist .info .clamp .more[data-v-d5e950b4]{display:block;position:absolute;bottom:0;right:0;background:#fff;padding-left:4px}.artist .info .clamp .more em[data-v-d5e950b4]{font-style:normal;color:#e0a113;margin-left:12px;cursor:pointer}.artist .info .clamp .more em i[data-v-d5e950b4]{color:#e0a113}.artist .type[data-v-d5e950b4]{display:flex;margin-top:60px}.artist .type .item[data-v-d5e950b4]{font-size:20px;color:#303133;line-height:32px;margin-right:40px;cursor:pointer}.artist .type .this[data-v-d5e950b4]{color:#e0a113;position:relative}.artist .type .this[data-v-d5e950b4]:after{content:"";display:block;position:absolute;width:30px;height:4px;background:#e0a113;border-radius:2px;left:50%;margin-left:-15px;bottom:-14px}.artist .onlycover[data-v-d5e950b4]{display:grid;-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:repeat(4,1fr);grid-row-gap:30px;grid-column-gap:72px;padding-top:40px}.artist .onlycover .cd[data-v-d5e950b4]{width:100%;display:block;border:0;padding:0;margin:0}.artist .artistdetail[data-v-d5e950b4]{padding-top:30px}.artist .artistdetail .title[data-v-d5e950b4]{font-size:20px;line-height:32px;color:#303133;margin-top:13px;margin-bottom:18px;display:flex}.artist .artistdetail .title span[data-v-d5e950b4]{width:89px;height:30px;background:#f9f9fb;border-radius:15px;padding-left:8px;box-sizing:border-box;display:flex;align-items:center;font-size:12px;color:#787a80;line-height:22px;margin-left:10px}.artist .artistdetail .title span i[data-v-d5e950b4]{color:#787a80;font-size:20px;margin-right:5px}.artist .artistdetail .box[data-v-d5e950b4]{margin-bottom:50px;background:#f9f9fb;border-radius:4px;line-height:26px;font-size:16px;color:#303133;padding:24px;white-space:pre-wrap}.moresummary[data-v-d5e950b4]{padding:0 15px}.moresummary .title[data-v-d5e950b4]{display:flex;align-items:center;font-size:16px;line-height:26px;color:#303133;margin-bottom:10px}.moresummary .title span[data-v-d5e950b4]{width:89px;height:30px;background:#f9f9fb;border-radius:15px;padding-left:8px;box-sizing:border-box;display:flex;align-items:center;font-size:12px;color:#787a80;line-height:22px;margin-left:10px}.moresummary .title span i[data-v-d5e950b4]{color:#787a80;font-size:20px;margin-right:5px}.moresummary .content[data-v-d5e950b4]{font-size:16px;line-height:26px;color:#303133;padding-top:14px;word-break:break-all}.moresummary .list[data-v-d5e950b4]{border-top:1px solid hsla(0,0%,59.2%,.2);padding-top:14px}.moresummary .list .item[data-v-d5e950b4]{font-size:16px;line-height:26px;color:#303133;display:flex;align-items:center;margin-bottom:14px}.moresummary .list .item span[data-v-d5e950b4]{color:#787a80;width:100px}[data-v-d5e950b4] .el-dialog__body{padding-top:0}.nullclass[data-v-d5e950b4]{margin-top:100px}.onlycover .cd[data-v-d5e950b4] .info h3{font-size:16px;line-height:23px;margin:12px 0 0 0}.onlycover .cd[data-v-d5e950b4] .info h3{display:block}.onlycover .cd[data-v-d5e950b4] .info h3 .time{display:flex;justify-content:space-between;width:224px;margin-top:3px}.onlycover .cd[data-v-d5e950b4] .info h3 .time .num{display:none}.onlycover .cd[data-v-d5e950b4] .info{padding:0}.onlycover .cd[data-v-d5e950b4] .info .infolist{display:none}.onlycover .cd[data-v-d5e950b4] .cover{padding-right:30px}