<style>

.m_hqDiscount_box{width:100%;height:100%;position:fixed;top:0px;}
.m_hqDiscount{background: url(/image/bmbj3.png) no-repeat 0 0/ 100% 100%;border-radius:8px;width:335px;height:415px;margin: auto;position:absolute;bottom:50%;left:50%;margin-left:-167.5px;overflow:hidden;margin-bottom:-140px;}

.m_hqDiscount_bk{width:243px;height:280px;margin:auto;margin-top:153px;position:relative;}
.m_bk_title{text-align:center;}
.m_bk_title span{font-size:1.3rem;color:#454545;letter-spacing:1px;}
.m_bk_title i{display:block;margin:auto;width:40px;height:4px;border-radius:20px;background:#FDE33C;margin-top:4px;}
.m_bk_style{text-align:center;margin-top:10px;font-size:1.2rem;color: #333;letter-spacing:1px;font-weight:600;}
.m_bk_text{text-align:center;margin:auto;margin-top:9px;}
.m_bk_text img{width:20px;}
.m_bk_text span{font-size:1rem;color: #333;letter-spacing:5px;margin:0 5px;font-size:0.8rem;color: #B9B9B9;}

.m_hqDiscount_bk form{width:100%;}
.m_hqDiscount_bk form input[type="text"]{border:1px solid #B8BECC;display:block;width:100%;margin:auto;padding:0 10px;height:35px;background:#FFF;border-radius:5px;font-size:0.9rem;color:#C0C0C0;margin:12px 0;}
.m_hqDiscount_bk form input[type="button"]{background: url(/image/bmbj1.png) no-repeat 0 0/ 100% 100%;border:0;display:block;width:100%;margin:auto;height:35px;border-radius:30px;margin-top:15px;font-size:1.05rem;color:#E0C8A1;letter-spacing:1px;}

.m_hqDiscountgb{position:absolute;bottom:50%;left:50%;z-index:100;margin-bottom:-184px;margin-left:-20px;width:40px}
.m_hqDiscountgb img{width:100%;height:100%;}

@media screen and (min-width: 300px) and (max-width: 374px) {   
  .m_hqDiscount{width:295px;height:370px;margin-left:-147.5px;margin-top:-210px;}
  .m_hqDiscountgb{margin-top: 140px;}
  .m_hqDiscount_bk{width:210px;height:240px;margin-top: 136px;}
  .m_bk_title span{font-size:1rem;}
  .m_bk_title i{width:30px;margin-top:3px;}
  .m_bk_style{font-size:1.1rem;}
  .m_bk_text span{font-size:0.7rem;}
  .m_bk_text img{width:22px;}
  .m_bk_text{margin-top:5px;}
  .m_hqDiscount_bk form input[type="text"]{height:35px;margin:10px 0;}
  .m_hqDiscount_bk form input[type="button"]{font-size:1rem;margin-top:12px;}

}

.m_hqDiscount{  
animation:change 0.8s;
-webkit-animation:change 0.8s;
-moz-animation:change 0.8s; 
}

@keyframes change {
  0% {bottom:100%;opacity:0;}
  100% {opacity:1;}
}

-webkit-@keyframes change {
  0% {bottom:100%;opacity:0;}
  100% {opacity:1;}
}

-moz-@keyframes change {
  0% {bottom:100%;opacity:0;}
  100% {opacity:1;}
}

.m_hqDiscountgb{  
animation:change 0.8s;
-webkit-animation:change 0.8s;
-moz-animation:change 0.8s; 
}

@keyframes change {
  0% {bottom:100%;opacity:0;}
  100% {opacity:1;}
}

-webkit-@keyframes change {
  0% {bottom:100%;opacity:0;}
  100% {opacity:1;}
}

-moz-@keyframes change {
  0% {bottom:100%;opacity:0;}
  100% {opacity:1;}
}
</style>



<div class="m_hqDiscount_box">
	      <!-- <div class="m_hqDiscount_zhez"></div> -->

	      <div class="m_hqDiscount">
	      	    
	      	    <div class="m_hqDiscount_bk">
	      	    	 
	      	    	  <!-- <div class="m_bk_title"><span>品房海外</span><i></i></div> -->

	      	    	  <div class="m_bk_style">海外购房置业群</div>

	      	    	  <div class="m_bk_text c"><img src="/image/m_bmv2.png" alt=""><span class="text">欢迎您的加入</span><img src="/image/m_bmv2.png" alt=""></div>

		    	   <form class="submit_area">
		    	          <input type="hidden" name="hid" value="0">              <!-- 0 为公共报名，其它为楼盘ID-->
                          <input type="hidden" name="source" value="3">     <!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明-->
                          <input type="hidden" name="equipment" value="1">        <!--来源设备 （ PC端  2,手机端   1 ）-->

       	      	   	      <input type="text" name="name" placeholder="请输入您的姓名">
       	      	   	      <input type="text" name="mobile" placeholder="请输入您的手机号">
       	      	   	      <input type="button" class="appleBm_buttom" value="立即获取">
       	      	   </form>

	      	    </div>

	  
	      </div>
	      <div class="m_hqDiscountgb"><a href="javascript:;" onclick="RemoveDiv();"><img src="/image/m_lpindex4_1.png" alt=""></a></div>
</div>


<script>
    $(function(){
        // $(".appleBm").animate({top:"10%"},300);

        $(' .m_hqDiscount_bk .m_bk_style').html(w_title);
        $(' .m_hqDiscount_bk .m_bk_text span.text').html(w_text);
        $(' .m_hqDiscount_bk form  input[name="hid"]').val(w_id);
        $(' .m_hqDiscount_bk form  input[name="source"]').val(w_module);
        $(' .m_hqDiscount_bk form  input[type="button"]').attr('value',''+w_button+'')

        //报名验证及提交的调用
        PublicAction.AjaxSend(
            {
                CORID:'appleBm_buttom',                    /*操作ID*/
            }
        );

        // $(".appleBm_input").on('keypress',function(e) {
        //         var keycode = e.keyCode;
        //         var searchName = $(this).val();
        //         if(keycode=='13') {
        //           $('.appleBm_buttom').click();
        //         }
        //  });
        
    })
</script>