.vuexself[data-v-8287ef30]{width:100%;height:100%;overflow:hidden;overflow-y:scroll}.main[data-v-8287ef30]{width:100%;height:30%}.list-group[data-v-8287ef30]{width:100%;height:100%;display:flex;flex-wrap:wrap}.card[data-v-8287ef30]{width:200px;height:320px;position:relative;cursor:pointer;box-sizing:border-box;box-shadow:0 5px 10px 5px #000;margin:15px;transition:all .5s .05s}.img[data-v-8287ef30]{position:absolute;width:100%;height:100%;pointer-events:none}.id[data-v-8287ef30]{position:absolute;z-index:1;color:#fff;font-size:16px;font-weight:800;margin:15px}.bottom[data-v-8287ef30]{position:absolute;z-index:1;width:100%;bottom:5px;display:flex;align-items:center;justify-content:center;flex-direction:column}.name[data-v-8287ef30]{margin-bottom:5px;line-height:1.5}.name[data-v-8287ef30],.title[data-v-8287ef30]{color:#fff;font-size:16px;font-weight:800}.card[data-v-8287ef30]:hover{transform:translateY(-10px);background-color:#000;box-shadow:0 5px 10px 10px #000;transition:all .5s .2s}.card:hover .bottom[data-v-8287ef30],.card:hover .id[data-v-8287ef30]{-webkit-animation:zzf-8287ef30 .5s .35s;animation:zzf-8287ef30 .5s .35s}@-webkit-keyframes zzf-8287ef30{33%{transform:translateY(-10px)}75%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes zzf-8287ef30{33%{transform:translateY(-10px)}75%{transform:translateY(5px)}to{transform:translateY(0)}}.card_main[data-v-8287ef30]{position:absolute;z-index:2;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:all .5s}.card:hover .card_main[data-v-8287ef30]{opacity:1;transition:all .5s .5s}.card_main img[data-v-8287ef30]{border-radius:50%}.span[data-v-8287ef30]{color:#fff;font-size:25px;font-weight:800;margin-top:8px}.span[data-v-8287ef30]:hover{color:#cce7f8;-webkit-animation:txt-8287ef30 .5s infinite alternate;animation:txt-8287ef30 .5s infinite alternate}.line[data-v-8287ef30]{width:0;height:3px;transition:all .5s linear}.lineactive[data-v-8287ef30]{width:130px;background-color:#cce7f8;-webkit-animation:box-8287ef30 .5s infinite alternate;animation:box-8287ef30 .5s infinite alternate;transition:all .5s .35s}@-webkit-keyframes box-8287ef30{0%{box-shadow:0 0 10px #add8e6,0 0 20px #add8e6,0 0 30px #add8e6,0 0 40px #87ceeb,0 0 50px #87ceeb,0 0 60px #87ceeb}to{box-shadow:0 0 5px #add8e6,0 0 10px #add8e6,0 0 15px #add8e6,0 0 20px #87ceeb,0 0 25px #87ceeb,0 0 30px #87ceeb}}@keyframes box-8287ef30{0%{box-shadow:0 0 10px #add8e6,0 0 20px #add8e6,0 0 30px #add8e6,0 0 40px #87ceeb,0 0 50px #87ceeb,0 0 60px #87ceeb}to{box-shadow:0 0 5px #add8e6,0 0 10px #add8e6,0 0 15px #add8e6,0 0 20px #87ceeb,0 0 25px #87ceeb,0 0 30px #87ceeb}}@-webkit-keyframes txt-8287ef30{0%{text-shadow:0 0 10px #add8e6,0 0 20px #add8e6,0 0 30px #add8e6,0 0 40px #87ceeb,0 0 50px #87ceeb,0 0 60px #87ceeb}to{text-shadow:0 0 5px #add8e6,0 0 10px #add8e6,0 0 15px #add8e6,0 0 20px #87ceeb,0 0 25px #87ceeb,0 0 30px #87ceeb}}@keyframes txt-8287ef30{0%{text-shadow:0 0 10px #add8e6,0 0 20px #add8e6,0 0 30px #add8e6,0 0 40px #87ceeb,0 0 50px #87ceeb,0 0 60px #87ceeb}to{text-shadow:0 0 5px #add8e6,0 0 10px #add8e6,0 0 15px #add8e6,0 0 20px #87ceeb,0 0 25px #87ceeb,0 0 30px #87ceeb}}.right[data-v-8287ef30]{position:absolute;display:flex;right:30px;bottom:30px}.box[data-v-8287ef30]{width:60px;height:32px;background-color:#409eff;display:flex;align-items:center;justify-content:center;margin-right:15px;border-radius:5px}.box span[data-v-8287ef30]{color:#fff;font-size:16px;font-weight:600}.mask_layer[data-v-8287ef30]{position:fixed;top:0;right:0;width:100%;height:100%;z-index:5000;background-color:#000;opacity:.5}.drawer[data-v-8287ef30]{position:fixed;top:0;z-index:9999;background-color:#fff;left:-1000px;width:800px;height:100%;transition:all .5s}.drawerline[data-v-8287ef30]{left:0;transition:all .5s}.drawer_header[data-v-8287ef30]{width:100%;height:47px;display:flex;align-items:center}.wz[data-v-8287ef30]{flex:1;font-size:16px;font-weight:800;margin:15px}.buttons[data-v-8287ef30]{flex:1;display:flex;justify-content:flex-end;margin:15px}.drawer_main[data-v-8287ef30]{width:100%;height:90%;overflow:hidden;overflow-y:scroll}.word[data-v-8287ef30]{width:100%;height:calc(100% - 47px);display:flex;justify-content:center}.fullvideo[data-v-8287ef30]{position:absolute;inset:0;z-index:-1;width:100vw;height:100vh}.videofull[data-v-8287ef30]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.message[data-v-8287ef30]{width:420px;height:160px;background-color:#fff;z-index:9999;position:fixed;left:50%;top:40%;border-radius:8px;transition:all .5s;opacity:0;-webkit-animation:bottom-8287ef30 .5s;animation:bottom-8287ef30 .5s}.messageline[data-v-8287ef30]{opacity:1;transition:all .5s;-webkit-animation:top-8287ef30 .5s;animation:top-8287ef30 .5s}@-webkit-keyframes top-8287ef30{0%{transform:translateY(30px)}to{transform:translateY(0)}}@keyframes top-8287ef30{0%{transform:translateY(30px)}to{transform:translateY(0)}}@-webkit-keyframes bottom-8287ef30{0%{transform:translateY(0)}to{transform:translateY(30px)}}@keyframes bottom-8287ef30{0%{transform:translateY(0)}to{transform:translateY(30px)}}.message_header[data-v-8287ef30]{width:100%;height:50px;display:flex;align-items:center}.warncharacter[data-v-8287ef30]{flex:1;margin:15px;font-size:16px;font-weight:600}.icon-close[data-v-8287ef30]{flex:1;display:flex;justify-content:flex-end;margin:15px;cursor:pointer}.message_main[data-v-8287ef30]{width:100%;height:50px;display:flex;align-items:center}.message_bottom[data-v-8287ef30]{width:100%;height:50px;display:flex;justify-content:flex-end;margin-top:15px}.warn[data-v-8287ef30]{width:20px;height:20px;background-color:#e6a23c;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:15px}.el-pagination[data-v-8287ef30]{position:absolute;bottom:30px;right:320px}.el-input[data-v-8287ef30]{position:absolute;width:180px;bottom:30px;right:570px}.search[data-v-8287ef30]{position:absolute;bottom:30px;right:500px}.list[data-v-8287ef30]{height:auto;flex-direction:column}.file_li[data-v-8287ef30],.list[data-v-8287ef30]{width:100%;display:flex;align-items:center;justify-content:center}.file_li[data-v-8287ef30]{margin-top:20px;flex-direction:row}