@xysfe/actui
Version:
A fantastic mobile ui lib implement by Vue
1 lines • 20.5 kB
CSS
.act-popup{position:fixed;left:0;right:0;top:0;bottom:0;max-width:100vw;content:"viewport-units-buggyfill; max-width: 100vw"}.act-popup-container,.act-popup-mask{position:absolute;width:100%;height:100%}.act-popup-mask{overflow:hidden}.act-popup-mask:before{content:".";display:block;width:1px;height:1px;background-color:rgba(0,0,0,.1);margin-left:-10px}.act-popup-container{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}.act-popup-content{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}.act-popup-center .act-popup-content{position:absolute;top:-50%;left:-50%;width:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.act-popup-top-radius{border-top-left-radius:12px;border-top-right-radius:12px}.act-popup-top-radius.act-popup-content{overflow:hidden}.act-gold-popup-fade-enter[data-v-f3b563a0]{opacity:0}.act-gold-popup-fade-enter-active[data-v-f3b563a0]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-gold-popup-move-enter[data-v-f3b563a0]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.act-gold-popup-move-enter-active[data-v-f3b563a0]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-gold-popup-container[data-v-f3b563a0]{position:absolute;bottom:0;left:0;width:100%;line-height:1;background-color:#fff;border-radius:12px 12px 0 0}.act-gold-popup-container .act-gold-popup-hd[data-v-f3b563a0]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative;text-align:center;font-size:17px;color:#333}.act-gold-popup-container .act-gold-popup-hd[data-v-f3b563a0] h3{padding:13px 40px;line-height:20px;font-size:17px}.act-gold-popup-container .act-gold-popup-hd i[data-v-f3b563a0]{display:block;position:absolute;top:50%;z-index:1;margin:12px;background-repeat:no-repeat}.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f3b563a0]{position:absolute;top:-5px;right:-4px;display:block;width:20px;height:20px}.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f3b563a0]:after,.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f3b563a0]:before{position:absolute;content:"";width:16px;height:2px;background:#b3b3b3;top:9px;left:2.5px}.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f3b563a0]:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f3b563a0]:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.act-gold-popup-container .act-gold-popup-hd.act-gold-popup-hd-custom[data-v-f3b563a0]{min-height:36px;line-height:36px}.act-loading[data-v-027695fc]{overflow:hidden}[class*=loading-cont-][data-v-027695fc]{color:inherit;box-sizing:content-box;pointer-events:none;margin:0 auto}.loading-cont-cir1[data-v-027695fc]{border-left-color:currentcolor;border-right-color:currentcolor;border-radius:50%;-webkit-animation:1s loading-cir1-data-v-027695fc linear infinite;animation:1s loading-cir1-data-v-027695fc linear infinite}@-webkit-keyframes loading-cir1-data-v-027695fc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-cir1-data-v-027695fc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.act-loading[data-v-1e0cc706]{overflow:hidden}[class*=loading-cont-][data-v-1e0cc706]{color:inherit;box-sizing:content-box;pointer-events:none;margin:0 auto}.loading-cont-cir2[data-v-1e0cc706]{position:relative;border-radius:100%;-webkit-animation:1s loading-cir2-data-v-1e0cc706 linear infinite;animation:1s loading-cir2-data-v-1e0cc706 linear infinite}@-webkit-keyframes loading-cir2-data-v-1e0cc706{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-cir2-data-v-1e0cc706{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.act-loading[data-v-4106ba04]{overflow:hidden}.act-loading .act-loading-wrap[data-v-4106ba04]{border-radius:3px;-webkit-transition:color .3s,border .3s;transition:color .3s,border .3s}[class*=loading-cont-][data-v-4106ba04]{color:inherit;box-sizing:content-box;pointer-events:none;margin:0 auto}.loading-cont-cir3[data-v-4106ba04]{position:relative;border-radius:50%;-webkit-animation:1s loading-cir3-data-v-4106ba04 linear infinite;animation:1s loading-cir3-data-v-4106ba04 linear infinite}.loading-cont-cir3 .cir3-mask[data-v-4106ba04]{display:block;position:absolute;border-radius:50%;opacity:.5}@-webkit-keyframes loading-cir3-data-v-4106ba04{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-cir3-data-v-4106ba04{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.act-loading[data-v-6400ad02]{overflow:hidden}[class*=loading-cont-][data-v-6400ad02]{color:inherit;box-sizing:content-box;pointer-events:none}.loading-cont-cir4[data-v-6400ad02],.loading-cont-cir4[data-v-6400ad02]:after,.loading-cont-cir4[data-v-6400ad02]:before{border-radius:50%;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:loading-cir4-data-v-6400ad02 1.2s infinite ease-in-out;animation:loading-cir4-data-v-6400ad02 1.2s infinite ease-in-out}.loading-cont-cir4[data-v-6400ad02]{color:currentcolor;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s;top:-1em;margin:0 auto}.loading-cont-cir4[data-v-6400ad02]:before{right:100%;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loading-cont-cir4[data-v-6400ad02]:after{left:100%}.loading-cont-cir4[data-v-6400ad02]:after,.loading-cont-cir4[data-v-6400ad02]:before{content:"";display:block;position:absolute;top:0;width:inherit;height:inherit}@-webkit-keyframes loading-cir4-data-v-6400ad02{0%,80%,to{box-shadow:0 1.1em 0 -1em}40%{box-shadow:0 1.1em 0 -.2em}}@keyframes loading-cir4-data-v-6400ad02{0%,80%,to{box-shadow:0 1.1em 0 -1em}40%{box-shadow:0 1.1em 0 -.2em}}.act-loading[data-v-86faa000]{overflow:hidden}[class*=loading-cont-][data-v-86faa000]{color:inherit;box-sizing:content-box;pointer-events:none}.loading-cont-cir5[data-v-86faa000]{position:relative;border-radius:50%;box-shadow:0 1em 0 -.2em currentcolor;-webkit-animation:loading-cir5-data-v-86faa000 .5s ease-in-out alternate infinite;animation:loading-cir5-data-v-86faa000 .5s ease-in-out alternate infinite;-webkit-animation-delay:.16s;animation-delay:.16s;top:-1em;margin:0 auto}.loading-cont-cir5[data-v-86faa000]:after,.loading-cont-cir5[data-v-86faa000]:before{content:"";position:absolute;width:inherit;height:inherit;border-radius:inherit;box-shadow:inherit;-webkit-animation:inherit;animation:inherit}.loading-cont-cir5[data-v-86faa000]:before{left:-.8em;-webkit-animation-delay:.32s;animation-delay:.32s}.loading-cont-cir5[data-v-86faa000]:after{right:-.8em;-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes loading-cir5-data-v-86faa000{0%{box-shadow:0 1.4em 0 -.2em currentcolor}to{box-shadow:0 .8em 0 -.2em currentcolor}}@keyframes loading-cir5-data-v-86faa000{0%{box-shadow:0 1.4em 0 -.2em currentcolor}to{box-shadow:0 .8em 0 -.2em currentcolor}}.act-xysloading-path[data-v-073ac538]{stroke-dasharray:134.8 5000;stroke-dashoffset:134.8;-webkit-animation:dash-logo-data-v-073ac538 3.6s linear infinite;animation:dash-logo-data-v-073ac538 3.6s linear infinite}@-webkit-keyframes dash-logo-data-v-073ac538{0%{stroke-dashoffset:134.8}15%,45%{stroke-dashoffset:0}56%,to{stroke-dashoffset:-134.8}}@keyframes dash-logo-data-v-073ac538{0%{stroke-dashoffset:134.8}15%,45%{stroke-dashoffset:0}56%,to{stroke-dashoffset:-134.8}}.act-xysloading-path-oval-middle[data-v-073ac538]{stroke-dasharray:0 44.1;stroke-dashoffset:0;-webkit-animation:dash-oval-middle-data-v-073ac538 3.6s linear infinite;animation:dash-oval-middle-data-v-073ac538 3.6s linear infinite}@-webkit-keyframes dash-oval-middle-data-v-073ac538{0%,56%{visibility:hidden}56.1%{stroke-dasharray:4,40.1;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}59.9%{stroke-dasharray:4,40.1;stroke-dashoffset:-40.1;stroke-linecap:round}60%,to{stroke-dasharray:0,44.1;stroke-dashoffset:-44.1;stroke-linecap:butt;visibility:hidden}}@keyframes dash-oval-middle-data-v-073ac538{0%,56%{visibility:hidden}56.1%{stroke-dasharray:4,40.1;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}59.9%{stroke-dasharray:4,40.1;stroke-dashoffset:-40.1;stroke-linecap:round}60%,to{stroke-dasharray:0,44.1;stroke-dashoffset:-44.1;stroke-linecap:butt;visibility:hidden}}.act-xysloading-circle[data-v-073ac538]{stroke-width:7;fill:none;-webkit-animation:dash-circle-data-v-073ac538 3.6s linear infinite;animation:dash-circle-data-v-073ac538 3.6s linear infinite}@-webkit-keyframes dash-circle-data-v-073ac538{0%,60%{stroke-dasharray:0,226;stroke-dashoffset:0;stroke-linecap:butt;visibility:hidden}60.1%{stroke-dasharray:0,226;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}70%{stroke-dasharray:70,156;stroke-dashoffset:-80;stroke-linecap:round}80%{stroke-dasharray:2,224;stroke-dashoffset:-226;stroke-linecap:round}90%{stroke-dasharray:70,196;stroke-dashoffset:-339;stroke-linecap:round}94.9%{stroke-dasharray:0,226;stroke-dashoffset:-400;stroke-linecap:round}95%,to{stroke-dasharray:0,226;stroke-dashoffset:-400;stroke-linecap:butt;visibility:hidden}}@keyframes dash-circle-data-v-073ac538{0%,60%{stroke-dasharray:0,226;stroke-dashoffset:0;stroke-linecap:butt;visibility:hidden}60.1%{stroke-dasharray:0,226;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}70%{stroke-dasharray:70,156;stroke-dashoffset:-80;stroke-linecap:round}80%{stroke-dasharray:2,224;stroke-dashoffset:-226;stroke-linecap:round}90%{stroke-dasharray:70,196;stroke-dashoffset:-339;stroke-linecap:round}94.9%{stroke-dasharray:0,226;stroke-dashoffset:-400;stroke-linecap:round}95%,to{stroke-dasharray:0,226;stroke-dashoffset:-400;stroke-linecap:butt;visibility:hidden}}.act-xysloading-path-oval-end[data-v-073ac538]{stroke-dasharray:0 54.4;stroke-dashoffset:0;-webkit-animation:dash-oval-end-data-v-073ac538 3.6s linear infinite;animation:dash-oval-end-data-v-073ac538 3.6s linear infinite}@-webkit-keyframes dash-oval-end-data-v-073ac538{0%,95%{stroke-dasharray:0,54.4;stroke-dashoffset:0;stroke-linecap:butt;visibility:hidden}95.1%{stroke-dasharray:4,50.4;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}99.9%{stroke-dasharray:4,50.4;stroke-dashoffset:-40.1;stroke-linecap:round}to{stroke-dasharray:0,54.4;stroke-dashoffset:-54.4;stroke-linecap:butt;visibility:hidden}}@keyframes dash-oval-end-data-v-073ac538{0%,95%{stroke-dasharray:0,54.4;stroke-dashoffset:0;stroke-linecap:butt;visibility:hidden}95.1%{stroke-dasharray:4,50.4;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}99.9%{stroke-dasharray:4,50.4;stroke-dashoffset:-40.1;stroke-linecap:round}to{stroke-dasharray:0,54.4;stroke-dashoffset:-54.4;stroke-linecap:butt;visibility:hidden}}.act-loading[data-v-4884e2ea]{overflow:hidden}[class*=loading-cont-][data-v-4884e2ea]{color:inherit;box-sizing:content-box;pointer-events:none}.loading-cont-line[data-v-4884e2ea]{position:relative;background:currentcolor;-webkit-animation:loading-line-data-v-4884e2ea .7s ease-in-out infinite;animation:loading-line-data-v-4884e2ea .7s ease-in-out infinite;-webkit-animation-delay:.4s;animation-delay:.4s;top:50%;left:50%;-webkit-transform:translate3D(-50%,-50%,0);transform:translate3D(-50%,-50%,0)}.loading-cont-line[data-v-4884e2ea]:after,.loading-cont-line[data-v-4884e2ea]:before{content:"";position:absolute;width:inherit;height:inherit;background:inherit;-webkit-animation:inherit;animation:inherit}.loading-cont-line[data-v-4884e2ea]:before{right:.4em;-webkit-animation-delay:.2s;animation-delay:.2s}.loading-cont-line[data-v-4884e2ea]:after{left:.4em;-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes loading-line-data-v-4884e2ea{0%,to{box-shadow:0 0 0 currentcolor,0 0 0 currentcolor}50%{box-shadow:0 -.25em 0 currentcolor,0 .25em 0 currentcolor}}@keyframes loading-line-data-v-4884e2ea{0%,to{box-shadow:0 0 0 currentcolor,0 0 0 currentcolor}50%{box-shadow:0 -.25em 0 currentcolor,0 .25em 0 currentcolor}}.picker-content[data-v-b3339560]{position:relative;height:62.75vh;content:"viewport-units-buggyfill; height: 62.75vh"}.picker-content .content[data-v-b3339560]{position:relative;z-index:1;height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;padding:.9rem 1rem 0;background:#f7f8fc}.gradual-color[data-v-b3339560]{position:absolute;top:0;left:0;width:100%;height:2.2rem;background:-webkit-linear-gradient(bottom,#f7f8fc,#fff);background:linear-gradient(0deg,#f7f8fc,#fff)}.header-box[data-v-b3339560]{position:relative;z-index:1;width:100%}.search-box[data-v-b3339560]{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;height:3.6rem;background:#fff;border-radius:1.8rem;border:1px solid #f7f7fc;padding:0 1.6rem;margin-bottom:1rem}.search-box input[data-v-b3339560]{width:100%;height:1.9rem;line-height:1.9rem;border-radius:1.8rem;font-size:1.4rem;padding:0 1.2rem;border:none;box-sizing:border-box}.search-box input[data-v-b3339560]::-webkit-input-placeholder{color:#b3b3b3}.search-box input[data-v-b3339560]::placeholder{color:#b3b3b3}.search-box .close-icon[data-v-b3339560],.search-box .search-icon[data-v-b3339560]{width:1.6rem;height:1.6rem}.search-content[data-v-b3339560]{position:relative;-webkit-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden}.search-content .search-tags-content[data-v-b3339560],.search-content[data-v-b3339560]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.search-content .search-tags-content[data-v-b3339560]{position:absolute;top:0;left:0;z-index:9;-webkit-flex-direction:column;flex-direction:column;width:100%;background:#fff;border-radius:1.2rem 1.2rem 0 0}.search-content .search-tags-content .search-tags-first[data-v-b3339560]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:4.5rem}.search-content .search-tags-content .search-tags-first .filter-item[data-v-b3339560]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%;padding:0 1.2rem;font-size:1.4rem;color:#333}.search-content .search-tags-content .search-tags-first .filter-item[data-v-b3339560]:last-child{margin-right:0}.search-content .search-tags-content .search-tags-first .filter-item .arrow-icon[data-v-b3339560]{display:inline-block;width:1.4rem;height:1.4rem;margin-left:.2rem}.search-content .search-tags-content .search-tags-first .filter-item .arrow-icon.down[data-v-b3339560]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAARVBMVEUAAACUlJSZmZmZmZmZmZmYmJiZmZmZmZmampqXl5eZmZmZmZmZmZmampqZmZmZmZmXl5eZmZmZmZmZmZmYmJiXl5eZmZmF2YI0AAAAFnRSTlMABpzv3a6Hb10O9ubOv71LOy0g5VwW2P/cUwAAALhJREFUSMft0lsOhDAIBdBr1bY+65P9L3U0mJnqYND/ni9JoMEbkCRJcnBFbioIKpMXDrc8bdpKmGtp43Gnp12X4SLraNcrg1Rml7mSlMGFmMGJIbYgIrdYRKz4nLwUuShpkn5AiIH5KGkhMjF4FrgOxNoKirXgznrYq6HmqlihmhruzUdgzPm7maCKu6M3dPF+v60fCnQS8JiniMcLjr4cXrF0sHjJKAeqnK1woPqknWebIUmS5N8HrEMU5Yy9f3MAAAAASUVORK5CYII=) no-repeat 50%;background-size:1.4rem 1.4rem}.search-content .search-tags-content .search-tags-first .filter-item .arrow-icon.up[data-v-b3339560]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAQlBMVEUAAACUlJSZmZmZmZmZmZmZmZmZmZmYmJiZmZmampqXl5eZmZmZmZmZmZmXl5eZmZmZmZmZmZmYmJiYmJiXl5eZmZnQGJx5AAAAFXRSTlMABr6c7+bdrm9dDvbOSzstIIeGXBa3is/aAAAAsElEQVRIx+2SyxKDIAxF5SkivtD8/6+20xSVKU6g65wNLHKYkNyOYRimgIjGRPGH18Obvt1U8EG1eht82do8ByeuxRvgxlDvTZAx1XrziIK1eI5znbdorDfravCmlxrvqr6/QXvH2V/W9UF5PqSJ5HMKngiavHaQb0YKIqCIy7NAxlYBEvP0kbHdU0n5uf1RlKmp8gckIUrxOzJCHJ4G7wORdme18sX1Km1dxzAMg7wAPX4T6MLZ2ngAAAAASUVORK5CYII=) no-repeat 50%;background-size:1.4rem 1.4rem}.search-content .search-tags-content .search-tags-first .filter-item .active[data-v-b3339560]{color:#8c7fee}.search-content .search-tags-content .search-tags-first .filter-item .active.cps[data-v-b3339560]{color:#f05a4b}.search-content .search-tags-content .dropdown-menu[data-v-b3339560]{width:100%;padding:1rem 1rem .2rem 1.2rem;border-radius:0 0 1.2rem 1.2rem;box-shadow:0 .6rem .6rem 0 hsla(0,0%,70%,.2);overflow:hidden}.search-content .search-tags-content .dropdown-menu .dropdown-menu-container[data-v-b3339560]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 -.3rem;border-radius:0 0 1.2rem 1.2rem}.search-content .search-tags-content .dropdown-menu .dropdown-menu-container .dropdown-item[data-v-b3339560]{min-width:4.6rem;padding:.7rem 1rem;font-size:1.3rem;color:#333;line-height:1.65rem;background:#f7f8fc;border-radius:.5rem;margin:0 .3rem;margin-bottom:.8rem}.search-content .search-tags-content .dropdown-menu .dropdown-menu-container .dropdown-item.active[data-v-b3339560]{color:#8c7fee;background:rgba(140,127,238,.1)}.search-content .search-tags-content .dropdown-menu .dropdown-menu-container .dropdown-item.active.cps[data-v-b3339560]{color:#f05a4b;background:rgba(240,90,75,.1)}.search-content .table-scroll-bg[data-v-b3339560]{position:absolute;top:0;left:0;width:100%;z-index:-1;max-height:40%;background:#fff;border-radius:1.2rem 1.2rem 0 0}.search-content .medical-list-scroll[data-v-b3339560]{position:relative;z-index:1;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden}.search-content .scroll-list[data-v-b3339560]{background:#fff;border-radius:1.2rem;padding-bottom:1.4rem}.search-content .load-more[data-v-b3339560]{width:100%;text-align:center;color:#999;font-size:1.2rem;margin-bottom:.2rem}.search-content .search-empty[data-v-b3339560]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:31rem;text-align:center;background:#fff;border-radius:0 0 1.2rem 1.2rem}.search-content .search-empty img[data-v-b3339560]{width:20.9rem;padding-top:2rem}.search-content .search-empty .tip[data-v-b3339560]{font-size:1.6rem;font-weight:400;line-height:2.3rem;margin:0;color:#333}.search-content .search-empty .desc[data-v-b3339560]{font-size:1.2rem;font-weight:400;line-height:1.8rem;letter-spacing:0;color:#999;margin-top:.5rem}.search-content .loading[data-v-b3339560]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.medical-list[data-v-9ddff024]{background:#fff;padding:0 1rem}.medical-card[data-v-9ddff024]{border-radius:.5rem;padding:.8rem 1rem;margin-bottom:.8rem;background:#f7f8fc}.medical-card .medical-name[data-v-9ddff024]{font-size:1.5rem;color:#333;line-height:2.1rem;margin-bottom:.2rem}.medical-card .medical-info[data-v-9ddff024]{width:100%}.medical-card .medical-info .medical-spec[data-v-9ddff024]{font-size:1.2rem;color:#999;line-height:1.65rem;margin-block:.4rem}.medical-card .medical-info .medical-tags[data-v-9ddff024]{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.medical-card .medical-info .medical-tags .tag[data-v-9ddff024]{display:inline-block;border-radius:.4rem;font-size:1.1rem;padding:.6rem;color:#5c4508;background:#fffbf4}.medical-card .medical-info .medical-tags .tag+.tag[data-v-9ddff024]{margin-left:.6rem}