邀请论文专利作者和发明人

css/share.css

@@ -2,6 +2,7 @@
/* CSS Document */
html,body {margin:0;padding:0px;background: #efeff4;}
.contentBody2{max-width:640px;margin:auto;}
.contentBody2 *{-webkit-user-select: none;}
.iconfontnew{display: inline-block;width: 18px;height: 18px;*margin-right: .3em;line-height: 18px;vertical-align: text-top;
  background-position: center center; background-repeat: no-repeat;background-size: cover;}
.icon-address{width:11px;height:14px;background-image: url("../images/personal_icon_dizhi_nor@3x.png");background-size:cover;line-height: 14px;}
@@ -28,15 +29,15 @@ html,body {margin:0;padding:0px;background: #efeff4;}
.invitebody .form-control.input_code{background-image: url(../images/wechat_icon_yanzhengma_nor@3x.png);}
.invitebody .form-control.input_pwd{background-image: url(../images/wechat_icon_mima_nor@3x.png);}
.invitebody .btn{font-size: 16px;line-height: 1;color:#FFFFFF;margin: 30px 0;padding: 12px 16px;}
.invitebody .btn[disabled]{opacity: 0.65;color:#AAAAAA;}
.invitebody .btn.input-group-addon{width:auto;border:none;position: absolute;right: 0;top:50%;margin-top:-21px;cursor: pointer;padding: 14px 24px 13px;border-radius:6px;}
.invitebody .btn{font-size: 16px;font-weight: bold;line-height: 1;color:#FFFFFF;margin: 30px 0;padding: 12px 16px;}
.invitebody .btn[disabled]{ background: rgba(256,256,256,.6);color:#AAAAAA;}
.invitebody .btn.input-group-addon{width:auto;border:none;position: absolute;right:-1px;top:50%;margin-top:-22px;cursor: pointer;padding: 14px 24px 14px;border-radius:6px;}
.invitebody .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child){border-radius:5px;}
.invitebody .protocollink{ color: #FFFFFF;}
.invitebody .checkReg.checkboxT{padding:0;margin-top:-22px;color: #FFFFFF;font-size: 14px;}
.invitebody .checkBg{background: url(../images/checkApp.png) 0 center no-repeat;padding-left:18px;line-height: 24px; background-size:auto 14px;}
.invitebody .canPoint{background: rgba(256,256,256,1);color:#ff9900;opacity: 0.8;}/*按钮可点击状态*/
.invitebody .canPoint:hover{box-shadow: 0px 0px 16px rgba(255,255,255,0.4) inset;color:#ff9900;outline: none;}
.invitebody .canPoint:hover{box-shadow: 0px 0px 16px rgba(255,255,255,0.2) inset;outline: none;}
/*logo盒子的相关*/
.invitebody .logobox{ padding:6% 6% 3% 6%; margin:14% auto 10px; }
.invitebody .logolink{display: block;max-width:36%;min-width:100px;margin: auto;}
@@ -47,9 +48,9 @@ html,body {margin:0;padding:0px;background: #efeff4;}
.invitebody .inforbox{padding:20px 0 10px;}
.invitebody .inforbox ul{padding:10px 0;}
.invitebody .inforbox ul li{position: relative;margin:12px 0;}
.invitebody .inforbox .lefticon{position: absolute;top:4px;width: 24px;height: 24px;} 
.invitebody .inforbox .rightcon{padding-left:36px;color: #FFFFFF;}
.invitebody .inforbox .rightcon h2{font-size:16px;line-height:26px;}
.invitebody .inforbox .lefticon{position: absolute;top:4px;width: 28px;height: 28px;} 
.invitebody .inforbox .rightcon{padding-left:40px;color: #FFFFFF;}
.invitebody .inforbox .rightcon h2{font-size:17px;line-height:26px;}
.invitebody .inforbox .rightcon p{font-size:14px;line-height:20px;}
			
/*****************************2017.05新版文章资源样式************************/
@@ -183,6 +184,7 @@ ul.tagList>li .h2Font{color: #666;}
.seeMore em{font-style: normal;position:absolute;left:50%;margin-left: -24px;padding-right:5px;}
.seeMore em:before{border: solid transparent;border-left-color:#ccc;border-width: 7px;content: " ";position: absolute;left: 100%;top: 12px;}
.seeMore em:after{border: solid transparent;border-left-color:#fff;border-width: 5px;content: " ";position: absolute;left: 100%;top: 14px;}
.seeMore:active{background: none;}
.detailInfo>ul>li{color:#333;padding-left:0;}
.detailInfo>ul>li>span{color:#666}
@@ -209,4 +211,28 @@ ul.tagList>li .h2Font{color: #666;}
.Ecodebox .Ecodecon .codecon{padding-left:100px;text-align: center;}
.Ecodebox .Ecodecon .codecon h1{font-size: 18px;line-height:40px;font-weight:bold;color:#333;}
.Ecodebox .Ecodecon .codecon h2{font-size: 16px;line-height:30px;font-weight:normal;color:#333;}
.Ecodebox .Ecodecon .codecon h3{font-size: 14px;line-height:28px;font-weight:normal;color:#666;}
.Ecodebox .Ecodecon .codecon h3{font-size: 14px;line-height:28px;font-weight:normal;color:#666;}
/*专利论文邀请作者*/
.invitebody2{background:#ffbd51;padding-bottom:30px;}
.topSTit{position:relative;max-width:640px;padding:20px 0;text-align: center;}
.topSTit img{width: 100%;}
.topSTit .titSort{position:relative;padding: 0 50px 20px;top:-16px;}
.topSTit .titSort .biaoti{margin-bottom: 30px;}
.invitebody2 .formblock{width: 90%;margin:0 auto;padding:30px 30px 20px;background:url(../images/share_bg_zhuce_nor@3x.png) right 0 no-repeat #ffe38d;background-size:100%;border-radius:6px;}
.invitebody2 .form-control{background: #fff;border-radius: 6px;color:#666;font-size:16px;padding-left: 12px;}
.invitebody2 .form-control:-moz-placeholder {color:#bbb;}
.invitebody2 .form-control::-moz-placeholder {color:#bbb;}
.invitebody2 input.form-control:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#bbb;}
.invitebody2 input.form-control::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#bbb;}
.invitebody2 .canPoint{color: #fff;background: #f75243;opacity: 1;}
.formTit{color:#781f1d;font-weight: bold;font-size:18px;line-height: 28px;margin:10px 0;}
.invitebody2 .inforbox2{width: 80%;margin: auto;text-align: center;font-size:16px;color: #d79222;}
.invitebody2 .inforbox2 .btn{margin: 20px 0 6px;}
.invitebody2 .inforbox2 h4{color:#781F1D;font-size:17px;}
.invitebody2 .inforbox2 .topIn{color:#781F1D;font-size:17px;font-weight: bold;margin-bottom: 40px;margin-top:-20px}
.invitebody2 .inforbox2 .topIn em{display:inline-block;width:32px;height:32px;background-size: cover;position: relative;top: 10px;left: -6px;}
.invitebody2 .inforbox2 .topIn .shibai{background-image:url(../images/share_icon_shibai_nor@3x.png);}
.invitebody2 .inforbox2 .topIn .chenggong{background-image:url(../images/share_icon_chenggong_nor@3x.png);}
.invitebody2 .inforbox ul{width: 280px;margin: auto;}
.invitebody2 .inforbox .rightcon{color: #cc8610;}

ekexiu/Invitation.html

@@ -13,7 +13,7 @@
</style>
</head>
<body class="invitebody">
<div class="contentBody2" style="max-width: 640px;margin:auto;">
<div class="contentBody2">
	<div class="logobox">
		<a class="logolink" href="javascript:;">
			<img class="logoimg" src="../images/wechat_icon_logo_nor@3x.png" />

ekexiu/InvitationNew.html

@@ -1,95 +0,0 @@
<!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">
<link rel="stylesheet" href="../css/share.css">
<style type="text/css">
	html,body{min-height: auto;background: url(../images/wechat_bg_img_nor@3x.png) no-repeat;background-size:cover;background-attachment: fixed;}
</style>
</head>
<body class="invitebody">
<div class="contentBody2" style="max-width: 640px;margin:auto;">
	<div class="logobox">
		<a class="logolink" href="javascript:;">
			<img class="logoimg" src="../images/wechat_icon_logo_nor@3x.png" />
		</a>
	</div>
	
	<form class="form-inline" role="form" style="width: 90%;margin:auto">
		<!--填写表单信息-->
		<div class="formblock">
			<div class="inviteTit">
				<span></span> 邀请您加入「科袖」
			</div>
			<div class="form-group">
				<div class="input-group">
			    	<input type="text" class="form-control input_name" placeholder="请输入您的姓名" id="username" autocomplete="off">
			    </div>
				<div class="input-group">
			    	<input type="phone" class="form-control input_phone" placeholder="请输入您的手机号码" id="userphone" autocomplete="off">
			    </div>
			    <div class="input-group">
			      <input class="form-control input_code" type="text" placeholder="请输入验证码" id="code" autocomplete="off">
			      <button type="button" class="btn input-group-addon canPoint" id="obtain-code">获取验证码</button>
			    </div>
			    <div class="input-group">
			    	<input type="password" class="form-control input_pwd" placeholder="请设置您的登录密码" id="password" autocomplete="off">
			    </div>
			</div>
			<div class="checkboxT checkReg">
		        <div class="checkBg">
		        	已同意 <a href="privacyApp.html" class="protocollink" target="_blank">科袖网用户协议</a>
		        </div>
			</div>
		    <button type="button" class="btn btn-lg btn-block canPoint" disabled id="regbtn">注册</button>
	    </div>
	    <!--注册成功时显示-->
	    <div class="inviteSucceed displayNone">
	    	<div class="inviteTit">
				注册成功！<br/>欢迎您加入「科袖」
			</div>
			<a style="margin:60px 0 54px;" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app" class="btn btn-lg btn-block canPoint">点击下载「科袖」app</a>
	    </div>
	    <!--文档信息-->
		<div class="inforbox">
			<img src="../images/wechat_bg_img_wenben_nor@3x.png" width="100%"/>
			<ul>
				<li>
					<img class="lefticon" src="../images/wechat_icon_pro_nor@3x.png"/>
					<div class="rightcon">
						<h2>认证成为「科袖」专家</h2>
						<p>寻找企业合作，将您的科研价值变现！</p>
					</div>
				</li>
				<li>
					<img class="lefticon" src="../images/wechat_icon_xuqiu_nor@3x.png"/>
					<div class="rightcon">
						<h2>发布研发需求</h2>
						<p>寻找专家帮您解决研发难题！</p>
					</div>
				</li>
				<li>
					<img class="lefticon" src="../images/wechat_icon_yaoqing_nor@3x.png"/>
					<div class="rightcon">
						<h2>邀请好友加入</h2>
						<p>获取丰厚积分奖励，好礼随意换！</p>
					</div>
				</li>
			</ul>
		</div>
	</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>

ekexiu/InviteAuthor.html

@@ -0,0 +1,50 @@
<!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">
<link rel="stylesheet" href="../css/share.css">
</head>
<body class="invitebody invitebody2">
<div class="contentBody2">
	<div class="topSTit">
		<img src="../images/share_bg_img_nor@3x.png" />
		<div class="titSort">
			<img class="biaoti" src="../images/share_bg_lunwen_nor@3x.png"/>
			<img src="../images/share_bg_huanying_nor@3x.png" />
		</div>
		
	</div>
	<form class="form-inline" role="form">
		<!--填写表单信息-->
		<div class="formblock">
			<div class="formTit">《无机磷(磷酸根)诊断/测定试剂盒及无机磷(磷酸根)浓度测定方法》</div>
			<div class="form-group">
				<div class="input-group">
			    	<input type="text" class="form-control input_name" placeholder="请输入您的姓名" id="username" autocomplete="off">
			    </div>
				<div class="input-group">
			    	<input type="phone" class="form-control input_phone" placeholder="请输入您的手机号码" id="userphone" autocomplete="off">
			    </div>
			    <div class="input-group">
			      <input class="form-control input_code" type="text" placeholder="请输入验证码" id="code" autocomplete="off">
			      <button type="button" class="btn input-group-addon canPoint" id="obtain-code">获取验证码</button>
			    </div>
			</div>
		    <button type="button" class="btn btn-lg btn-block canPoint" disabled id="regbtn">立即认领</button>
	    </div>
	</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>

ekexiu/InviteResult.html

@@ -0,0 +1,70 @@
<!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">
<link rel="stylesheet" href="../css/share.css">
</head>
<body class="invitebody invitebody2">
<div class="contentBody2">
	<div class="topSTit">
		<img src="../images/share_bg_img_nor@3x.png" />
		<div class="titSort"><!--已经注册的用户这块可以不显示-->
			<img class="biaoti" src="../images/share_bg_zhucechenggong_nor@3x.png"/>
			<img src="../images/share_bg_huanying_x_nor@3x.png" />
		</div>
	</div>
	<form class="form-inline" role="form">
	    <!--文档信息-->
	    <div class="inforbox2">
	    	<div class="cGbox"><!--成功提示-->
	    		<div class="topIn"><em class="chenggong"></em>该专利已成功认领</div>
	    		<h4>赶快登录查看哪些企业正在等您合作</h4>
	    	</div>
	    	<div class="sBbox displayNone"><!--失败提示-->
	    		<div class="topIn"><em class="shibai"></em>该论文的作者信息与您不符</div>
	    		<h4>赶快登录科袖网查看详情</h4>
	    	</div>
			<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app" class="btn btn-lg btn-block canPoint">点击下载「科袖」app</a>
			<span>或使用PC登录科袖网 www.ekexiu.com</span>
	    </div>
		<div class="inforbox">
			<ul>
				<li>
					<img class="lefticon" src="../images/share_icon_zhuanjia_nor@3x.png"/>
					<div class="rightcon">
						<h2>认证成为「科袖」专家</h2>
						<p>寻找企业合作，将您的科研价值变现！</p>
					</div>
				</li>
				<li>
					<img class="lefticon" src="../images/share_icon_fabu_nor@3x.png"/>
					<div class="rightcon">
						<h2>发布研发需求</h2>
						<p>寻找专家帮您解决研发难题！</p>
					</div>
				</li>
				<li>
					<img class="lefticon" src="../images/share_icon_haoyou_nor@3x.png"/>
					<div class="rightcon">
						<h2>邀请好友加入</h2>
						<p>获取丰厚积分奖励，好礼随意换！</p>
					</div>
				</li>
			</ul>
		</div>
	</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>

ekexiu/invitSucceed.html

@@ -1,48 +0,0 @@
<!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;}
.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;}/*按钮可点击状态*/
.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: 30px;margin-top:60px;}
.inviteTit span{font-size:20px;line-height: 44px; padding:0 6px; color:#FF9900}
.appcodeBox{color:#FFFFFF;line-height: 40px;}
.appcodeBox .app_code{ width:180px; height:180px; text-align: center;}
</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">
			注册成功!<br/>
			欢迎加入「科袖网」
		</div>
	</div>
	<div style="text-align: center;">
		<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app" class="btn canPoint" style="padding:8px 40px;font-size:15px;">点击下载科袖App</a>
		<div class="appcodeBox">
            <img class="app_code" src="../images/weixin_code.jpg" width="100%">
            <p>扫描关注科袖公众号</p>
        </div>
	</div>
</div>
</body>
</html>