123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta content="yes" name="apple-mobile-web-app-capable">
- <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
- <title>江湖抢单宝</title>
- <link rel="stylesheet" href="./common/reset.css">
- <link rel="stylesheet" href="./css/newLogin.css?v=1.0.2">
- <style>
- * {box-sizing: border-box;}
- html {background: #F6C060}
- body {
- min-height: 15.49rem;
- background-image: url("./img/newLogin.png?v=1.0.1");
- }
- .form {
- padding-top: .67rem;
- padding-left: .28rem;
- padding-right: .30rem;
- width: 7.1rem;
- height: 5.16rem;
- border-radius: .09rem;
- background: #fff;
- position: absolute;
- top: 8.76rem;
- left: 50%;
- transform: translate(-50%,0);
- }
- .input,.paw {
- box-shadow: none;
- }
- .paw {
- padding: 0 0.38rem;
- box-shadow: 0rem 0rem 0.02rem rgba(53,27,5,.5);
- }
- .input {
- padding: .38rem;
- box-shadow: 0rem 0rem 0.02rem rgba(53,27,5,.5);
- }
- .paw input {
- width: 40%;
- border-radius: .1rem;
- }
- .check {
- /* width: 1.92rem; */
- height: .69rem;
- line-height: .69rem;
- text-align: right;
- border-radius: .35rem;
- font-size: .33rem;
- /* background: #1950B6; */
- color: #1950B6;
- }
- .input, .paw {
- margin-bottom: .62rem;
- }
- input::-webkit-input-placeholder{
- color: #A6998D;
- font-size: .33rem;
- }
- input::-moz-placeholder{ /* Mozilla Firefox 19+ */
- color: #A6998D;
- font-size: .33rem;
- }
- input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
- color: #A6998D;
- font-size: .33rem;
- }
- input::-ms-input-placeholder{ /* Internet Explorer 10-11 */
- color: #A6998D;
- font-size: .33rem;
- }
- .bottom {color: #79554E;font-size: .26rem;}
- .button {
- width: 100%;
- height: .8rem;
- line-height: .8rem;
- text-align: center;
- background-color: #FF9600;
- color: #1D1D1D;
- font-size: .34rem;
- background-image: none;
- }
- </style>
- <script>
- document.documentElement.style.fontSize = (document.documentElement.clientWidth / 375) * 50 + "px";
- window.onresize = function () {
- document.documentElement.style.fontSize = (document.documentElement.clientWidth / 375) * 50 + "px";
- }
- </script>
- </head>
- <body>
- <div class="form">
- <div class="input">
- <input id="text" maxlength="11" placeholder="请输入11位手机号" type="tel">
- </div>
- <!-- <div class="paw">
- <input id="code" maxlength="4" placeholder="请输入验证码" type="tel">
- <button class="check">获取验证码</button>
- </div> -->
- <!-- <img class="button" src="./img/btn.png" alt=""> -->
- <div class="button">立即申请</div>
- </div>
- <div class="bottom">上饶市合一科技有限公司</div>
- <div class="alert-info" style="display: none;">
- <p></p>
- </div>
- <script src="./js/md5.js?v=1.11"></script>
- <script src="./common/jquery-2.1.0.js"></script>
- <script src="./js/assign.js"></script>
- </body>
- </html>
|