<!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: 1.46rem;
}
.page .form .text{
font-size: 0.15rem;
font-weight: bold;
}
.page .form .check{
padding-left: 1.36rem;
}
</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 left">*</p>
<p class="text">姓名：</p>
<input type="text" placeholder="用户姓名">
</div>
<div class="box">
<p class="text check">验证码：</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>