暫無描述

assignLogin.html 3.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="yes" name="apple-mobile-web-app-capable">
  6. <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
  7. <title>江湖抢单宝</title>
  8. <link rel="stylesheet" href="./common/reset.css">
  9. <link rel="stylesheet" href="./css/newLogin.css?v=1.0.2">
  10. <style>
  11. * {box-sizing: border-box;}
  12. html {background: #F6C060}
  13. body {
  14. min-height: 15.49rem;
  15. background-image: url("./img/newLogin.png?v=1.0.1");
  16. }
  17. .form {
  18. padding-top: .67rem;
  19. padding-left: .28rem;
  20. padding-right: .30rem;
  21. width: 7.1rem;
  22. height: 5.16rem;
  23. border-radius: .09rem;
  24. background: #fff;
  25. position: absolute;
  26. top: 8.76rem;
  27. left: 50%;
  28. transform: translate(-50%,0);
  29. }
  30. .input,.paw {
  31. box-shadow: none;
  32. }
  33. .paw {
  34. padding: 0 0.38rem;
  35. box-shadow: 0rem 0rem 0.02rem rgba(53,27,5,.5);
  36. }
  37. .input {
  38. padding: .38rem;
  39. box-shadow: 0rem 0rem 0.02rem rgba(53,27,5,.5);
  40. }
  41. .paw input {
  42. width: 40%;
  43. border-radius: .1rem;
  44. }
  45. .check {
  46. /* width: 1.92rem; */
  47. height: .69rem;
  48. line-height: .69rem;
  49. text-align: right;
  50. border-radius: .35rem;
  51. font-size: .33rem;
  52. /* background: #1950B6; */
  53. color: #1950B6;
  54. }
  55. .input, .paw {
  56. margin-bottom: .62rem;
  57. }
  58. input::-webkit-input-placeholder{
  59. color: #A6998D;
  60. font-size: .33rem;
  61. }
  62. input::-moz-placeholder{ /* Mozilla Firefox 19+ */
  63. color: #A6998D;
  64. font-size: .33rem;
  65. }
  66. input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
  67. color: #A6998D;
  68. font-size: .33rem;
  69. }
  70. input::-ms-input-placeholder{ /* Internet Explorer 10-11 */
  71. color: #A6998D;
  72. font-size: .33rem;
  73. }
  74. .bottom {color: #79554E;font-size: .26rem;}
  75. .button {
  76. width: 100%;
  77. height: .8rem;
  78. line-height: .8rem;
  79. text-align: center;
  80. background-color: #FF9600;
  81. color: #1D1D1D;
  82. font-size: .34rem;
  83. background-image: none;
  84. }
  85. </style>
  86. <script>
  87. document.documentElement.style.fontSize = (document.documentElement.clientWidth / 375) * 50 + "px";
  88. window.onresize = function () {
  89. document.documentElement.style.fontSize = (document.documentElement.clientWidth / 375) * 50 + "px";
  90. }
  91. </script>
  92. </head>
  93. <body>
  94. <div class="form">
  95. <div class="input">
  96. <input id="text" maxlength="11" placeholder="请输入11位手机号" type="tel">
  97. </div>
  98. <!-- <div class="paw">
  99. <input id="code" maxlength="4" placeholder="请输入验证码" type="tel">
  100. <button class="check">获取验证码</button>
  101. </div> -->
  102. <!-- <img class="button" src="./img/btn.png" alt=""> -->
  103. <div class="button">立即申请</div>
  104. </div>
  105. <div class="bottom">上饶市合一科技有限公司</div>
  106. <div class="alert-info" style="display: none;">
  107. <p></p>
  108. </div>
  109. <script src="./js/md5.js?v=1.11"></script>
  110. <script src="./common/jquery-2.1.0.js"></script>
  111. <script src="./js/assign.js"></script>
  112. </body>
  113. </html>