js 一个layui 底部弹出层

<style type="text/css">
    .cur{color: #4BD0E4}
    #layer_addcarbox{display: none;}
    .choose_pay{height: 35px;line-height: 35px;font-size: 17px;width: 100%;text-indent:20px }
    .choose_pay span{font-size: 14px}
    .layui-m-layercont{color: #9A9A9A;}
    .bot_line{border-bottom: 1px solid #999}
    .black_line{background: #f1f1f1;height: 15px;width: 100%}
    .cancel{height: 40px;line-height: 40px;width:100%;}
    .choose_pay_type{height: 30px;line-height: 30px;margin:5px 0}
.max_height{max-height:160px;overflow:scroll;}
    </style>
    <div id="layer_addcarbox" class="dis_no">
        <center  class='choose_pay_type'>选择支付方式</center>
        <div class="max_height">
            <div class='choose_pay bot_line'>默认卡支付<span>(剩余12.22)</span></div>
            <div class='choose_pay bot_line'>默认卡支付</div>
            <div class='choose_pay bot_line'>默认卡支付<span>(剩余12.22)</span></div>
            <div class='choose_pay bot_line'>默认卡支付</div>
            <div class='choose_pay bot_line'>默认卡支付<span>(剩余12.22)</span></div>
            <div class='choose_pay bot_line'>默认卡支付</div>
            <div class='choose_pay cur'>微信支付</div>
        </div>
        <div class="black_line"></div>
        <center class='cancel' οnclick="cancel()">取消</center>
        </div>
    </div>

 function show_attr() {
        layer.open({
            type: 1
            , content: $('#layer_addcarbox').html()
            , anim: 'up'
            , style: 'position:fixed; bottom:0; left:0; width: calc(100%); max-height:9.2rem;min-height:7.5rem; border:none;'
        });
      
    }
    function cancel(){
        layer.closeAll()
    }