@xysfe/actui/es/GoldNoticeTerms/style.css

A fantastic mobile ui lib implement by Vue

.scroll-zoom[data-v-1759e426]{height:500px;position:relative;overflow:hidden;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-user-select:none;user-select:none}.act-gold-icon-close[data-v-1759e426]{z-index:1;margin:12px;background-repeat:no-repeat;position:absolute;top:0;right:0;display:block;width:20px;height:20px}.act-gold-icon-close[data-v-1759e426]:after,.act-gold-icon-close[data-v-1759e426]:before{position:absolute;content:"";width:16px;height:2px;background:#b3b3b3;top:9px;left:2.5px}.act-gold-icon-close[data-v-1759e426]:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.act-gold-icon-close[data-v-1759e426]:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.footer-place[data-v-1759e426]{position:relative}.btn-wrap[data-v-1759e426]{position:absolute;width:100%;left:0;bottom:0;display:-webkit-box;display:-webkit-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background:#fff;padding:0 14px 10px;display:flex}.btn-wrap[data-v-1759e426]: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}.btn-wrap .confirm-btn[data-v-1759e426]{height:48px;font-size:16px;text-align:center;color:#fff;font-weight:500;border-radius:5px;line-height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-flex:1;-webkit-flex:1;flex:1}.pending-tap-confirm[data-v-1759e426]{opacity:.5}.act-gold-tab[data-v-cc69b678]{padding:0;margin:0;width:100%;height:40px;background-color:#fff;position:relative;border-bottom:1px solid #f5f5f5}.act-gold-tab .disabled-select[data-v-cc69b678]{opacity:.6;touch-action:none}.act-gold-tab .cover_layer[data-v-cc69b678]{position:absolute;top:0;width:36px;height:40px;opacity:1}.act-gold-tab .right[data-v-cc69b678]{right:0;background:-webkit-linear-gradient(right,#fff,hsla(0,0%,100%,0));background:linear-gradient(270deg,#fff,hsla(0,0%,100%,0))}.act-gold-tab[data-v-cc69b678] .scroll-wrapper{width:100%;white-space:nowrap;overflow:hidden}.act-gold-tab[data-v-cc69b678] .scroll-wrapper .scroll-content{width:unset;display:inline-block;position:relative}.act-gold-tab[data-v-cc69b678] .scroll-wrapper .scroll-content .act-gold-tab-item{display:inline-block;color:#666;font-size:14px;height:40px;line-height:40px;text-align:center;padding:0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.act-gold-tab[data-v-cc69b678] .scroll-wrapper .scroll-content .act-gold-tab-item.active{font-size:16px;color:#333}.act-gold-tab[data-v-cc69b678] .scroll-wrapper .scroll-content .active_bar{z-index:1;position:absolute;bottom:3px;width:22px;height:3px;opacity:1;border-radius:3px;transition:left .1s;-webkit-transition:left .1s;-moz-transition:left .1s;-o-transition:left .1s}.act-noticeterms-protocol[data-v-6ec7730e]{padding-top:8px;color:#b3b3b3;font-size:11px;line-height:16px}.act-noticeterm-health[data-v-0c3fe8e6]{padding-bottom:20px}.act-noticeterm-health .act-health-tips[data-v-0c3fe8e6]{margin:16px 14px 26px;padding:10px 11px;line-height:20px;font-size:12.5px;color:#666;background:rgba(166,157,255,.1);border-radius:8px;box-sizing:border-box;overflow:hidden}.act-noticeterm-health .act-health-tips span[data-v-0c3fe8e6]{display:block;float:left;width:34px;height:16px;line-height:16px;text-align:center;font-size:11px;color:#86540c;background:-webkit-gradient(linear,left top,right top,from(#ffb52e),to(#fed647));background:-webkit-linear-gradient(left,#ffb52e,#fed647);background:linear-gradient(90deg,#ffb52e,#fed647);border-radius:3px;margin-right:6px}.act-noticeterm-health .act-pbInform[data-v-0c3fe8e6]{-webkit-tap-highlight-color:transparent;-webkit-transform:translateZ(0);transform:translateZ(0)}.act-noticeterm-health .act-pbInform-tit[data-v-0c3fe8e6]{font-size:15px;color:#323232;text-align:center;padding:23.4px 15px 16.38px}.act-noticeterm-health .act-pbInform-txt[data-v-0c3fe8e6]{font-size:14px;color:#666;padding:0 14px 7.02px}.act-noticeterm-health .act-pbInform-cnt[data-v-0c3fe8e6]{font-size:13px;color:#666;padding:0 14px}.act-noticeterm-health .option-btns[data-v-0c3fe8e6]{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;padding-right:1.3rem;margin-top:2.5rem;margin-bottom:3rem}.act-noticeterm-health .option-btns .opt-btn[data-v-0c3fe8e6],.act-noticeterm-health .option-btns[data-v-0c3fe8e6]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.act-noticeterm-health .option-btns .opt-btn[data-v-0c3fe8e6]{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:1.3rem;height:2.6rem;line-height:2.7rem;padding:0 .8rem;min-width:6rem;margin-left:1.2rem;border-radius:.3rem;color:#666;background:#f5f5f5}.act-noticeterm-health .option-btns .opt-btn-active[data-v-0c3fe8e6]{color:#fff;background:#86540c}.act-noticeterm-health .act-notice-item[data-v-0c3fe8e6]{margin-bottom:2.34px;min-height:15px;line-height:1.5}.act-noticeterm-health .act-notice-item[data-v-0c3fe8e6] a{text-decoration:underline;color:inherit}.act-noticeterm-health .act-pbInform-item[data-v-0c3fe8e6]{padding:0 8.19px}.act-noticeterm-health .act-pbInform-li[data-v-0c3fe8e6]{padding:4.68px 8.19px;box-sizing:border-box;width:33.33%}.act-noticeterm-health .act-pbInform-li-txt[data-v-0c3fe8e6]{line-height:1.3;font-size:11.7px;color:#666;min-height:32.76px;border:1.17px solid #dcdcdc;border-radius:3.51px;text-align:center;padding:0 8.19px;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}.act-noticeterm-health .act-pbInform-tips[data-v-0c3fe8e6]{padding:0 8.19px}.act-noticeterm-health .act-pbInform-tips-item[data-v-0c3fe8e6]{display:none;position:relative;font-size:13px;color:#333;background-color:#eee;height:0}.act-noticeterm-health .act-pbInform-tips-item.active[data-v-0c3fe8e6]{display:block;height:100%;padding:14px;margin:13px 0}.act-noticeterm-health .act-pbInform-tips-item[data-v-0c3fe8e6]:first-child::after{content:"";position:absolute;left:12%;top:-9.36px;width:0;height:0;border-style:solid;border-width:0 10.53px 10.53px;border-color:transparent;border-bottom-color:#eee}.act-noticeterm-health .act-pbInform-tips-item[data-v-0c3fe8e6]:nth-child(2):after{content:"";position:absolute;left:46%;top:-9.36px;width:0;height:0;border-style:solid;border-width:0 10.53px 10.53px;border-color:transparent;border-bottom-color:#eee}.act-noticeterm-health .act-pbInform-tips-item[data-v-0c3fe8e6]:nth-child(3):after{content:"";position:absolute;left:81%;top:-9.36px;width:0;height:0;border-style:solid;border-width:0 10.53px 10.53px;border-color:transparent;border-bottom-color:#eee}.act-noticeterm-health .act-pbInform-tips-txt[data-v-0c3fe8e6]{height:100%;line-height:1.5;overflow:hidden}.act-noticeterm-health .act-pbInform-list[data-v-0c3fe8e6]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}