和解电话(匿名电话)/情侣拉黑联系电话/虚拟号/虚拟中间号/拉黑联系项目代码

和解电话，又名匿名电话

使用中间号转接到被叫人，不显示呼叫人号码，类似美团隐私号

呼叫人A->中间号B->被叫人C

演示地址：微信打开(http://sms.test.4php.top/sms/phone)

实现代码如下

<section class="section">
        <!-- header -->
        <div class="header" style="height: 80px;font-size: 20px;align-items: flex-start;padding: 0px 20px;background-image: url(__cn__/image/phone_bg.png);">
            <div class="header-text" style="font-size: 20px;color: #000;padding: 0px;line-height: 20px;letter-spacing: 5px;">和解电话</div>
        </div>
        <div style="width: 94%;margin: 0 auto;background: #fff;height: 41vw;max-height: 280px;border-radius: 10px;overflow: hidden;">
            <img src="__cn__/image/phone_banner.png" alt="">
        </div>
        <marquee style="width: 94%;margin: 15px auto;background: #fff;border-radius: 10px;padding: 4px;box-shadow: 0px 0px 10px 0px #e2e2e2;display: block;color: #4162ff;">{$msg2}</marquee>
        <style>
            .con1,.con2{
                width: 94%;
                margin: 15px auto;
                background: #fff;
                border-radius: 10px;
                padding: 14px;
                box-shadow: 0px 0px 10px 0px #e2e2e2;
            }
            .con1 h1,.con2 h1{
                font-size: 16px;
            }
            .con1 p{
                font-size: 14px;
                font-weight: 500;
                margin: 15px 0px 5px 0px;
            }
            .con1 input,.con1 select{
                width: 100%;
                border: none;
                background: #f4f5f7;
                border-radius: 5px;
                height: 40px;
                padding: 10px;
            }
            .con1>h1>img,.con2>h1>img{
                margin: 0px 5px 0px 0px;
                width: 18px;
                line-height: 50px;
                vertical-align: top;
            }
            .con1 button{
                background: #7082e4;
                border: none;
                width: 100%;
                border-radius: 5px;
                height: 40px;
                margin: 20px 0px 0px 0px;
                color: #fff;
            }
            .con2 div{
                width: 100%;
                border: none;
                background: #f4f5f7;
                border-radius: 5px;
                margin: 10px 0px;
                padding: 10px;
                position: relative;
            }
            .con2 .p1{
                margin: 0px;
            }
            .con2 .p2{
                font-size: 12px;
                color: #7a7a7a;
                margin: 0px;
            }
            .con2>div>span{
                position: absolute;
                color: blue;
                right: 10px;
                top: 20px;
                font-size: 12px;
            }
        </style>
        <div class="con1">
            <h1><img src="__cn__/image/phone_1.png" alt="">我们的服务</h1>
            <p>自己的号码</p>
            <input type="number" name="my_phone">
            <p>对方的号码</p>
            <input type="number" name="you_phone">
            <p>请选择套餐</p>
            <select id="package">
                {volist name="info" id="v"}
                <option value="{$key}">{$v}</option>
                {/volist}
            </select>
            <button id="tijiao">提交</button>
            <span style="margin: 10px 0px 0px 0px;display: block;font-size: 12px;color: #a80707;">注：仅限用于情侣和解电话，禁止拨打营销、骚扰、举报等电话，否则将冻结账号并移交相关部门！</span>
        </div>
        <div class="con2">
            <h1><img src="__cn__/image/phone_2.png" alt="">消费记录</h1>
            {volist name="list" id="v"}
            <div>
                <p class="p1">{$v.you_phone}</p>
                <p class="p2">{$v.create_time|date="Y-m-d H:i:s"}</p>
                <span data-id="{$v.api_send_id}" class="get_info">拨打号码</span>
            </div>
            {/volist}
            {$list|raw}
        </div>
    </section>