.checkoutbg{position:fixed;width:100%;height:100%;left:0;top:0;z-index:-99999;transform:scale(0);background:rgba(0,0,0,0.6);transition:all 0.3s}.checkoutbg.on{z-index:99999;transform:scale(1)}.pop-checkout{position:fixed;width:420px;height:fit-content;padding:40px 20px 30px;left:0;top:0;right:0;bottom:0;margin:auto;border-radius:10px;background:#fff;z-index:-1000000;transform:scale(0);transition:all 0.3s;font-family:"League Spartan", Arial, "Microsoft Yahei", sans-serif}.pop-checkout.on{transform:scale(1);z-index:1000000}.pop-checkout h3{margin-bottom:20px;padding-bottom:10px;text-align:center;border-bottom:solid #ccc 1px;font:normal normal 600 14px/27px Lexend}.pop-checkout .close{position:absolute;width:14px;height:14px;right:5px;top:5px;cursor:pointer;background:url(../images/payment/close.png)}.pop-checkout .close:hover{background-position:0px -14px}.pop-checkout .payment{width:360px;height:auto;margin:0px auto 5px;display:flex;align-items:center;cursor:pointer;background:#fff;border:none !important}.pop-checkout .payment span{position:relative;padding:3px;width:12px;height:12px;margin-left:25px;margin-right:6px;border-radius:50%;border:1px solid #FF3636;-webkit-transition:all 0.3s;transition:all 0.3s}.pop-checkout .payment span:after{content:"";display:block;width:100%;height:100%;background-color:#FF3636;border-radius:50%;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all 0.3s;transition:all 0.3s}.pop-checkout .payment cite{font-style:inherit;font-size:14px;width:170px}.pop-checkout .payment .img-box{display:flex;justify-content:center;align-items:center;width:120px;height:auto;text-align:center}.pop-checkout .payment .img-box img{max-height:40px;width:auto}.pop-checkout .payment.active span{border:1px solid #FF3636}.pop-checkout .payment.active span::after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.pop-checkout .input-box{position:relative;margin-top:20px;display:none}.pop-checkout .input-box.on{display:block}.pop-checkout .input-box span{position:absolute;color:red;font-size:14px}.pop-checkout .input-box .err-box{position:absolute;font-size:12px;color:red;top:45px;left:10px;opacity:0}.pop-checkout .input-box .err-box.on{opacity:1;display:block}.pop-checkout p.note{margin-top:30px;font-size:12px;line-height:18px;color:red}.pop-checkout .input{display:block;width:360px;height:40px;margin:0px auto;text-indent:25px;border:solid #ccc 1px}.pop-checkout .buybtn{width:240px;height:40px;margin:50px auto 0px;background-color:#fc4140;color:#fff;border-radius:5px;cursor:pointer;display:none !important}.pop-checkout .buybtn:hover{background-color:#f85454}.pop-checkout .buybtn.show{display:block !important}.pop-checkout .buybtn.btn_link{text-align:center;line-height:40px}.pop-checkout .buybtn.on{position:relative}.pop-checkout .buybtn.on i{display:block;position:absolute;left:43%;transform:translate(-50%);width:27px;height:30px;top:5px;background:url(../images/common/load-icon.svg) no-repeat;animation:loading 1s linear infinite}.pop-checkout .buybtn.on span{display:none}@media screen and (max-width: 420px){.pop-checkout{width:100%;padding-left:10px;padding-right:10px}.pop-checkout .input{width:90%}}