.image-back-div[data-v-b8660f0a]{background-color:#000;background-repeat:no-repeat;background-position:50%;background-size:cover}.image-back-div>div[data-v-b8660f0a]{height:100%;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:rgba(0,0,0,.65);color:#fff}.drop-enter[data-v-13b9fcb4]{position:relative}.drop-enter .drop[data-v-13b9fcb4]{position:absolute;left:-30px;width:148px;height:148px;padding:10px;border-radius:8px;background-color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.3);z-index:1099}.drop-enter .drop canvas[data-v-13b9fcb4]{width:100%;height:100%}.mask[data-v-13b9fcb4]{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:1010}.reporter[data-v-13b9fcb4]{width:640px;height:420px;z-index:1011;padding:30px 50px}.reporter .close[data-v-13b9fcb4]{position:absolute;right:10px;top:10px}.reporter>div[data-v-13b9fcb4]{margin:10px 0;text-align:center}.reporter textarea[data-v-13b9fcb4]{width:100%;height:200px;padding:8px;border:1px solid #ccc;border-radius:4px}.reporter input[data-v-13b9fcb4]{width:100%;height:40px;padding:0 8px;border:1px solid #ccc;border-radius:4px}.reporter .btn[data-v-13b9fcb4]{width:96px;height:36px;line-height:36px;border-radius:4px}.note-writer[data-v-13b9fcb4]{width:640px;height:480px;z-index:1011;padding:50px}.note-writer .close[data-v-13b9fcb4]{position:absolute;right:10px;top:10px}.note-writer .input[data-v-13b9fcb4]{height:330px}.note-writer .input textarea[data-v-13b9fcb4]{width:100%;height:100%;padding:10px;border-color:#ccc}.note-writer .submit[data-v-13b9fcb4]{margin-top:20px;text-align:right}.note-writer .submit .btn[data-v-13b9fcb4]{width:160px;height:40px;line-height:40px;border-radius:4px}.path-links[data-v-13b9fcb4]{color:#ccc}.album[data-v-13b9fcb4]{font-size:24px}.album .name[data-v-13b9fcb4]{font-size:18px}.lesson[data-v-13b9fcb4]{margin:12px 0 16px}.lesson .name[data-v-13b9fcb4]{font-size:16px}.lesson .author[data-v-13b9fcb4]{position:relative;top:-16px;float:right}.lesson .author span[data-v-13b9fcb4]{vertical-align:middle}.lesson .author .avatar[data-v-13b9fcb4]{display:inline-block;width:38px;height:38px;border-radius:50%;background-color:#ccc;margin-right:8px;vertical-align:middle}.player[data-v-13b9fcb4]{position:relative;background-color:rgba(0,0,0,.5)}.player .video-container[data-v-13b9fcb4]{position:relative;margin-right:286px}.player .video-container img[data-v-13b9fcb4]{display:block;width:100%}.player .video-container .video[data-v-13b9fcb4]{position:absolute;left:0;right:0;top:0;bottom:0;background-color:#000}.player .video-container .video .not-found[data-v-13b9fcb4]{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center}.player .playlist[data-v-13b9fcb4]{position:absolute;right:0;top:0;bottom:0;width:286px;padding:0 6px;overflow:auto}.player .playlist .tip[data-v-13b9fcb4]{line-height:40px;font-size:16px;text-align:center}.player .playlist .item[data-v-13b9fcb4]{position:relative;display:block;height:36px;line-height:36px;padding:0 8px 0 24px;border-radius:4px;color:#bbb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player .playlist .item[data-v-13b9fcb4]:hover{background-color:rgba(55,55,55,.5)}.player .playlist .item.on[data-v-13b9fcb4]{color:#f9d64d;background-color:#373737}.player .playlist .item i[data-v-13b9fcb4]{position:absolute;left:4px;color:#f9d64d}.toolbar[data-v-13b9fcb4]{line-height:60px;border-bottom:1px solid #ccc;font-size:16px}.toolbar a[data-v-13b9fcb4]{color:#ddd}.toolbar a .icon[data-v-13b9fcb4]{margin-right:4px}.toolbar a+a[data-v-13b9fcb4]{margin-left:32px}.toolbar a[data-v-13b9fcb4]:hover{color:#fff}.toolbar a.on[data-v-13b9fcb4]{color:#f9d64d}.toolbar .right[data-v-13b9fcb4]{float:right}.banners[data-v-13b9fcb4]{position:relative;display:block;height:120px;background-color:#ccc;margin-top:34px;margin-bottom:40px;text-align:center;background-size:1000%!important;overflow:hidden}.banners img[data-v-13b9fcb4]{position:absolute;left:50%;top:0;display:block;height:100%;transform:translate(-50%)}.detail[data-v-13b9fcb4]{margin-right:300px}.detail .page-title[data-v-13b9fcb4]{margin-bottom:26px}.detail .poster[data-v-13b9fcb4]{float:left;width:200px;height:270px;border-radius:16px}.detail .info[data-v-13b9fcb4]{margin-left:230px;padding-top:20px}.detail .info .name[data-v-13b9fcb4]{font-size:18px}.detail .info .desc[data-v-13b9fcb4]{margin-top:10px;margin-bottom:20px}.detail .info .desc>span[data-v-13b9fcb4]{display:inline-block;padding-bottom:4px;border-bottom:1px solid #ccc}.detail .info .option[data-v-13b9fcb4]{margin:10px 0}.detail .intro[data-v-13b9fcb4]{margin-top:32px;line-height:1.8}.side[data-v-13b9fcb4]{float:right;width:200px}.side .title[data-v-13b9fcb4]{font-size:20px;font-weight:700;margin-top:40px;margin-bottom:20px}.side .title[data-v-13b9fcb4]:first-child{margin-top:0}.side .tj[data-v-13b9fcb4]{display:block;margin-bottom:20px}.side .tj .poster[data-v-13b9fcb4]{float:left;width:53px;height:73px;border-radius:8px}.side .tj .name[data-v-13b9fcb4]{margin-left:60px;margin-bottom:10px;padding-top:10px}.side .tj .author[data-v-13b9fcb4]{margin-left:60px;font-size:12px;color:#cecece}@media screen and (max-width:1100px){.page-default[data-v-13b9fcb4]{padding:0}.header[data-v-13b9fcb4]{display:none}.player[data-v-13b9fcb4]{display:flex;flex-direction:column;width:100%;top:0;background:#1f2329;min-height:calc(100vh - 260px)}.player .video-container[data-v-13b9fcb4]{flex:none;position:sticky;top:60px;z-index:1;margin-right:0}.player .playlist[data-v-13b9fcb4]{position:static;width:auto}.lesson .author[data-v-13b9fcb4]{float:none;top:0;position:static;margin-top:20px}.toolbar[data-v-13b9fcb4]{display:flex;justify-content:space-between;line-height:20px;padding:16px 0;gap:10px;font-size:12px;height:80px;position:sticky;bottom:120px;background-color:#1f2329;border:none;border-top:1px solid #333;z-index:9}.toolbar a[data-v-13b9fcb4]{flex:1;margin:0!important;gap:5px;display:flex;flex-direction:column;text-align:center;white-space:nowrap}.toolbar a .icon[data-v-13b9fcb4]{margin:0}.drop-enter .drop[data-v-13b9fcb4]{top:-160px}.detail[data-v-13b9fcb4],.side[data-v-13b9fcb4]{display:none}.banners[data-v-13b9fcb4]{position:sticky;bottom:60px;margin:0;height:60px}.note-writer[data-v-13b9fcb4]{height:460px}.note-writer[data-v-13b9fcb4],.reporter[data-v-13b9fcb4]{width:90%;padding:30px 30px 0 30px}}