.pa[data-v-84795066]{position:absolute}.pr[data-v-84795066]{position:relative}.media-modal[data-v-84795066]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:99999}.media-modal .close[data-v-84795066]{width:60px;height:60px;position:fixed;top:10px;right:10px;cursor:pointer}.media-modal .close img[data-v-84795066]{width:100%;height:100%}.media-modal>img[data-v-84795066]{width:64px;height:64px;cursor:pointer}.media-modal .media-border[data-v-84795066]{border-radius:20px}.media-modal .media-play-box[data-v-84795066]{width:800px;height:800px;margin:0 70px;background-color:#fff;position:relative;display:flex;justify-content:center;align-items:center}.media-modal .media-play-box .preview[data-v-84795066]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.media-modal .media-play-box .video-pre[data-v-84795066]{background-color:#000}.media-modal .media-play-box .audio-box[data-v-84795066]{padding:25px;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column}.media-modal .media-play-box .audio-box .preview-audio-img[data-v-84795066]{height:670px;display:flex;align-items:center;justify-content:center}.media-modal .media-play-box .audio-box .preview-audio-img>img[data-v-84795066]{width:500px}.media-modal .media-play-box .audio-box .preview-audio[data-v-84795066]{width:100%;-o-object-fit:contain;object-fit:contain}.pa[data-v-0fb7eaca]{position:absolute}.pr[data-v-0fb7eaca]{position:relative}.header-title[data-v-0fb7eaca]{width:100%;padding-bottom:20px;display:flex;align-items:center;border-bottom:1px solid #dddee2}.header-title .icon-img[data-v-0fb7eaca]{width:60px;height:60px}.header-title .border-lefts[data-v-0fb7eaca]{width:6px;height:26px;background:#2d8cf0}.header-title .header-right[data-v-0fb7eaca]{display:flex;margin-left:20px;flex-direction:column}.header-title .header-right .right-top[data-v-0fb7eaca]{display:flex;align-items:center}.header-title .header-right .right-top>span[data-v-0fb7eaca]{flex-shrink:0;margin-right:20px;font-size:22px;color:#464c5b;letter-spacing:0;font-weight:600}.header-title .header-right .right-bot p[data-v-0fb7eaca]{font-size:14px;color:#80838e;margin-top:10px}.pa[data-v-7f6d47a8]{position:absolute}.pr[data-v-7f6d47a8]{position:relative}.library[data-v-7f6d47a8]{width:100%}.library .title[data-v-7f6d47a8]{color:#464c5b;font-weight:600;font-size:20px}.library .database[data-v-7f6d47a8]{padding:30px;margin-top:12px;border-radius:20px;background:hsla(0,0%,100%,.9)}.library .database .database-header[data-v-7f6d47a8]{width:100%;display:flex;align-items:flex-start;justify-content:flex-start}.library .database .database-header .header-tab[data-v-7f6d47a8]{width:280px;height:322px;margin-right:20px;padding:20px 16px 17px;cursor:pointer;background:url(../../assets/img/czyx_normal_pic.02644b48.png) no-repeat 50%/100%}.library .database .database-header .header-tab .tab-title[data-v-7f6d47a8]{color:#464c5b;font-weight:500;font-size:20px}.library .database .database-header .header-tab .tab-img[data-v-7f6d47a8]{width:248px;height:248px;border-radius:16px;margin-top:9px}.library .database .database-header .current-tab[data-v-7f6d47a8]{background:url(../../assets/img/czyx_select_pic.3df16fa5.png) no-repeat 50%/100%}.library .database .database-content[data-v-7f6d47a8]{margin-top:30px}.library .database .database-content .database-date[data-v-7f6d47a8]{position:relative}.library .database .database-content .database-date>.right-arrow[data-v-7f6d47a8]{margin-left:-9px;margin-top:7px}.library .database .database-content .database-date[data-v-7f6d47a8]:not(:last-child){padding-bottom:30px}.library .database .database-content .database-date[data-v-7f6d47a8]:after{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:#4e7fff;margin-top:15px}.library .database .database-content .database-date .date[data-v-7f6d47a8]{display:inline-block}.library .database .database-content .database-date .date p[data-v-7f6d47a8]{width:110px;height:35px;line-height:35px;text-align:center;border-radius:6px;background:#edeff5;display:inline-block}.library .database .database-content .database-date .date i[data-v-7f6d47a8]{margin-left:5px;cursor:pointer;transition:.2s linear}.library .database .database-content .database-date .date .up[data-v-7f6d47a8]{transform:rotate(180deg)}.library .database .database-content .database-date>ul[data-v-7f6d47a8]{padding-left:20px;margin-top:12px;display:flex;flex-wrap:wrap;justify-content:flex-start}.library .database .database-content .database-date>ul li[data-v-7f6d47a8]{width:15.666%;aspect-ratio:1;margin-bottom:20px;border-radius:8px;position:relative;cursor:pointer}.library .database .database-content .database-date>ul li[data-v-7f6d47a8]:not(:nth-child(6n)){margin-right:1.2%}.library .database .database-content .database-date>ul li .audio[data-v-7f6d47a8]{width:100%;height:100%;border-radius:8px;background:#ebedf5;display:flex;align-items:center;justify-content:center}.library .database .database-content .database-date>ul li .audio .audio-icon[data-v-7f6d47a8]{width:20%;height:17%}.library .database .database-content .database-date>ul li .audio .audio-time[data-v-7f6d47a8]{color:#80838e;font-size:28px;margin-left:5px;font-weight:600}.library .database .database-content .database-date>ul li .img[data-v-7f6d47a8]{width:100%;height:100%;border-radius:8px}.library .database .database-content .database-date>ul li .cover[data-v-7f6d47a8]{width:26%;height:26%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.library .database .database-content .database-date>ul li .add[data-v-7f6d47a8]{font-size:64px;width:100%;height:100%;color:#fff;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);border-radius:8px;cursor:pointer}.library .database .default[data-v-7f6d47a8]{width:100%;text-align:center;margin-top:150px}.library .database .default>img[data-v-7f6d47a8]{width:140px;height:190px;-o-object-fit:contain;object-fit:contain}