@lan-ui/lan-ui/lib/email/email.min.css

A fantastic mobile ui lib implement by Vue

.lan-input-foundation{line-height:1;font-size:1rem;border-radius:0;color:#333}.lan-input-foundation .lan-input-prepend{font-size:1rem;font-family:PingFang SC;width:6.25rem}.lan-input-foundation .lan-input-field{padding:1.125rem 0}.lan-input-foundation .lan-input-field::-webkit-input-placeholder{color:#ccc}.phone-icon{border-width:.3rem;margin-top:.3rem;margin-left:.5625rem;margin-right:1.125rem;border-style:solid;border-color:#000 transparent transparent}.lan-input_disabled{color:#ccc!important}.lan-input{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:.875rem;line-height:1.429;background-color:#fff;position:relative}.lan-input:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #ebebeb;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.lan-input:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.lan-input:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.lan-input.lan-input_normal:after{border:unset;border-bottom:.125rem solid #efefef}.lan-input.lan-input_active:after{border:unset;border-bottom:.125rem solid #1890ff}.lan-input:after{border-radius:0}.lan-input-field{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;min-width:0;font-size:1rem;box-sizing:border-box;color:#4c4c4c;line-height:inherit;background-color:inherit;border-radius:.125rem;outline:none}.lan-input-field::-webkit-input-placeholder{color:#ccc;text-overflow:ellipsis}.lan-input-field+.lan-input-append .lan-input-clear:first-child,.lan-input-field+.lan-input-append .lan-input-eye:first-child{margin-left:-.3125rem}.lan-input-textarea{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:0;width:100%;min-width:0;font-size:1rem;box-sizing:border-box;color:#4c4c4c;line-height:inherit;background-color:inherit;resize:none;height:1.625rem;margin:.78125rem 0}.lan-input-textarea::-webkit-input-placeholder{color:#ccc;text-overflow:ellipsis}textarea:focus{outline:none}textarea{border:none}.lan-input_active:after{border-color:#1890ff}.lan-input-append,.lan-input-prepend{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:1.375rem}.lan-input-clear,.lan-input-eye{line-height:1;font-size:1.375rem;box-sizing:content-box;color:#999}.lan-input-clear>i,.lan-input-eye>i{display:inline-block;-webkit-transform:scale(1.2);transform:scale(1.2)}.lan-input-eye{font-size:1rem;color:#ccc}.lan-input-eye>.lan-icon-bukejian,.lan-input-eye>.lan-icon-kejian{-webkit-transform:scale(1.4);transform:scale(1.4)}.lan-rule-error{bottom:-1.375rem;font-size:.75rem;font-family:PingFang SC;color:#d81e06;text-align:left;line-height:2rem}.lan-email-suffix{top:3.75rem;font-size:1rem;color:#333;overflow:scroll;max-height:15.625rem;font-weight:400;z-index:100;margin:0 1.25rem}.lan-email-div{border-bottom:1px solid #eaeaea;background:#fff;line-height:2.9375rem;color:#333}.lan-email-div,.lan-phone-send{font-family:PingFang SC;font-weight:500}.lan-phone-send{color:#1890ff;text-align:center}.lan-phone-resend,.lan-phone-send{border-radius:1.25rem;background:#f1f6f5;font-size:.75rem;padding:.375rem 0;width:5.3125rem}.lan-phone-resend{color:#ccc}.lan-phone-resend,.lan-phone-section{font-family:PingFang SC;font-weight:500}.lan-phone-section{max-width:3.75rem;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;font-size:1rem;color:#333}