<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>精美时尚</title>
<link href="css/global.css?v=0b04b240" rel="stylesheet"><link href="css/pay.css?v=0b04b240" rel="stylesheet"></head>

<body>
    <div class="container">
        <div>
            <div class="h1">正在购买《xxxx》</div>
            <div class="list">
                <a  class="item" bind-id="item" href="#"><p>购买10本</p><p>¥6</p></a>
                <a  class="item" bind-id="item" href="#"><p>购买10本</p><p>¥6</p></a>
                <a  class="item" bind-id="item" href="#"><p>购买10本</p><p>¥6</p></a>
            </div>
        </div>
        <div class='buytip' id="open"><p>购买说明</p></div> 
    </div>
    <div class="mask fn-hide" id="layer">
        <div class="layer "> 
        <h3 class="title">购买说明</h3>
            <div class="richtext">asdfsdf</div>
            <div class="btn-wrapper">
                <div class="button opposite" id="close">我知道了</div>
            </div>
        </div>
    </div>
    <div id="pay"></div>
<script type="text/javascript" src="js/global.js?v=0b04b240"></script><script type="text/javascript" src="js/pay.js?v=0b04b240"></script></body>

</html>

<script>
function pay(url)
{
    $.get(url, function(t) {
        $("#pay").html(t);
    })
}

$(function()
{
    $('#open').click(function(){
        $('#layer').show();
    });

    $('#close').click(function(){
        $('#layer').hide();
    })
})
</script>