*{box-sizing:border-box}body{margin:0;background:#f4f4f4;font-family:"Microsoft YaHei",Arial,sans-serif;color:#202020}.pay-wrap{width:640px;max-width:100%;min-height:100vh;margin:0 auto;background:#fff}.topbar{height:60px;background:#5ec263;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.topbar h1{font-size:22px;font-weight:400;margin:0}.back{font-size:46px;font-weight:200}.search{font-size:34px;transform:rotate(-20deg)}.banner{height:132px;padding:26px 30px;color:#086d2a;background:linear-gradient(135deg,#e9ffd0 0,#c5ee62 48%,#b2df2c 49%,#85c921 100%);position:relative;overflow:hidden}.banner:after{content:"";position:absolute;right:-42px;bottom:-80px;width:420px;height:170px;border-radius:50%;background:rgba(255,255,255,.25)}.banner-title{font-size:26px;font-weight:700;letter-spacing:2px;margin-top:12px}.banner-sub{font-size:15px;margin-top:10px;color:#248d37}.notice{background:#effbea;padding:15px 22px;line-height:1.7;color:#555}.notice span{color:#30a83e}.form-card{padding:18px 16px 34px}.ratio{display:flex;gap:18px;align-items:flex-start;margin:4px 0 12px}.ratio span{width:88px;color:#888}.ratio strong{flex:1;color:#ff9800;font-size:22px;font-weight:400;line-height:1.45}.row{height:56px;display:flex;align-items:center;border-bottom:1px solid #eee}.row em{width:105px;font-style:normal;color:#111;font-size:16px}.row input{flex:1;border:0;outline:0;background:transparent;height:44px;font-size:16px}.quick-money{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.quick-money button{height:42px;border:1px solid #dcdcdc;background:#fff;border-radius:6px;font-size:16px;color:#333}.quick-money button:hover{border-color:#5ec263;color:#35a53c}.pay-methods{margin-top:18px}.method{width:100%;height:52px;margin-bottom:12px;background:#fff;border:1px solid #ddd;border-radius:9px;display:flex;align-items:center;padding:0 12px;font-size:16px;position:relative}.method i{position:absolute;right:15px;width:22px;height:22px;border-radius:50%;border:1px solid #cfcfcf;font-style:normal;text-align:center;line-height:21px;color:#fff}.method.active i{background:#61bf63;border-color:#61bf63}.method.disabled{opacity:.55}.icon{width:33px;height:33px;border-radius:8px;margin-right:12px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.alipay{background:#1687e5}.wechat{background:#20b455;border-radius:50%}.tips{font-size:13px;color:#999;line-height:1.7;margin:20px 0 0}.submit{width:100%;height:64px;background:#5ec263;border:0;color:#fff;font-size:26px;margin-top:130px;cursor:pointer}.submit:hover{background:#50ae55}.query{display:block;text-align:center;color:#48ac50;text-decoration:none;margin-top:18px}@media(max-width:660px){.pay-wrap{width:100%}.ratio{display:block}.ratio span{display:block;width:auto;margin-bottom:8px}.ratio strong{font-size:20px}.submit{margin-top:70px}.banner-title{font-size:22px}}