@xysfe/actui/lib/GoldIntransitDialog/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}.intransit-dialog[data-v-ae0527d8]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1;width:290px;background-color:#fff;border-radius:8px}.intransit-dialog-close[data-v-ae0527d8]{display:block;position:absolute;top:0;right:0;padding:13px 13px 0 0}.intransit-dialog-close i[data-v-ae0527d8]{position:relative;display:block;width:12px;height:12px}.intransit-dialog-close i[data-v-ae0527d8]:after,.intransit-dialog-close i[data-v-ae0527d8]:before{position:absolute;content:"";width:12px;height:2px;background:#b3b3b3;top:4.28571px;border-radius:1px;left:1.71429px}.intransit-dialog-close i[data-v-ae0527d8]:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.intransit-dialog-close i[data-v-ae0527d8]:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.intransit-dialog-title[data-v-ae0527d8]{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:18px;line-height:26px;font-weight:700;color:#3c3c3c;text-align:center;padding:18px 17px 0;overflow:hidden}.intransit-dialog-content[data-v-ae0527d8]{margin-top:15px;padding:0 17px 15px;max-height:400px;overflow-y:auto}.intransit-dialog-text[data-v-ae0527d8]{font-size:15px;line-height:22px;color:#333;word-break:break-all}.intransit-dialog-tips[data-v-ae0527d8]{font-size:12px;color:#999;line-height:18px;margin-top:10px}.intransit-dialog-tips-icon[data-v-ae0527d8]{margin-right:2px}.intransit-dialog-title+.intransit-dialog-content[data-v-ae0527d8]{margin-top:10px}.intransit-dialog-orders[data-v-ae0527d8]{padding-top:10px}.intransit-dialog-item[data-v-ae0527d8]{background-color:#f7f8fc;border-radius:8px;padding:12px 14px}.intransit-dialog-item+.intransit-dialog-item[data-v-ae0527d8]{margin-top:6px}.intransit-dialog-itemhead[data-v-ae0527d8]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:2px 0 9px;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.intransit-dialog-itemhead .intransit-dialog-itemtitle[data-v-ae0527d8]{font-size:14px;color:#333;font-weight:700}.intransit-dialog-itemhead>a[data-v-ae0527d8]{font-size:13px}.intransit-dialog-showdata[data-v-ae0527d8]{font-size:14px;color:#666}.intransit-dialog-showdata>li[data-v-ae0527d8]{padding:3px 0}.intransit-dialog-link[data-v-ae0527d8]{display:block;font-size:13px;margin-top:10px;cursor:pointer}.intransit-dialog-btn[data-v-ae0527d8]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center;font-size:16px}.intransit-btn-item[data-v-ae0527d8]{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;border-top:1px solid #f9f9f9;padding:13px 0 15px;color:#999}.intransit-btn-item[data-v-ae0527d8]:nth-child(2n):before{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";display:block;width:1px;height:16px;background-color:#f5f5f5}.intransit-dialog-btn-right[data-v-ae0527d8]{color:#8c7fee}.intransit-dialog-action[data-v-ae0527d8]{margin:12px 0 14px;width:100%;padding:3px 12px;background:#f7f8fc;border-radius:3px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.intransit-dialog-action .code-dialog-input[data-v-ae0527d8]{font-size:15px;height:40px;background:#f7f8fc;line-height:40px;width:100%;margin-right:8px;border:none;color:#333;padding:0 5px}.intransit-dialog-action .code-dialog-sendBtn[data-v-ae0527d8]{font-size:12px;min-width:70px;text-align:center}.intransit-dialog-submitBtn[data-v-ae0527d8]{font-size:16px;color:#fff;background-color:#8c7fee;height:40px;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;border-radius:22px}