dialog.php 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <style>
  2. .dialogbox {position:fixed;top:0;left:0;bottom:0;width:100%;background:rgba(0,0,0,0.5);z-index:10000;display:none;}
  3. .ww-apply {position:absolute;top:12%;padding:0 5%;}
  4. .ww-cls {position:absolute;right:10%;top:0;}
  5. .w-apply-title{ width: 100%; height: auto;}
  6. .w-apply-title img{ width: 100%; height: auto;}
  7. .ww-cls > img {display:inline-block;width:17px;height:17px;}
  8. .w-apply-form {width:79%;margin:10px auto 0;position:relative;left:3%;}
  9. .textfield {display:block;width:100%;height:36px;line-height:36px;border:none;text-align:center;border-radius:20px;font-size:1rem;}
  10. .submit_area a.ww_btn {display:block;height:36px;line-height:36px;text-align:center;background:#0683E9;color:#fff;font-weight:bold;font-size:1.025rem;border-radius:20px;margin-top:15px;}
  11. </style>
  12. <div class="dialogbox">
  13. <div class="ww-apply">
  14. <div class="ww-cls"><img src="/image/dialog-cls.png" alt=""></div>
  15. <div class="w-apply-title">
  16. <img src="/image/dialog.png" alt="">
  17. </div>
  18. <div class="w-apply-main">
  19. <div class="w-apply-form">
  20. <form class="submit_area">
  21. <input type="hidden" name="hid" value="1817">
  22. <input type="hidden" name="source" value="67">
  23. <input type="hidden" name="equipment" value="1">
  24. <input type="text" placeholder="请输入您的手机号码" name="mobile" class="textfield">
  25. <a class="ww_btn m_dpbox_submien" href="javascript:void(0);">立即报名/立享优惠</a>
  26. </form>
  27. </div>
  28. </div>
  29. </div>
  30. </div>