1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0,viewport-fit=cover">
- <title></title>
- <link rel="stylesheet" href="../css/order.css">
- <style>
- body{
- padding: 0.2rem;
- }
- .page .h1{
- color: skyblue;
- font-size: 1rem;
- text-align: center;
- }
- .page .content .h2{
- font-size: 0.16rem;
- padding-left: 1rem;
- }
- .page .content .form{
- border-top: 0.2rem solid skyblue;
- box-shadow: 0 0 2.5rem rgba(75, 86, 101, 0.3);
- margin-top: 0.6rem;
- }
- .page .form .box{
- display: flex;
- margin-left:2rem;
- }
- .page .form .icon{
- color: red;
- margin: auto 0;
- }
- .page .form .left{
- padding-left: 4rem;
- }
- .page .form .text{
- font-size: 0.15rem;
- font-weight: bold;
- }
- </style>
- </head>
- <body>
- <div class="page">
- <p class="h1">IQQA精准术前三维评估及手术规划</p>
- <div class="content">
- <p class="h2">请告诉我们您的手机号码,使我们能够及时通知到您服务的进度。</p>
- <div class="form">
- <p></p>
- <div class="box">
- <p class="icon">*</p>
- <p class="text">手机号码:</p>
- <input class="iphone" type="text" placeholder="手机号码">
- </div>
- <div class="box">
- <p class="icon">*</p>
- <p class="text left">姓名:</p>
- <input type="text" placeholder="用户姓名">
- </div>
- <div>
- <p class="text">验证码:</p>
- <input type="text" placeholder="验证码">
- </div>
- <button>获取验证码</button>
- </div>
- </div>
- </div>
- </body>
- <script type="text/javascript" src="../js/jquery.min.js"></script>
- <script src="../js/distpicker.data.min.js"></script>
- <script src="../js/distpicker.min.js"></script>
- <script>
- </script>
- </html>
|