From 167752fe5f450fb200ef981275e301694d23b4b4 Mon Sep 17 00:00:00 2001
From: Lee-1203 <342694918@qq.com>
Date: Mon, 9 May 2022 18:08:45 +0800
Subject: [PATCH] lee

---
 css/style.css | 63 +++++++++++++++++++++++++++++++++++++++++++++++++++
 user.html     | 19 ++++++++--------
 2 files changed, 73 insertions(+), 9 deletions(-)

diff --git a/css/style.css b/css/style.css
index 7cf3f41..15374f4 100644
--- a/css/style.css
+++ b/css/style.css
@@ -806,6 +806,69 @@
 	width: 18%;
 }
 
+/* 个人资料页样式 */
+.information{
+	background-color: #fff;
+	padding: 18px;
+	border: 1px solid #e9ebed;
+	margin-bottom: 42px;
+}
+.information-list{
+	width: 78%;
+	margin: 0 auto;
+}
+.information-list li{
+	margin-top: 20px;
+	font-size: 16px;
+	color: #6b6b6b;
+}
+.information-list li>span em{
+	color: #ff0000;
+	margin-left: 5px;
+}
+.information-list li input{
+	width: 100%;
+	height: 52px;
+	padding: 0 15px;
+	border: 1px solid #e9ebed;
+	border-radius: 5px;
+	margin-top: 10px;
+	font-size: 14px;
+	color: #6b6b6b;
+}
+.half-section,
+.select-section{
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	flex-wrap: wrap;
+}
+.half-section input{
+	width: calc(50% - 8px) !important;
+}
+.select-section select{
+	width: calc(33.33% - 10px);
+	height: 52px;
+	padding: 0 15px;
+	border: 1px solid #e9ebed;
+	border-radius: 5px;
+	margin-top: 10px;
+	font-size: 14px;
+	color: #6b6b6b;
+	background-image: url(../images/icon/icon-arrow.png);
+	background-repeat: no-repeat;
+	background-position: calc(100% - 15px) center;
+	background-size: 11px 7px;
+}
+.information-btn{
+	display: block;
+	width: 240px;
+	height: 56px;
+	background-color: #00ffff;
+	border: 1px solid #00ffff;
+	font-size: 16px;
+	margin: 24px auto 40px;
+}
 
 
 
diff --git a/user.html b/user.html
index 2e2a7a8..8eeb3d3 100644
--- a/user.html
+++ b/user.html
@@ -132,46 +132,46 @@
 			
 			<div class="information">
 				<ul class="information-list">
-					<li>
+					<li class="wow fadeInUp">
 						<span>真实姓名<em>*</em></span>
 						<section>
 							<input type="text" placeholder="请填写您的真实姓名，方便账户核对" value="">
 						</section>
 					</li>
-					<li>
+					<li class="wow fadeInUp">
 						<span>联系电话<em>*</em></span>
 						<section>
 							<input type="text" value="13852526262">
 						</section>
 					</li>
-					<li>
+					<li class="wow fadeInUp">
 						<span>邮箱</span>
 						<section>
 							<input type="text" placeholder="请填写邮箱号码" value="">
 						</section>
 					</li>
-					<li>
+					<li class="wow fadeInUp">
 						<span>微信号</span>
 						<section>
 							<input type="text" placeholder="请填写邮箱微信号" value="">
 						</section>
 					</li>
-					<li>
+					<li class="wow fadeInUp">
 						<span>公司/职位</span>
-						<section>
+						<section class="half-section">
 							<input type="text" placeholder="请填写公司名称" value="">
 							<input type="text" placeholder="请填写职位名称" value="">
 						</section>
 					</li>
-					<li>
+					<li class="wow fadeInUp">
 						<span>个人账户<em>*</em></span>
 						<section>
 							<input type="text" placeholder="请填写个人账户" value="">
 						</section>
 					</li>
-					<li>
+					<li class="wow fadeInUp">
 						<span>常驻地址</span>
-						<section>
+						<section class="select-section">
 							<select name="province">
 								<option value="">北京</option>
 								<option value="">上海</option>
@@ -191,6 +191,7 @@
 						</section>
 					</li>
 				</ul>
+				<button class="information-btn wow fadeInUp">确认提交</button>
 			</div>
 		</div>