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

A fantastic mobile ui lib implement by Vue

.act-quan-con[data-v-7d1598a9]{padding:1em 0 1.8em;text-align:center}.act-quan-con .act-quan-title[data-v-7d1598a9]{color:#fff;font-weight:700;font-size:1.8em}.act-quan-con .act-quan-tit-desc[data-v-7d1598a9]{color:#fff;font-weight:700;font-size:2em}.act-quan-con .act-quan-con-form[data-v-7d1598a9]{margin:0 auto;margin-top:1em;width:87.76%}.act-quan-con .act-quan-con-form .act-quan-data[data-v-7d1598a9]{position:relative;width:100%;padding-bottom:33%}.act-quan-con .act-quan-con-form .act-quan-data .act-quan-data-container[data-v-7d1598a9]{position:absolute;width:100%;height:90%;background-repeat:no-repeat;background-size:100% 100%;background-position:50%;overflow:hidden}.act-quan-con .act-quan-con-form .act-quan-data .act-quan-label[data-v-7d1598a9]{position:absolute;left:-6%;top:13%;width:10%;height:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);color:#fbecd9;line-height:1.8em;border-width:0 1.8em 1.8em;box-sizing:content-box;border-style:none solid solid;border-color:transparent transparent #ff7430}.act-quan-con .act-quan-con-form .act-quan-data .act-quan-label span[data-v-7d1598a9]{font-size:.9em}.act-quan-con .act-quan-con-form .act-quan-data .act-quan-left[data-v-7d1598a9]{width:34%;line-height:1;color:#ee614a}.act-quan-con .act-quan-con-form .act-quan-data .act-quan-left .act-quan-money[data-v-7d1598a9]{font-weight:700;font-size:2.8em;vertical-align:-2px}.act-quan-con .act-quan-con-form .act-quan-data .act-quan-left .act-quan-unit[data-v-7d1598a9]{font-size:1.1em}.act-quan-con .act-quan-con-form .act-quan-data .act-quan-right[data-v-7d1598a9]{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-left:4%;padding-right:3%;text-align:left}.act-quan-con .act-quan-con-form .act-quan-data .act-quan-right .act-quan-name[data-v-7d1598a9]{color:#b37321;font-size:1.6em;line-height:1.4em}.act-quan-con .act-quan-con-form .act-quan-data .act-quan-right .act-quan-desc[data-v-7d1598a9]{display:inline-block;padding:0 1.2em;height:1.4em;line-height:1.4em;color:#b37321;border-radius:.7em;border:1px solid #b37321}.act-quan-con .act-quan-con-form .act-quan-data .act-quan-right .act-quan-desc span[data-v-7d1598a9]{font-size:1em}.act-quan-con .act-quan-con-form .act-quan-box[data-v-7d1598a9]{position:relative;box-sizing:border-box;width:100%;overflow:hidden}.act-quan-con .act-quan-con-form .act-quan-box .act-coupon-more[data-v-7d1598a9]{position:absolute;color:#fff;bottom:0;left:0;right:0;width:100%;height:3em;line-height:3em}.act-quan-con .act-quan-con-form .act-quan-box .act-coupon-more span[data-v-7d1598a9]{font-size:1.2em}.act-quan-con .act-quan-con-form .act-quan-tips[data-v-7d1598a9]{text-align:left;margin-top:.5em;word-break:break-all}.act-quan-con .act-quan-con-form .act-quan-tips span[data-v-7d1598a9]{font-size:1.3em}.act-quan-con .act-quan-con-form .more-enter-active[data-v-7d1598a9]{-webkit-animation:show-data-v-7d1598a9 .3s;animation:show-data-v-7d1598a9 .3s}.act-quan-con .act-quan-con-form .more-leave-active[data-v-7d1598a9]{animation:show-data-v-7d1598a9 .3s reverse}@-webkit-keyframes show-data-v-7d1598a9{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes show-data-v-7d1598a9{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.act-quan-con .act-quan-con-form .act-quan-con-btn[data-v-7d1598a9]{padding:0 24%;margin-top:1em}