UNPKG

@xysfe/actui

Version:

A fantastic mobile ui lib implement by Vue

1 lines 5 kB
.act-gold-popup-move-enter[data-v-b9b9c744]{-webkit-transform:translateY(100%);transform:translateY(100%)}.act-gold-popup-move-enter-active[data-v-b9b9c744]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-aml-box[data-v-b9b9c744]{position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto;padding-bottom:148.5px;z-index:100;background:-webkit-linear-gradient(bottom,#f9f9f9,#fff);background:linear-gradient(1turn,#f9f9f9,#fff)}.act-aml-hd[data-v-b9b9c744]{margin-bottom:28px;padding:26px 31.5px 0;color:#999;font-size:13px;line-height:18.5px}.act-aml-list-box[data-v-b9b9c744]{width:347px;margin:auto;background:#fff;padding:15.5px 17.5px 18.5px;border-radius:8px;box-shadow:0 3px 10px 0 hsla(0,0%,70%,.1)}.act-aml-tips[data-v-b9b9c744]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;color:#b3b3b3;margin-bottom:14px}.act-aml-tips[data-v-b9b9c744] .svg-icon{width:16px;height:16px}.act-aml-tips .title[data-v-b9b9c744]{margin-left:6px;font-size:14px;text-align:left;line-height:20px}.act-aml-btn-group[data-v-b9b9c744]{position:fixed;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;left:0;right:0;bottom:0;z-index:9;padding:18px 14px;line-height:23px;font-size:16px;font-weight:400;text-align:center;background:#fff}.act-aml-confirm-btn[data-v-b9b9c744]{-webkit-flex:1 1 200px;flex:1 1 200px;color:#fff;border-radius:5px}.act-aml-back-btn[data-v-b9b9c744],.act-aml-confirm-btn[data-v-b9b9c744]{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-box-flex:1;height:48px}.act-aml-back-btn[data-v-b9b9c744]{-webkit-flex:1 1 133px;flex:1 1 133px;border:1px solid #f5f5f5;background:#fff;color:#666;border-radius:5px;margin-right:14px}.act-title-tips[data-v-b9b9c744]{padding:14px 0}.act-title-tips .act-title[data-v-b9b9c744]{color:#333;font-size:16px}.act-title-tips .act-tips[data-v-b9b9c744]{color:#333;font-size:14px;padding:14px;margin-top:10px;border-radius:8px;background:-webkit-linear-gradient(left,rgba(254,214,71,.1),rgba(254,214,71,.08));background:linear-gradient(90deg,rgba(254,214,71,.1),rgba(254,214,71,.08))}.act-title-tips .act-tips .bank-id span[data-v-b9b9c744]{font-size:17px;font-weight:700}.act-title-tips .act-tips .tip[data-v-b9b9c744]{margin-top:6px;color:#b3b3b3}.act-title-tips .act-tips .tip img[data-v-b9b9c744]{vertical-align:middle;width:14px;height:14px}.act-title-tips .act-tips .tip span[data-v-b9b9c744]{vertical-align:middle}.act-aml-relation[data-v-b9b9c744]{width:347px;margin:20px auto;background:#fff;padding:15.5px 17.5px 18.5px;border-radius:8px;box-shadow:0 3px 10px 0 hsla(0,0%,70%,.1)}.act-aml-relation .act-aml-relation-title[data-v-b9b9c744]{color:#333;font-size:16px}.act-aml-relation .act-aml-relation-tip[data-v-b9b9c744]{margin:12px 0;color:#666;font-size:14px}.act-aml-relation .act-aml-relation-upload[data-v-b9b9c744]{margin-top:10px}.act-aml-relation .act-aml-relation-upload .relation-upload-list[data-v-b9b9c744]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.act-aml-relation .act-aml-relation-upload .relation-upload-list li[data-v-b9b9c744]{width:76px;height:76px;-webkit-flex-shrink:0;flex-shrink:0;border-radius:8px;margin-right:8px;margin-bottom:8px}.act-aml-relation .act-aml-relation-upload .relation-upload-list li[data-v-b9b9c744] :nth-child(4){margin-right:0}.act-aml-relation .act-aml-relation-upload .relation-upload-list .relation-upload-item[data-v-b9b9c744]{overflow:hidden;position:relative;border:1px solid #f5f5f5}.act-aml-relation .act-aml-relation-upload .relation-upload-list .relation-upload-item img[data-v-b9b9c744]{width:100%}.act-aml-relation .act-aml-relation-upload .relation-upload-list .relation-upload-item .relation-upload-delete[data-v-b9b9c744]{position:absolute;top:0;right:0;width:22px;height:18px;line-height:18px;text-align:center;background-color:rgba(0,0,0,.5);border-radius:0 8px 0 8px;color:#fff;font-size:16px}.act-aml-relation .act-aml-relation-upload .relation-upload-list .relation-upload-add[data-v-b9b9c744]{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;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#f4f5f9;color:#999;font-size:12px}.act-aml-relation .act-aml-relation-upload .relation-upload-list .relation-upload-add img[data-v-b9b9c744]{width:30px;height:22px}.act-aml-relation .act-aml-relation-upload .relation-upload-list .relation-upload-add p[data-v-b9b9c744]{margin-top:8px}