From da4c95cf5d99a7685fe7a80e15cb8cdaf5d994d8 Mon Sep 17 00:00:00 2001
From: Lee-1203 <342694918@qq.com>
Date: Tue, 15 Feb 2022 11:15:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=AA=8C=E8=AF=81=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 contact.html  |  8 +++++++-
 css/style.css | 28 ++++++++++++++++++++++++----
 2 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/contact.html b/contact.html
index fa0ae08..725fe2b 100644
--- a/contact.html
+++ b/contact.html
@@ -128,8 +128,14 @@
 									<input type="text" name="name" placeholder="您的称呼" value="" />
 									<input type="text" name="phone" placeholder="您的联系方式" value="" />
 									<input type="email" name="email" placeholder="您的邮箱地址" value="" />
+									<span>
+										<input type="txt" name="yzm" placeholder="输入验证码" value="" /><em><img src="./imgs/news-page.jpg" alt=""></em>
+									</span>
 								</div>
-								<textarea name="msg" placeholder="留言内容"></textarea>
+								<div class="form-bottom">
+									<textarea name="msg" placeholder="留言内容"></textarea>
+								</div>
+								
 								<button class="contact-btn" type="button">提交</button>
 							</div>
 						</div>
diff --git a/css/style.css b/css/style.css
index 9a30d07..efdb567 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1788,22 +1788,42 @@ textarea::-webkit-input-placeholder {
 	justify-content: space-between;
 	margin-top: 20px;
 }
-.form-top input,
-.form-txt>textarea{
-	width: 31.5%;
+.form-top>input,
+.form-top>span>input,
+.form-bottom>textarea{
+	display: block;
+	width: 23.5%;
 	height: 60px;
 	padding: 0 17px;
 	background-color: #f4f5f7;
 	border: 1px solid #ebecf3;
 	font-size: 15px;
 }
-.form-txt>textarea{
+.form-bottom>textarea{
 	width: 100%;
 	height: 190px;
 	padding: 10px 17px;
 	margin-top: 12px;
 	line-height: 1.8;
 }
+.form-top>span{
+	display: flex;
+	justify-content: space-between;
+	width: 23.5%;
+}
+.form-top>span>input{
+	width: 62%;
+}
+.form-top>span em{
+	display: block;
+	width: 37%;
+	height: 60px;
+	overflow: hidden;
+}
+.form-top>span em img{
+	width: 100%;
+	min-height: 60px;
+}
 
 .contact-btn{
 	display: block;