flamingo-ui/es/phone-verified/PhoneVerified-sfc.css

火烈鸟UI组件库

.fmg-phone-verified{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);z-index:1001}.fmg-phone-verified-hide{display:none;z-index:0}.fmg-phone-verified-wrapper{width:278px;background:#ffffff;border-radius:10px;position:relative;left:50%;top:45%;transform:translate3d(-50%,-50%,0);animation:showScale .4s ease forwards;background-size:100% 100%;opacity:0;padding:24px 20px;text-align:center}.fmg-phone-verified-title{color:#272b37;font-size:18px;font-weight:500}.fmg-phone-verified-icon{position:absolute;top:15px;right:15px;width:11px;height:11px}.fmg-phone-verified-tip{color:#979ca5;font-size:13px;margin-top:8px}.fmg-phone-verified-phone{color:#272b37;font-size:13px;margin-top:1.5px}.fmg-phone-verified-code{margin-top:10px;display:flex;justify-content:center;align-items:center}.fmg-phone-verified-code .verification-input{width:38px;height:38px;margin-right:4px;text-align:center;font-size:20px;font-weight:500;border-radius:6px;color:#272b37;caret-color:#fc564c;border:none;background-color:#f1f6ff}.fmg-phone-verified-code .verification-input:last-child{margin-right:0}.fmg-phone-verified-code .verification-input::-webkit-inner-spin-button,.fmg-phone-verified-code .verification-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fmg-phone-verified-code .verification-input:focus{outline:none}.fmg-phone-verified-getcode{margin-top:17px;color:#979ca5;font-size:12px;cursor:pointer}.fmg-phone-verified-getcode .van-count-down{display:inline-block;color:#979ca5;font-size:12px}@media only screen and (orientation: portrait){@keyframes showScale{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(0)}to{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}}}@media screen and (orientation: landscape){@keyframes showScale{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(0)}to{opacity:1;transform:translate3d(-50%,-50%,0) scale(.7)}}}