<wx-open-subscribe template="xxxxxxxxxx" id="subscribe-btn" >
    <script type="text/wxtag-template" slot="style">
        <style>
            .paywraper{
                line-height: 1.3rem;
                padding-left: 0.3rem;
                position:fixed;
                bottom: 0;
                left: 0;
                text-align: center;
                width: 100%;
                box-shadow: 0 0 0.3rem 0 rgba(0,0,0,.1);
            }
            .bg-fff{
                background-color: #fff;
            }
            .o-h{
                overflow: hidden;
            }
            .f-l{
                float: left;
            }
            .ppvalue{
                color: #ff7800;
            }
            .paybtn{
                background-color: #36d5dd;
                color: #fff;
                width: 2.5rem;
                height: 1.3rem;
                line-height: 1.3rem;
            }
            .f-r{
                float: right;
            }
        </style>
    </script>

    <script type="text/wxtag-template" slot="style">
        <div class="paywraper bg-fff o-h">
            <div class='f-l'>总计: <span class="ppvalue" id="payValue">￥11</span></div>
            <div class='paybtn f-r' id="payBtn">立即购买</div>
        </div>
    </script>
</wx-open-subscribe>

上面的template 为了贴出代码故意写的 代码里是真实的，现在的问题是自定义按钮样式无效