/* http://www.mobantu.com/7458.html */
.circular{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:28px;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;width:28px;margin:auto}
.circular .path{width:100%;height:100%;stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke:#757575;stroke-linecap:round}
@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}
50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}
100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}
}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}
50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}
100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}
}.wppay-toast{background:#2A2A2A;border-radius:3px;color:#fff;text-align:center;padding:20px 60px;opacity:0;z-index: 9998}
.wppay-toast .icon .modia{font-size:28px}
.wppay-toast .text{font-size:18px;font-weight:bold}
.wppay-toast.it{padding:20px 40px}
.wppay-toast.it .text{margin-top:10px}
.wppay-toast.it .text p{margin: 0;}
.wppay-toast.icon{padding:25px}
.wppay-toast.fs{position:fixed;top:50%;left:50%;z-index:9998;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.wppay-toast.el{position:absolute;top:50%;left:50%;z-index:10;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.wppay-modal-box{position:fixed;left:0;right:0;top:0;bottom:0;z-index:10;background:rgba(0,0,0,0.6)}
.wppay-modal-box .wppay-modal{position:absolute;width:400px;height:404px;background:#fff;border-radius:3px;top:50%;left:50%;margin-left:-202px;margin-top:-200px;z-index:1;padding:60px 50px 40px;-webkit-box-sizing:border-box;box-sizing:border-box}
.wppay-modal-box .wppay-modal .title{font-size:28px;color:#2A2A2A;font-weight:bold}
.wppay-modal-box .wppay-modal .content{margin-top:29px;font-size:18px;color:#2A2A2A;height:166px;overflow-y:auto}
.wppay-modal-box .wppay-modal .options-btns{margin-top:35px}
.wppay-modal-box .wppay-modal .options-btns a{width:50%;color:#fff;font-weight:bold}
.wppay-custom-modal-box{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,0.6)}
.wppay-custom-modal-box .wppay-modal{max-width:350px;width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:auto;background:#fff;border-radius:3px;display:block !important}
.wppay-custom-modal-box .wppay-modal .close-modal{cursor:pointer;position:absolute;top:1px;right:8px;color:#000;font-size:42px;line-height: 1}
.wppay-custom-modal-box .wppay-modal .close-modal .modia{font-size:14px}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode{padding-top:20px}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab{padding:0px 30px;text-align:center;display:block !important}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab a{font-size:16px;color:#838383;font-weight:bold;text-decoration:none;margin:0 3px;}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab a.active{color:#2A2A2A;font-size:24px}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab a.wppay-weixin.active{color:#21ab36;}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab a.wppay-alipay.active{color:#00a3ee;}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab a .price{color:#ff5f33}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list{margin-top:180px;background:#ff5f33;height:215px;border-radius:0 0 3px 3px;display:block !important}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item{text-align:center;position:relative;top:-166px}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .wppay-title{margin-bottom: 10px;font-size:15px;}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .wppay-title .price{color: #ff5f33}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .qr-code{width:225px;height:225px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px;margin:0 auto;background:#fff;display:block !important}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .qr-code img{width:100%;height:auto}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .account{margin-top:24px !important;margin-bottom:0 !important;color:#ffffff;font-size:14px}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .desc{margin-top:10px;font-size:12px;color:#cecece;font-family:tahoma,arial,sans-serif}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .wppay-heartbeat-tip{margin:6px 20px 0;color:#fff;font-size:12px;line-height:1.4}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .wppay-heartbeat-retry-wrap{display:none;margin:8px 0 0}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .wppay-heartbeat-retry{display:inline-block;padding:5px 14px;border:1px solid #fff;border-radius:3px;color:#fff;text-decoration:none;font-size:12px}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .wap{display: none;margin-top: 10px;}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .wap a{background: #00a3ee;color: #fff;text-decoration: none;padding:8px 25px;display: inline-block;border-radius: 3px;border:1px solid #fff;}
@media (max-width:768px){
.wppay-modal-box .wppay-modal{width:320px;margin-left:-160px}
.wppay-custom-modal-box .wppay-modal{width:90%}
.wppay-toast{padding:10px 20px}
.wppay-toast .icon .modia{font-size:28px}
.wppay-toast .text{font-size:16px;font-weight:bold;white-space:nowrap}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list{height: 245px;}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .account{margin-top:20px !important;}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .wap{display: block;}
}.erphp-wppay{background-color:#fff;border:2px dashed #ff5f33;color:#333;font-size:14px;line-height:inherit;padding:5px 10px}
.erphp-wppay-success{border:2px dashed #54c468}
.erphp-wppay b{color:#ff5f33}
.erphp-wppay-qrcode .payment{margin-bottom:10px}
.erphp-wppay-qrcode .payment img{max-width:160px;height:auto;display:inline-block}
.erphp-wppay{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0;padding:22px 24px 22px 82px;border-width:1px;border-style:solid;border-radius:22px;background-image:linear-gradient(135deg,rgba(255,255,255,.96) 0%,rgba(248,250,252,.94) 100%);box-shadow:0 16px 38px rgba(15,23,42,.09);box-sizing:border-box;overflow:hidden;line-height:1.75!important}
.erphp-wppay:before{content:"付费";position:absolute;left:22px;top:50%;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#ff7a45 0%,#ff3d5a 100%);box-shadow:0 10px 22px rgba(255,95,51,.24);color:#fff;font-size:13px;font-weight:800;letter-spacing:.08em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.erphp-wppay:after{content:"";position:absolute;right:-40px;top:-50px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(255,95,51,.12) 0%,rgba(255,95,51,0) 66%);pointer-events:none}
.erphp-wppay b{display:inline-flex;align-items:center;margin:0 4px;font-size:20px;font-weight:800;line-height:1.2;white-space:nowrap}
.erphp-wppay a.erphp-wppay-loader{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-left:auto;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#2563eb 0%,#00a3ee 100%);box-shadow:0 12px 24px rgba(37,99,235,.22);color:#fff!important;font-size:14px;font-weight:800;line-height:42px;text-decoration:none!important;white-space:nowrap;-webkit-transition:all .2s ease;transition:all .2s ease}
.erphp-wppay a.erphp-wppay-loader:hover{box-shadow:0 16px 28px rgba(37,99,235,.28);-webkit-transform:translateY(-1px);transform:translateY(-1px)}
.erphp-wppay a.erphp-wppay-loader:after{content:"›";margin-left:8px;font-size:18px;line-height:1}
.erphp-wppay-success{display:block;padding-left:24px;border-color:#54c468;border-style:solid;background-image:linear-gradient(135deg,rgba(240,253,244,.96) 0%,rgba(255,255,255,.94) 100%);box-shadow:0 16px 38px rgba(22,163,74,.1)}
.erphp-wppay-success:before{content:"已解锁";position:static;display:inline-flex;width:auto;height:auto;margin:0 0 12px;padding:7px 11px;border-radius:999px;background:rgba(34,197,94,.12);box-shadow:none;color:#15803d;font-size:12px;font-weight:800;-webkit-transform:none;transform:none}
.erphp-wppay-success:after{background:radial-gradient(circle,rgba(34,197,94,.14) 0%,rgba(34,197,94,0) 66%)}
.erphp-wppay-success>*:first-child{margin-top:0}
.erphp-wppay-success>*:last-child{margin-bottom:0}
.wppay-custom-modal-box{z-index:99999;background:rgba(15,23,42,.64);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.wppay-custom-modal-box .wppay-modal{max-width:390px;width:calc(100% - 32px);background:#fff;border-radius:22px;box-shadow:0 24px 70px rgba(15,23,42,.32);overflow:hidden}
.wppay-custom-modal-box .wppay-modal .close-modal{top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:rgba(15,23,42,.08);color:#334155;font-size:26px;line-height:31px;text-align:center;z-index:2;-webkit-transition:all .2s ease;transition:all .2s ease}
.wppay-custom-modal-box .wppay-modal .close-modal:hover{background:#ef4444;color:#fff;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode{padding:0;background:#fff;color:#0f172a}
.wppay-pay-head{display:flex;align-items:center;gap:14px;padding:26px 28px 20px;background:linear-gradient(135deg,#f8fbff 0%,#edf7ff 100%);border-bottom:1px solid #e5eef8}
.wppay-pay-head .payment{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0;border-radius:18px;background:#fff;box-shadow:0 10px 22px rgba(0,163,238,.14)}
.wppay-pay-head .payment img{max-width:40px!important;max-height:40px;width:auto;height:auto}
.wppay-pay-head span{display:block;margin-bottom:4px;color:#64748b;font-size:13px;line-height:1.3}
.wppay-pay-head strong{display:block;color:#0f172a;font-size:30px;font-weight:800;line-height:1}
.wppay-pay-head strong em{font-style:normal;color:#ff5f33}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list{height:auto;margin:0;padding:24px 28px 28px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);border-radius:0;display:block!important}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item{top:auto;position:relative;text-align:center}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .qr-code{width:226px;height:226px;padding:12px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 18px 40px rgba(15,23,42,.09)}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .qr-code img{display:block;width:100%;height:100%;border-radius:12px}
.wppay-countdown{display:flex;align-items:center;gap:12px;margin:20px 0 0;padding:14px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;text-align:left}
.wppay-countdown-ring{--wppay-countdown-percent:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 62px;width:62px;height:62px;border-radius:50%;background:conic-gradient(#00a3ee var(--wppay-countdown-percent),#e2e8f0 0);color:#0f172a;position:relative;overflow:hidden}
.wppay-countdown-ring:before{content:"";position:absolute;inset:6px;background:#fff;border-radius:50%}
.wppay-countdown-ring span,.wppay-countdown-ring em{position:relative;z-index:1}
.wppay-countdown-ring span{font-size:20px;font-weight:800;line-height:1}
.wppay-countdown-ring em{margin-top:2px;color:#64748b;font-size:11px;font-style:normal;line-height:1}
.wppay-countdown-copy{min-width:0}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .desc{margin:0;color:#0f172a;font-size:14px;font-family:inherit;line-height:1.5}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .desc span{color:#00a3ee;font-weight:800}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .account{margin:4px 0 0!important;color:#64748b;font-size:12px;line-height:1.5}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .wppay-heartbeat-tip{margin:14px 0 0;padding:10px 12px;border-radius:12px;background:#eff6ff;color:#2563eb;font-size:12px;line-height:1.5}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .wap{display:block;margin-top:14px}
.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .wap a{display:block;border:0;border-radius:14px;background:linear-gradient(135deg,#00a3ee 0%,#2563eb 100%);box-shadow:0 12px 24px rgba(37,99,235,.2);color:#fff;font-size:14px;font-weight:700;padding:12px 18px;text-decoration:none}
@media (max-width:768px){.wppay-custom-modal-box .wppay-modal{width:calc(100% - 24px);max-width:360px}.wppay-pay-head{padding:22px 22px 18px}.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list{height:auto;padding:20px 22px 24px}.wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list .item .qr-code{width:210px;height:210px}.wppay-countdown{align-items:flex-start}.wppay-toast{max-width:calc(100% - 40px);box-sizing:border-box;white-space:normal}.wppay-toast .text{white-space:normal}}
@media (max-width:768px){.erphp-wppay{display:block;padding:76px 18px 18px;text-align:left}.erphp-wppay:before{left:18px;top:18px;-webkit-transform:none;transform:none}.erphp-wppay b{font-size:18px}.erphp-wppay a.erphp-wppay-loader{display:flex;width:100%;margin:14px 0 0;box-sizing:border-box}.erphp-wppay-success{padding:18px}}
/* Powered by wppay.net */
