<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>账号绑定-账户设置-科袖网</title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/reset.css" />
<link type="text/css" href="css/index.css" rel="stylesheet">
<link type="text/css" href="css/common.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
</head>
<body>
	
<!--浮动窗口-->
<div class="coverblock cover">
	<div class="floatbox" id="bindmail">
		<div class="float-title">
			邮箱绑定
			<span class="times"></span>
		</div>
        <form class="bdfrm" action="" name="bdemail">
        	<p>验证您的邮箱地址,完成邮箱账号绑定</p>
            <input type="text" placeholder="请输入您的邮箱地址" class="yz" id="email" onblur="valEmail()" >
            <div class="msg-yz msg11"><span></span></div>
            <div style="text-align: center;">
            	<input type="button" value="发送验证邮件" class="activate act-color sett" onClick="bindEmail()" >
            </div>
        </form>
	</div>
</div>

<div class="coverblock coverset" id="vovernext">
	<div class="floatbox" style="width:460px;">
		<div class="float-title">
			邮箱绑定
			<span class="times"></span>
		</div>
        <form class="bdfrm" action="" name="bdemail">
        	<p>绑定邮箱验证链接已发送至</p>
        	<p class="emalvel" style="color:#FF9900"></p>
            <p style="font-size: 12px;">请您在10分钟内登录邮箱激活链接验证</p>
            <div style="text-align: center;">
           		 <input type="button" value="登录邮箱完成验证" class="activate act-color" style="width:160px" id="bindgo">
            </div>
        </form>
	</div>
</div>

<div class="coverblock cover2">
	<div class="floatbox" id="bindphone">
		<div class="float-title">
			手机绑定
			<span class="times" ></span>
		</div>
		
        <form class="bdfrm" action="" name="bdphone">
        	<p>验证您的手机号,完成手机账号绑定</p>
            <input type="text" placeholder="请输入您的手机号" class="yz" id="phone" onBlur="valPhone()">
            <div class="msg-yz msg12"></div>
            <input type="text" placeholder="请输入短信验证码" class="psd input-code" style="height:36px;" maxlength="4" id="phoneCode"  onBlur="valCode()">
            <input type="button" value="获取短信验证码" class="infor-code" onClick="sendPhoneCode()">
            <div class="msg-yz msg13"></div>
            <div style="text-align: center;">
            	<input type="button" value="完成绑定" class="activate act-color" onClick="bindPhone()">
            </div>
        </form>
	</div>
</div>
	
<!--头部-->
<header id="header">
	<script src="js/header.js"></script>
</header>
<!--内容-->
<div id="container">
	<div class="containerCon">
		<div class="account">
			<div class="account-set">
					<div class="account-title">账号设置</div>
					<!-- <a href="#"  class="leftsidebar">个人信息</a> -->
					<a href="account-set.html" class="leftsidebar">修改密码</a>
					<a href="javascript:;" class="leftsidebar bgcolor">账号绑定</a>
					<!--<a href="javascript:;" class="leftsidebar" id="sfnav">身份认证</a>-->
					<a href="realname-authentication.html" class="leftsidebar">实名认证</a>
					<a href="expert-authentication.html" class="leftsidebar">专家认证</a>
				</div>
			<div class="contentbox">
				<div class="content-set">
					<div class="content-title">账号绑定</div>
					<div class="note">绑定后,您可以同时使用以下方式登录科袖网</div>
					<div class="unbinding">
						<div class="replace1"><span class="email-icon "></span>绑定邮箱账号<input type="button" value="绑定" class="replace"></div>
						<div class="replace2"><span class="phone-icon "></span>绑定手机账号<input type="button" value="绑定" class="replace"></div>
		                <div class="replace3">
		                	<span class="email-icon"></span>您已绑定邮箱  <span id="emailShow"></span>
		                	<input type="button" value="更换" class="replace replace5"><br>
						</div>
						<div class="replace4">
							<span class="phone-icon "></span>您已绑定手机  <span id="phoneShow"></span>
							<input type="button" value="更换" class="replace replace6" >
						</div>
					</div>
				</div>
			</div>	
		</div>
	</div>
</div>

<!--底部-->
<footer>
	<script type="text/javascript" src="js/footer.js"></script>
</footer>

<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript" src="js/public/baseUtil.js"></script>
<script type="text/javascript" src="js/public/genCom.js"></script>
<script type="text/javascript" src="js/settings/account-binding.js"></script> 

</body>
</html>