@xysfe/actui/lib/DiseaseListLayer/style.css

A fantastic mobile ui lib implement by Vue

.act-popup{position:fixed;left:0;right:0;top:0;bottom:0}.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}}.main-content[data-v-3f9273f6]{position:relative;height:62.75vh;background:#f7f8fc;padding:0 1rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;content:"viewport-units-buggyfill; height: 62.75vh"}.main-content .gradual-color[data-v-3f9273f6]{position:absolute;top:0;left:0;width:100%;height:2.2rem;background:-webkit-linear-gradient(bottom,#f7f8fc,#fff);background:linear-gradient(0deg,#f7f8fc,#fff)}.main-content .header-box[data-v-3f9273f6]{position:relative;z-index:1;width:100%}.main-content .search-box[data-v-3f9273f6]{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;padding:0 1.6rem;margin-bottom:1rem;border:1px solid #f7f7fc}.main-content .search-box input[data-v-3f9273f6]{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}.main-content .search-box input[data-v-3f9273f6]::-webkit-input-placeholder{color:#b3b3b3}.main-content .search-box input[data-v-3f9273f6]::placeholder{color:#b3b3b3}.main-content .search-box .close-icon[data-v-3f9273f6],.main-content .search-box .search-icon[data-v-3f9273f6]{width:1.6rem;height:1.6rem}.main-content .search-content[data-v-3f9273f6]{-webkit-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;flex:1}.main-content .search-content .content[data-v-3f9273f6],.main-content .search-content[data-v-3f9273f6]{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;overflow:hidden}.main-content .search-content .content[data-v-3f9273f6]{-webkit-flex-direction:column;flex-direction:column;height:100%;font-size:1.4rem;border-radius:1.2rem}.main-content .table-scroll-bg[data-v-3f9273f6]{position:absolute;top:0;left:0;z-index:0;width:100%;max-height:40%;border-radius:1.2rem 1.2rem 0 0;background:#fff}.main-content .content-header[data-v-3f9273f6]{position:relative;z-index:1;font-size:1.3rem;color:#333;height:3rem;background:#f1f1f7;border-top:1px solid #e2e5e7;border-right:1px solid #e2e5e7;border-left:1px solid #e2e5e7;border-radius:1.2rem 1.2rem 0 0}.main-content .content-header p[data-v-3f9273f6]{height:3rem;text-align:center}.main-content .content-header p[data-v-3f9273f6]:first-child{border-right:1px solid #e2e5e7}.main-content .table-scroll-warppper[data-v-3f9273f6]{position:relative;z-index:1;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden}.main-content .table-scroll-warppper .scroll-content[data-v-3f9273f6]{z-index:1;background:#fff;border-radius:0 0 1.2rem 1.2rem}.main-content .table-scroll-warppper .scroll-content table[data-v-3f9273f6]{width:100%;border-collapse:separate;overflow:hidden;border-top:1px solid #e2e5e7;border-left:1px solid #e2e5e7;border-radius:0 0 1.2rem 1.2rem}.main-content .table-scroll-warppper .scroll-content table tbody td[data-v-3f9273f6]{text-align:center;font-size:1.4rem;padding:.8rem .9rem;border-bottom:1px solid #e2e5e7;border-right:1px solid #e2e5e7}.main-content .table-scroll-warppper .scroll-content table tbody tr:last-child td[data-v-3f9273f6]:last-child{border-radius:0 0 1.2rem 0}.main-content .item-disease[data-v-3f9273f6]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;font-size:1.3rem;color:#333;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.main-content .item-disease p[data-v-3f9273f6]{padding:.3rem}.main-content .table-tr[data-v-3f9273f6]{display:-webkit-box;display:-webkit-flex;display:flex}.main-content .table-tr .order[data-v-3f9273f6]{box-sizing:border-box;width:4rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.main-content .disease[data-v-3f9273f6],.main-content .table-tr .order[data-v-3f9273f6]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.main-content .disease[data-v-3f9273f6]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.main-content .disease-desc[data-v-3f9273f6]{line-height:1.6rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.main-content .search-empty[data-v-3f9273f6]{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:1.2rem}.main-content .search-empty img[data-v-3f9273f6]{width:20.9rem;padding-top:2rem}.main-content .search-empty .tip[data-v-3f9273f6]{font-size:1.6rem;font-weight:400;line-height:2.3rem;margin:0;color:#333}.main-content .search-empty .desc[data-v-3f9273f6]{font-size:1.2rem;font-weight:400;line-height:1.8rem;letter-spacing:0;color:#999;margin-top:.5rem}.main-content .loading[data-v-3f9273f6]{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}