{template "Public","m_zt_header"} 

         <link rel="stylesheet" href="/html/zt/fz/mobile/bm/bm.css" type="text/css"> 

         <script type="text/javascript" src="/html/zt/fz/mobile/bm/jquery.js"></script> 
         
 <div class="container"   >
    <div class="m_img">
        <img src="/html/zt/fz/mobile/bm/4.jpg" >
     </div>
    <div class="bm">
        <div class="m_img zxbj-bj" >
            <div class="zxbj-calc-header">
                    <ul class="zxbj-calc-budget">
                      <li class="num2"></li>
                      <li class="num4"></li>
                      <li class="num2"></li>
                      <li class="num5"></li>
                      <li class="num5"></li>
                      <li class="num"></li>
                    </ul>
                </div>
                </div>
         <form  method="post" id="form10" class="bmb">
                   <input type="text" name="name"  placeholder="您的称呼" class="ipt">
                  <input type="text" name="mianji"  placeholder="房屋面积" class="ipt">
                  <input class="ipt" name="phone" type="tel" id="teldata" placeholder="您的手机" onKeyUp="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" data-validate="required:电话不能为空,tel:电话格式不正确" pattern="1[3|4|5|7|8|][0-9]{9}" maxlength="11">
                 
                      <p class="xzwz">请选择您的装修类型：</p>
                     <div class="rd1">
                      <input class="rd" type="checkbox" value="半包" name="banbao"/><span class="xz">半包</span>
                      <input class="rd" type="checkbox" value="全包" name="banbao"/><span class="xz">全包</span>
                      <input class="rd" type="checkbox" value="整装" name="banbao"/><span class="xz">整装</span>
                  </div>
                   <input id="source_pathurl1" name="source_pathurl" value="" type="hidden">
                  <input id="source_url1" name="source_url" value="" type="hidden">
                  <input name="source" value="报名框" type="hidden">
                  <button type="button" class="btn" onClick="add_ajaxmessage('form10')" data-title="表单-bm-立即计算装修报价">立即计算装修报价</button>
                </form>
    </div>
    <div class="jg">* 报价结果，我们将在24小时内发送到您的手机！</div>
</div>
<script> 
          $('#source_url1').val  (location.href);
          $('#source_pathurl1').val  (top.location.href);
     document.writeln("<div id=\'worry-iphone\' style=\'width: 1200px;position: fixed;left: 50%;top: 50%;margin-left: -600px; z-index: 9999;\'></div>");
        function add_ajaxmessage(obj){
        var dh =$("#"+obj+" input[name=phone]").val();
         if (dh == 0) {
        $('#worry-iphone').html("<div id='iphone' style='padding: 10px 15px;border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;opacity:0.8;-webkit-opacity: 0.8;-ms-opacity:0.8;-o-opacity:0.8;-moz-opacity:0.8;background:#000;color:#fff;margin:0 auto;font-size:14px;display:table;'>电话号码不能为空</div>");
        setTimeout(function() {
            document.getElementById("iphone").style.display = "none";
        },
        2000);
        return false;
        }
            if (/^1[3,5,7,8,9]\d{9}$/g.test(dh)) {
         $('#worry-iphone').html("<div id='iphone' style='padding: 10px 15px;border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;opacity:0.8;-webkit-opacity: 0.8;-ms-opacity:0.8;-o-opacity:0.8;-moz-opacity:0.8;background:#000;color:#fff;margin:0 auto;font-size:14px;display:table;'>报名成功！ 我们将在24小时内联系您!</div>");
        setTimeout(function() {
            document.getElementById("iphone").style.display = "none";
        },
        2000);
    } else {
        $('#worry-iphone').html("<div id='iphone' style='padding: 10px 15px;border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;opacity:0.8;-webkit-opacity: 0.8;-ms-opacity:0.8;-o-opacity:0.8;-moz-opacity:0.8;background:#000;color:#fff;margin:0 auto;font-size:14px;display:table;'>电话号码错误</div>v>");
        setTimeout(function() {
            document.getElementById("iphone").style.display = "none";
        },
        2000);
        return false;
    } 
     var dataString = $('#'+obj+'').serialize();　
     $.ajax({
        type: "POST",
        url: "http://quote.u-om.com/Zhuangxiu/addBaojiao.htm",
        data: dataString,
        success: function(data) {}
    });
    } 
     
</script>
<script>
//使用rem策略，不断更新html的fontsize
(function(){
    function sizeHtml(){
        window.mtSizeBase = $(window).width()/16;
        window.mtSizeBase = window.mtSizeBase>45?45:window.mtSizeBase;
        $("html").css("font-size",window.mtSizeBase+"px");
    }
    sizeHtml();
    $(window).resize(function(){
        setTimeout(function(){
            sizeHtml();
        },300);
    });
})();
</script>
<script type="text/javascript">
    //生成0~9随机数函数 Math.floor()用于向下取整 Math.random()获取0~1之间的随机数
    function rand(){
      return Math.floor(Math.random()*10)
    }
    //第一位一直显示 等到随机数为偶数时显示1，为基数时不显示 不显示的原因是对于添加的num类名没有样式 无法显示
    function defer() {
      if(rand()%2==0){
        return 1
      }else {
        return ''
      }
    }
    var timer = setInterval(function() {
      $('.zxbj-calc-budget li:nth-child(1)').removeClass().addClass('num'+rand());
      $('.zxbj-calc-budget li:nth-child(2)').removeClass().addClass('num'+rand());
      $('.zxbj-calc-budget li:nth-child(3)').removeClass().addClass('num'+rand());
      $('.zxbj-calc-budget li:nth-child(4)').removeClass().addClass('num'+rand());
      $('.zxbj-calc-budget li:nth-child(5)').removeClass().addClass('num'+rand());
      //注意最后一个数值的函数是defer()，该函数上面已经介绍了
      $('.zxbj-calc-budget li:nth-child(6)').removeClass().addClass('num'+defer());
    },200);
   
 
</script>
{template "Public","m_zt_footer"}