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

A fantastic mobile ui lib implement by Vue

.act-rule-more[data-v-bf4259ec],.act-rule-title[data-v-bf4259ec]{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}.act-rule-more span[data-v-bf4259ec],.act-rule-title span[data-v-bf4259ec]{font-size:1.8em}.act-rule-title[data-v-bf4259ec]{padding-top:1.2em}.act-rule-more[data-v-bf4259ec]{height:10%;position:absolute;bottom:0;left:0;right:0;font-size:1.2em;color:#666;z-index:1}.act-rule-more span[data-v-bf4259ec]{position:relative;color:#969696;font-size:1.2em}.act-rule-wrap[data-v-bf4259ec]{position:relative;overflow:hidden;z-index:10;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.act-rule-wrap .act-rule-container[data-v-bf4259ec]{height:100%;line-height:1.8em;box-sizing:border-box;border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:hidden;padding:0 1.5em;word-break:break-word;letter-spacing:1px}.act-rule-wrap .act-rule-container p[data-v-bf4259ec]{margin:0;padding:0}.act-rule-wrap .act-rule-container>div[data-v-bf4259ec]{padding-bottom:1.5em}.act-rule-wrap .act-rule-container .rule-item[data-v-bf4259ec]{font-size:1.4em}.act-rule-wrap .act-rule-container[data-v-bf4259ec] img{display:block;max-width:100%;max-height:100%}.more-enter-active[data-v-bf4259ec]{-webkit-animation:show-data-v-bf4259ec .3s;animation:show-data-v-bf4259ec .3s}.more-leave-active[data-v-bf4259ec]{animation:show-data-v-bf4259ec .3s reverse}@-webkit-keyframes show-data-v-bf4259ec{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes show-data-v-bf4259ec{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}