pfhwyigou/mobile/views/public/festival.php

<style>
.m_hqDiscount_box{width:100%;height:100%;position:fixed;top:0px;bottom:0;left:0;background:rgba(51, 51, 51, 0.6);z-index:10000;display:none;}
.m_hqDiscount{background:url(/image/fl-bg.png) no-repeat 0 0/ 100% 100%;border-radius:8px;width:100%;height:410px;margin: auto;position:absolute;bottom:50%;left:0;overflow:hidden;margin-bottom:-140px;}

.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.4rem;color: #333;letter-spacing:1px;}
.m_bk_text{text-align:center;margin:auto;margin-top:9px;}
.m_bk_text img{width:26px;}
.m_bk_text span{font-size:1rem;color: #333;letter-spacing:5px;margin:0 5px;font-size:0.8rem;color: #B9B9B9;}

.m_hqDiscountgb{position:absolute;width:21px;height:21px;right:55px;}
.m_hqDiscountgb img{width:100%;height:100%;}
.m_hqDiscount form {position:absolute;bottom:54px;width:218px;left:50%;margin-left:-109px;}
.m_hqDiscount form .m_bmck_input {height:32px;line-height:32px;background:#fff;border-radius:20px;margin:0 5px 8px 5px;}
.m_hqDiscount form .m_bmck_input img {display:inline-block;width:10px;height:14px;margin-left:13px;}
.m_hqDiscount form .m_bmck_input input {height:30px;line-height:30px;border:none;width:165px;font-size:0.625rem;position:relative;top:-1px;}

.flonh {position:fixed;left:0;bottom:20%;width:102px;z-index:100;}
.flonh img {display:block;width:100%;}
@media screen and (min-width: 300px) and (max-width: 374px) {   
  .m_hqDiscount{width:295px;height:330px;margin-top:-210px;}
  .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{  
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">
       <div class="m_hqDiscountgb"><a href="javascript:void(0);"><img src="/image/fl-clx.png" alt=""></a></div>
  	   <form class="submit_area">
           <input type="hidden" name="hid" value="0">              <!-- 0 为公共报名，其它为楼盘ID-->
            <input type="hidden" name="source" value="87">     <!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明-->
            <input type="hidden" name="equipment" value="1">        <!--来源设备 （ PC端  2,手机端   1 ）-->
            <div class="m_bmck_input">
              <img src="/image/fl-tel.png" alt="">
              <input type="text" name="mobile" onfocus="this.placeholder=''"  onblur="this.placeholder='请输入您的手机号码'" placeholder="请输入您的手机号码">
            </div>
  	   	    <a class="wflbtn" href="javascript:void(0);"><img src="/image/fl-btn.png" alt=""></a>
    	   </form>
    </div>
</div>
	      
<div class="flonh"><img src="/image/fl-onh.png" alt=""></div>