|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>科袖网，搭建企业与专家的桥梁</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="../css/common.css">
<style>
body{background: url(../images/frmPageBg.jpg) no-repeat;background-size:cover;background-attachment: fixed;}
.form-group{border-radius:4px;overflow: hidden;background:#FFFFFF;padding:2%;}
.form-control{width:98%;border:none;border-radius:0;margin:4px;box-shadow: none;border-bottom:1px solid #efefef;}
.form-control:focus{box-shadow: none;border-bottom:1px solid #efefef;}
.form-control:last-child{border:none;}
.input-group-addon{border:none;cursor: pointer;color:#FFFFFF;}
.input-group-addon:last-child{border:none;}
.btn{font-size: 16px;line-height: 1;color:#FFFFFF;margin: 30px 0;}
.protocollink{ color: #FF9900;}
.checkBg{background: url(../images/checkApp.png) 0 center no-repeat;padding-left:18px;line-height: 24px; background-size:auto 60%}
.canPoint{background:#ff9900;color:#FFFFFF;}/*按钮可点击状态*/
.canPoint2{background:#ccc;color:#FFFFFF;}/*按钮可点击状态*/
.canPoint:hover{color:#FFFFFF;box-shadow: 0px 0px 16px rgba(255,255,255,0.4) inset;}
/*logo盒子的相关*/
.logobox{ padding:6% 6% 3% 6%; margin:20% auto 6% ; }
.logolink{display: block;max-width:28%;min-width:100px;margin: auto;}
.logoimg{ width: 100%; margin: auto; text-align:center;}
.inviteTit{text-align: center; font-size: 18px;line-height: 40px;margin-top:30px;}
.inviteTit span{font-size:20px;line-height: 44px; padding:0 6px; color:#FF9900}
.bomb-box{background-color:rgba(000,000,000,0.5); padding:5px 15px; border-radius:50px; font-size: 12px; color: #fff; text-align:center; position: absolute; display: inline; left:50%; top:25%}
</style>
</head>
<body>
<div class="contentBody2" style="max-width: 640px;margin:auto;">
<div class="logobox">
<a class="logolink" href="javascript:;">
<img class="logoimg" src="../images/logo4.png" />
</a>
<div class="inviteTit">
<span></span> 邀请您加入科袖
</div>
</div>
<form class="form-inline" role="form" style="width: 90%;margin:auto">
<div class="form-group">
<input type="phone" class="form-control" placeholder="请输入您的手机号码" id="userphone" autocomplete="off">
<div class="input-group" style="margin:6px 0;">
<input class="form-control" style="width: 97%;" type="text" placeholder="请输入验证码" id="code" autocomplete="off">
<div class="input-group-addon canPoint" id="obtain-code" >获取验证码</div>
<div class="input-group-addon canPoint2" id="getcodeoff" style="display: none;"></div>
</div>
<input type="password" class="form-control" placeholder="请设置您的登录密码" id="password" autocomplete="off">
</div>
<div class="checkbox" style="padding:0">
<label style="font-size:13px;color:#efefef;">
<div class="checkBg">
已同意 <a href="privacyApp.html" class="protocollink" target="_blank">科袖网用户协议</a>
</div>
</label>
</div>
<button type="button" class="btn btn-lg btn-block canPoint" id="regbtn" disabled="disabled">注册</button>
</form>
</div>
<div class="bomb-box" style="display: none;"></div>
<script type="text/javascript" src="../js/jquery-1.11.1.js" ></script>
<script type="text/javascript" src="../js/jquery.cookie.js" ></script>
<script type="text/javascript" src="../js/common.js" ></script>
<script type="text/javascript" src="../js/invite-friends.js" ></script>
</body>
</html>
|
