.swal2-content {z-index: 1; justify-content: center; margin: 0; padding: 0; color: #545454; font-size: 1.125em; font-weight: 400; line-height: normal; text-align: center; word-wrap: break-word; } /*pay-swal2-popup*/ .swal2-popup .pay-button-box {padding: 12px 30px; z-index: 1; text-align: center; } .swal2-popup .pay-button-box .pay-item {width: 100%; height: 60px; border: 0; cursor: pointer; font-size: 1.25rem; display: inline-block; line-height: 60px; text-align: center; } .swal2-popup .pay-button-box .pay-item+.pay-item {border-top: 1px solid #e6e6e6; } .swal2-popup .pay-button-box .pay-item span {display: inline-block; text-align: center; width: 120px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .swal2-popup .pay-button-box .pay-item i.alipay {display: inline-block; width: 40px; height: 100%; vertical-align: middle; background: url(../images/alic.png) center no-repeat; } .swal2-popup .pay-button-box .pay-item i.weixinpay {display: inline-block; width: 40px; height: 100%; vertical-align: middle; background: url(../images/wxc.png) center no-repeat; } .swal2-popup .pay-button-box .pay-item i.paypal {display: inline-block; width: 40px; height: 100%; vertical-align: middle; background: url(../images/paypal.png) center no-repeat; } .swal2-popup .pay-button-box .pay-item:hover {opacity: 0.6; color: #1990fc; transition: all 0.3s ease; } .swal2-popup .qrcon {position: relative; } .swal2-popup .qrcon h5 {padding: 0; margin-top: 1.8em; } .swal2-popup .qrcon img.qr-pay {display: inline-block; margin: 0; padding: 0; width: 120px; text-align: center; } .swal2-popup .qrcon .title {font-size: 16px; margin: 10px auto; } .swal2-popup .qrcon .qrcode img {width: 200px; height: 200px; } .swal2-popup .qrcon .bottom {border-radius: 0 0 .3125em .3125em; width: 100%; background: #33465a; color: #f2f2f2; padding: 15px 0px; text-align: center; font-size: 14px; margin-top: 20px; } .swal2-popup .qrcon .bottom.alipay {background: #00a7ef; } .swal2-popup .qrcon .bottom.weixinpay {background: #08bb21; } .swal2-popup .swal2-image.poser {-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); border-radius: 4px; overflow: hidden; } /*swal2*/ .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {background: rgba(0, 0, 0, .4); background-color: rgba(25, 37, 49, 0.8); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); pointer-events: auto; transition-duration: .2s; } body.swal2-toast-shown .swal2-container {-webkit-backdrop-filter: none; backdrop-filter: none; } .swal2-popup {-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } .swal2-popup.swal2-toast {box-shadow: 0 0 0.625em rgba(0, 0, 0, 0.3); } .swal2-title {font-size: 1.2em; } .swal2-close {top: 5px; right: 5px; color: #ccc; font-size: 1.5em; line-height: 1.2; cursor: pointer; color: #000; background-color: rgba(239, 239, 239, 0.5); border-radius: 50%; box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.5); font-family: sans-serif; } .swal2-actions {margin: 0.5em auto 0.5em; } .swal2-timer-progress-bar-container {z-index: 999; } .swal2-popup.swal2-toast.swal2-show {-webkit-animation: swal2-toast-show .3s; animation: swal2-toast-show .3s; } @-webkit-keyframes swal2-show {0% {opacity: 0; -webkit-transform: translate3d(0, 50px, 0) } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0) } } @keyframes swal2-show {0% {opacity: 0; -webkit-transform: translate3d(0, 50px, 0) } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0) } } @-webkit-keyframes swal2-hide {0% {-webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% {-webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } } @keyframes swal2-hide {0% {-webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% {-webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } } @-webkit-keyframes swal2-toast-show {0% {transform: translateY(-5em) } 100% {transform: translateY(0) } } @keyframes swal2-toast-show {0% {transform: translateY(-5em) } 100% {transform: translateY(0) } } @-webkit-keyframes swal2-toast-hide {0% {transform: translateY(0) } 100% {opacity: 0; transform: translateY(-5em) } } @keyframes swal2-toast-hide {0% {transform: translateY(0) } 100% {opacity: 0; transform: translateY(-5em) } }