flamingo-ui/es/pay-problem/PayProblem-sfc.css

火烈鸟UI组件库

.fmg-payproblem{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);z-index:1001}.fmg-payproblem-hide{display:none;z-index:0}.fmg-payproblem-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-payproblem-title{text-align:center;color:#181818;font-size:18px}.fmg-payproblem-icon{position:absolute;top:15px;right:15px;width:12px;height:12px}.fmg-payproblem-message{margin-top:20px;margin-bottom:14px;text-align:left;color:#181818;font-size:14px}.fmg-payproblem-message ul{text-align:left;color:#666}.fmg-payproblem-message ul li{margin-top:10px}.fmg-payproblem-message .pop-kf{color:#2189fe}.fmg-payproblem-donebtn a{display:block;width:100%}.fmg-payproblem-donebtn .hadProblem{height:32px;line-height:32px;text-align:center;font-size:14px;color:#fff;border-radius:20px;background-color:#feb384;background-image:linear-gradient(-30deg,#1a1e1f,#4e4851)}.fmg-payproblem-donebtn .haddone{height:32px;margin-top:12px;line-height:32px;text-align:center;font-size:14px;color:#fff;border-radius:20px;background-color:#fff;border:1px solid #010101;color:#010101}@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)}}}