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

A fantastic mobile ui lib implement by Vue

.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!important}[data-v-3349a91e] .bscroll-indicator{background:rgba(0,0,0,.2)!important}.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}.gradual-color[data-v-4fc1cde1]{height:2.2rem;background:-webkit-linear-gradient(bottom,#f7f8fc,#fff);background:linear-gradient(0deg,#f7f8fc,#fff)}.dialog-body[data-v-4fc1cde1]{margin-top:-.8rem;padding:0 1.4rem;background:#f7f8fc}.dialog-body .reduce-tag[data-v-4fc1cde1]{display:inline-block;scale:.9;height:100%}.dialog-body .tips[data-v-4fc1cde1]{margin-bottom:.85rem}.dialog-body .tips .tip-title[data-v-4fc1cde1]{font-size:1.4rem;height:1.9rem;line-height:1.9rem;color:#333}.dialog-body .tips .tip-content[data-v-4fc1cde1]{font-size:1.2rem;height:2.2rem;line-height:2.2rem;margin-top:.2rem;color:#666}.dialog-body .tips .tip-content img[data-v-4fc1cde1]{margin-top:.7rem}.dialog-body .scroll-wrapper[data-v-4fc1cde1]{border-radius:1rem 1rem 0 0;border-top:.1rem solid #e2e5e7}.dialog-body .scroll-content[data-v-4fc1cde1]{height:60vh;content:"viewport-units-buggyfill; height: 60vh"}.dialog-body .scroll-content .act-gold-desc-header[data-v-4fc1cde1]{display:-webkit-box;display:-webkit-flex;display:flex;height:4rem;font-size:1.3rem;background:#f1f1f7;color:#333;border-radius:1rem 1rem 0 0;border:.1rem solid #e2e5e7;line-height:4rem;text-align:center;border-bottom:none;border-top:none}.dialog-body .scroll-content .act-gold-desc-header .header-item[data-v-4fc1cde1]:first-child{width:5rem;border-right:.05rem solid #e2e5e7}.dialog-body .scroll-content .act-gold-desc-header .header-item[data-v-4fc1cde1]:nth-child(2){width:9.8rem;border-right:.05rem solid #e2e5e7}.dialog-body .scroll-content .act-gold-desc-header .header-item[data-v-4fc1cde1]:nth-child(3){-webkit-box-flex:1;-webkit-flex:1;flex:1}.dialog-body .scroll-content .table-body[data-v-4fc1cde1]{font-size:1.2rem;color:#333;line-height:1.8rem;border-radius:0 0 1rem 1rem;border:.1rem solid #e2e5e7;background:#fff}.dialog-body .scroll-content .table-body .table-body-item[data-v-4fc1cde1]{display:-webkit-box;display:-webkit-flex;display:flex;border-bottom:.05rem solid #e2e5e7}.dialog-body .scroll-content .table-body .table-body-item[data-v-4fc1cde1]:last-child{border-radius:0 0 1rem 1rem;border-bottom:none}.dialog-body .scroll-content .table-body .table-body-item .table-header[data-v-4fc1cde1]{width:5rem;padding:0 .6rem;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-pack:center;-webkit-justify-content:center;justify-content:center;border-right:.05rem solid #e2e5e7;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.dialog-body .scroll-content .table-body .table-body-item .table-content[data-v-4fc1cde1]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item[data-v-4fc1cde1]{display:-webkit-box;display:-webkit-flex;display:flex;border-bottom:.05rem solid #e2e5e7}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item[data-v-4fc1cde1]:last-child{border-bottom:none}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item[data-v-4fc1cde1]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;min-height:4.5rem;padding:.7rem;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;border-right:.05rem solid #e2e5e7}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item.center-cell[data-v-4fc1cde1]{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item[data-v-4fc1cde1]:first-child{width:9.8rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child .tags[data-v-4fc1cde1]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child p[data-v-4fc1cde1]{margin-bottom:.3rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child li .li-wrapper[data-v-4fc1cde1]{margin-bottom:.5rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child li .li-wrapper .li-content[data-v-4fc1cde1]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child li .li-wrapper .li-content .li-bar[data-v-4fc1cde1]{width:.4rem;height:.4rem;background:#a0a0a0;border-radius:50%;margin-right:.55rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child li .li-wrapper .tags-supply[data-v-4fc1cde1]{margin-left:.95rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child .item-required[data-v-4fc1cde1]:after{content:"*";color:red}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item[data-v-4fc1cde1]:last-child{-webkit-box-flex:1;-webkit-flex:1;flex:1;border-right:none}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3[data-v-4fc1cde1]{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;line-height:1.8rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box[data-v-4fc1cde1]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box.deatil-type[data-v-4fc1cde1]{-webkit-line-clamp:999;line-clamp:999}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box .cell3-content .float-box[data-v-4fc1cde1]{width:0;float:right;clear:both}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box .cell3-content .fold-btn[data-v-4fc1cde1]{float:right;clear:both}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box .cell3-content .inline-block[data-v-4fc1cde1]{display:inline}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box .cell3-content .todo-tip[data-v-4fc1cde1]{color:#999}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box .cell3-content .todo-tip.long-todo-tip[data-v-4fc1cde1]{display:inline-block;margin-top:.8rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .unfold[data-v-4fc1cde1]{display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset}.dialog-body .scroll-content .margin-box[data-v-4fc1cde1]{height:4rem}.dialog-body .gold-tag[data-v-4fc1cde1]{display:inline-block;vertical-align:initial;padding:.1rem .2rem .05rem;font-size:.9rem;height:1.4rem;opacity:.6;text-align:center;line-height:1.25rem;border-radius:.2rem;color:#fff;margin-right:.3rem;margin-bottom:.2rem}.dialog-body .gold-tag[data-v-4fc1cde1]:last-child{margin-right:0}.dialog-body .gold-tag.gold-tag-forward[data-v-4fc1cde1]{background:-webkit-linear-gradient(right,#ff8a3e,#ffa911);background:linear-gradient(270deg,#ff8a3e,#ffa911);opacity:1;width:-webkit-max-content;width:max-content}.dialog-body .gold-tag.gold-tag-applicant[data-v-4fc1cde1]{background:#f04b4b}.dialog-body .gold-tag.gold-tag-insured[data-v-4fc1cde1]{background:#f0a34b}.dialog-body .gold-tag.gold-tag-agent[data-v-4fc1cde1]{background:#1358ff}.dialog-body .gold-tag.gold-tag-beneficiary[data-v-4fc1cde1]{background:#584bf0}.dialog-body .gold-tag.gold-tag-guarder[data-v-4fc1cde1]{background:#ff6f38}.dialog-body .required[data-v-4fc1cde1]{display:inline-block;width:.85rem;height:1.2rem}