@xysfe/actui
Version:
A fantastic mobile ui lib implement by Vue
1 lines • 18.7 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}[data-v-3349a91e] .bscroll-vertical-scrollbar{width:5px}[data-v-3349a91e] .bscroll-indicator{background:rgba(0,0,0,.2)}.scroll-wrapper[data-v-3349a91e]{position:relative;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.scroll-wrapper .scroll-content[data-v-3349a91e]{width:100%;position:relative;z-index:1}.scroll-wrapper[data-v-3d7beb70]{position:relative;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.scroll-wrapper[data-v-3d7beb70] .bscroll-vertical-scrollbar{width:5px}.scroll-wrapper[data-v-3d7beb70] .bscroll-indicator{background:rgba(0,0,0,.2)}.scroll-wrapper .scroll-list[data-v-3d7beb70]{background-color:#525659}.scroll-wrapper .scroll-list>li[data-v-3d7beb70]{position:relative;background-color:#fff;margin-top:1rem}.scroll-wrapper .scroll-list>li[data-v-3d7beb70]:first-child{margin-top:0}.scroll-wrapper .scroll-list>li>img[data-v-3d7beb70]{width:100%}.scroll-wrapper .scroll-text[data-v-3d7beb70]{padding:0 1.4rem}.scroll-wrapper .scroll-content[data-v-3d7beb70]{position:relative;z-index:1;display:inline-block;width:100%}.scroll-wrapper .pulldown-wrapper[data-v-3d7beb70]{position:absolute;width:100%;left:0;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;-webkit-transition:all;transition:all}.scroll-wrapper .pulldown-wrapper>.after-trigger[data-v-3d7beb70]{margin-top:10px}.scroll-wrapper .pullup-wrapper[data-v-3d7beb70]{width:100%;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;padding:16px 0}.scroll-wrapper.scroll-pdf[data-v-3d7beb70]{width:200%;height:200%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scale(.5);transform:scale(.5);padding:0}.scroll-wrapper.scroll-pdf[data-v-3d7beb70] .bscroll-vertical-scrollbar{width:10px}.scroll-zoom[data-v-7815a36d]{height:390px;position:relative;overflow:hidden;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-user-select:none;user-select:none}.act-gold-conclusion-container[data-v-7815a36d]{overflow:hidden}.act-conclusion-layer[data-v-7815a36d]{padding-bottom:60px}.act-conclusion-nav[data-v-7815a36d]{width:100%;height:50px;background-color:#f9f9f9;z-index:10}.act-conclusion-nav[data-v-7815a36d] .scroll-wrapper{width:100%;white-space:nowrap;overflow:hidden}.act-conclusion-nav[data-v-7815a36d] .scroll-wrapper .scroll-content{width:unset;display:inline-block}.act-conclusion-nav .act-conclusion-nav-item[data-v-7815a36d]{display:inline-block;padding:0 10px;position:relative;line-height:50px;font-size:15px;color:#999;text-align:center}.act-conclusion-nav .act-conclusion-nav-item[data-v-7815a36d]:not(:last-of-type):before{position:absolute;top:50%;right:0;width:1px;height:25px;margin-top:-12.5px;background-color:#e2e5e7;content:""}.act-conclusion-nav .act-conclusion-nav-item>i[data-v-7815a36d]{position:absolute;display:block;left:50%;bottom:0;width:35px;height:2px;margin-left:-17.5px}.act-conclusion-nav .act-conclusion-nav-item.active[data-v-7815a36d]{color:#8c7fee}.act-conclusion-nav .act-conclusion-nav-item.active i[data-v-7815a36d]{background-color:#8c7fee}.act-conclusion-nav.flex-content[data-v-7815a36d] .scroll-wrapper .scroll-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.act-conclusion-nav.flex-content[data-v-7815a36d] .scroll-wrapper .scroll-content .act-conclusion-nav-item{-webkit-box-flex:1;-webkit-flex:1;flex:1}.act-conclusion-container[data-v-7815a36d] h1,.act-conclusion-container[data-v-7815a36d] h2,.act-conclusion-container[data-v-7815a36d] h3,.act-conclusion-container[data-v-7815a36d] p{margin:0}.act-gold-conclusion[data-v-7815a36d]{overflow:hidden}.readterms-btns[data-v-7815a36d]{position:absolute;width:100%;left:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;background:#fff;padding:0 14px 18px}.readterms-btns[data-v-7815a36d]:before{content:" ";width:100%;height:40px;background:-webkit-linear-gradient(top,hsla(0,0%,100%,0),#fff);background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);position:absolute;top:-40px;left:0}.readterms-btns .item[data-v-7815a36d]{width:133px;height:48px;line-height:48px;font-size:16px;text-align:center;color:#999;font-weight:500;border:1px solid #f5f5f5;border-radius:5px}.readterms-btns .item+.item[data-v-7815a36d]{width:200px;color:#fff;border:none}.readterms-btns .know_btn[data-v-7815a36d]{width:100%;color:#666;border:1px solid #ddd}.readterms-btns .next-btn[data-v-7815a36d]{width:100%;height:48px;line-height:48px;font-size:16px;text-align:center;font-weight:500;color:#fff;border-radius:5px}.gold-dialog-confirm[data-v-7815a36d]{font-size:14px}.act-conclusion-container[data-v-8566117e]{background:#f5f5f5}.scroll-wrapper[data-v-8566117e]{position:relative;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.scroll-wrapper .scroll-list[data-v-8566117e]{background-color:#525659}.scroll-wrapper .scroll-list>li[data-v-8566117e]{position:relative;background-color:#fff;margin-top:10px}.scroll-wrapper .scroll-list>li[data-v-8566117e]:first-child{margin-top:0}.scroll-wrapper .scroll-list>li>img[data-v-8566117e]{width:100%}.scroll-wrapper .scroll-text[data-v-8566117e]{padding:0 14px}.act-loading[data-v-8566117e]{position:absolute;width:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.conclusion_intel_check_container[data-v-82320fda]{font-size:14px;padding:27px 14px;margin-bottom:10px}.conclusion_intel_check_container .conclusion[data-v-82320fda]{background:#fff;border-radius:8px;padding:12px 14px 14px;margin-bottom:16px}.conclusion_intel_check_container .conclusion .consult_text[data-v-82320fda]{font-size:18px;line-height:26px;font-weight:700}.conclusion_intel_check_container .conclusion .consult_desc[data-v-82320fda]{padding-top:4px;color:#999;line-height:20px;font-size:14px}.conclusion_intel_check_container .conclusion .selectDisease-wrap[data-v-82320fda]{padding-top:16px}.conclusion_intel_check_container .conclusion .selectDisease-wrap .tit[data-v-82320fda]{color:#666;line-height:23px;font-size:16px}.conclusion_intel_check_container .conclusion .selectDisease-wrap .selectDisease[data-v-82320fda]{margin-top:6px;background:#f5f5f5;border-radius:8px;padding:12px;font-size:14px;font-weight:700;color:#666;line-height:20px}.conclusion_intel_check_container .diseases[data-v-82320fda]{margin-bottom:16px}.conclusion_intel_check_container .diseases .hd[data-v-82320fda]{color:#333;line-height:24px;font-size:17px}.conclusion_intel_check_container .diseases .disease[data-v-82320fda]{margin-top:15px;padding:14px;background:#fff;border-radius:8px}.conclusion_intel_check_container .diseases .disease .disease-tit[data-v-82320fda]{font-size:14px;font-weight:700;color:#333;line-height:20px}.conclusion_intel_check_container .diseases .disease .disease-desc-wrap[data-v-82320fda]{background:#f5f5f5;border-radius:8px;padding:12px;margin-top:3px;line-height:18px;font-size:13px}.conclusion_intel_check_container .diseases .disease .disease-desc-wrap .disease-desc-tit[data-v-82320fda]{color:#333;font-weight:500}.conclusion_intel_check_container .diseases .disease .disease-desc-wrap .disease-desc[data-v-82320fda]{color:#666}.conclusion_intel_check_container .diseases .disease .question_list .question_item[data-v-82320fda]{padding:14px 0}.conclusion_intel_check_container .diseases .disease .question_list .question_item[data-v-82320fda]:last-of-type{padding-bottom:0}.conclusion_intel_check_container .diseases .disease .question_list .question_item p[data-v-82320fda]{display:-webkit-box;display:-webkit-flex;display:flex;line-height:16px}.conclusion_intel_check_container .diseases .disease .question_list .question_item p .icon[data-v-82320fda]{width:16px;height:100%;text-align:center;font-size:12px;border-radius:2px;color:#fff;font-weight:700;margin-right:6px}.conclusion_intel_check_container .diseases .disease .question_list .question_item p .icon span[data-v-82320fda]{display:inline-block;-webkit-transform:scale(.83333);transform:scale(.83333)}.conclusion_intel_check_container .diseases .disease .question_list .question_item p .content[data-v-82320fda]{color:#666;font-size:14px;-webkit-box-flex:1;-webkit-flex:1;flex:1}.conclusion_intel_check_container .diseases .disease .question_list .question_item p+p[data-v-82320fda]{padding-top:14px}.conclusion_intel_check_container .diseases .disease .question_list .question_item+.question_item[data-v-82320fda]{border-top:1px solid #f5f5f5}.section[data-v-fb1cedde]{margin-bottom:18px}.section .tit[data-v-fb1cedde]{color:#666;line-height:23px;font-size:16px;margin-bottom:12px}.section .infor[data-v-fb1cedde]{background:#fff;padding:14px;border-radius:8px;box-shadow:0 -1px 5px 0 hsla(0,0%,70%,.06),0 3px 10px 0 hsla(0,0%,70%,.1)}.section .infor .infor-section[data-v-fb1cedde]{border-bottom:1px solid #f5f5f5;padding:14px 0;font-size:14px;line-height:20px;color:#999}.section .infor .infor-section[data-v-fb1cedde]:first-child{padding-top:0}.section .infor .infor-section[data-v-fb1cedde]:last-child{border-bottom:none;padding-bottom:0}.section .infor .element-control[data-v-fb1cedde]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.section .infor .element-control .element-lable[data-v-fb1cedde]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;word-break:break-all;max-width:140px;margin-right:20px}.section .infor .element-control .element-info[data-v-fb1cedde]{text-align:right;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;overflow:hidden}.section .infor .element-control .element-info p[data-v-fb1cedde]{word-break:break-word;width:100%}.section .infor .element-control+.element-control[data-v-fb1cedde]{margin-top:8px}.section .infor .sub-title[data-v-fb1cedde]{color:#666;font-size:16px;line-height:23px;margin:6px 0}.section .infor .picture[data-v-fb1cedde]{padding:0}.conclusion_human_check_container[data-v-7c7a24c8]{padding:27px 14px;margin-bottom:10px}.status[data-v-a3e142da]{margin-bottom:26px;background:#fff;border-radius:8px;padding:12px 14px 14px}.status .tit[data-v-a3e142da]{color:#666;font-size:16px;line-height:23px}.status .conclusion[data-v-a3e142da]{line-height:26px;font-weight:700;font-size:18px;margin-bottom:2px}.status .desc[data-v-a3e142da]{color:#999;font-size:14px;line-height:20px}.section[data-v-54979d0e]{margin-bottom:18px}.section .tit[data-v-54979d0e]{color:#666;line-height:23px;font-size:16px;margin-bottom:12px}.section .content[data-v-54979d0e]{padding:14px;background:#fff;border-radius:8px;box-shadow:0 -1px 5px 0 hsla(0,0%,70%,.06),0 3px 10px 0 hsla(0,0%,70%,.1)}.section[data-v-6b69680d]{margin-bottom:18px}.section .tit[data-v-6b69680d]{color:#666;line-height:23px;font-size:16px;margin-bottom:12px}.section .infor[data-v-6b69680d]{background:#fff;padding:14px;border-radius:8px;box-shadow:0 -1px 5px 0 hsla(0,0%,70%,.06),0 3px 10px 0 hsla(0,0%,70%,.1)}.section .infor .infor-section[data-v-6b69680d]{border-bottom:1px solid #f5f5f5;padding:14px 0;font-size:14px;line-height:20px;color:#999}.section .infor .infor-section[data-v-6b69680d]:first-child{padding-top:0}.section .infor .infor-section[data-v-6b69680d]:last-child{border-bottom:none;padding-bottom:0}.section .infor .element-control[data-v-6b69680d]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.section .infor .element-control .element-lable[data-v-6b69680d]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;word-break:break-all;max-width:140px;margin-right:20px}.section .infor .element-control .element-info[data-v-6b69680d]{text-align:right;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;overflow:hidden}.section .infor .element-control .element-info p[data-v-6b69680d]{word-break:break-word;width:100%}.section .infor .element-control+.element-control[data-v-6b69680d]{margin-top:8px}.section .infor .sub-title[data-v-6b69680d]{color:#666;font-size:16px;line-height:23px;margin-bottom:6px}.section[data-v-007e46a6]{margin-bottom:18px}.section .tit[data-v-007e46a6]{color:#666;line-height:23px;font-size:16px;margin-bottom:12px}.section .infor[data-v-007e46a6]{background:#fff;padding:12px;border-radius:8px;box-shadow:0 -1px 5px 0 hsla(0,0%,70%,.06),0 3px 10px 0 hsla(0,0%,70%,.1)}.section .infor .infor-section[data-v-007e46a6]{border-bottom:1px solid #f5f5f5;padding:14px 0;font-size:14px;line-height:20px;color:#999}.section .infor .infor-section[data-v-007e46a6]:first-child{padding-top:0}.section .infor .infor-section[data-v-007e46a6]:last-child{border-bottom:none;padding-bottom:0}.section .sub-title[data-v-007e46a6]{color:#666;font-size:16px;line-height:23px;margin-bottom:6px}.section .picture[data-v-007e46a6]{padding:0}.act-conclusion-nav-wrap[data-v-13d8bf44]{padding-left:14px;padding-right:14px;position:relative}.act-conclusion-nav-wrap[data-v-13d8bf44]:before{content:"";height:40px;position:absolute;bottom:-40px;left:0;width:100%;background:-webkit-linear-gradient(top,#fff,hsla(0,0%,100%,0));background:linear-gradient(180deg,#fff,hsla(0,0%,100%,0));z-index:2}.act-conclusion-nav[data-v-13d8bf44]{width:100%;height:40px;z-index:10}.act-conclusion-nav[data-v-13d8bf44] .scroll-wrapper{width:100%;white-space:nowrap;overflow:hidden}.act-conclusion-nav[data-v-13d8bf44] .scroll-wrapper .scroll-content{width:unset;display:inline-block}.act-conclusion-nav .act-conclusion-nav-item[data-v-13d8bf44]{display:inline-block;padding:0 10px;position:relative;line-height:40px;font-size:14px;color:#666;text-align:center}.act-conclusion-nav .act-conclusion-nav-item>i[data-v-13d8bf44]{position:absolute;display:block;left:50%;bottom:0;width:22px;height:3px;border-radius:3px;margin-left:-11px}.act-conclusion-nav .act-conclusion-nav-item.active[data-v-13d8bf44]{color:#333;font-weight:700;font-size:16px}.act-conclusion-nav .act-conclusion-nav-item.active i[data-v-13d8bf44]{background-color:#8c7fee}.act-conclusion-nav.flex-content[data-v-13d8bf44] .scroll-wrapper .scroll-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.act-conclusion-nav.flex-content[data-v-13d8bf44] .scroll-wrapper .scroll-content .act-conclusion-nav-item{-webkit-box-flex:1;-webkit-flex:1;flex:1}