flamingo-ui/lib/payment/Payment-sfc.css

火烈鸟UI组件库

.fmg-payment{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);z-index:1001}.fmg-payment-hide{display:none;z-index:0}.fmg-payment-wrapper{width:270px;background:#ffffff;border-radius:10px;position:relative;left:50%;top:50%;transform:translate3d(-50%,-50%,0);animation:showScale .4s ease forwards;background-size:100% 100%;opacity:0;padding:21px}.fmg-payment-title{text-align:center;color:#181818;font-size:18px}.fmg-payment-icon{position:absolute;top:15px;right:15px;width:12px;height:12px}.fmg-payment-message{position:relative;text-align:left;margin-top:20px;font-size:15px;color:#181818}.fmg-payment-message p{padding-bottom:10px}.fmg-payment-message p span{color:#fa4c46}.fmg-payment-message .origin{margin-left:6px;color:#979ca5;font-size:12px;text-decoration:line-through}.fmg-payment-btn{text-align:center}.fmg-payment-btn div{margin-top:10px;width:100%;height:43px;border-radius:21.5px;color:#fff;font-size:18px;background-color:#00b700;opacity:1;display:flex;justify-content:center;align-items:center}.fmg-payment-btn div:nth-child(2){background-color:#2883ff}@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)}}}