@xysfe/actui/lib/PrizeLayer/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}[data-v-a275e3e0]{-webkit-tap-highlight-color:transparent}.act-layer[data-v-a275e3e0]{max-width:60em;width:86%;z-index:99;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;line-height:1}.act-layer .layer-wrap[data-v-a275e3e0]{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.act-layer .head-img[data-v-a275e3e0]{border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden}.act-layer .head-img img[data-v-a275e3e0]{display:block;width:100%}.act-layer-header[data-v-a275e3e0]{position:relative;margin-bottom:1.4em;z-index:2}.act-layer-header[data-v-a275e3e0]:after{content:"";position:absolute;bottom:-1.4em;left:-10%;right:-10%;height:5.6em;border-radius:0 0 50% 50%;background-color:currentColor;z-index:-1}.act-layer-slim .act-layer-header[data-v-a275e3e0]{margin-bottom:0;padding-top:1.5em;background-color:initial!important}.act-layer-slim .act-layer-header[data-v-a275e3e0]:after{top:0;left:-12%;right:-12%;height:1.5em}.act-layer-content[data-v-a275e3e0]{border-bottom-left-radius:8px;border-bottom-right-radius:8px;position:relative;z-index:1}.act-layer-content.fix-gap[data-v-a275e3e0]:before{content:"";position:absolute;width:100%;background-color:inherit;height:2px;top:-1px}.act-layer-close[data-v-a275e3e0]{width:100%;margin-top:2em}.act-layer-close img[data-v-a275e3e0]{display:block;margin:0 auto;width:3.5em;height:3.5em;pointer-events:auto!important}.svg-icon[data-v-94daa448]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.act-button[data-v-44b52f03]{display:inline-block;line-height:1;box-sizing:border-box;text-align:center;width:100%;white-space:nowrap;padding:1.15em 0;border-radius:.5em;background:-webkit-linear-gradient(bottom,#c53530,#f9433d);background:linear-gradient(0deg,#c53530,#f9433d)}.act-button span[data-v-44b52f03]{font-size:1.6em;color:#fff}.act-button.act-button--finish[data-v-44b52f03]{color:gray;border:1px solid #bfbfbf;background:-webkit-linear-gradient(top,#e6e6e6,#d2d2d2 65%,#bebebe);background:linear-gradient(180deg,#e6e6e6,#d2d2d2 65%,#bebebe)}.act-button.act-button--finish span[data-v-44b52f03]{color:gray}.act-button.act-button--glod[data-v-44b52f03]{color:gray;box-shadow:0 .4em 1em rgba(0,0,0,.2);background:-webkit-linear-gradient(bottom,#e8bb8b,#fde5cb);background:linear-gradient(0deg,#e8bb8b,#fde5cb)}.act-button.act-button--glod span[data-v-44b52f03]{color:#9b5b14}.act-given-content-formicon[data-v-74871045]{color:#c8c8c8}.act-given-content-formicon.user[data-v-74871045]{margin:0 .65em 0 0;font-size:1.9em}.act-given-content-formicon.idcard[data-v-74871045],.act-given-content-formicon.mobile[data-v-74871045]{margin:0 .5em 0 0;font-size:2.1em}.act-given-content-formicon.address[data-v-74871045]{margin:0 .55em 0 0;font-size:2.05em}.act-mobile-word[data-v-74871045]{position:relative;color:#f9433d;font-size:1.4em;z-index:1}.act-input[data-v-77b8ac09]{padding:0 0 1.75em}.act-input .act-input-box[data-v-77b8ac09]{position:relative;box-sizing:border-box;width:100%;padding:.9em .9em .9em 1.1em;border-radius:5px;border:1px solid #f5f5f5;background-color:#fafafa}.act-input .act-input-box .act-input-content[data-v-77b8ac09]{position:relative}.act-input .act-input-box .act-input-content .act-input-wrap[data-v-77b8ac09]{box-sizing:border-box;width:100%;height:2.1em}.act-input .act-input-box .act-input-content .act-input-wrap input[data-v-77b8ac09]{width:100%;height:100%;padding:0;margin:0;outline:none;border:none;-webkit-appearance:none;font-size:1.5em;color:#000;background-color:#fafafa}.act-input .act-input-box .act-input-content .act-input-wrap input.paddingR[data-v-77b8ac09]{padding:0 2.2em 0 0}.act-input .act-input-box .act-input-content .act-input-wrap input[data-v-77b8ac09]::-webkit-input-placeholder{color:#c8c8c8}.act-input .act-input-box .act-input-content .act-input-wrap input[data-v-77b8ac09]::placeholder{color:#c8c8c8}.act-input .act-input-box .act-input-content .act-input-wrap input.disabled[data-v-77b8ac09]{cursor:not-allowed;color:#c0c4cc}.act-input .act-input-box .act-input-content .act-input-wrap input[data-v-77b8ac09]:focus{border-color:#409eff}.act-input .act-input-box .act-input-content .act-input-wrap input[data-v-77b8ac09]:hover{border-color:#c0c4cc}.act-input .act-input-box .act-input-content .act-input-wrap input.shake[data-v-77b8ac09]{-webkit-animation:shake-data-v-77b8ac09 .3s linear 0s 3;animation:shake-data-v-77b8ac09 .3s linear 0s 3}.act-input .act-input-box .act-input-content .act-input-del[data-v-77b8ac09]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:.5em;font-size:2.1em;color:#bababa;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.act-input .act-input-box .act-input-content .act-input-del .del-icon[data-v-77b8ac09]{pointer-events:all}.act-input .act-input-box .act-input-content .act-input-tips[data-v-77b8ac09]{position:absolute;left:0;bottom:-2.9em;width:100%;height:1.75em;line-height:1.75em;color:#fc3f3f;text-align:left}.act-input .act-input-box .act-input-content .act-input-tips span[data-v-77b8ac09]{font-size:1.1em}@-webkit-keyframes shake-data-v-77b8ac09{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(3px);transform:translateX(3px)}}@keyframes shake-data-v-77b8ac09{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(3px);transform:translateX(3px)}}.act-prize-con[data-v-34c0f5a6]{padding:1em 1.8em 1.3em;text-align:center}.act-prize-con .act-prize-title[data-v-34c0f5a6]{color:#fff;font-size:1.8em;line-height:1.1}.act-prize-con .act-prize-con-img[data-v-34c0f5a6]{width:100%;padding-bottom:38%;margin-top:1em;position:relative}.act-prize-con .act-prize-con-img .act-prize-img-wrap[data-v-34c0f5a6]{position:absolute;top:0;right:0;bottom:0;left:0}.act-prize-con .act-prize-con-img .act-prize-img-wrap img[data-v-34c0f5a6]{max-width:100%;max-height:100%}.act-prize-con .act-prize-con-form[data-v-34c0f5a6]{margin-top:1em}.act-prize-con .act-prize-con-form .act-prize-addition[data-v-34c0f5a6]{text-align:left;font-size:1.2em}.act-prize-con .act-prize-con-btn[data-v-34c0f5a6]{display:inline-block;width:14em;margin-top:2em}.act-prize-con .act-prize-addition[data-v-34c0f5a6]{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;margin-top:.5em;line-height:1.4}.act-prize-con .act-prize-addition .select[data-v-34c0f5a6]{font-size:1.55em;width:1.6em;height:.8em;overflow:hidden;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}.act-prize-con .act-prize-addition .select svg[data-v-34c0f5a6]{color:#e3e3e3}.act-prize-con .act-prize-addition .select svg.selected[data-v-34c0f5a6]{color:currentColor}