Ei kuvausta

newLogin.html 3.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  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::-webkit-input-placeholder{
  56. color: #A6998D;
  57. font-size: .33rem;
  58. }
  59. input::-moz-placeholder{ /* Mozilla Firefox 19+ */
  60. color: #A6998D;
  61. font-size: .33rem;
  62. }
  63. input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
  64. color: #A6998D;
  65. font-size: .33rem;
  66. }
  67. input::-ms-input-placeholder{ /* Internet Explorer 10-11 */
  68. color: #A6998D;
  69. font-size: .33rem;
  70. }
  71. .bottom {color: #79554E;font-size: .26rem;}
  72. .button {
  73. width: 100%;
  74. height: .8rem;
  75. line-height: .8rem;
  76. text-align: center;
  77. background-color: #FF9600;
  78. color: #1D1D1D;
  79. font-size: .34rem;
  80. background-image: none;
  81. }
  82. </style>
  83. <script>
  84. document.documentElement.style.fontSize = (document.documentElement.clientWidth / 375) * 50 + "px";
  85. window.onresize = function () {
  86. document.documentElement.style.fontSize = (document.documentElement.clientWidth / 375) * 50 + "px";
  87. }
  88. </script>
  89. </head>
  90. <body>
  91. <div class="form">
  92. <div class="input">
  93. <input id="text" maxlength="11" placeholder="请输入11位手机号" type="tel">
  94. </div>
  95. <div class="paw">
  96. <input id="code" maxlength="4" placeholder="请输入验证码" type="tel">
  97. <button class="check">获取验证码</button>
  98. </div>
  99. <!-- <img class="button" src="./img/btn.png" alt=""> -->
  100. <div class="button">立即申请</div>
  101. </div>
  102. <div class="bottom">上饶市合一科技有限公司</div>
  103. <div class="alert-info" style="display: none;">
  104. <p></p>
  105. </div>
  106. <script src="./js/md5.js?v=1.11"></script>
  107. <script src="./common/jquery-2.1.0.js"></script>
  108. <script src="./js/newlogin.js?v=1.0.112"></script>
  109. </body>
  110. </html>