quick-pay
/
demo.html

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>下单Demo</title>
        <style type="text/css">
            *{ padding: 0; margin: 0; }
            body{ background: #fff; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; color: #333; font-size: 16px; }
            .system-message{ padding: 24px 48px; }
            .system-message h1{ font-size: 100px; font-weight: normal; line-height: 120px; margin-bottom: 12px; }
            .system-message .jump{ padding-top: 10px; }
            .system-message .jump a{ color: #333; }
            .system-message .success,.system-message .error{ line-height: 1.8em; font-size: 36px; }
            .system-message .detail{ font-size: 12px; line-height: 20px; margin-top: 12px; display: none; }

            .call-to-action {
			    margin-top:230px;
                padding: 10px 25px;
                text-align: center;
            }

            .call-to-action .btn {
                margin: 10px 5px;
            }
            .btn-alipay {
                background-color: #099ce0;
                color: #fff;
            }
            .btn-default {
                background-color: #0d8609;
                color: #fff !important;
                border-color: #0d760a;
            }
			.call-to-action .btn {
                margin: 10px 5px;
            }
            a {
                color: #428bca;
                text-decoration: none;
            }
            .btn {
                padding: 10px 12px;
                font-size: 14px;
                line-height: 1.42857143;
                min-width: 160px;
                text-align: center;
                border-radius: 0;
                text-transform: uppercase;
                margin: 10px 0;
                -webkit-transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -ms-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
            }
            .btn img{width:20px;vertical-align:middle;margin-right:5px;}
            .call-to-action h3{margin-bottom: 32px;}
        </style>
    </head>
    <body>
        <div class="call-to-action">
                <h3>选择支付方式</h3>
                <a class="btn btn-alipay more"  href='order.php?act=new&paytype=ALIPAY'>
				   <img src="images/logo_alipay.png" alt="支付宝付款" /> 支付宝
                </a>
                或
                <a href="order.php?act=new&paytype=WXPAY" class="btn btn-default contact">
				    <img src="images/logo_weixin.png" alt="微信付款" /> 微信
				</a>
            </div>
    </body>
</html>