.el-drawer{border-radius:20px 20px 0 0}.el-drawer__header{margin:0!important}.el-drawer__body{padding:10px!important}.popup[data-v-01f6076c]{width:100%;height:508.3px;overflow:hidden}.popup .view[data-v-01f6076c]{width:260px;height:508.3px;margin:auto}.popup .view iframe[data-v-01f6076c]{width:400px;height:782px;transform:scale(.65);transform-origin:left top;border:none;border-radius:5px}video[data-v-01f6076c],img[data-v-01f6076c]{max-width:100%;max-height:75vh;object-fit:cover;border-radius:8px;margin-bottom:20px}[data-v-f6fc264d]::-webkit-scrollbar{display:none}.app[data-v-f6fc264d]{max-width:500px;height:100%;margin:0 auto}.app .head[data-v-f6fc264d]{width:80%;height:50px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.app .head .family[data-v-f6fc264d]{display:flex;align-items:center;font-size:14px}.app .head .family .element[data-v-f6fc264d]{width:50px}.app .head .family .active[data-v-f6fc264d]{font-weight:700;font-size:15px}.app .head .search[data-v-f6fc264d]{width:120px;height:27px;position:relative}.app .head .search_view[data-v-f6fc264d]{width:120px;height:27px;border-radius:30px;border:1px solid #ff6e77;display:flex;align-items:center;padding:0 5px;box-sizing:border-box;background:#fff;position:absolute;right:10%;transition:width .1s ease-in-out;z-index:11}.app .head .search_view .Search[data-v-f6fc264d]{width:16px;height:16px;color:#606266}.app .head .search_view[data-v-f6fc264d] .el-input__inner{height:20px}.app .head .search[data-v-f6fc264d]:before{content:"";position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;transition:background .2s ease-in-out;z-index:11}.app .head .search.active .search_view[data-v-f6fc264d]{width:80%}.app .head .search.active[data-v-f6fc264d]:before{content:"";background:#00000080;pointer-events:auto}.app .body[data-v-f6fc264d]{width:100%;height:calc(100% - 50px);border-top:1px solid #ccc;box-sizing:border-box;position:relative;padding-top:15px}.app .body .genus[data-v-f6fc264d]{margin:0 auto;width:80%;height:30px;display:flex;justify-content:space-between;align-items:flex-start;font-size:13px}.app .body .genus .element[data-v-f6fc264d]{width:30px}.app .body .genus .element.active[data-v-f6fc264d]{font-weight:700}.app .body .species[data-v-f6fc264d]{margin:0 auto;width:375px;font-size:12px;display:flex;align-items:center;justify-content:space-between;background:#fff}.app .body .species .scroll[data-v-f6fc264d]{width:calc(100% - 60px);height:20px;position:relative}.app .body .species .scroll_view[data-v-f6fc264d]{height:19px;display:flex;overflow-x:scroll;gap:0 8px;scroll-behavior:smooth}.app .body .species .scroll_view .element[data-v-f6fc264d]{flex-shrink:0;height:100%;padding:0 10px;border-radius:27px;background-color:#f8f8f8}.app .body .species .scroll_view .element.active[data-v-f6fc264d]{background:#fd4365;color:#fff;font-weight:700}.app .body .species .scroll_view .element[data-v-f6fc264d]:last-child{margin-right:50px}.app .body .species .scroll[data-v-f6fc264d]:before{content:"";position:absolute;right:-1px;top:0;width:100px;height:20px;pointer-events:none;background:linear-gradient(90deg,transparent,#fff)}.app .body .species .button[data-v-f6fc264d]{width:40px;gap:0 2px}.app .body .species .button i[data-v-f6fc264d]{font-size:10px}.app .body .kind[data-v-f6fc264d]{margin:0 auto;width:375px;height:30px;display:flex;align-items:flex-end;gap:0 20px;box-sizing:border-box}.app .body .kind .element[data-v-f6fc264d]{font-size:12px}.app .body .kind .element svg[data-v-f6fc264d]{width:10px;height:10px;transition:transform .1s ease-in-out}.app .body .kind .element.active svg[data-v-f6fc264d]{transform:rotate(180deg)}.app .body .expand[data-v-f6fc264d]{position:absolute;width:100%;height:calc(100% - var(--height));background:#00000080;z-index:8;opacity:0;pointer-events:none;transition:opacity .1s ease-in-out}.app .body .expand_view[data-v-f6fc264d]{width:100%;height:50vh;padding:10px 0;background:#fff;margin-top:-1px;border-radius:0 0 15px 15px}.app .body .expand_view .scroll[data-v-f6fc264d]{width:100%;height:calc(100% - 84px);padding:0 20px;box-sizing:border-box;overflow:auto}.app .body .expand_view .scroll .name[data-v-f6fc264d]{font-size:13px;font-weight:700;margin:12px 0}.app .body .expand_view .scroll .choosable[data-v-f6fc264d]{width:100%;display:flex;flex-wrap:wrap;gap:10px 4px}.app .body .expand_view .scroll .choosable .element[data-v-f6fc264d]{width:calc((100% - 12px)/4);height:25px;border-radius:6px;background:#f8f8f8;box-sizing:border-box;border:1px solid rgba(0,0,0,0)}.app .body .expand_view .scroll .choosable .element.active[data-v-f6fc264d]{color:#fd4365;border-color:#fd4365;background:#fee}.app .body .expand_view .scroll .choosable.color .element[data-v-f6fc264d]{width:25px;height:25px;object-fit:contain}.app .body .expand_view .base[data-v-f6fc264d]{width:100%;height:84px;display:flex;justify-content:space-between;align-items:center;gap:0 20px;padding:0 13px;box-sizing:border-box}.app .body .expand_view .base .reset[data-v-f6fc264d]{width:114px;height:36px;border-radius:21px;border:1px solid #fd4365;color:#fd4365}.app .body .expand_view .base .affirm[data-v-f6fc264d]{flex:1;height:36px;border-radius:21px;background:#fd4365;color:#fff}.app .body .expand_view.elasticity[data-v-f6fc264d],.app .body .expand_view.elasticity .scroll[data-v-f6fc264d]{height:auto}.app .body .expand.active[data-v-f6fc264d]{opacity:1;pointer-events:auto}.app .body .container[data-v-f6fc264d]{width:100%;height:calc(100% - var(--height));margin-top:10px;overflow-y:scroll}